Ver código fonte

style:“优化订单明细样式”

soobin 1 ano atrás
pai
commit
721fe64ce2

+ 2 - 1
src/styles/alarmClock/index.less

@@ -73,6 +73,7 @@
     .section6 {
       width: 100%;
       padding: 10px 10px;
+      height: 100px;
 
       .TextGroup2 {
         width: 25%;
@@ -154,7 +155,7 @@
           .group4 {
             width: 13px;
             height: 14px;
-            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb70cca70325ff31d341004d9ce7ebf2d5f692bbe3bf755d9d44b36aa78c21c77) top center no-repeat;
+            background: url('../../assets/delete.png') top center no-repeat;
             background-size: 100%;
             margin-top: 1px;
           }

+ 1 - 1
src/styles/orderCenter/index.less

@@ -538,7 +538,7 @@
               white-space: nowrap;
               line-height: 12px;
               display: block;
-              margin-top: 40px;
+              // margin-top: 30px;
             }
 
             .main11 {

+ 9 - 11
src/views/orderCenter/index.vue

@@ -101,23 +101,21 @@
                     </template>
                     <template #price>
                       <div class="pricBox flex-row align-end" :class="{ orderError: item.status === 0 }">
-                        <span class="txt9">{{ item.statusText }}:</span>
+                        <span class="txt9">{{ item.statusText }}:
+                          <span v-if="user.ifForeign === '0'" class="word14 o-ptb-8">
+                            {{ $t('orderCenter.dividingDomesticService') }} :{{ currencySymbol }}{{ showSubcom(item) }}
+                          </span>
+                        </span>
                         <!-- 订单明细 - 线下支付 ¥ -->
-                        <!-- <span class="info5">&yen;</span> -->
                         <span class="info5">{{ currencySymbol }}</span>
                         <span class="word12" v-if="item.status === 3">{{ item.price.toFixed(2) }}</span>
                         <span class="word12" v-else>{{ item.refundAmount == null ? item.price.toFixed(2) : (item.price -
                           item.refundAmount).toFixed(2) }}</span>
-                        <!-- 分佣¥ -->
-                        <!-- <span class="word14">{{ $t('orderCenter.dividingDomesticService') }}:&yen;{{ showSubcom(item)
-                        }}</span> -->
-                        <span v-if="user.ifForeign === '0'" class="word14">{{ $t('orderCenter.dividingDomesticService')
-                        }}:{{ currencySymbol }}{{ showSubcom(item)
-}}</span>
                       </div>
                     </template>
                     <template #price-top>
-                      <span class="time_01">{{ $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
+                      <span class="time_01" :style="user.ifForeign == '0' ? 'margin-top: 20px;' : 'margin-top: 40px;'">{{
+                        $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
                     </template>
                     <template #footer>
                       <span v-if="item.status === 3">x{{ item.refundQuantity }}</span>
@@ -643,13 +641,13 @@ export default {
 
     // 跳转订单导出
     const gotoOrderExcel = async () => {
-      if (searchParams.type == null || searchParams.type == '' ) {
+      if (searchParams.type == null || searchParams.type == '') {
         searchParams.type = user.ifForeign;
       }
       console.log("searchParams", searchParams);
       console.log("user", user);
       // 显示加载框
-      const downloadOrder =  showLoadingToast({
+      const downloadOrder = showLoadingToast({
         // message: '加载中...',
         forbidClick: true,
         duration: 0,