From 53ae07514b1328935d0cfcfeb8482fa601186290 Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Mon, 14 Oct 2024 21:58:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E8=AE=A2=E5=8D=95=E9=A2=84=E8=B4=AD?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=88=86=E7=B1=BB=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在明细标签页中添加商品分类筛选组件
- 实现筛选功能，支持选择全部分类或具体分类
- 添加分类筛选参数到查询对象，并更新数据列表
- 优化导出表格功能，支持按分类筛选导出
---
 src/views/order/beforehand_order/details.vue | 35 ++++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/views/order/beforehand_order/details.vue b/src/views/order/beforehand_order/details.vue
index 26921b747..e2e3c0181 100644
--- a/src/views/order/beforehand_order/details.vue
+++ b/src/views/order/beforehand_order/details.vue
@@ -29,7 +29,20 @@
         >
             <el-tab-pane label="明细" name="second">
                 <el-button type="primary" @click="beforehand_order_cart_info">导出表格 </el-button>
-
+                <el-radio-group v-model="queryParams.top_cate_value" style="margin-left: 30px">
+                    <el-radio
+                        :value="0"
+                        label="全部"
+                        @change="topCateChange({ name: '全部', id: 0 })"
+                    ></el-radio>
+                    <el-radio
+                        :value="item.id"
+                        :label="item.name"
+                        v-for="item in formData.top_cate"
+                        :key="item.id"
+                        @change="topCateChange(item)"
+                    ></el-radio>
+                </el-radio-group>
                 <div>
                     <div>
                         <el-table :data="pager.lists" v-loading="pager.loading">
@@ -413,7 +426,8 @@ const formData = ref({
     warehouse_name: '',
     system_store: '',
     financial_pm: '',
-    order_sn: ''
+    order_sn: '',
+    top_cate: []
 })
 const generateOrderData = ref({
     id: '',
@@ -459,7 +473,9 @@ const appendAdd = () => {
 }
 const queryParams = reactive({
     bhoid: route.query.id,
-    pay_type: ''
+    pay_type: '',
+    top_cate: '',
+    top_cate_value: ''
 })
 
 const getDetail = () => {
@@ -594,6 +610,19 @@ const beforehand_order_cart_info = () => {
         ElMessage.success('导出成功')
     })
 }
+
+const topCateChange = (row: any) => {
+    if (row.id == 0) {
+        queryParams.top_cate = ''
+        queryParams.top_cate_value = '全部'
+        getLists()
+    } else {
+        queryParams.top_cate = row.id
+        queryParams.top_cate_value = row.name
+
+        getLists()
+    }
+}
 defineExpose({
     open
 })