update: 订单列表

src/components/allCustomers/info.js

@@ -105,13 +105,13 @@ export default {
           childrenList: {
             // 交易记录
             transaction: [
-              { label: '客户订单', key: 'numOfCustomer', path: '/order-list?tab=all', icon: 'icon-mendianbaojiadan' },
-              { label: '门店订单', key: 'numOfSale', path: '/order-list?tab=store' },
-              { label: '达摩微商城', key: 'wechatMallNum', path: '/order-list?tab=demo' },
-              { label: '微盟订单', key: 'weimobMallNum', path: '/order-list?tab=weimob' },
-              { label: '天猫订单', key: 'numOfTmall', path: '/order-list?tab=tmall' },
-              { label: '抖音订单', key: 'numOfDouYin', path: '/order-list?tab=douyin' },
-              { label: '其它订单', key: 'otherMallNum', path: '/order-list?tab=other' },
+              { label: '客户订单', key: 'numOfCustomer', path: '/order-list?tab=all&memberId=' + this.memberId, icon: 'icon-mendianbaojiadan' },
+              { label: '门店订单', key: 'numOfSale', path: '/order-list?tab=store&memberId=' + this.memberId },
+              { label: '达摩微商城', key: 'wechatMallNum', path: '/order-list?tab=demo&memberId=' + this.memberId },
+              { label: '微盟订单', key: 'weimobMallNum', path: '/order-list?tab=weimob&memberId=' + this.memberId },
+              { label: '天猫订单', key: 'numOfTmall', path: '/order-list?tab=tmall&memberId=' + this.memberId },
+              { label: '抖音订单', key: 'numOfDouYin', path: '/order-list?tab=douyin&memberId=' + this.memberId },
+              { label: '其它订单', key: 'otherMallNum', path: '/order-list?tab=other&memberId=' + this.memberId },
               // {
               //   label: '门店订单',
               //   icon: 'icon-mendianbaojiadan',

src/components/allCustomers/order-list.vue

 <template>
   <el-tabs v-model="activeName" class="order-tab">
     <!-- <el-tab-pane label="全部订单(61)" name="all">用户管理</el-tab-pane> -->
-    <el-tab-pane label="门店订单(10)" name="store">
+    <el-tab-pane :label="`门店订单(${orderCount.numOfSale || 0})`" name="store">
       <div class="order-report">
         <div class="order-report-item" v-for="(el, index) in storeOrderReport" :key="index">
           <div class="order-report-label">{{ el.label }}</div>
-          <div class="order-report-value">{{ el.value }}</div>
+          <div class="order-report-value" v-if="el.type == 'int'">{{ el.value || 0 }}</div>
+          <div class="order-report-value" v-else-if="el.type == 'date'">{{ el.value | formatYMD }}</div>
+          <div class="order-report-value" v-else>{{ el.value | fomatFloat }}</div>
         </div>
       </div>
       <order-table tab="store"></order-table>
     </el-tab-pane>
-    <el-tab-pane label="达摩微商城{20}" name="demo">
+    <el-tab-pane :label="`达摩微商城{${orderCount.wechatMallNum || 0}}`" name="demo">
       <order-table tab="demo"></order-table>
     </el-tab-pane>
-    <el-tab-pane label="微盟订单()" name="weimob">
+    <el-tab-pane :label="`微盟订单(${orderCount.weimobMallNum || 0})`" name="weimob">
       <order-table tab="weimob"></order-table>
     </el-tab-pane>
-    <el-tab-pane label="天猫订单()" name="tmall">
+    <el-tab-pane :label="`天猫订单(${orderCount.numOfTmall || 0})`" name="tmall">
       <order-table tab="tmall"></order-table>
     </el-tab-pane>
-    <el-tab-pane label="抖音订单()" name="douyin">
+    <el-tab-pane :label="`抖音订单(${orderCount.numOfDouYin || 0})`" name="douyin">
       <order-table tab="douyin"></order-table>
     </el-tab-pane>
-    <el-tab-pane label="其他订单()" name="other">
+    <el-tab-pane :label="`其他订单(${orderCount.otherMallNum || 0})`" name="other">
       <order-table tab="other"></order-table>
     </el-tab-pane>
   </el-tabs>
 </template>
 
 <script>
+import url from '../axios/url.js';
+import { doFetch, doFetchqs, doFetchGet } from '../../components/axios/api';
 import OrderTable from './order-list/order-table.vue';
 export default {
   name: 'OrderList',
@@ -36,22 +40,61 @@ export default {
   data() {
     return {
       activeName: 'store',
+      memberId: '',
+      orderCount: {
+        // 客户订单
+        numOfCustomer: '',
+        // 门店订单
+        numOfSale: '',
+        // 达摩微商城
+        wechatMallNum: '',
+        // 微盟订单
+        weimobMallNum: '',
+        // 天猫订单
+        numOfTmall: '',
+        // 抖音订单
+        numOfDouYin: '',
+        // 其它订单
+        otherMallNum: ''
+      },
       storeOrderReport: [
-        { label: '消费总额(实付)', value: '500.04' },
-        { label: '消费总额(应收)', value: '500.04' },
-        { label: '消费次数', value: '11' },
-        { label: '最近消费时间', value: '2022-05-23' },
-        { label: '客单价', value: '45.46' },
-        { label: '连带率', value: '1.82' },
-        { label: '件单价', value: '25.00' },
-        { label: '最高单笔(实付)', value: '1000.00' },
-        { label: '最高单笔(应收)', value: '1000.00' },
-        { label: '平均折扣', value: '0.03' },
+        { label: '消费总额(实付)', key: 'costFeePaid', type: 'amount', value: 0 },
+        { label: '消费总额(应收)', key: 'costFee', type: 'amount', value: 0 },
+        { label: '消费次数', key: 'costTimes', type: 'int', value: 0 },
+        { label: '最近消费时间', key: 'lastCostTime', type: 'date', value: '' },
+        { label: '客单价', key: 'avgCost', type: 'amount', value: 0 },
+        { label: '连带率', key: 'relatedPercent', type: 'float', value: 0 },
+        { label: '件单价', key: 'avgGoodsCost', type: 'amount', value: 0 },
+        { label: '最高单笔(实付)', key: 'highCostPaid', type: 'amount', value: 0 },
+        { label: '最高单笔(应收)', key: 'highCost', type: 'amount', value: 0 },
+        { label: '平均折扣', key: 'avgDiscount', type: 'float', value: 0 },
       ]
     }
   },
   created() {
     this.activeName = this.$route.query.tab || 'store';
+    this.memberId = this.$route.query.memberId;
+    this.getMemberInfo();
+    this.getStoreReportData();
+  },
+  methods: {
+    getMemberInfo() {
+      const param = { memberId: this.memberId, pageName: 'allCustomer' };
+      doFetch(url.memberLoadmemberInfo, param).then(res => {
+        const { result } = res.data;
+        const { numOfCustomer, numOfSale, wechatMallNum, weimobMallNum, numOfTmall, numOfDouYin, otherMallNum } = result.memberInfo || {};
+        this.orderCount = { numOfCustomer, numOfSale, wechatMallNum, weimobMallNum, numOfTmall, numOfDouYin, otherMallNum };
+      })
+    },
+    getStoreReportData() {
+      doFetch(url.ajaxMembersInfo, { memberId: this.memberId }).then(res => {
+        const { result } = res.data || {};
+        const memberInfo = result.memberInfo || {};
+        this.storeOrderReport.forEach(el => {
+          el.value = memberInfo[el.key];
+        });
+      });
+    }
   }
 }
 </script>