From 3c7a2dd84b10b2e2c9b2d1eeb8d5a05e25ea163d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=96=AA=E5=90=8D?= <942005050@qq.com>
Date: Tue, 7 Nov 2023 16:29:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E5=BC=B9=E7=AA=97=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BF=AE=E6=94=B9=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=E4=B8=BA=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SearchTable/src/SearchTable.vue           | 64 ++++++++++++++-----
 1 file changed, 49 insertions(+), 15 deletions(-)

diff --git a/src/components/SearchTable/src/SearchTable.vue b/src/components/SearchTable/src/SearchTable.vue
index 139627b9a..0be8ec29b 100644
--- a/src/components/SearchTable/src/SearchTable.vue
+++ b/src/components/SearchTable/src/SearchTable.vue
@@ -1,20 +1,30 @@
 <template>
   <Dialog :title="dialogTitle" v-model="searchDialogVisible" :width="'80%'">
-      <!-- 搜索工作栏 -->
-    <Search :schema="searchSchema" @search="setSearchParamsRef" @reset="setSearchParamsRef" />
-    <Table
-      ref="searchTableRef"
-      :columns="tableColumns"
-      :data="tableObjectRef.tableList"
-      :loading="tableObjectRef.loading"
-      :pagination="{
-        total: tableObjectRef.total
-      }"
-      v-model:pageSize="tableObjectRef.pageSize"
-      v-model:currentPage="tableObjectRef.currentPage"
-      v-model:sort="tableObjectRef.sort"
-      :selection="true"
+    <!-- 搜索工作栏 -->
+    <!-- <Search :schema="searchSchema" @search="setSearchParamsRef" @reset="setSearchParamsRef" /> -->
+
+    <!-- 列表头部 -->
+    <TableHead
+      :HeadButttondata="HeadButttondata"
+      :routeName="routeName"
+      @searchFormClick="searchFormClick"
+      :allSchemas="allSchemasRef"
     />
+    <ContentWrap>
+      <Table
+        ref="searchTableRef"
+        :columns="tableColumns"
+        :data="tableObjectRef.tableList"
+        :loading="tableObjectRef.loading"
+        :pagination="{
+          total: tableObjectRef.total
+        }"
+        v-model:pageSize="tableObjectRef.pageSize"
+        v-model:currentPage="tableObjectRef.currentPage"
+        v-model:sort="tableObjectRef.sort"
+        :selection="true"
+      />
+    </ContentWrap>
     <template #footer>
       <div class="flex items-center">
         <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
@@ -24,14 +34,26 @@
   </Dialog>
 </template>
 <script setup lang="ts">
+import * as defaultButtons from '@/utils/disposition/defaultButtons'
+
 // const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
+const route = useRoute() // 路由信息
+const routeName = ref()
+routeName.value = route.name
+
 const searchDialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 
+// 列表头部按钮
+const HeadButttondata = [
+  defaultButtons.defaultFilterBtn(null), // 筛选
+]
+
 /** 打开弹窗 */
+const getListRef = ref()
 const setSearchParamsRef = ref()
 const tableObjectRef = ref()
 const getPage:any = ref()
@@ -41,12 +63,14 @@ const formFieldRef = ref()
 const searchFieldRef = ref()
 const typeRef = ref()
 const rowRef = ref()
+const allSchemasRef = ref()
 const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, searchField: any, type: any, row: any ) => {
   searchDialogVisible.value = true
   formFieldRef.value = formField
   searchFieldRef.value = searchField
+  allSchemasRef.value = allSchemas
   searchSchema.value = allSchemas.searchSchema
-  tableColumns.value = allSchemas.tableColumns
+  tableColumns.value = allSchemas.tableColumns.filter(item => (item.field !== 'action'))
   getPage.value = getApiPage
   typeRef.value = type
   rowRef.value = row
@@ -59,9 +83,19 @@ const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, s
   // 获得表格的各种操作
   const { getList, setSearchParams } = tableMethods
   setSearchParamsRef.value = setSearchParams
+  getListRef.value = getList
   getList()
 }
 
+// 筛选提交
+const searchFormClick = (searchData) => {
+  tableObjectRef.value.params = {
+    isSearch: true,
+    filters: searchData.filters
+  }
+  getListRef.value() // 刷新当前列表
+}
+
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
 // Table 组件 ref