From 57f18eece5a9e2dd51370226bcc5a313a3425626 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Wed, 1 Apr 2026 13:12:24 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=20=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E8=A1=A8=E6=A0=BC=E5=88=97=E6=98=BE=E9=9A=90=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E8=AE=B0=E5=BF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RightToolbar/index.vue | 30 +++++++++++++++++++++++++--
 src/views/system/user/index.vue       |  2 +-
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/components/RightToolbar/index.vue b/src/components/RightToolbar/index.vue
index d21763b..62d2673 100644
--- a/src/components/RightToolbar/index.vue
+++ b/src/components/RightToolbar/index.vue
@@ -31,12 +31,15 @@
 
 <script setup lang="ts">
 import { propTypes } from '@/utils/propTypes';
+import cache from '@/plugins/cache';
 
 const props = defineProps({
   showSearch: propTypes.bool.def(true),
   columns: propTypes.fieldOption,
   search: propTypes.bool.def(true),
-  gutter: propTypes.number.def(10)
+  gutter: propTypes.number.def(10),
+  /* 列显隐状态记忆的 localStorage key（传入则启用记忆，不传则不记忆） */
+  storageKey: propTypes.string.def('')
 });
 
 const columnRef = ref<ElTreeInstance>();
@@ -60,19 +63,42 @@ function refresh() {
   emits('queryTable');
 }
 
+// 将当前列显隐状态持久化到 localStorage
+function saveStorage() {
+  if (!props.storageKey) return;
+  try {
+    const state: Record<string, boolean> = {};
+    props.columns?.forEach((col, index) => {
+      state[index] = col.visible;
+    });
+    cache.local.setJSON(props.storageKey, state);
+  } catch (e) {}
+}
+
 // 更改数据列的显示和隐藏
 function columnChange(...args: any[]) {
   props.columns?.forEach((item) => {
     item.visible = args[1].checkedKeys.includes(item.key);
   });
+  saveStorage();
 }
 
 // 显隐列初始默认隐藏列
 onMounted(() => {
+  // 如果传入了 storageKey，从 localStorage 恢复列显隐状态
+  if (props.storageKey) {
+    try {
+      const saved = cache.local.getJSON(props.storageKey);
+      if (saved && typeof saved === 'object') {
+        props.columns?.forEach((col, index) => {
+          if (saved[index] !== undefined) col.visible = saved[index];
+        });
+      }
+    } catch (e) {}
+  }
   props.columns?.forEach((item) => {
     if (item.visible) {
       columnRef.value?.setChecked(item.key, true, false);
-      // value.value.push(item.key);
     }
   });
 });
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 4d0deec..77d26be 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -107,7 +107,7 @@
                     </el-dropdown-menu>
                   </template>
                 </el-dropdown>
-                <right-toolbar v-model:show-search="showSearch" :columns="columns" :search="false" @query-table="getList"></right-toolbar>
+                <right-toolbar v-model:show-search="showSearch" :columns="columns" :search="false" storage-key="sys_user_column_visible" @query-table="getList"></right-toolbar>
               </div>
             </div>
           </template>