From f9575447af77b6f7efc9185c48070313cb693f49 Mon Sep 17 00:00:00 2001
From: liutao <790864623@qq.com>
Date: Mon, 20 Apr 2026 10:14:35 +0800
Subject: [PATCH] =?UTF-8?q?TableSelectDialog=E5=A2=9E=E5=8A=A0=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E6=8F=92=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TableSelectDialog/TableSelectDialog.vue   | 40 +++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/components/TableSelectDialog/TableSelectDialog.vue b/src/components/TableSelectDialog/TableSelectDialog.vue
index 1866a348..f80e3991 100644
--- a/src/components/TableSelectDialog/TableSelectDialog.vue
+++ b/src/components/TableSelectDialog/TableSelectDialog.vue
@@ -1,6 +1,11 @@
 <template>
   <Dialog :title="title" v-model="dialogVisible" :appendToBody="true" width="1080">
     <ContentWrap>
+      <!-- 新增查询表单区域 -->
+      <div v-if="$slots.header" class="search-container">
+        <slot name="header"></slot>
+      </div>
+
       <el-table
         ref="tableRef"
         v-loading="loading"
@@ -58,12 +63,14 @@ const props = withDefaults(
     rowKey?: string
     pageSize?: number
     initialRows?: any[]
+    queryParams?: Record<string, any>  // 新增
   }>(),
   {
     selectionType: 'multiple',
     rowKey: 'id',
     pageSize: 10,
-    initialRows: () => []
+    initialRows: () => [],
+    queryParams: () => ({})  // 默认值
   }
 )
 
@@ -108,7 +115,8 @@ const refreshSelectionOnTable = async () => {
 const getList = async () => {
   loading.value = true
   try {
-    const data = await props.fetchApi(queryParams)
+    const params = getQueryParams()
+    const data = await props.fetchApi(params)
     list.value = data.list || []
     total.value = data.total || 0
     await refreshSelectionOnTable()
@@ -172,5 +180,31 @@ const submitSelection = () => {
   dialogVisible.value = false
 }
 
-defineExpose({ open })
+// 暴露给父组件的方法
+const reload =async () => {
+  loading.value = true
+  // 这里是你组件内部原有的加载数据逻辑
+  await getList()
+}
+
+// 3. 合并参数：将父组件传入的 queryParams 与内部参数合并
+const getQueryParams = () => {
+  return {
+    pageNum: queryParams.pageNo || 1,
+    pageSize: queryParams.pageSize || 10,
+    ...props.queryParams  // 父组件传入的查询条件
+  }
+}
+// 4. 监听父组件参数变化
+watch(() => props.queryParams, async () => {
+  await getList()
+}, { deep: true })
+
+defineExpose({ open,  reload })
 </script>
+<style scoped>
+.search-container {
+  margin-bottom: 10px;
+  padding: 0 0px;
+}
+</style>