列设置添加缓存

调整监测点台账导出id重复问题

src/components/table/column/index.vue

@@ -1,8 +1,22 @@
-<script lang='ts'>
+<script lang="ts">
 import { defineComponent, createVNode, reactive } from 'vue'
 import { Column } from 'vxe-table'
 import { uuid } from '@/utils/random'
 
+/** storage 开启时列必须有稳定 field；序号/操作等无 field 列按 title 生成 */
+function resolveColumnField(attr: Record<string, any>): string | undefined {
+    if (attr.field) return attr.field
+    if (attr.prop) return attr.prop
+    // checkbox / radio / expand / seq 等类型列由 vxe 内部处理，可不强制 field
+    if (attr.type && ['checkbox', 'radio', 'expand', 'html'].includes(attr.type)) {
+        return undefined
+    }
+    if (attr.title != null && attr.title !== '') {
+        return `__col_${attr.title}`
+    }
+    return `col_${uuid()}`
+}
+
 export default defineComponent({
     name: 'Column',
     props: {
@@ -12,9 +26,13 @@ export default defineComponent({
         }
     },
     setup(props, { slots }) {
-        const attr = reactive(props.attr)
+        const attr = reactive({ ...props.attr })
         attr['align'] = attr['align'] ? attr['align'] : 'center'
-        attr['column-key'] = attr['column-key'] ? attr['column-key'] : attr.prop || uuid()
+        const field = resolveColumnField(attr)
+        if (field) {
+            attr.field = field
+        }
+        attr['column-key'] = attr['column-key'] ? attr['column-key'] : attr.field || attr.prop || uuid()
         return () => {
             return createVNode(Column, attr, slots.default)
         }

src/components/table/defaultAttribute.ts

@@ -7,11 +7,11 @@ export const defaultAttribute: VxeTableProps = {
     stripe: true,
     size: 'small',
     columnConfig: { resizable: true, useKey: true },
-    rowConfig: { isCurrent: true, isHover: true, keyField: 'id' },
+    rowConfig: { isCurrent: true, isHover: true,  },
     scrollX: { scrollToLeftOnChange: true },
     scrollY: { enabled: false },
     // 注意：全局不要默认开启 treeConfig，会与 stripe 冲突；树表在页面自行配置
-    customConfig: { enabled: true, allowFixed: false, showFooter: false, immediate: true, mode: 'default' },
+    customConfig: { enabled: true, allowFixed: true, storage: true, showFooter: false, immediate: true ,mode:'default'},
     showOverflow: 'tooltip',
     showHeaderOverflow: false
 }

src/components/table/index.vue

@@ -1,20 +1,23 @@
 <template>
     <div :style="{ height: typeof props.height === 'string' ? props.height : tableStore.table.height }">
         <div v-if="showCustomColumn && !tableStore?.table?.customColumnInHeader" class="table-custom-toolbar">
-            <el-button icon="el-icon-Setting" @mousedown="onCustomColumnMousedown" @click="openCustomColumn">列设置</el-button>
+            <el-button icon="el-icon-Setting" @mousedown="onCustomColumnMousedown" @click="openCustomColumn">
+                列设置
+            </el-button>
         </div>
         <vxe-table
             ref="tableRef"
             height="auto"
             :key="key"
+            :id="getTableId()"
             :data="tableStore.table.data"
             v-loading="tableStore.table.loading"
-           v-bind="tableBindProps"
+            v-bind="tableBindProps"
             @checkbox-all="selectChangeEvent"
             @checkbox-change="selectChangeEvent"
             @cell-click="onCellClick"
         >
-          <!-- @sort-change="handleSortChange" -->
+            <!-- @sort-change="handleSortChange" -->
             <!-- Column 组件内部是 el-table-column -->
             <template v-if="isGroup">
                 <GroupColumn :column="tableStore.table.column" />
@@ -163,6 +166,9 @@ const openCustomColumn = () => {
 const getRef = () => {
     return tableRef.value
 }
+const getTableId = () => {
+    return tableStore.table.filename || document.querySelectorAll('.ba-nav-tab.active')[0].textContent || ''
+}
 // 排序
 const handleSortChange = ({ column, order }: { column: TableColumn; order: 'asc' | 'desc' | null }) => {
     // console.log('排序列:', column?.property);

src/layouts/admin/components/navMenus.vue

@@ -43,6 +43,7 @@ import { useConfig } from '@/stores/config'
 import { useAdminInfo } from '@/stores/adminInfo'
 import { useNavTabs } from '@/stores/navTabs'
 import { logout } from '@/api/user-boot/user'
+import { Local } from '@/utils/storage'
 import Config from './config.vue'
 import PopupPwd from './popup/password.vue'
 import AdminInfo from './popup/adminInfo.vue'
@@ -114,8 +115,8 @@ const handleLogout = async () => {
 
 // 清理本地数据
 const clearLocalData = () => {
-    // 清空 localStorage
+    // 清空 localStorage（保留 VXE 自定义列、DevTools 配置）
-    window.localStorage.clear()
+    Local.clear()
 
     // 清空用户状态
     adminInfo.reset()

src/layouts/admin/components/popup/password.vue

@@ -30,6 +30,7 @@ import { validatePwd } from '@/utils/common'
 import { useAdminInfo } from '@/stores/adminInfo'
 import router from '@/router'
 import { useNavTabs } from '@/stores/navTabs'
+import { Local } from '@/utils/storage'
 const navTabs = useNavTabs()
 const adminInfo = useAdminInfo()
 const dialogVisible = ref(false)
@@ -103,7 +104,7 @@ const submit = () => {
                     dialogVisible.value = false
                      setTimeout(() => {
                     navTabs.closeTabs()
-                    window.localStorage.clear()
+                    Local.clear()
                     adminInfo.reset()
                     router.push({ name: 'login' })
                 }, 0)

src/utils/storage.ts

@@ -17,7 +17,21 @@ export const Local = {
         window.localStorage.removeItem(key)
     },
     clear() {
+        // 退出登录时保留表格自定义列、Vue DevTools 等配置
+        const preserveKeys = [
+            'VXE_CUSTOM_STORE',
+            '__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__dev.esm.pinia__',
+        ]
+        const preserved: Record<string, string | null> = {}
+        preserveKeys.forEach(key => {
+            preserved[key] = window.localStorage.getItem(key)
+        })
         window.localStorage.clear()
+        preserveKeys.forEach(key => {
+            if (preserved[key] !== null) {
+                window.localStorage.setItem(key, preserved[key] as string)
+            }
+        })
     },
 }
 

src/views/pqs/supervise/terminal/components/monitorLedgerTable.vue

@@ -109,7 +109,7 @@ const tableStore = new TableStore({
     publicHeight: 65,
     isWebPaging: true,
     method: 'POST',
-    filename: '监测点台账',
+    filename: '监测点台账 ',
     column: [
         {
             title: '序号',
@@ -155,7 +155,7 @@ const tableStore = new TableStore({
         { field: 'powerFlag', title: '用户性质', width: '120px' },
 
         /* { field: 'comFlag', title: '通讯状态 ', minWidth: 120 },*/
-        { field: 'id', title: '监测点序号', minWidth: 90 },
+        { field: 'runNo', title: '监测点序号', minWidth: 90 },
         {
             field: 'comFlag',
             title: '通讯状态',

src/views/pqs/voltageSags/operationsManagement/point/index.vue

@@ -53,7 +53,7 @@
                         maxlength="32"
                         show-word-limit
                         clearable
-                        style="minWidth: 280px;"
+                        style="min-Width: 280px;"
                     />
                 </el-form-item>
             </template>