feat: 自定义列保存在localStorage

2024-10-10 09:13:50 +08:00 · 2024-10-10 09:13:50 +08:00 · e6374a6a06
commit e6374a6a06
parent 521ba6af9c
20 changed files with 24 additions and 0 deletions
--- a/apps/web-antd/src/adapter/vxe-table.ts
+++ b/apps/web-antd/src/adapter/vxe-table.ts
@ -52,6 +52,11 @@ setupVbenVxeTable({
        round: true,
        // 表格尺寸
        size: 'medium',
+        customConfig: {
+          // 表格右上角自定义列配置 是否保存到localStorage
+          // 必须存在id参数才能使用
+          storage: false,
+        },
      },
    });

--- a/apps/web-antd/src/views/monitor/logininfor/index.vue
+++ b/apps/web-antd/src/views/monitor/logininfor/index.vue
@ -61,6 +61,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'monitor-logininfo-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/monitor/online/index.vue
+++ b/apps/web-antd/src/views/monitor/online/index.vue
@ -42,6 +42,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'monitor-online-index',
 };

 const [BasicTable, tableApi] = useVbenVxeGrid({ formOptions, gridOptions });
--- a/apps/web-antd/src/views/monitor/operlog/index.vue
+++ b/apps/web-antd/src/views/monitor/operlog/index.vue
@ -90,6 +90,7 @@ const gridOptions: VxeGridProps<OperationLog> = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'monitor-operlog-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/client/index.vue
+++ b/apps/web-antd/src/views/system/client/index.vue
@ -63,6 +63,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-client-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/config/index.vue
+++ b/apps/web-antd/src/views/system/config/index.vue
@ -73,6 +73,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-config-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/dept/index.vue
+++ b/apps/web-antd/src/views/system/dept/index.vue
@ -72,6 +72,7 @@ const gridOptions: VxeGridProps = {
    rowField: 'deptId',
    transform: false,
  },
+  id: 'system-dept-index',
 };

 const [BasicTable, tableApi] = useVbenVxeGrid({
--- a/apps/web-antd/src/views/system/dict/data/index.vue
+++ b/apps/web-antd/src/views/system/dict/data/index.vue
@ -82,6 +82,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-dict-data-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/dict/type/index.vue
+++ b/apps/web-antd/src/views/system/dict/type/index.vue
@ -87,6 +87,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-dict-type-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/menu/index.vue
+++ b/apps/web-antd/src/views/system/menu/index.vue
@ -69,6 +69,7 @@ const gridOptions: VxeGridProps = {
    rowField: 'menuId',
    transform: false,
  },
+  id: 'system-menu-index',
 };

 const [BasicTable, tableApi] = useVbenVxeGrid({
--- a/apps/web-antd/src/views/system/notice/index.vue
+++ b/apps/web-antd/src/views/system/notice/index.vue
@ -69,6 +69,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-notice-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/oss-config/index.vue
+++ b/apps/web-antd/src/views/system/oss-config/index.vue
@ -72,6 +72,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-oss-config-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/oss/index.vue
+++ b/apps/web-antd/src/views/system/oss/index.vue
@ -92,6 +92,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-oss-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/post/index.vue
+++ b/apps/web-antd/src/views/system/post/index.vue
@ -86,6 +86,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-post-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/role-assign/index.vue
+++ b/apps/web-antd/src/views/system/role-assign/index.vue
@ -62,6 +62,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-role-assign-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/role/index.vue
+++ b/apps/web-antd/src/views/system/role/index.vue
@ -92,6 +92,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-role-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/tenant/index.vue
+++ b/apps/web-antd/src/views/system/tenant/index.vue
@ -81,6 +81,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-tenant-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/index.vue
@ -78,6 +78,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-tenant-package-index',
 };

 const checked = ref(false);
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@ -124,6 +124,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'system-user-index',
 };
 const checked = ref(false);
 const [BasicTable, tableApi] = useVbenVxeGrid({
--- a/apps/web-antd/src/views/tool/gen/index.vue
+++ b/apps/web-antd/src/views/tool/gen/index.vue
@ -74,6 +74,7 @@ const gridOptions: VxeGridProps = {
  round: true,
  align: 'center',
  showOverflow: true,
+  id: 'tool-gen-index',
 };

 const checked = ref(false);