From 6a64978dabf3d691b61a9a5f2c42e7f8570df80b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E6=B0=91=E5=BA=B7?= <m18571841023@163.com>
Date: Thu, 27 Mar 2025 15:09:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=88=97=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=94=B9=E5=8F=98=E5=90=8E=E8=A1=A8=E4=B8=AD=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TableSetting/index.vue           | 13 +++++++++++--
 src/views/Jyh/Search/Components/BatchVerify.vue |  7 ++++++-
 src/views/Jyh/Search/Components/OssQuery.vue    |  8 +++++++-
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/TableSetting/index.vue b/src/components/TableSetting/index.vue
index 722d3ce..0a4c759 100644
--- a/src/components/TableSetting/index.vue
+++ b/src/components/TableSetting/index.vue
@@ -20,7 +20,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, defineProps, defineEmits,onMounted,onUnmounted  } from 'vue';
+import { ref, defineProps, defineEmits,onMounted,onUnmounted,watch  } from 'vue';
 
 
 const props = defineProps({
@@ -34,8 +34,17 @@ const props = defineProps({
   },
 });
 
+// 监听 columns 的变化，当 visible 属性改变时触发 updateTableKey
+watch(
+  () => props.columns,
+  (newColumns) => {
+    emits('updateTableKey');
+  },
+  { deep: true } // 深度监听，以便检测到对象内部属性的变化
+);
+
 // 定义 emit，用于更新 showColumnList
-const emits = defineEmits(['update:show-column-list','setDefult']);
+const emits = defineEmits(['update:show-column-list','setDefult','updateTableKey']);
 
 // 切换多选列表的显示
 const toggleColumnList = () => {
diff --git a/src/views/Jyh/Search/Components/BatchVerify.vue b/src/views/Jyh/Search/Components/BatchVerify.vue
index 5603c8a..a743143 100644
--- a/src/views/Jyh/Search/Components/BatchVerify.vue
+++ b/src/views/Jyh/Search/Components/BatchVerify.vue
@@ -32,6 +32,7 @@
         <TableSetting
           :columns="columns"
           @setDefult="setDefult"
+          @updateTableKey="updateTableKey"
           :show-column-list="showColumnList"
           @update:show-column-list="updateShowColumnList"
         />
@@ -341,13 +342,17 @@ const onSearch = (str: string) => {
 
 const router = useRouter();
 
+const updateTableKey = () => {
+  tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+
 // 定义 showColumnList 状态
 const showColumnList = ref(false);
 
 // 更新 showColumnList 的方法
 const updateShowColumnList = (newValue) => {
   showColumnList.value = newValue;
-  tableKey.value++; // 更新 tableKey，强制刷新表格
+  // tableKey.value++; // 更新 tableKey，强制刷新表格
 };
 
 const handleBatchImport = async () => {
diff --git a/src/views/Jyh/Search/Components/OssQuery.vue b/src/views/Jyh/Search/Components/OssQuery.vue
index 5f19698..d5b2c55 100644
--- a/src/views/Jyh/Search/Components/OssQuery.vue
+++ b/src/views/Jyh/Search/Components/OssQuery.vue
@@ -77,6 +77,7 @@
         <TableSetting
           :columns="columns"
           @setDefult="setDefult"
+          @updateTableKey="updateTableKey"
           :show-column-list="showColumnList"
           @update:show-column-list="updateShowColumnList"
         />
@@ -372,10 +373,15 @@ const openOrgModal = () => {
     orgModalRef.value.openModal(); // 调用子组件的方法
   }
 };
+// 更新 showColumnList 的方法
+const updateTableKey = () => {
+  tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+
 // 更新 showColumnList 的方法
 const updateShowColumnList = (newValue) => {
   showColumnList.value = newValue;
-  tableKey.value++; // 更新 tableKey，强制刷新表格
+  // tableKey.value++; // 更新 tableKey，强制刷新表格
 };
 // 更新 showColumnList 的方法
 const openCountryChart = (row) => {