Browse Source

商品详情页:代码优化

panyong 2 years ago
parent
commit
af03026855

+ 1 - 1
htmldev/cps/src/api/request.js

@@ -55,7 +55,7 @@ request.interceptors.request.use(request => {
 
   // 因为微信开发者工具重复授权,本地开发时写死
   if (/^(0|192|10|localhost)/.test(domain)) {
-    request.headers.wechatToken = '911cfb17f5e881672fb6d9a625f00981'
+    request.headers.wechatToken = '7820fddb72c61b89c7d31c3450269da1'
   } else {
     request.headers.wechatToken = getCookieValue('fanbutingwechatToken')
   }

+ 9 - 1
htmldev/cps/src/store/modules/common.js

@@ -55,7 +55,9 @@ const state = {
       active: require('../../assets/businessLogo/taobao1.png'),
       logo: require('../../assets/businessLogo/taobao2.png')
     }
-  ]
+  ],
+  orderPlatformType: ['', '淘宝', '拼多多', '京东', '美团', '返不停'],
+  allOrderStatus: ['未支付', '已支付', '已收货', '已结算', '全部退款或风控', '部分退款', '已取消']
 }
 
 const getters = {
@@ -73,6 +75,12 @@ const getters = {
   },
   sourceList (state) {
     return state.sourceList
+  },
+  orderPlatformType (state) {
+    return state.orderPlatformType
+  },
+  allOrderStatus (state) {
+    return state.allOrderStatus
   }
 }
 

+ 10 - 2
htmldev/cps/src/views/order/child/main.vue

@@ -28,7 +28,7 @@
         </div>
         <p class="date">
           <span>订单平台类型</span>
-          <span>{{ ['', '淘宝', '拼多多', '京东', '美团', '返不停'][item.order_platform_type] }}</span>
+          <span>{{ orderPlatformType[item.order_platform_type] }}</span>
         </p>
         <p class="date">
           <span>订单编号</span>
@@ -44,7 +44,7 @@
         </p>
         <p class="date">
           <span>订单状态</span>
-          <span>{{ ['未支付', '已支付', '已收货', '已结算', '全部退款或风控', '部分退款', '已取消'][item.order_status] }}</span>
+          <span>{{ allOrderStatus[item.order_status] }}</span>
         </p>
         <p class="date">
           <span>创建时间</span>
@@ -97,6 +97,14 @@ export default {
       scroll: null
     }
   },
+  computed: {
+    orderPlatformType () {
+      return this.$store.getters['common/orderPlatformType']
+    },
+    allOrderStatus () {
+      return this.$store.getters['common/allOrderStatus']
+    }
+  },
   activated () {
     if (!this.$route.meta.isUseCache) {
       this.finished = false

+ 8 - 4
htmldev/cps/src/views/order/index.vue

@@ -54,9 +54,7 @@
         </p>
         <p>
           <span class="label">订单平台类型:</span>
-          <span class="value">{{
-              ['', '淘宝', '拼多多', '京东', '美团', '返不停'][orderDetail.order_platform_type]
-            }}</span>
+          <span class="value">{{ orderPlatformType[orderDetail.order_platform_type] }}</span>
         </p>
         <template
           v-if="[4, 5].findIndex(item => item === orderDetail.order_status) > -1">
@@ -69,7 +67,7 @@
             <span class="value">{{ orderDetail.order_refund_price }}</span>
           </p>
         </template>
-        <p class="status">{{ ['未支付', '已支付', '已收货', '已结算', '全部退款或风控', '部分退款', '已取消'][orderDetail.order_status] }}</p>
+        <p class="status">{{ allOrderStatus[orderDetail.order_status] }}</p>
       </div>
     </van-popup>
   </div>
@@ -109,6 +107,12 @@ export default {
       }))
 
       return [{ text: '全部', value: 0 }, ...result]
+    },
+    orderPlatformType () {
+      return this.$store.getters['common/orderPlatformType']
+    },
+    allOrderStatus () {
+      return this.$store.getters['common/allOrderStatus']
     }
   },
   async mounted () {