feat(售后订单): 添加售后数量统计功能并显示在标签页

- 在manager和seller端添加获取售后数量统计的API接口 - 修改售后订单页面，显示各状态对应的数量统计 - 新增计算属性serviceStatusWithCount动态生成带数量的标签页 - 在初始化、搜索和状态切换时调用统计接口更新数据
2025-12-16 16:05:52 +08:00 · 2025-08-29 11:36:45 +08:00
parent 78b058009b
commit 7db8484a7c
4 changed files with 81 additions and 9 deletions
--- a/manager/src/api/order.js
+++ b/manager/src/api/order.js
@@ -165,3 +165,8 @@ export const storeAddress = (sn) => {
 export const getOrderNum = (params) => {
  return getRequest(`/order/order/orderNum`, params)
 }
+
+// 获取售后数量统计
+export const getAfterSaleNumVO = (params) => {
+  return getRequest(`/order/afterSale/afterSaleNumVO`, params)
+}
--- a/manager/src/views/order/after-order/afterSaleOrder.vue
+++ b/manager/src/views/order/after-order/afterSaleOrder.vue
@@ -90,7 +90,7 @@
    <Card>
      <div class="order-tab">
        <Tabs v-model="currentStatus" @on-click="serviceStatusClick">
-          <TabPane v-for="(item,index) in serviceStatus" :key="index" :label="item.title" :name="item.value">
+          <TabPane v-for="item in serviceStatusWithCount" :key="item.value" :label="item.title" :name="item.value">
          </TabPane>
        </Tabs>
      </div>
@@ -316,13 +316,15 @@ export default {
        {title: '卖家终止售后', value: 'SELLER_TERMINATION'},
        {title: '买家取消售后', value: 'BUYER_CANCEL'}
      ],
-      currentStatus: ''
+      currentStatus: '',
+       afterSaleNumData: {} // 售后数量统计数据
    };
  },
  methods: {
    // 初始化数据
    init() {
      this.getDataList();
+      this.getAfterSaleNumData();
    },
    // 分页 改变页码
    changePage(v) {
@@ -340,6 +342,7 @@ export default {
      this.searchForm.pageNumber = 1;
      this.searchForm.pageSize = 20;
      this.getDataList();
+      this.getAfterSaleNumData();
    },
    // 开始结束时间分别赋值
    selectDateRange(v) {
@@ -358,9 +361,19 @@ export default {
          this.total = res.result.total;
        }
      });
+      // 获取售后状态数量
      this.total = this.data.length;
      this.loading = false;
    },
+    // 获取售后数量统计
+     getAfterSaleNumData() {
+      const { serviceStatus, ...searchParams } = this.searchForm;
+       API_Order.getAfterSaleNumVO(searchParams).then((res) => {
+         if (res.success) {
+           this.afterSaleNumData = res.result;
+         }
+       });
+     },
    // 跳转售后详情
    detail(v) {
      let sn = v.sn;
@@ -379,12 +392,30 @@ export default {
        this.searchForm.serviceStatus = item;
      }
      this.getDataList();
+      this.getAfterSaleNumData();
    },
  },
  mounted() {
    this.init();
  },
-};
+  computed: {
+     // 带数量的售后状态
+     serviceStatusWithCount() {
+       return [
+         {title: '全部', value: ''},
+         {title: `申请售后${this.afterSaleNumData.applyNum ? '(' + this.afterSaleNumData.applyNum + ')' : ''}`, value: 'APPLY'},
+         {title: `通过售后${this.afterSaleNumData.passNum ? '(' + this.afterSaleNumData.passNum + ')' : ''}`, value: 'PASS'},
+         {title: `拒绝售后${this.afterSaleNumData.refuseNum ? '(' + this.afterSaleNumData.refuseNum + ')' : ''}`, value: 'REFUSE'},
+         {title: `待收货${this.afterSaleNumData.buyerReturnNum ? '(' + this.afterSaleNumData.buyerReturnNum + ')' : ''}`, value: 'BUYER_RETURN'},
+         {title: `确认收货${this.afterSaleNumData.sellerConfirmNum ? '(' + this.afterSaleNumData.sellerConfirmNum + ')' : ''}`, value: 'SELLER_CONFIRM'},
+         {title: `完成售后${this.afterSaleNumData.completeNum ? '(' + this.afterSaleNumData.completeNum + ')' : ''}`, value: 'COMPLETE'},
+         {title: `卖家终止售后${this.afterSaleNumData.sellerTerminationNum ? '(' + this.afterSaleNumData.sellerTerminationNum + ')' : ''}`, value: 'SELLER_TERMINATION'},
+         {title: `买家取消售后${this.afterSaleNumData.buyerCancelNum ? '(' + this.afterSaleNumData.buyerCancelNum + ')' : ''}`, value: 'BUYER_CANCEL'},
+         {title: `等待平台退款${this.afterSaleNumData.waitRefundNum ? '(' + this.afterSaleNumData.waitRefundNum + ')' : ''}`, value: 'WAIT_REFUND'}
+       ];
+     }
+   }
+  }
 </script>
 <style lang="scss" scoped>
 // Tab组件样式
--- a/seller/src/api/order.js
+++ b/seller/src/api/order.js
@@ -173,3 +173,8 @@ export const getTracesList = (sn) => {
 export const getOrderNum = (params) => {
  return getRequest(`/order/order/orderNum`, params);
 }
+
+// 获取售后数量统计
+export const getAfterSaleNumVO = (params) => {
+  return getRequest(`/order/afterSale/afterSaleNumVO`, params);
+}
--- a/seller/src/views/order/after-order/returnGoodsOrder.vue
+++ b/seller/src/views/order/after-order/returnGoodsOrder.vue
@@ -50,8 +50,7 @@
    <Card>
      <div class="order-tab">
        <Tabs v-model="currentStatus" @on-click="serviceStatusClick">
-          <TabPane v-for="(item,index) in serviceStatus" :key="index" :label="item.title" :name="item.value">
-          </TabPane>
+          <TabPane v-for="item in serviceStatusWithCount" :key="item.value" :label="item.title" :name="item.value"/>
        </Tabs>
      </div>
      <Table
@@ -114,7 +113,7 @@
          order: "desc", // 默认排序方式
          startDate: "", // 起始时间
          endDate: "", // 终止时间
-          serviceType:"RETURN_GOODS",
+          // serviceType:"RETURN_GOODS",
          orderSn:"",
          memberName:"",
          goodsName:""
@@ -232,15 +231,18 @@
          {title: '确认收货', value: 'SELLER_CONFIRM'},
          {title: '完成售后', value: 'COMPLETE'},
          {title: '卖家终止售后', value: 'SELLER_TERMINATION'},
-          {title: '买家取消售后', value: 'BUYER_CANCEL'}
+          {title: '买家取消售后', value: 'BUYER_CANCEL'},
+          {title: '等待平台退款', value: 'WAIT_REFUND'}
        ],
-        currentStatus: ''
+        currentStatus: '',
+        afterSaleNumData: {} // 售后数量统计数据
      };
    },
    methods: {
      // 初始化数据
      init() {
        this.getDataList();
+        this.getAfterSaleNumData();
      },
      // 改变页码
      changePage(v) {
@@ -257,6 +259,7 @@
        this.searchForm.pageNumber = 1;
        this.searchForm.pageSize = 20;
        this.getDataList();
+        this.getAfterSaleNumData();
      },
      // 重置
      handleReset() {
@@ -268,7 +271,7 @@
          order: "desc", // 默认排序方式
          startDate: "", // 起始时间
          endDate: "", // 终止时间
-          serviceType:"RETURN_GOODS",
+          // serviceType:"RETURN_GOODS",
          orderSn:"",
          memberName:"",
          goodsName:""
@@ -276,6 +279,7 @@
        this.searchForm = defaultForm;
        this.selectDate = ''
        this.getDataList();
+        this.getAfterSaleNumData();
      },
      // 范围时间选择格式化
      selectDateRange(v) {
@@ -297,6 +301,15 @@
        this.total = this.data.length;
        this.loading = false;
      },
+      // 获取售后数量统计
+      getAfterSaleNumData() {
+        const { serviceStatus, ...searchParams } = this.searchForm;
+        API_Order.getAfterSaleNumVO(searchParams).then((res) => {
+          if (res.success) {
+            this.afterSaleNumData = res.result;
+          }
+        });
+      },
      // 退货订单详情
      detail(v) {
        let sn = v.sn;
@@ -316,11 +329,29 @@
          this.searchForm.serviceStatus = item;
        }
        this.getDataList();
+        this.getAfterSaleNumData();
      },
    },
    mounted () {
      this.init();
    },
+    computed: {
+      // 带数量的售后状态
+      serviceStatusWithCount() {
+        return [
+          {title: '全部', value: ''},
+          {title: `申请售后${this.afterSaleNumData.applyNum ? '(' + this.afterSaleNumData.applyNum + ')' : ''}`, value: 'APPLY'},
+          {title: `通过售后${this.afterSaleNumData.passNum ? '(' + this.afterSaleNumData.passNum + ')' : ''}`, value: 'PASS'},
+          {title: `拒绝售后${this.afterSaleNumData.refuseNum ? '(' + this.afterSaleNumData.refuseNum + ')' : ''}`, value: 'REFUSE'},
+          {title: `待收货${this.afterSaleNumData.buyerReturnNum ? '(' + this.afterSaleNumData.buyerReturnNum + ')' : ''}`, value: 'BUYER_RETURN'},
+          {title: `确认收货${this.afterSaleNumData.sellerConfirmNum ? '(' + this.afterSaleNumData.sellerConfirmNum + ')' : ''}`, value: 'SELLER_CONFIRM'},
+          {title: `完成售后${this.afterSaleNumData.completeNum ? '(' + this.afterSaleNumData.completeNum + ')' : ''}`, value: 'COMPLETE'},
+          {title: `卖家终止售后${this.afterSaleNumData.sellerTerminationNum ? '(' + this.afterSaleNumData.sellerTerminationNum + ')' : ''}`, value: 'SELLER_TERMINATION'},
+          {title: `买家取消售后${this.afterSaleNumData.buyerCancelNum ? '(' + this.afterSaleNumData.buyerCancelNum + ')' : ''}`, value: 'BUYER_CANCEL'},
+          {title: `等待平台退款${this.afterSaleNumData.waitRefundNum ? '(' + this.afterSaleNumData.waitRefundNum + ')' : ''}`, value: 'WAIT_REFUND'}
+        ];
+      }
+    },
    // 页面缓存处理，从该页面离开时，修改KeepAlive为false，保证进入该页面是刷新
    beforeRouteLeave(to, from, next) {
      from.meta.keepAlive = false