From dca4521b3584ec810b73822a7b2f5d6aeec025d9 Mon Sep 17 00:00:00 2001
From: cjh <949661474@qq.com>
Date: Thu, 4 Jun 2026 11:12:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/common/router.ts                    |   31 +-
 src/locales/langs/en-us.ts                    |   12 +
 src/locales/langs/zh-cn.ts                    |   12 +
 src/router/elegant/imports.ts                 |   11 +
 src/router/elegant/routes.ts                  |  115 +
 src/router/elegant/transform.ts               |   12 +
 src/router/routes/index.ts                    |   79 +
 src/service/api/system/dept.ts                |    5 +-
 src/typings/elegant-router.d.ts               |   24 +
 src/views/ai-assistant/ai-read/index.vue      |   26 +-
 .../content-check/index.vue                   |    2 -
 .../tech-proposal-redesign/index.vue          | 1861 +++++++++--
 .../regular-analysis/index.vue                |  253 +-
 .../responsive-check/index.vue                |   51 +-
 .../modules/analysis-info/index.vue           |  235 +-
 .../modules/rewrite-info/index.vue            |  251 +-
 .../modules/text-content copy.vue             |    4 +
 src/views/system/post/index.vue               |  206 +-
 src/views/system2/client/index.vue            |    9 +
 src/views/system2/config/index.vue            |    9 +
 src/views/system2/dept/index.vue              |    9 +
 src/views/system2/dict/index.vue              |    9 +
 src/views/system2/log/index.vue               |   11 +
 src/views/system2/menu/index.vue              |    9 +
 .../system2/modules/system2-list-page.vue     | 2811 +++++++++++++++++
 src/views/system2/notice/index.vue            |    9 +
 src/views/system2/oss/index.vue               |    9 +
 src/views/system2/post/index.vue              |    9 +
 src/views/system2/role/index.vue              |    9 +
 src/views/system2/user/index.vue              |    9 +
 30 files changed, 5562 insertions(+), 540 deletions(-)
 create mode 100644 src/views/system2/client/index.vue
 create mode 100644 src/views/system2/config/index.vue
 create mode 100644 src/views/system2/dept/index.vue
 create mode 100644 src/views/system2/dict/index.vue
 create mode 100644 src/views/system2/log/index.vue
 create mode 100644 src/views/system2/menu/index.vue
 create mode 100644 src/views/system2/modules/system2-list-page.vue
 create mode 100644 src/views/system2/notice/index.vue
 create mode 100644 src/views/system2/oss/index.vue
 create mode 100644 src/views/system2/post/index.vue
 create mode 100644 src/views/system2/role/index.vue
 create mode 100644 src/views/system2/user/index.vue

diff --git a/src/hooks/common/router.ts b/src/hooks/common/router.ts
index 280d8dd..b3936e3 100644
--- a/src/hooks/common/router.ts
+++ b/src/hooks/common/router.ts
@@ -2,6 +2,16 @@ import { useRouter } from 'vue-router';
 import type { RouteLocationRaw } from 'vue-router';
 import type { RouteKey } from '@elegant-router/types';
 import { router as globalRouter } from '@/router';
+import { useRouteStore } from '@/store/modules/route';
+
+function findMenuByKey(menus: App.Global.Menu[], key: string): App.Global.Menu | null {
+  for (const menu of menus) {
+    if (menu.key === key) return menu;
+    const child = findMenuByKey(menu.children || [], key);
+    if (child) return child;
+  }
+  return null;
+}
 
 /**
  * Router push
@@ -38,7 +48,24 @@ export function useRouterPush(inSetup = true) {
 
   function routerPushByKeyWithMetaQuery(key: RouteKey) {
     const allRoutes = router.getRoutes();
-    const meta = allRoutes.find(item => item.name === key)?.meta || null;
+    let targetRoute = allRoutes.find(item => item.name === key);
+
+    if (!targetRoute) {
+      const routeStore = useRouteStore();
+      const menu = findMenuByKey(routeStore.menus, key);
+      targetRoute = allRoutes.find(item => item.name === menu?.routeKey);
+
+      if (!targetRoute && menu?.routePath) {
+        return routerPush(menu.routePath);
+      }
+    }
+
+    if (!targetRoute) {
+      console.warn(`[router] route key "${key}" not found`);
+      return Promise.resolve();
+    }
+
+    const meta = targetRoute?.meta || null;
 
     const query: Record<string, string> = {};
 
@@ -46,7 +73,7 @@ export function useRouterPush(inSetup = true) {
       query[item.key] = item.value;
     });
 
-    return routerPushByKey(key, { query });
+    return routerPushByKey(targetRoute.name as RouteKey, { query });
   }
 
   async function toHome() {
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index f9ace11..a6f5a1b 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -206,6 +206,18 @@ const local: App.I18n.Schema = {
     'iframe-page': 'Iframe',
     home: 'Home',
     system: 'System Management',
+    system2: 'System Management 2',
+    system2_user: 'User Management 2',
+    system2_role: 'Role Management 2',
+    system2_menu: 'Menu Management 2',
+    system2_dept: 'Dept Management 2',
+    system2_post: 'Post Management 2',
+    system2_dict: 'Dict Management 2',
+    system2_config: 'Config Management 2',
+    system2_client: 'Client Management 2',
+    system2_notice: 'Notice Management 2',
+    system2_oss: 'File Management 2',
+    system2_log: 'Log Center 2',
     system_menu: 'Menu Management',
     tool: 'System Tools',
     tool_gen: 'Code Generation',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index feee736..f6fdc55 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -206,6 +206,18 @@ const local: App.I18n.Schema = {
     'iframe-page': '外链页面',
     home: '首页',
     system: '系统管理',
+    system2: '系统管理2',
+    system2_user: '用户管理2',
+    system2_role: '角色管理2',
+    system2_menu: '菜单管理2',
+    system2_dept: '部门管理2',
+    system2_post: '岗位管理2',
+    system2_dict: '字典管理2',
+    system2_config: '参数设置2',
+    system2_client: '客户端管理2',
+    system2_notice: '通知公告2',
+    system2_oss: '文件管理2',
+    system2_log: '日志中心2',
     system_menu: '菜单管理',
     tool: '系统工具',
     tool_gen: '代码生成',
diff --git a/src/router/elegant/imports.ts b/src/router/elegant/imports.ts
index 8fbb6f6..08b1128 100644
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -74,5 +74,16 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
   "system_tenant-package": () => import("@/views/system/tenant-package/index.vue"),
   system_tenant: () => import("@/views/system/tenant/index.vue"),
   system_user: () => import("@/views/system/user/index.vue"),
+  system2_client: () => import("@/views/system2/client/index.vue"),
+  system2_config: () => import("@/views/system2/config/index.vue"),
+  system2_dept: () => import("@/views/system2/dept/index.vue"),
+  system2_dict: () => import("@/views/system2/dict/index.vue"),
+  system2_log: () => import("@/views/system2/log/index.vue"),
+  system2_menu: () => import("@/views/system2/menu/index.vue"),
+  system2_notice: () => import("@/views/system2/notice/index.vue"),
+  system2_oss: () => import("@/views/system2/oss/index.vue"),
+  system2_post: () => import("@/views/system2/post/index.vue"),
+  system2_role: () => import("@/views/system2/role/index.vue"),
+  system2_user: () => import("@/views/system2/user/index.vue"),
   tool_gen: () => import("@/views/tool/gen/index.vue"),
 };
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index daefdd2..e1c242b 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -695,6 +695,121 @@ export const generatedRoutes: GeneratedRoute[] = [
       }
     ]
   },
+  {
+    name: 'system2',
+    path: '/system2',
+    component: 'layout.base',
+    redirect: {
+      name: 'system2_user'
+    },
+    meta: {
+      title: 'system2',
+      i18nKey: 'route.system2',
+      localIcon: 'menu-system',
+      order: 2
+    },
+    children: [
+      {
+        name: 'system2_client',
+        path: '/system2/client',
+        component: 'view.system2_client',
+        meta: {
+          title: 'system2_client',
+          i18nKey: 'route.system2_client'
+        }
+      },
+      {
+        name: 'system2_config',
+        path: '/system2/config',
+        component: 'view.system2_config',
+        meta: {
+          title: 'system2_config',
+          i18nKey: 'route.system2_config'
+        }
+      },
+      {
+        name: 'system2_dept',
+        path: '/system2/dept',
+        component: 'view.system2_dept',
+        meta: {
+          title: 'system2_dept',
+          i18nKey: 'route.system2_dept'
+        }
+      },
+      {
+        name: 'system2_dict',
+        path: '/system2/dict',
+        component: 'view.system2_dict',
+        meta: {
+          title: 'system2_dict',
+          i18nKey: 'route.system2_dict'
+        }
+      },
+      {
+        name: 'system2_log',
+        path: '/system2/log',
+        component: 'view.system2_log',
+        meta: {
+          title: 'system2_log',
+          i18nKey: 'route.system2_log'
+        }
+      },
+      {
+        name: 'system2_menu',
+        path: '/system2/menu',
+        component: 'view.system2_menu',
+        meta: {
+          title: 'system2_menu',
+          i18nKey: 'route.system2_menu'
+        }
+      },
+      {
+        name: 'system2_notice',
+        path: '/system2/notice',
+        component: 'view.system2_notice',
+        meta: {
+          title: 'system2_notice',
+          i18nKey: 'route.system2_notice'
+        }
+      },
+      {
+        name: 'system2_oss',
+        path: '/system2/oss',
+        component: 'view.system2_oss',
+        meta: {
+          title: 'system2_oss',
+          i18nKey: 'route.system2_oss'
+        }
+      },
+      {
+        name: 'system2_post',
+        path: '/system2/post',
+        component: 'view.system2_post',
+        meta: {
+          title: 'system2_post',
+          i18nKey: 'route.system2_post'
+        }
+      },
+      {
+        name: 'system2_role',
+        path: '/system2/role',
+        component: 'view.system2_role',
+        meta: {
+          title: 'system2_role',
+          i18nKey: 'route.system2_role'
+        }
+      },
+      {
+        name: 'system2_user',
+        path: '/system2/user',
+        component: 'view.system2_user',
+        meta: {
+          title: 'system2_user',
+          i18nKey: 'route.system2_user'
+        }
+      }
+    ]
+  },
   {
     name: 'tool',
     path: '/tool',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index 02492e3..645828e 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -233,6 +233,18 @@ const routeMap: RouteMap = {
   "system_tenant": "/system/tenant",
   "system_tenant-package": "/system/tenant-package",
   "system_user": "/system/user",
+  "system2": "/system2",
+  "system2_client": "/system2/client",
+  "system2_config": "/system2/config",
+  "system2_dept": "/system2/dept",
+  "system2_dict": "/system2/dict",
+  "system2_log": "/system2/log",
+  "system2_menu": "/system2/menu",
+  "system2_notice": "/system2/notice",
+  "system2_oss": "/system2/oss",
+  "system2_post": "/system2/post",
+  "system2_role": "/system2/role",
+  "system2_user": "/system2/user",
   "tool": "/tool",
   "tool_gen": "/tool/gen",
   "user-center": "/user-center"
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 9292af7..c405e16 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -139,6 +139,85 @@ const dynamicSupplementAuthRoutes: ElegantConstRoute[] = [
       hideInMenu: true,
       activeMenu: 'smart-proposal_tech-proposal'
     }
+  },
+  {
+    name: 'system2',
+    path: '/system2',
+    component: 'layout.base',
+    redirect: { name: 'system2_user' },
+    meta: {
+      title: 'system2',
+      i18nKey: 'route.system2',
+      hideInMenu: true
+    },
+    children: [
+      {
+        name: 'system2_user',
+        path: '/system2/user',
+        component: 'view.system2_user',
+        meta: { title: 'system2_user', i18nKey: 'route.system2_user', hideInMenu: true }
+      },
+      {
+        name: 'system2_role',
+        path: '/system2/role',
+        component: 'view.system2_role',
+        meta: { title: 'system2_role', i18nKey: 'route.system2_role', hideInMenu: true }
+      },
+      {
+        name: 'system2_menu',
+        path: '/system2/menu',
+        component: 'view.system2_menu',
+        meta: { title: 'system2_menu', i18nKey: 'route.system2_menu', hideInMenu: true }
+      },
+      {
+        name: 'system2_dept',
+        path: '/system2/dept',
+        component: 'view.system2_dept',
+        meta: { title: 'system2_dept', i18nKey: 'route.system2_dept', hideInMenu: true }
+      },
+      {
+        name: 'system2_post',
+        path: '/system2/post',
+        component: 'view.system2_post',
+        meta: { title: 'system2_post', i18nKey: 'route.system2_post', hideInMenu: true }
+      },
+      {
+        name: 'system2_dict',
+        path: '/system2/dict',
+        component: 'view.system2_dict',
+        meta: { title: 'system2_dict', i18nKey: 'route.system2_dict', hideInMenu: true }
+      },
+      {
+        name: 'system2_config',
+        path: '/system2/config',
+        component: 'view.system2_config',
+        meta: { title: 'system2_config', i18nKey: 'route.system2_config', hideInMenu: true }
+      },
+      {
+        name: 'system2_client',
+        path: '/system2/client',
+        component: 'view.system2_client',
+        meta: { title: 'system2_client', i18nKey: 'route.system2_client', hideInMenu: true }
+      },
+      {
+        name: 'system2_notice',
+        path: '/system2/notice',
+        component: 'view.system2_notice',
+        meta: { title: 'system2_notice', i18nKey: 'route.system2_notice', hideInMenu: true }
+      },
+      {
+        name: 'system2_oss',
+        path: '/system2/oss',
+        component: 'view.system2_oss',
+        meta: { title: 'system2_oss', i18nKey: 'route.system2_oss', hideInMenu: true }
+      },
+      {
+        name: 'system2_log',
+        path: '/system2/log',
+        component: 'view.system2_log',
+        meta: { title: 'system2_log', i18nKey: 'route.system2_log', hideInMenu: true }
+      }
+    ]
   }
 ];
 
diff --git a/src/service/api/system/dept.ts b/src/service/api/system/dept.ts
index a678e56..2f61b7d 100644
--- a/src/service/api/system/dept.ts
+++ b/src/service/api/system/dept.ts
@@ -43,9 +43,10 @@ export function fetchBatchDeleteDept(deptIds: CommonType.IdType[]) {
 }
 
 /** 获取部门选择框列表 */
-export function fetchGetDeptSelect() {
+export function fetchGetDeptSelect(deptIds?: CommonType.IdType[]) {
   return request<Api.System.Dept[]>({
     url: '/system/dept/optionselect',
-    method: 'get'
+    method: 'get',
+    params: { deptIds }
   });
 }
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index 95239ce..748577a 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -87,6 +87,18 @@ declare module "@elegant-router/types" {
     "system_tenant": "/system/tenant";
     "system_tenant-package": "/system/tenant-package";
     "system_user": "/system/user";
+    "system2": "/system2";
+    "system2_client": "/system2/client";
+    "system2_config": "/system2/config";
+    "system2_dept": "/system2/dept";
+    "system2_dict": "/system2/dict";
+    "system2_log": "/system2/log";
+    "system2_menu": "/system2/menu";
+    "system2_notice": "/system2/notice";
+    "system2_oss": "/system2/oss";
+    "system2_post": "/system2/post";
+    "system2_role": "/system2/role";
+    "system2_user": "/system2/user";
     "tool": "/tool";
     "tool_gen": "/tool/gen";
     "user-center": "/user-center";
@@ -142,6 +154,7 @@ declare module "@elegant-router/types" {
     | "social-callback"
     | "statistical-analysis"
     | "system"
+    | "system2"
     | "tool"
     | "user-center"
   >;
@@ -220,6 +233,17 @@ declare module "@elegant-router/types" {
     | "system_tenant-package"
     | "system_tenant"
     | "system_user"
+    | "system2_client"
+    | "system2_config"
+    | "system2_dept"
+    | "system2_dict"
+    | "system2_log"
+    | "system2_menu"
+    | "system2_notice"
+    | "system2_oss"
+    | "system2_post"
+    | "system2_role"
+    | "system2_user"
     | "tool_gen"
   >;
 
diff --git a/src/views/ai-assistant/ai-read/index.vue b/src/views/ai-assistant/ai-read/index.vue
index ef4de3a..bc8e71a 100644
--- a/src/views/ai-assistant/ai-read/index.vue
+++ b/src/views/ai-assistant/ai-read/index.vue
@@ -169,8 +169,8 @@ watch(fileList, value => {
     <div class="watermark" aria-hidden="true"></div>
     <div class="contain-wrapper">
       <button class="history-button" type="button" @click="openHistoryList">
-        <SvgIcon icon="material-symbols:history-rounded" />
-        历史记录
+        <span class="history-clock" aria-hidden="true">◷</span>
+        <span class="history-text">历史记录</span>
       </button>
 
       <section class="hero-panel">
@@ -317,10 +317,26 @@ watch(fileList, value => {
     line-height: 1;
   }
 
-  .history-button :deep(.svg-icon) {
-    width: 16px;
-    height: 16px;
+  .history-button::before,
+  .history-button::after {
+    display: none !important;
+    content: none !important;
+  }
+
+  .history-button :deep(svg),
+  .history-button :deep(.svg-icon),
+  .history-button :deep(.iconify) {
+    display: none !important;
+  }
+
+  .history-clock {
     color: #20242d;
+    font-size: 16px;
+    line-height: 1;
+  }
+
+  .history-text {
+    line-height: 1;
   }
 
   .hero-panel {
diff --git a/src/views/ai-review/tech-proposal-redesign/content-check/index.vue b/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
index 003e5af..3d8e4e5 100644
--- a/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
@@ -14,7 +14,6 @@ const {
   detailFixedCount,
   detailIssueCount,
   detailLoading,
-  detailPageCount,
   detailPagination,
   detailRowProps,
   detailSelectedRowId,
@@ -276,7 +275,6 @@ const {
               v-model:page-size="detailPagination.pageSize"
               class="detail-pagination"
               :item-count="detailTotal"
-              :page-count="detailPageCount"
               :page-sizes="[20, 50]"
               show-size-picker
               show-quick-jumper
diff --git a/src/views/ai-review/tech-proposal-redesign/index.vue b/src/views/ai-review/tech-proposal-redesign/index.vue
index 4d006bb..f835262 100644
--- a/src/views/ai-review/tech-proposal-redesign/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/index.vue
@@ -56,7 +56,6 @@ import { useAIReviewStore } from '@/store/modules/ai-review/index';
 import { useAppStore } from '@/store/modules/app';
 import { useDownload } from '@/hooks/business/download';
 import { randomIntId } from '@/utils/common';
-import { useTaskStorage } from '@/utils/strorage-manager';
 import defaultSetting from '@/assets/json/defaultSetting.json';
 import ButtonIcon from '@/components/custom/button-icon.vue';
 import FileUploadButton from '@/components/custom/file-upload-button.vue';
@@ -64,6 +63,10 @@ import FileUploadFolder from '@/components/custom/file-upload-folder.vue';
 import DocPreview from '@/components/custom/doc-preview.vue';
 import HtmlFilePreview from '@/components/html-file/index-only-read.vue';
 import SettingDrawer from '../tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue';
+import AnalysisFileAttrs from '../tech-proposal/modules/rewrite-info/modules/file-attrs.vue';
+import AnalysisImageContent from '../tech-proposal/modules/rewrite-info/modules/image-content.vue';
+import AnalysisImportantInfo from '../tech-proposal/modules/rewrite-info/modules/important-info copy.vue';
+import AnalysisTextContent from '../tech-proposal/modules/rewrite-info/modules/text-content copy.vue';
 import UploadLoading from '../tech-proposal/modules/upload-proposal/step-two/modules/upload-loading.vue';
 import Reupload from './reupload/index.vue';
 import ContentCheck from './content-check/index.vue';
@@ -231,6 +234,10 @@ const analysisReferenceData = ref<any[]>([]);
 const analysisResultLoading = ref(false);
 const analysisCheckedRowKeys = ref<Array<string | number>>([]);
 const analysisSmartFilterVisible = ref(false);
+const analysisCompareVisible = ref(false);
+const analysisCompareTab = ref<'key' | 'attr' | 'text' | 'image'>('key');
+const analysisCompareRow = ref<any>(null);
+const analysisTextContentRef = ref<InstanceType<typeof AnalysisTextContent>>();
 const analysisRuleJsonSetting = ref<any>({
   checkFileProperties: true,
   checkDuplicateContent: 100,
@@ -259,14 +266,32 @@ const analysisScopeOptions = [
   { value: true, label: '段落' },
   { value: false, label: '语句' }
 ] as any[];
+const analysisCompareTabs = [
+  { key: 'key', label: '重点信息' },
+  { key: 'attr', label: '文件属性' },
+  { key: 'text', label: '文本' },
+  { key: 'image', label: '图片' }
+] as const;
 const analysisInfoOptions = ['地名', '人名', '身份证号', '项目名'].map(value => ({ value, label: value }));
+const analysisCompareParentId = computed(() => Number(analysisCompareRow.value?.id || 0));
+const analysisCompareTargetCompany = computed(() => analysisCompareRow.value?.proposal1Name || '投标单位A');
+const analysisCompareCurrentCompany = computed(() => analysisCompareRow.value?.proposal2Name || '投标单位B');
+const analysisCompareProposalId1 = computed(() => String(analysisCompareRow.value?.proposalId1 || ''));
+const analysisCompareProposalId2 = computed(() => String(analysisCompareRow.value?.proposalId2 || ''));
+const analysisCompareInfoId = computed(() => String(resultInfoId.value || ''));
+const analysisSmartFilterKeyInfoType = computed({
+  get: () => analysisSmartFilterSetting.value.ignoreKeyInfoTypes?.[0] || '地名',
+  set: value => {
+    analysisSmartFilterSetting.value.ignoreKeyInfoTypes = value ? [value] : [];
+  }
+});
 
 let resultTimer: number | null = null;
 let responseRuleTimer: number | null = null;
 let responseResultTimer: number | null = null;
 let analysisResultTimer: number | null = null;
 let reviewRequestId = 0;
-const { findTaskByBId, addTask, removeTaskByBId } = useTaskStorage('repCheckId');
+let responseRuleTaskId: string | number | null = null;
 
 const activeRuleList = computed(() => templateOptions.value);
 const checkRuleRows = computed(() => ruleDataList.value.map((item, index) => ({ ...item, index: index + 1 })));
@@ -308,14 +333,15 @@ const contentReviewStatus = computed(() => getReviewStatusFromRows(reviewResultC
 const regularAnalysisReviewStatus = computed(() => getReviewStatusFromRows(analysisResultData.value));
 const responseRuleTableRows = computed(() => {
   const rows: any[] = [];
-  responseRuleList.value.forEach((group, index) => {
-    const expanded = responseExpandedIds.value.includes(group.id);
-    rows.push({ ...group, index: index + 1, depth: 0, expanded, isGroup: true });
-    if (!expanded) return;
-    (group.subItems || []).forEach((child: any) => {
-      rows.push({ ...child, index: '', depth: 1, parentId: group.id, isGroup: false });
+  const walk = (nodes: any[] = [], depth = 0) => {
+    nodes.forEach((node, index) => {
+      const expanded = responseExpandedIds.value.includes(node.id);
+      const isGroup = Array.isArray(node.subItems);
+      rows.push({ ...node, index: depth === 0 ? index + 1 : '', depth, expanded, isGroup });
+      if (expanded && node.subItems?.length) walk(node.subItems, depth + 1);
     });
-  });
+  };
+  walk(responseRuleList.value);
   return rows;
 });
 const selectedResponseDocName = computed(() => {
@@ -375,8 +401,6 @@ const activeReviewStatus = computed(() => {
   if (reviewInnerTab.value === 'RegularAnalysis') return regularAnalysisReviewStatus.value;
   return '';
 });
-const detailPageCount = computed(() => Math.ceil(detailTotal.value / detailPagination.value.pageSize));
-const historyPageCount = computed(() => Math.ceil(historyTotal.value / historyPagination.value.pageSize));
 const detailTreeRows = computed(() => {
   const rows: any[] = [];
   const walk = (nodes: any[] = [], depth = 0, parent: any = null) => {
@@ -575,6 +599,41 @@ const updateResponseCheckedKeys = (keys: Array<string | number>) => {
   responseCheckedKeys.value = keys;
 };
 
+function getResponseRuleIds(nodes: any[] = []) {
+  const ids: Array<string | number> = [];
+  nodes.forEach(node => {
+    ids.push(node.id);
+    if (node.subItems?.length) ids.push(...getResponseRuleIds(node.subItems));
+  });
+  return ids;
+}
+
+function getResponseNodeDescendantIds(id: string | number, nodes: any[] = []): Array<string | number> {
+  const collect = (node: any): Array<string | number> => {
+    const ids: Array<string | number> = [];
+    node.subItems?.forEach((child: any) => {
+      ids.push(child.id, ...collect(child));
+    });
+    return ids;
+  };
+  for (const node of nodes) {
+    if (node.id === id) return collect(node);
+    const found = getResponseNodeDescendantIds(id, node.subItems || []);
+    if (found.length) return found;
+  }
+  return [];
+}
+
+const toggleResponseCheckedKey = (key: string | number, checked: boolean) => {
+  const checkedSet = new Set(responseCheckedKeys.value);
+  const relatedKeys = [key, ...getResponseNodeDescendantIds(key, responseRuleList.value)];
+  relatedKeys.forEach(item => {
+    if (checked) checkedSet.add(item);
+    else checkedSet.delete(item);
+  });
+  responseCheckedKeys.value = Array.from(checkedSet);
+};
+
 const queryResponseRule = async () => {
   if (!resultInfoId.value) return;
   const { data } = await queryResponseCheckRule({ infoId: resultInfoId.value });
@@ -582,20 +641,10 @@ const queryResponseRule = async () => {
   if (rows.length > 0) {
     responseRuleId.value = rows[0].id || 0;
     statusResult.value = rows[0].status || statusResult.value;
-    let parsedRuleList: any[] = [];
-    try {
-      parsedRuleList = JSON.parse(rows[0].content || '[]');
-    } catch {
-      parsedRuleList = [];
-    }
-    if (Array.isArray(parsedRuleList) && parsedRuleList.length) responseRuleList.value = parsedRuleList;
-    selectedResponseRuleId.value ||= responseRuleList.value[0]?.id || null;
-    responseExpandedIds.value = responseRuleList.value.map(item => item.id);
-  } else {
-    responseRuleId.value = 0;
-    responseRuleList.value = [];
-    selectedResponseRuleId.value = null;
-    responseExpandedIds.value = [];
+    responseRuleList.value = JSON.parse(rows[0].content || '[]');
+    selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
+    responseExpandedIds.value = getResponseRuleIds(responseRuleList.value);
+    responseCheckedKeys.value = [];
   }
 };
 
@@ -616,7 +665,7 @@ const toggleResponseRuleExpand = (id: string | number) => {
 };
 
 const expandAllResponseRules = () => {
-  responseExpandedIds.value = responseRuleList.value.map(item => item.id);
+  responseExpandedIds.value = getResponseRuleIds(responseRuleList.value);
 };
 
 const collapseAllResponseRules = () => {
@@ -660,6 +709,7 @@ const saveResponseRuleData = async (showConfirm = true) => {
       const savedId = typeof savedData === 'object' ? savedData?.id : savedData;
       if (!responseRuleId.value && savedId) responseRuleId.value = Number(savedId);
       window.$message?.success('操作成功');
+      await queryResponseRule();
     }
   };
 
@@ -669,7 +719,7 @@ const saveResponseRuleData = async (showConfirm = true) => {
   }
   window.$dialog?.warning({
     title: '提示',
-    content: '是否要保存当前响应式规则？',
+    content: '是否要保存当前模块？',
     positiveText: '确认',
     negativeText: '取消',
     onPositiveClick: doSave
@@ -689,7 +739,6 @@ const addResponseModule = (type: string, id?: string | number) => {
   if (type === 'root') {
     responseRuleList.value.push(node);
     selectedResponseRuleId.value = nodeId;
-    responseExpandedIds.value = [...responseExpandedIds.value, nodeId];
     return;
   }
   const findAndAdd = (nodes: any[]): boolean => {
@@ -698,7 +747,6 @@ const addResponseModule = (type: string, id?: string | number) => {
         item.subItems ||= [];
         item.subItems.push({ ...node, subItems: undefined });
         selectedResponseRuleId.value = nodeId;
-        responseExpandedIds.value = Array.from(new Set([...responseExpandedIds.value, item.id]));
         return true;
       }
       if (item.subItems?.length && findAndAdd(item.subItems)) return true;
@@ -759,10 +807,6 @@ const openResponseModuleDialog = (handleType: 'add' | 'edit', type: 'root' | 'le
         {
           type: 'info',
           onClick: () => {
-            if (!responseAddModuleForm.value.name.trim()) {
-              window.$message?.warning('请输入评分项名称');
-              return;
-            }
             if (handleType === 'add') addResponseModule(type, row?.id);
             else updateResponseModule(row?.id);
             responseAddModuleForm.value = { name: '', scoringStandard: '' };
@@ -774,7 +818,7 @@ const openResponseModuleDialog = (handleType: 'add' | 'edit', type: 'root' | 'le
   });
 };
 
-function deleteResponseModule(id: string | number) {
+function removeResponseModule(id: string | number) {
   const findAndDel = (nodes: any[]): boolean => {
     for (let i = 0; i < nodes.length; i += 1) {
       const item = nodes[i];
@@ -787,7 +831,18 @@ function deleteResponseModule(id: string | number) {
     return false;
   };
   findAndDel(responseRuleList.value);
-  if (selectedResponseRuleId.value === id) selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
+  selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
+  responseCheckedKeys.value = [];
+}
+
+function deleteResponseModule(id: string | number) {
+  window.$dialog?.warning({
+    title: '提示',
+    content: '确认删除吗？',
+    positiveText: '确认',
+    negativeText: '取消',
+    onPositiveClick: () => removeResponseModule(id)
+  });
 }
 
 const batchDeleteResponseModule = () => {
@@ -817,18 +872,17 @@ const batchDeleteResponseModule = () => {
 };
 
 const queryResponseRuleByTaskId = async () => {
-  const hasTaskId = findTaskByBId(resultInfoId.value);
-  if (!hasTaskId) {
+  if (!responseRuleTaskId) {
     responseGenerateLoading.value = false;
     window.$message?.warning('请确认是否使用了AI智能识别生成检查规则！');
     return;
   }
-  const { response } = await queryResponseCheckResultByTaskId(hasTaskId.id);
+  const { response } = await queryResponseCheckResultByTaskId(responseRuleTaskId);
   responseGenerateLoading.value = false;
   const code = response.data.code as any;
   if (code === 500) {
     window.$message?.warning('未识别到评审模块或招标文件格式不正确，请检查！');
-    removeTaskByBId(resultInfoId.value);
+    responseRuleTaskId = null;
     if (responseRuleTimer) {
       window.clearInterval(responseRuleTimer);
       responseRuleTimer = null;
@@ -838,12 +892,12 @@ const queryResponseRuleByTaskId = async () => {
   if (response.data.data) {
     responseRuleList.value = response.data.data as any[];
     selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
-    removeTaskByBId(resultInfoId.value);
+    responseRuleTaskId = null;
     if (responseRuleTimer) {
       window.clearInterval(responseRuleTimer);
       responseRuleTimer = null;
     }
-    await saveResponseRuleData(false);
+    await saveResponseRuleData();
   } else {
     window.$message?.info('暂未生成评审模块');
   }
@@ -861,26 +915,29 @@ const generateResponseRule = async () => {
     negativeText: '取消',
     onPositiveClick: async () => {
       window.$dialog?.destroyAll();
-      const hasTaskId = findTaskByBId(resultInfoId.value);
       responseGenerateLoading.value = true;
-      if (hasTaskId) {
+      if (responseRuleTaskId) {
         if (!responseRuleTimer) responseRuleTimer = window.setInterval(queryResponseRuleByTaskId, 5000);
         return;
       }
       window.$message?.success('正在使用AI智能识别规则');
       const { response } = await generateResponseCheckRule(responseAiBidding.value);
-      addTask({ bId: resultInfoId.value, id: response.data.msg });
+      responseRuleTaskId = response.data.msg;
       if (!responseRuleTimer) responseRuleTimer = window.setInterval(queryResponseRuleByTaskId, 5000);
     }
   });
 };
 
 const handleResponseHistoryRuleChange = (value: any) => {
-  if (!value) return;
+  if (!value) {
+    responseCheckedKeys.value = [];
+    return;
+  }
   const obj = responseHistoryBiddingOptions.value.find((item: any) => item.id === value);
-  if (obj?.ruleContent) responseRuleList.value = JSON.parse(obj.ruleContent);
+  if (obj?.ruleContent) responseRuleList.value = parseResponseJson(obj.ruleContent, []);
   selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
-  responseExpandedIds.value = responseRuleList.value.map(item => item.id);
+  responseExpandedIds.value = getResponseRuleIds(responseRuleList.value);
+  responseCheckedKeys.value = [];
 };
 
 const getResponseStatisticData = (list: any[]) => {
@@ -896,14 +953,14 @@ const getResponseStatisticData = (list: any[]) => {
   responseStatisticData.value.abnormalCompanyNum = abnormalCompanyNum;
 };
 
-const parseResponseJson = (value: any, fallback: any = []) => {
+function parseResponseJson(value: any, fallback: any = []) {
   if (typeof value !== 'string') return value ?? fallback;
   try {
     return JSON.parse(value);
   } catch {
     return fallback;
   }
-};
+}
 
 const normalizeResponseResultPayload = (rawData: any) => {
   const payload = rawData || {};
@@ -988,7 +1045,8 @@ async function queryResponseResult() {
       if (!responseRuleList.value.length && ruleJson.length) {
         responseRuleList.value = JSON.parse(JSON.stringify(ruleJson));
         selectedResponseRuleId.value = responseRuleList.value[0]?.id || null;
-        responseExpandedIds.value = responseRuleList.value.map(item => item.id);
+        responseExpandedIds.value = getResponseRuleIds(responseRuleList.value);
+        responseCheckedKeys.value = [];
       }
       const allCompleted = result.every((item: any) => item.taskStatus === '审查完成');
       if (allCompleted && responseResultTimer) {
@@ -1064,10 +1122,18 @@ const submitResponseDocModal = async () => {
     window.$message?.warning('请先上传招标文件');
     return;
   }
-  await batchAddBiddingDoc(params);
-  window.$message?.success('添加成功');
-  cancelResponseDocModal();
-  await handleGetBiddingDocListAll();
+  window.$dialog?.warning({
+    title: '提示',
+    content: '是否确认添加文件？',
+    positiveText: '确认',
+    negativeText: '取消',
+    onPositiveClick: async () => {
+      await batchAddBiddingDoc(params);
+      window.$message?.success('添加成功');
+      cancelResponseDocModal();
+      await handleGetBiddingDocListAll();
+    }
+  });
 };
 
 const handleEditRule = (row?: any) => {
@@ -1443,6 +1509,12 @@ const closeContentDetailPanel = () => {
   detailPagination.value.page = 1;
 };
 
+const closeAnalysisCompareModal = () => {
+  analysisCompareVisible.value = false;
+  analysisCompareRow.value = null;
+  analysisCompareTab.value = 'key';
+};
+
 const getDetailDocPresign = (docId: string) => detailDocPresignCache.get(docId) || null;
 
 const setDetailDocPresign = (docId: string, data: DocConvertTask) => {
@@ -1474,20 +1546,24 @@ function getAnalysisValue(row: any, keys: string[], defaultValue: any = '-') {
   return value ?? defaultValue;
 }
 
+const changeAnalysisCompareTab = (tab: 'key' | 'attr' | 'text' | 'image') => {
+  analysisCompareTab.value = tab;
+};
+
 const analysisResultColumns: any[] = [
-  { type: 'selection', width: 48 },
-  { title: '序号', key: 'index', width: 70, render: (_row: any, index: number) => index + 1 },
+  { type: 'selection', width: 38 },
+  { title: '序号', key: 'index', width: 46, render: (_row: any, index: number) => index + 1 },
   {
     title: '目标单位',
     key: 'proposal2Name',
-    width: 180,
+    minWidth: 92,
     ellipsis: { tooltip: true },
     render: (row: any) => getAnalysisValue(row, ['proposal2Name', 'targetCompany', 'targetName', 'companyName'])
   },
   {
     title: '风险度',
     key: 'riskDegree',
-    width: 82,
+    width: 62,
     render: (row: any) => {
       const value = getAnalysisValue(row, ['riskDegree', 'riskDgree', 'rewriteRiskDegree'], 0);
       return <NText class={Number(value) > 60 ? 'analysis-risk high' : 'analysis-risk'}>{value}</NText>;
@@ -1496,31 +1572,31 @@ const analysisResultColumns: any[] = [
   {
     title: '文本相似度(%)',
     key: 'textSimilarity',
-    width: 120,
+    width: 92,
     render: (row: any) => getAnalysisValue(row, ['textSimilarity', 'rewriteTextSimilarity'], 0)
   },
   {
     title: '图片相似度(%)',
     key: 'imgSimilarity',
-    width: 120,
+    width: 92,
     render: (row: any) => getAnalysisValue(row, ['imgSimilarity', 'imageSimilarity'], 0)
   },
   {
     title: '文件属性雷同',
     key: 'docSimilarity',
-    width: 120,
+    width: 96,
     render: (row: any) => getAnalysisValue(row, ['docSimilarity', 'fileSimilarity'], 0)
   },
   {
     title: '重点信息雷同(项)',
     key: 'informationSimilarity',
-    width: 142,
+    width: 118,
     render: (row: any) => getAnalysisValue(row, ['informationSimilarity', 'keyInformationSimilarity'], 0)
   },
   {
     title: '检查状态',
     key: 'taskStatus',
-    width: 112,
+    width: 92,
     render: (row: any) => {
       const status = row.taskStatus || '未审查';
       return (
@@ -1533,7 +1609,7 @@ const analysisResultColumns: any[] = [
   {
     title: '操作',
     key: 'operate',
-    width: 130,
+    width: 98,
     render: (row: any) => (
       <div class="analysis-actions">
         <NButton size="tiny" secondary type="info" class="analysis-action-btn" onClick={() => openAnalysisInfo(row, true)}>
@@ -1683,6 +1759,36 @@ const startRegularAnalysis = async () => {
   });
 };
 
+const reAnalysisRegularAnalysis = async () => {
+  const proposalDtlIds1 = analysisResultData.value.map((item: any) => item.proposalDtlId1).filter(Boolean);
+  const proposalDtlIds2 = analysisResultData.value.map((item: any) => item.proposalDtlId2).filter(Boolean);
+  if (!proposalDtlIds1.length || !proposalDtlIds2.length) {
+    window.$message?.warning('暂无可重新分析的投标文件');
+    return;
+  }
+  window.$dialog?.warning({
+    title: '提示',
+    content: '是否重新分析投标文件？',
+    positiveText: '确认',
+    negativeText: '取消',
+    onPositiveClick: async () => {
+      window.$dialog?.destroyAll();
+      btnLoading.value = true;
+      const { error } = await startAnalysis({
+        infoId: resultInfoId.value,
+        proposalDtlIds1,
+        proposalDtlIds2,
+        ruleJson: '',
+        smartFilterConfig: ''
+      });
+      btnLoading.value = false;
+      if (!error) window.$message?.success('开始规律性分析！请等待生成检查结果');
+      await loadAnalysisResult();
+      if (!analysisResultTimer) analysisResultTimer = window.setInterval(loadAnalysisResult, 5000);
+    }
+  });
+};
+
 const rewriteRegularAnalysis = () => {
   if (!analysisCheckedRowKeys.value.length) {
     window.$message?.warning('请勾选需要一键改写的投标单位');
@@ -1745,26 +1851,21 @@ async function deleteAnalysisFile(id: any) {
   });
 }
 
-async function openAnalysisInfo(row: any, editType: boolean) {
+function openAnalysisInfo(row: any, _editType: boolean) {
+  currentStep.value = 3;
+  reviewInnerTab.value = 'RegularAnalysis';
+  analysisCompareRow.value = row;
+  analysisCompareVisible.value = true;
+  changeAnalysisCompareTab('key');
+
   const taskId = row.taskId;
   if (taskId) {
-    const ok = await queryCheckResultStatus(taskId);
-    if (ok.data?.errorMsg) {
-      window.$message?.error(ok.data.errorMsg);
-      return;
-    }
+    queryCheckResultStatus(taskId)
+      .then(ok => {
+        if (ok.data?.errorMsg) window.$message?.error(ok.data.errorMsg);
+      })
+      .catch(() => undefined);
   }
-  router.push({
-    name: editType ? 'ai-review_tech-proposal_modules_rewrite-info' : 'ai-review_tech-proposal_modules_analysis-info',
-    query: {
-      id: row.id?.toString(),
-      targetCompany: row.proposal1Name,
-      currentCompany: row.proposal2Name,
-      infoId: resultInfoId.value.toString(),
-      proposalId1: row.proposalId1,
-      proposalId2: row.proposalId2
-    }
-  });
 }
 
 const inviteFileSizeMB = computed(() => {
@@ -1860,6 +1961,7 @@ watch(
 
 watch(reviewInnerTab, (value, oldValue) => {
   if (oldValue === 'ContentCheck' && value !== 'ContentCheck') closeContentDetailPanel();
+  if (oldValue === 'RegularAnalysis' && value !== 'RegularAnalysis') closeAnalysisCompareModal();
   if (oldValue === 'Reupload' && value !== 'Reupload') loadReuploadData();
   if (value === 'Reupload') loadReuploadData();
   if (value === 'ResponsiveCheck') loadResponsiveCheckData();
@@ -2396,7 +2498,6 @@ const columns: any = [
       const topIndex = Number(String(row.index).split('-')[0]) - 1;
       const editBtn = () => (
         <ButtonIcon
-          text
           type="primary"
           icon="material-symbols:edit-outline"
           tooltipContent="编辑"
@@ -2409,7 +2510,6 @@ const columns: any = [
       );
       const deleteBtn = () => (
         <ButtonIcon
-          text
           type="error"
           icon="material-symbols:delete-outline"
           tooltipContent="删除"
@@ -2460,7 +2560,6 @@ const columns: any = [
       return (
         <div class="flex-center gap-8px">
           <ButtonIcon
-            text
             type="primary"
             icon="material-symbols:visibility-outline"
             tooltipContent="查看"
@@ -2581,6 +2680,7 @@ const saveReuploadInfo = () => {
 
 const backToUpload = () => {
   reviewRequestId += 1;
+  closeAnalysisCompareModal();
   resetUploadDraft();
   currentStep.value = 1;
   reviewInnerTab.value = 'ContentCheck';
@@ -2660,6 +2760,7 @@ provide(techProposalRedesignContextKey, {
   collapseAllResponseRules,
   columns,
   dataList,
+  deleteAnalysisFile,
   deleteAllBiddingDoc,
   deleteResponseModule,
   detailActiveTreeId,
@@ -2668,7 +2769,6 @@ provide(techProposalRedesignContextKey, {
   detailFixedCount,
   detailIssueCount,
   detailLoading,
-  detailPageCount,
   detailPagination,
   detailRowProps,
   detailSelectedRowId,
@@ -2695,6 +2795,7 @@ provide(techProposalRedesignContextKey, {
   handleUploadBefore,
   handleUploadError,
   loadDetailTree,
+  openAnalysisInfo,
   openAnalysisSmartFilter,
   openResponseModuleDialog,
   openResultDetail,
@@ -2705,6 +2806,7 @@ provide(techProposalRedesignContextKey, {
   proposalFolderList,
   queryDetailByPage,
   queryResponseResult,
+  reAnalysisRegularAnalysis,
   responseAddDocForm,
   responseAddDocVisible,
   responseAiBidding,
@@ -2720,6 +2822,7 @@ provide(techProposalRedesignContextKey, {
   responseResultScrollX,
   responseResultTableRows,
   responseReviewStatus,
+  responseCheckedKeys,
   responseRuleTableRows,
   responseSourceTab,
   responseStartCheck,
@@ -2746,6 +2849,7 @@ provide(techProposalRedesignContextKey, {
   systemRuleOptions,
   tableRowProps,
   toggleExpandAll,
+  toggleResponseCheckedKey,
   toggleResponseRuleExpand,
   toggleSelectedRuleLock,
   updateResponseCheckedKeys,
@@ -2766,10 +2870,12 @@ onActivated(() => {
 
 onDeactivated(() => {
   closeContentDetailPanel();
+  closeAnalysisCompareModal();
 });
 
 onUnmounted(() => {
   closeContentDetailPanel();
+  closeAnalysisCompareModal();
   if (resultTimer) {
     window.clearInterval(resultTimer);
     resultTimer = null;
@@ -3021,17 +3127,23 @@ onUnmounted(() => {
           <NButton type="primary" :loading="historyLoading" @click="searchHistory">搜索</NButton>
         </div>
         <div class="review-history-list">
-          <article v-for="item in historyList" :key="item.id" class="review-history-card">
+          <article
+            v-for="item in historyList"
+            :key="item.id"
+            class="review-history-card"
+            @click="viewInfo(item.id, item.biddingDocuId)"
+          >
             <div class="review-history-head">
-              <strong @click="viewInfo(item.id, item.biddingDocuId)">{{ item.sectionName }}</strong>
-              <ButtonIcon
-                text
-                type="error"
-                icon="material-symbols:delete-outline"
-                tooltip-content="删除"
-                popconfirm-content="确认删除？"
-                @positive-click="handleDeleteHistory(item.id)"
-              />
+              <strong>{{ item.sectionName }}</strong>
+              <span class="review-history-action" @click.stop>
+                <ButtonIcon
+                  type="error"
+                  icon="material-symbols:delete-outline"
+                  tooltip-content="删除"
+                  popconfirm-content="确认删除？"
+                  @positive-click="handleDeleteHistory(item.id)"
+                />
+              </span>
             </div>
             <p>清标编号：{{ item.clearingNumber || '-' }}</p>
             <p>投标单位：{{ item.proposalCount || 0 }} 家</p>
@@ -3047,7 +3159,6 @@ onUnmounted(() => {
               v-model:page="historyPagination.page"
               v-model:page-size="historyPagination.pageSize"
               :item-count="historyTotal"
-              :page-count="historyPageCount"
               :page-sizes="[20, 50]"
               size="small"
               show-size-picker
@@ -3111,67 +3222,122 @@ onUnmounted(() => {
     <NModal v-model:show="analysisSmartFilterVisible" preset="card" :bordered="false" class="regular-filter-modal">
       <template #header>
         <div class="regular-filter-modal-head">
-          <strong>智能过滤设置</strong>
-          <span>减少目录、短文本、招标文件重复内容对相似度分析的干扰</span>
+          <span class="review-pattern-filter-title-bar"></span>
+          <strong>智能过滤</strong>
         </div>
       </template>
       <div class="regular-filter-modal-body">
-        <section class="regular-filter-option prominent">
-          <div>
-            <strong>忽略与招标文件相同内容</strong>
-            <p>过滤投标文件中直接引用招标文件的段落。</p>
-          </div>
-          <NCheckbox v-model:checked="analysisSmartFilterSetting.ignoreBiddingFilecontent" />
-        </section>
-        <section class="regular-filter-option">
-          <div>
-            <strong>忽略目录</strong>
-            <p>目录页和章节索引不参与相似度判断。</p>
-          </div>
-          <NCheckbox v-model:checked="analysisSmartFilterSetting.ignoreDirectory" />
-        </section>
-        <section class="regular-filter-option">
-          <div>
-            <strong>忽略文件中的技术标准</strong>
-            <p>过滤常见规范、标准条文等公共文本。</p>
-          </div>
-          <NCheckbox v-model:checked="analysisSmartFilterSetting.ignoreTechnicalStandards" />
-        </section>
-        <section class="regular-filter-option regular-filter-combo">
-          <div>
-            <strong>忽略标点符号及短文本</strong>
-            <p>小于指定字数的内容不进入重复度计算。</p>
-          </div>
-          <div class="regular-filter-control">
-            <NCheckbox v-model:checked="analysisSmartFilterSetting.ignorePunctuationAndShortText" />
-            <NInputNumber v-model:value="analysisSmartFilterSetting.minTextLength" :min="1" size="small" />
-            <span>字以内</span>
-          </div>
-        </section>
-        <section class="regular-filter-option regular-filter-keyinfo">
-          <div>
-            <strong>忽略以下类重点信息</strong>
-            <p>适用于地名、人名等非关键雷同项。</p>
-          </div>
-          <div class="regular-filter-control wide">
-            <NCheckbox v-model:checked="analysisSmartFilterSetting.ignoreKeyInfoTypesEnable" />
-            <NSelect
-              v-model:value="analysisSmartFilterSetting.ignoreKeyInfoTypes"
-              multiple
-              class="regular-filter-select"
-              :options="analysisInfoOptions"
-              size="small"
-            />
-          </div>
-        </section>
+        <label class="regular-filter-row">
+          <input v-model="analysisSmartFilterSetting.ignoreBiddingFilecontent" type="checkbox" />
+          忽略与招标文件相同内容
+        </label>
+        <label class="regular-filter-row">
+          <input v-model="analysisSmartFilterSetting.ignorePunctuationAndShortText" type="checkbox" />
+          忽略标点符号及小于
+          <input v-model.number="analysisSmartFilterSetting.minTextLength" type="number" min="1" max="99" />
+          个字的内容
+        </label>
+        <label class="regular-filter-row">
+          <input v-model="analysisSmartFilterSetting.ignoreDirectory" type="checkbox" />
+          忽略目录
+        </label>
+        <label class="regular-filter-row">
+          <input v-model="analysisSmartFilterSetting.ignoreTechnicalStandards" type="checkbox" />
+          忽略文件中的技术标准
+        </label>
+        <label class="regular-filter-row regular-filter-keyinfo-row">
+          <input v-model="analysisSmartFilterSetting.ignoreKeyInfoTypesEnable" type="checkbox" />
+          忽略以下类重点信息
+          <span class="regular-filter-select-shell">
+            <select v-model="analysisSmartFilterKeyInfoType">
+              <option v-for="item in analysisInfoOptions" :key="item.value" :value="item.value">
+                {{ item.label }}
+              </option>
+            </select>
+          </span>
+        </label>
       </div>
       <template #footer>
         <div class="regular-filter-modal-footer">
           <button type="button" @click="analysisSmartFilterVisible = false">取消</button>
-          <button type="button" @click="saveAnalysisSmartFilter">保存设置</button>
+          <button type="button" @click="saveAnalysisSmartFilter">保存</button>
         </div>
       </template>
     </NModal>
+    <div
+      v-if="analysisCompareVisible && currentStep === 3 && reviewInnerTab === 'RegularAnalysis'"
+      class="review-pattern-compare-modal-overlay"
+      aria-hidden="false"
+    >
+      <section class="review-pattern-compare-modal" aria-label="分析结果详情">
+        <header>
+          <div class="review-pattern-compare-tabs">
+            <button
+              v-for="item in analysisCompareTabs"
+              :key="item.key"
+              :class="{ active: analysisCompareTab === item.key }"
+              type="button"
+              @click="changeAnalysisCompareTab(item.key)"
+            >
+              {{ item.label }}
+            </button>
+          </div>
+          <div class="review-pattern-compare-header-actions">
+            <button
+              v-show="analysisCompareTab === 'text'"
+              class="review-pattern-compare-save"
+              type="button"
+              @click="analysisTextContentRef?.handleConfirm?.()"
+            >
+              确定保存
+            </button>
+            <button class="review-pattern-compare-close" type="button" @click="closeAnalysisCompareModal">取消</button>
+          </div>
+        </header>
+        <div class="review-pattern-compare-body real-detail-body">
+          <AnalysisImportantInfo
+            v-if="analysisCompareTab === 'key'"
+            :key="`key-${analysisCompareParentId}`"
+            :parent-id="analysisCompareParentId"
+            :target-company="analysisCompareTargetCompany"
+            :current-company="analysisCompareCurrentCompany"
+            :proposal-id1="analysisCompareProposalId1"
+            :proposal-id2="analysisCompareProposalId2"
+            :get-presign="getDetailDocPresign"
+            :set-presign="setDetailDocPresign"
+          />
+          <AnalysisFileAttrs
+            v-else-if="analysisCompareTab === 'attr'"
+            :key="`attr-${analysisCompareParentId}`"
+            :parent-id="analysisCompareParentId"
+          />
+          <AnalysisTextContent
+            v-else-if="analysisCompareTab === 'text'"
+            :key="`text-${analysisCompareParentId}`"
+            ref="analysisTextContentRef"
+            :parent-id="analysisCompareParentId"
+            :info-id="analysisCompareInfoId"
+            :target-company="analysisCompareTargetCompany"
+            :current-company="analysisCompareCurrentCompany"
+            :proposal-id1="analysisCompareProposalId1"
+            :proposal-id2="analysisCompareProposalId2"
+            :bussiness-id="analysisCompareParentId"
+            :get-presign="getDetailDocPresign"
+            :set-presign="setDetailDocPresign"
+            @back="closeAnalysisCompareModal"
+          />
+          <AnalysisImageContent
+            v-else-if="analysisCompareTab === 'image'"
+            :key="`image-${analysisCompareParentId}`"
+            :parent-id="analysisCompareParentId"
+            :target-company="analysisCompareTargetCompany"
+            :current-company="analysisCompareCurrentCompany"
+            :get-presign="getDetailDocPresign"
+            :set-presign="setDetailDocPresign"
+          />
+        </div>
+      </section>
+    </div>
     <UploadLoading v-model:visible="uploadVisible" />
   </div>
 </template>
@@ -4824,23 +4990,34 @@ onUnmounted(() => {
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
   border: 1px solid #dfe6f1;
-  border-radius: 12px;
+  border-radius: 8px;
   background: #fff;
+  box-shadow: none;
 }
 
 .regular-config-toolbar,
 .regular-result-toolbar {
   display: flex;
-  min-height: 48px;
+  min-height: 42px;
   align-items: center;
   justify-content: space-between;
-  border-bottom: 1px solid #e8edf5;
-  padding: 8px 12px 8px 14px;
+  gap: 10px;
+  flex-wrap: nowrap;
+  border-bottom: 1px solid #edf1f6;
+  background: #fff;
+  padding: 6px 10px 6px 14px;
+
+  .result-title {
+    flex: 0 1 220px;
+  }
+}
+
+.regular-result-toolbar {
+  flex-wrap: nowrap;
 }
 
 .regular-config-toolbar {
   position: relative;
-  justify-content: flex-start;
   padding-right: 14px;
 
   .review-start-check {
@@ -4849,6 +5026,51 @@ onUnmounted(() => {
     align-items: center;
     justify-content: center;
     margin-left: auto;
+    min-width: 76px;
+    height: 30px;
+    border-radius: 8px !important;
+    box-shadow: none;
+  }
+}
+
+.regular-panel-title {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 10px;
+
+  strong {
+    display: block;
+    color: #152033;
+    font-size: 14px;
+    font-weight: 900;
+    line-height: 18px;
+  }
+
+  p {
+    margin: 2px 0 0;
+    overflow: hidden;
+    color: #718096;
+    font-size: 12px;
+    line-height: 18px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.regular-title-marker {
+  position: relative;
+  width: 9px;
+  height: 9px;
+  flex: 0 0 9px;
+  border: 2px solid #2d66ff;
+  border-radius: 2px;
+  background: #eaf2ff;
+  box-shadow: none;
+
+  &.blue {
+    border-color: #2563eb;
+    box-shadow: 0 0 0 4px #e7f0ff;
   }
 }
 
@@ -4876,46 +5098,82 @@ onUnmounted(() => {
 .regular-config-body {
   min-height: 0;
   overflow: auto;
+  background: #fff;
   padding: 14px;
 }
 
 .regular-file-fields {
   display: grid;
   gap: 12px;
-  margin-bottom: 12px;
+  margin-bottom: 14px;
 
   label {
     display: grid;
-    gap: 8px;
+    gap: 6px;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    padding: 0;
+    box-shadow: none;
   }
 
   span {
-    color: #1f2937;
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    color: #1d2b41;
     font-size: 13px;
     font-weight: 800;
+
+    &::before {
+      display: none;
+    }
   }
 }
 
 .design-select {
   :deep(.n-base-selection) {
+    min-height: 34px;
     border-radius: 8px;
+    background: #fff;
   }
 }
 
+.regular-rule-grid {
+  display: grid;
+  gap: 12px;
+}
+
 .design-card {
+  border: 1px solid #e4e9f2;
   border-radius: 8px;
   background: #fbfcff;
   padding: 14px;
+  box-shadow: none;
 
   & + & {
-    margin-top: 12px;
+    margin-top: 0;
+  }
+
+  &.featured {
+    border-color: #e4e9f2;
+    background: #fbfcff;
   }
 
   header {
-    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+
+    strong {
+      color: #152033;
+      font-size: 14px;
+      font-weight: 900;
+    }
 
     span {
-      color: #7f8aa0;
+      color: #8a97aa;
       font-size: 12px;
       letter-spacing: 0.12em;
     }
@@ -4927,9 +5185,12 @@ onUnmounted(() => {
 }
 
 .design-inline-rule {
-  max-width: 420px;
-  grid-template-columns: auto auto 88px auto 88px;
+  max-width: 470px;
+  grid-template-columns: auto auto minmax(82px, 100px) auto minmax(82px, 100px);
   margin-bottom: 8px;
+  border-radius: 8px;
+  background: #f6f9fd;
+  padding: 8px 10px;
 }
 
 .regular-ai-line {
@@ -4939,12 +5200,15 @@ onUnmounted(() => {
   min-height: 26px;
 
   button {
-    border: 0;
-    background: transparent;
+    height: 22px;
+    border: 1px solid #b9d2ff;
+    border-radius: 999px;
+    background: #eef5ff;
     color: #1e5eff;
     cursor: pointer;
     font-size: 12px;
-    padding: 0;
+    font-weight: 800;
+    padding: 0 10px;
   }
 
   em {
@@ -4963,67 +5227,345 @@ onUnmounted(() => {
 }
 
 .regular-design-stats {
-  color: #273244;
+  flex: 1;
+  color: #616a79;
+  font-size: 12px;
   white-space: nowrap;
+
+  strong {
+    margin: 0 2px;
+    color: #20242d;
+    font-size: 16px;
+    font-weight: 800;
+  }
 }
 
 .regular-design-actions {
   display: inline-flex;
   gap: 8px;
-  margin-left: 12px;
+  flex: 0 0 auto;
+  margin-left: 0;
+  white-space: nowrap;
 
   button {
     height: 28px;
-    border: 1px solid #d7deea;
+    min-width: 72px;
+    border: 1px solid #cfdcff;
     border-radius: 7px;
     background: #fff;
-    color: #3f4654;
+    color: #1f62ff;
     cursor: pointer;
     font-size: 12px;
     font-weight: 700;
     padding: 0 12px;
     white-space: nowrap;
+    word-break: keep-all;
   }
 
   button:hover {
-    border-color: #ffb165;
-    background: #fff7ed;
-    color: #d06f10;
+    border-color: #9bbcff;
+    background: #f3f7ff;
+    color: #185cff;
+  }
+
+  button:disabled {
+    opacity: 0.65;
+    cursor: not-allowed;
+  }
+}
+
+.regular-reanalyze-button {
+  width: 76px;
+  height: 32px;
+  border: 0;
+  border-radius: 8px;
+  background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 32px;
+  padding: 0;
+  text-align: center;
+  white-space: nowrap;
+  word-break: keep-all;
+
+  &:disabled {
+    opacity: 0.65;
+    cursor: not-allowed;
   }
 }
 
 .regular-result-area {
   min-height: 0;
   overflow: hidden;
-  padding: 12px;
+  background: #fff;
+  padding: 0;
+}
+
+.design-result-stack {
+  display: grid;
+  grid-template-rows: minmax(126px, auto) minmax(0, 1fr);
+  gap: 10px;
+  padding: 10px;
+}
+
+.design-table-block {
+  display: grid;
+  min-height: 0;
+  border: 1px solid #e3e8f2;
+  border-radius: 8px;
+  background: #fff;
+  overflow: hidden;
+}
+
+.regular-reference-block {
+  grid-template-rows: 40px minmax(0, 1fr);
+}
+
+.regular-analysis-result-block {
+  grid-template-rows: 40px minmax(0, 1fr);
+}
+
+.design-table-block > header {
+  display: flex;
+  height: 40px;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #edf1f6;
+  background: #fafbfd;
+  padding: 0 10px;
+  gap: 12px;
+}
+
+.design-table-block > header strong {
+  display: inline-flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  align-items: center;
+  gap: 6px;
+  color: #212734;
+  font-size: 14px;
+  font-weight: 800;
+  white-space: nowrap;
+  word-break: keep-all;
+}
+
+.design-table-block > header strong::before {
+  width: 8px;
+  height: 8px;
+  border: 2px solid #2d66ff;
+  border-radius: 2px;
+  background: #eaf2ff;
+  content: '';
+}
+
+.design-table-scroll {
+  min-height: 0;
+  overflow: auto;
+}
+
+.design-reference-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+
+.design-reference-table th:nth-child(1) {
+  width: 44px;
+}
+
+.design-reference-table th:nth-child(2) {
+  width: 80px;
+}
+
+.design-reference-table th:nth-child(4) {
+  width: 206px;
+}
+
+.design-reference-table th {
+  height: 40px;
+  border: 1px solid #e8edf5;
+  background: #f7f8fb;
+  color: #313846;
+  font-weight: 700;
+  text-align: center;
+}
+
+.design-reference-table td {
+  height: 40px;
+  border: 1px solid #edf1f6;
+  color: #384152;
+  text-align: center;
+}
+
+.design-reference-table td:nth-child(3) {
+  text-align: left;
+  padding-left: 10px;
+}
+
+.design-table-empty {
+  color: #7b8494 !important;
+  text-align: center !important;
+}
+
+.design-analysis-table {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+
+.design-analysis-table th {
+  height: 40px;
+  border: 1px solid #e8edf5;
+  background: #f7f8fb;
+  color: #313846;
+  font-weight: 700;
+  text-align: center;
+}
+
+.design-analysis-table td {
+  height: 40px;
+  border: 1px solid #edf1f6;
+  color: #384152;
+  text-align: center;
+  word-break: break-all;
+}
+
+.design-analysis-table th:nth-child(1),
+.design-analysis-table td:nth-child(1) {
+  width: 44px;
+}
+
+.design-analysis-table th:nth-child(2),
+.design-analysis-table td:nth-child(2) {
+  width: 38px;
+}
+
+.design-analysis-table th:nth-child(3),
+.design-analysis-table td:nth-child(3) {
+  width: 78px;
+}
+
+.design-analysis-table th:nth-child(4),
+.design-analysis-table td:nth-child(4) {
+  width: 54px;
+}
+
+.design-analysis-table th:nth-child(5),
+.design-analysis-table td:nth-child(5),
+.design-analysis-table th:nth-child(6),
+.design-analysis-table td:nth-child(6) {
+  width: 104px;
+}
+
+.design-analysis-table th:nth-child(7),
+.design-analysis-table td:nth-child(7) {
+  width: 92px;
+}
+
+.design-analysis-table th:nth-child(8),
+.design-analysis-table td:nth-child(8) {
+  width: 126px;
+}
+
+.design-analysis-table th:nth-child(9),
+.design-analysis-table td:nth-child(9) {
+  width: 76px;
+}
+
+.design-analysis-table th:nth-child(10),
+.design-analysis-table td:nth-child(10) {
+  width: 104px;
+}
+
+.design-analysis-table input[type='checkbox'] {
+  width: 14px;
+  height: 14px;
+  accent-color: #2d66ff;
+}
+
+.analysis-risk-value {
+  color: #152033;
+  font-size: 28px;
+  font-weight: 900;
+  line-height: 1;
+}
+
+.analysis-status {
+  display: inline-flex;
+  min-height: 24px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0;
+  background: #f1f5f9;
+  color: #64748b;
+  font-size: 12px;
+  line-height: 20px;
+  padding: 1px 4px;
+}
+
+.analysis-status.success {
+  background: #e6f7e9;
+  color: #138a43;
+}
+
+.analysis-status.pending {
+  background: #fff7ed;
+  color: #d06f10;
+}
+
+.analysis-status.failed {
+  background: #fee2e2;
+  color: #dc2626;
+}
+
+.design-analysis-actions-cell {
+  white-space: nowrap;
+}
+
+.design-analysis-actions-cell button {
+  border: 0;
+  background: transparent;
+  color: #1f62ff;
+  cursor: pointer;
+  font-size: 12px;
+  padding: 0 3px;
+}
+
+.design-analysis-actions-cell button.danger {
+  color: #e9364c;
 }
 
 .regular-result-scroll {
   width: 100%;
   height: 100%;
   min-width: 0;
-  overflow: auto;
+  overflow: hidden auto;
 }
 
 .regular-empty-result {
   display: grid;
-  min-height: 44px;
+  height: 100%;
+  min-height: 120px;
   align-content: center;
   justify-items: center;
-  border: 1px dashed #cfd8e8;
-  border-radius: 8px;
-  background: #fbfdff;
-  color: #667085;
+  border: 0;
+  border-radius: 0;
+  background: #fff;
+  color: #7b8494;
+  gap: 8px;
   text-align: center;
 
   strong {
     color: #20242d;
-    font-size: 14px;
+    font-size: 15px;
     font-weight: 900;
   }
 
   p {
-    margin: 6px 0 0;
+    margin: 0;
     font-size: 12px;
   }
 }
@@ -5089,10 +5631,11 @@ onUnmounted(() => {
 .regular-setting-card {
   display: grid;
   gap: 12px;
-  border: 1px solid #e7ecf5;
-  border-radius: 12px;
-  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
+  border: 1px solid #e4e9f2;
+  border-radius: 8px;
+  background: #fbfcff;
   padding: 14px;
+  box-shadow: none;
 
   header {
     display: flex;
@@ -5233,6 +5776,10 @@ onUnmounted(() => {
 .regular-data-table {
   min-height: 0;
   min-width: 0;
+  border: 0;
+  border-radius: 0;
+  background: #fff;
+  overflow: hidden;
 
   :deep(.n-data-table) {
     min-width: 0;
@@ -5245,40 +5792,52 @@ onUnmounted(() => {
   }
 
   :deep(.n-data-table-base-table-body) {
-    overflow: auto !important;
+    overflow: hidden auto !important;
   }
 
   :deep(.n-data-table-base-table-body table) {
-    min-width: max-content;
+    width: 100% !important;
+    min-width: 0 !important;
+    table-layout: fixed;
   }
 
   :deep(.n-data-table-th) {
-    height: 40px;
+    height: 42px;
+    border: 1px solid #e8edf5;
     background: #f7f8fb;
-    color: #303642;
-    font-weight: 800;
+    color: #313846;
+    font-weight: 700;
+    text-align: center;
   }
 
   :deep(.n-data-table-td) {
-    color: #333a46;
-    font-size: 12px;
+    height: 40px;
+    border: 1px solid #edf1f6;
+    color: #384152;
+    font-size: 13px;
+    text-align: center;
+    word-break: break-all;
+  }
+
+  :deep(.n-data-table-tr:hover .n-data-table-td) {
+    background: #f8fbff;
   }
 }
 
 .regular-result-detail-table {
   width: 100%;
-  min-width: 1124px;
+  min-width: 0;
 
   :deep(.n-data-table-th),
   :deep(.n-data-table-td) {
-    white-space: nowrap;
+    white-space: normal;
   }
 }
 
 .analysis-actions {
   display: inline-flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
   justify-content: center;
   white-space: nowrap;
 
@@ -5322,12 +5881,12 @@ onUnmounted(() => {
   display: inline-flex !important;
   align-items: center;
   justify-content: center;
-  gap: 8px;
+  gap: 4px;
   white-space: nowrap;
 }
 
 :deep(.analysis-action-btn) {
-  min-width: 46px !important;
+  min-width: 42px !important;
   height: 26px !important;
   border: 1px solid #cfe0ff !important;
   border-radius: 999px !important;
@@ -5337,7 +5896,7 @@ onUnmounted(() => {
   font-size: 12px !important;
   font-weight: 800 !important;
   line-height: 24px !important;
-  padding: 0 10px !important;
+  padding: 0 6px !important;
   box-shadow: none !important;
 }
 
@@ -5376,133 +5935,148 @@ onUnmounted(() => {
 }
 
 .regular-filter-modal {
-  width: min(720px, 92vw);
-  border-radius: 16px;
+  width: 560px;
+  overflow: hidden;
+  border: 1px solid #ead9c1;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0 22px 44px rgba(17, 24, 39, 0.2);
+
+  :deep(.n-card) {
+    overflow: hidden;
+  }
 
   :deep(.n-card-header) {
-    border-bottom: 1px solid #edf1f6;
-    padding: 20px 24px 16px;
+    height: 62px;
+    border-bottom: 1px solid #e4e9f2;
+    background: #fff;
+    padding: 0 20px;
+  }
+
+  :deep(.n-card-header__main) {
+    display: flex;
+    align-items: center;
+  }
+
+  :deep(.n-card-header__close) {
+    width: 28px;
+    height: 28px;
+    color: #666f80;
+    font-size: 20px;
   }
 
   :deep(.n-card__content) {
-    padding: 18px 24px;
+    padding: 16px 20px;
   }
 
   :deep(.n-card__footer) {
-    border-top: 1px solid #edf1f6;
-    padding: 16px 24px;
+    height: 62px;
+    border-top: 1px solid #e4e9f2;
+    background: #fff;
+    padding: 0 20px;
   }
 }
 
 .regular-filter-modal-head {
-  display: grid;
-  gap: 6px;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
 
-  strong {
-    color: #152033;
-    font-size: 18px;
-    font-weight: 900;
+  .review-pattern-filter-title-bar {
+    width: 4px;
+    height: 18px;
+    border-radius: 2px;
+    background: #ff9f22;
   }
 
-  span {
-    color: #7e8798;
-    font-size: 12px;
-    font-weight: 400;
+  strong {
+    color: #1f2937;
+    font-size: 18px;
+    font-weight: 700;
   }
 }
 
 .regular-filter-modal-body {
   display: grid;
   gap: 12px;
+  color: #2f3644;
+  font-size: 14px;
 }
 
-.regular-filter-option {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 18px;
-  border: 1px solid #e7ecf5;
-  border-radius: 12px;
-  background: #fff;
-  padding: 14px 16px;
-
-  strong {
-    display: block;
-    margin-bottom: 5px;
-    color: #20242d;
-    font-size: 14px;
-    font-weight: 900;
-  }
-
-  p {
-    margin: 0;
-    color: #7e8798;
-    font-size: 12px;
-    line-height: 18px;
-  }
-}
-
-.regular-filter-option.prominent {
-  border-color: #ffd7ac;
-  background: linear-gradient(180deg, #fffaf4 0%, #fff7ed 100%);
-}
-
-.regular-filter-combo,
-.regular-filter-keyinfo {
-  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
-}
-
-.regular-filter-control {
-  display: grid;
-  grid-template-columns: auto minmax(88px, 1fr) auto;
+.regular-filter-row {
+  display: flex;
+  min-height: 24px;
   align-items: center;
   gap: 8px;
-  color: #667085;
-  font-size: 12px;
+  flex-wrap: wrap;
+
+  input[type='checkbox'] {
+    width: 14px;
+    height: 14px;
+    accent-color: #ff9f22;
+  }
 }
 
-.regular-filter-control.wide {
-  grid-template-columns: auto minmax(0, 1fr);
+.regular-filter-row input[type='number'] {
+  width: 76px;
+  height: 28px;
+  border: 1px solid #e2d4c2;
+  border-radius: 8px;
+  background: #fff9f2;
+  padding: 0 8px;
+  color: #2f3644;
+  font-size: 14px;
+  outline: none;
 }
 
-.regular-filter-select {
-  min-width: 0;
+.regular-filter-select-shell {
+  display: inline-flex;
+  align-items: center;
+  min-width: 140px;
+  height: 28px;
+  border: 1px solid #e2d4c2;
+  border-radius: 8px;
+  background: #fff9f2;
+  padding: 0 8px;
+}
 
-  :deep(.n-base-selection-tags) {
-    max-height: 66px;
-    overflow-y: auto;
-  }
-
-  :deep(.n-tag__content) {
-    max-width: 84px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.regular-filter-select-shell select {
+  min-width: 124px;
+  height: 24px;
+  border: 0;
+  background: transparent;
+  padding: 0;
+  color: #2f3644;
+  font-size: 14px;
+  outline: none;
 }
 
 .regular-filter-modal-footer {
   display: flex;
+  height: 100%;
+  align-items: center;
   justify-content: flex-end;
   gap: 10px;
 
   button {
-    height: 32px;
-    border-radius: 8px;
+    min-width: 76px;
+    height: 34px;
+    border-radius: 6px;
     cursor: pointer;
-    font-weight: 800;
+    font-size: 14px;
+    font-weight: 700;
     padding: 0 18px;
   }
 
   button:first-child {
-    border: 1px solid #d7deea;
-    background: #fff;
-    color: #4f5b70;
+    border: 1px solid #ffd9a9;
+    background: #fff5e8;
+    color: #bd6a18;
   }
 
   button:last-child {
     border: 1px solid #ff9f22;
-    background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+    background: linear-gradient(180deg, #ffb34b 0%, #ff8d1f 100%);
     color: #fff;
   }
 }
@@ -5720,12 +6294,12 @@ onUnmounted(() => {
   border: 1px solid #e2e7f0;
   border-radius: 10px;
   background: #fff;
+  cursor: pointer;
   padding: 10px;
 
   strong {
     color: #242a35;
     font-size: 14px;
-    cursor: pointer;
   }
 
   p {
@@ -5736,6 +6310,10 @@ onUnmounted(() => {
   }
 }
 
+.review-history-action {
+  cursor: default;
+}
+
 .review-history-head {
   display: flex;
   align-items: center;
@@ -5755,6 +6333,666 @@ onUnmounted(() => {
   gap: 10px;
 }
 
+.review-pattern-compare-modal-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 3000;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  background: rgba(18, 23, 34, 0.36);
+}
+
+.review-pattern-compare-modal {
+  position: relative;
+  width: calc(100vw - 20px);
+  height: calc(100vh - 20px);
+  overflow: hidden;
+  border: 1px solid #ead9c1;
+  border-radius: 12px 12px 0 0;
+  background: #fff;
+  box-shadow: 0 -12px 26px rgba(17, 24, 39, 0.18);
+  animation: reviewSheetIn 0.24s ease;
+
+  > header {
+    display: flex;
+    height: 52px;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #e8edf5;
+    background: #fffdf8;
+    padding: 0 18px;
+  }
+}
+
+@keyframes reviewSheetIn {
+  from {
+    transform: translateY(100%);
+  }
+
+  to {
+    transform: translateY(0);
+  }
+}
+
+.review-pattern-compare-tabs {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  gap: 0;
+
+  button {
+    position: relative;
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: #4b5566;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 700;
+    padding: 0 20px;
+
+    &.active {
+      color: #1f62ff;
+
+      &::after {
+        position: absolute;
+        right: 10px;
+        bottom: 0;
+        left: 10px;
+        height: 2px;
+        background: #1f62ff;
+        content: '';
+      }
+    }
+  }
+}
+
+.review-pattern-compare-header-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.review-pattern-compare-close,
+.review-pattern-compare-save {
+  display: inline-flex;
+  min-width: 64px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1;
+  padding: 0 12px;
+}
+
+.review-pattern-compare-close {
+  border: 1px solid #ffd9a9;
+  background: #fff5e8;
+  color: #bd6a18;
+}
+
+.review-pattern-compare-save {
+  min-width: 82px;
+  border: 1px solid #ff9f22;
+  background: linear-gradient(180deg, #ffb34b 0%, #ff8d1f 100%);
+  color: #fff;
+}
+
+.review-pattern-compare-body {
+  display: grid;
+  height: calc(100% - 52px);
+  min-height: 0;
+  grid-template-columns: 260px minmax(0, 1fr);
+}
+
+.review-pattern-compare-body.real-detail-body {
+  display: block;
+  overflow: hidden;
+  background: #f6f8fc;
+  padding: 14px 10px 16px;
+
+  .module {
+    height: 100% !important;
+    overflow: hidden !important;
+    padding: 0 !important;
+  }
+
+  .module-wrapper {
+    box-sizing: border-box;
+    height: 100% !important;
+    gap: 14px !important;
+    padding: 0 14px !important;
+  }
+
+  .module-wrapper-sider {
+    width: 230px !important;
+    flex: 0 0 230px !important;
+    overflow: hidden;
+    border: 1px solid #dbe3ef;
+    border-radius: 4px !important;
+    background: #fff !important;
+  }
+
+  .module-wrapper-sider-search {
+    padding: 14px 14px 10px !important;
+  }
+
+  .module-wrapper-sider-header {
+    height: 104px !important;
+    border-bottom: 1px solid #e8edf5;
+    border-radius: 0 !important;
+    background: #eef5ff !important;
+    background-image: none !important;
+    padding: 14px 10px !important;
+  }
+
+  .module-wrapper-sider-content {
+    margin-top: 0 !important;
+    overflow: hidden !important;
+  }
+
+  .module-wrapper-sider-content .n-card {
+    border-radius: 0 !important;
+    background: #fff !important;
+  }
+
+  .module-wrapper-sider-content .n-card-header {
+    min-height: 42px;
+    border-bottom: 1px solid #e8edf5;
+    padding: 0 10px !important;
+  }
+
+  .module-wrapper-sider-content .n-card__content {
+    padding: 0 !important;
+  }
+
+  .module-wrapper-content {
+    min-width: 0;
+    flex: 1 1 0 !important;
+    width: auto !important;
+    overflow: hidden;
+    border: 1px solid #dbe3ef;
+    border-radius: 0 !important;
+    background: #fff !important;
+  }
+
+  .module-wrapper-content-card {
+    border-radius: 0 !important;
+  }
+
+  .module-wrapper-content-card-header {
+    position: relative;
+    display: flex !important;
+    height: 34px !important;
+    align-items: center;
+    border-bottom: 1px solid #e8edf5 !important;
+    background: #fff !important;
+    padding-left: 86px !important;
+    padding-right: 10px !important;
+
+    .n-text {
+      display: block;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .module-wrapper-content-card-content {
+    margin-top: 0 !important;
+  }
+
+  .module-wrapper-content-card-content-title {
+    height: 34px;
+    border-bottom: 1px solid #eef2f7;
+    background: #fff !important;
+    color: #5e6777;
+    font-size: 12px;
+    padding: 0 10px !important;
+  }
+
+  .module-wrapper-content-card-content-body {
+    overflow: auto !important;
+    border-radius: 0 !important;
+    background: #737373;
+  }
+
+  .module-wrapper-content-card .gradient-1::before,
+  .module-wrapper-content-card .gradient-2::before {
+    top: 5px !important;
+    left: 10px !important;
+    width: 64px !important;
+    height: 24px !important;
+    border-radius: 4px !important;
+    line-height: 24px !important;
+    box-sizing: border-box;
+    padding: 0 6px;
+    text-align: center;
+    white-space: nowrap;
+  }
+
+  .module-wrapper-content-card .gradient-1::before {
+    background: linear-gradient(180deg, #5f90ff 0%, #3064df 100%) !important;
+  }
+
+  .module-wrapper-content-card .gradient-2::before {
+    background: linear-gradient(180deg, #ffbe62 0%, #ff8d1f 100%) !important;
+  }
+
+  .module-footer {
+    display: none !important;
+  }
+}
+
+.review-pattern-compare-left {
+  display: grid;
+  min-height: 0;
+  grid-template-rows: auto auto auto minmax(0, 1fr);
+  border-right: 1px solid #e8edf5;
+  background: #f8fafd;
+  padding: 14px;
+
+  &.text-mode {
+    .review-pattern-compare-search {
+      display: none;
+    }
+  }
+}
+
+.review-pattern-compare-stat {
+  display: block;
+  margin-bottom: 8px;
+
+  .text-result-head {
+    border: 1px solid #dfe6f2;
+    border-radius: 8px 8px 0 0;
+    background: linear-gradient(180deg, #eef4ff 0%, #e8f0ff 100%);
+    padding: 10px;
+
+    strong {
+      display: block;
+      color: #2a3345;
+      font-size: 16px;
+      margin-bottom: 6px;
+    }
+
+    p {
+      margin: 0;
+      color: #4a5568;
+      font-size: 12px;
+    }
+
+    b {
+      color: #e6362a;
+    }
+  }
+
+  .text-result-summary {
+    display: flex;
+    height: 36px;
+    align-items: center;
+    justify-content: space-between;
+    border: 1px solid #dfe6f2;
+    border-top: 0;
+    border-radius: 0 0 8px 8px;
+    background: #fff;
+    color: #4d5768;
+    font-size: 12px;
+    padding: 0 10px;
+  }
+
+  .summary-switch {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .text-summary-nav {
+    width: 22px;
+    height: 22px;
+    border: 1px solid #dfe6f2;
+    border-radius: 4px;
+    background: #fff;
+    color: #4e5668;
+    cursor: pointer;
+  }
+}
+
+.review-pattern-compare-search {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 34px;
+  gap: 6px;
+  margin-bottom: 10px;
+
+  input {
+    height: 32px;
+    border: 1px solid #e2d4c2;
+    border-radius: 6px;
+    background: #fff9f2;
+    padding: 0 10px;
+  }
+
+  button {
+    border: 1px solid #d8deea;
+    border-radius: 6px;
+    background: #fff;
+  }
+}
+
+.review-pattern-compare-list-head {
+  position: sticky;
+  z-index: 2;
+  top: 0;
+  display: grid;
+  height: 36px;
+  grid-template-columns: 42px 84px minmax(0, 1fr);
+  align-items: center;
+  border: 1px solid #e2e7f0;
+  border-bottom: 0;
+  background: #f0f3f8;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 0 8px;
+}
+
+.review-pattern-compare-list {
+  min-height: 0;
+  overflow: auto;
+  border: 1px solid #e2e7f0;
+
+  &.text-mode {
+    border: 0;
+    background: transparent;
+  }
+
+  > button {
+    display: grid;
+    width: 100%;
+    height: 34px;
+    grid-template-columns: 42px 84px minmax(0, 1fr);
+    align-items: center;
+    border: 0;
+    border-bottom: 1px solid #edf1f6;
+    background: #fff;
+    cursor: pointer;
+    font-size: 12px;
+    padding: 0 8px;
+    text-align: left;
+
+    &.active {
+      background: #eaf2ff;
+      color: #1f62ff;
+    }
+
+    span:last-child {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+.text-result-group {
+  border: 1px solid #dfe6f2;
+  background: #fff;
+  margin-bottom: 8px;
+}
+
+.text-result-group-head {
+  display: grid;
+  width: 100%;
+  height: 34px;
+  grid-template-columns: 14px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  border-bottom: 1px solid #edf1f6;
+  background: #fff;
+  cursor: pointer;
+  padding: 0 8px;
+
+  .arrow {
+    color: #6e7788;
+    font-size: 12px;
+  }
+
+  b {
+    overflow: hidden;
+    color: #2c3444;
+    font-size: 13px;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  em {
+    color: #ef3535;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 700;
+  }
+}
+
+.text-result-group-list {
+  max-height: 250px;
+  overflow: auto;
+}
+
+.text-result-item {
+  display: grid;
+  width: 100%;
+  height: 30px;
+  grid-template-columns: 10px minmax(0, 1fr);
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  border-bottom: 1px solid #f0f3f8;
+  background: #fff;
+  cursor: pointer;
+  padding: 0 8px;
+
+  span {
+    overflow: hidden;
+    color: #3f485a;
+    font-size: 12px;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &.active {
+    background: #e8f0ff;
+  }
+}
+
+.dot-green,
+.dot-red {
+  display: inline-block;
+  width: 9px;
+  height: 9px;
+  border-radius: 999px;
+}
+
+.dot-green {
+  background: #20b45a;
+}
+
+.dot-red {
+  background: #ef3535;
+}
+
+.review-pattern-compare-docs {
+  display: grid;
+  min-height: 0;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 12px;
+  background: #f7f9fc;
+  padding: 14px;
+
+  article {
+    display: grid;
+    min-height: 0;
+    grid-template-rows: 34px 34px minmax(0, 1fr);
+    border: 1px solid #e2e7f0;
+    background: #fff;
+  }
+
+  .doc-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border-bottom: 1px solid #eef2f7;
+    font-size: 14px;
+    font-weight: 700;
+    padding: 0 10px;
+
+    b {
+      display: inline-block;
+      border-radius: 4px;
+      background: linear-gradient(180deg, #5f90ff 0%, #3064df 100%);
+      color: #fff;
+      font-size: 12px;
+      padding: 2px 8px;
+
+      &.compare-tag {
+        background: linear-gradient(180deg, #ffbe62 0%, #ff8d1f 100%);
+      }
+    }
+  }
+
+  .doc-subhead {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #eef2f7;
+    color: #5e6777;
+    font-size: 12px;
+    padding: 0 10px;
+  }
+
+  .doc-paper {
+    overflow: auto;
+    border: 1px solid #e4e9f2;
+    background: #737373;
+    margin: 10px;
+    padding: 14px;
+  }
+
+  .compare-doc-canvas {
+    display: grid;
+    min-height: 100%;
+    gap: 14px;
+  }
+
+  .compare-doc-a4-page {
+    display: grid;
+    width: min(520px, 100%);
+    min-height: 740px;
+    grid-auto-rows: min-content;
+    gap: 10px;
+    border: 1px solid #e3e7ef;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.12);
+    margin: 0 auto;
+    padding: 24px 26px;
+
+    > header {
+      color: #2b3342;
+      font-size: 18px;
+      font-weight: 700;
+      margin-bottom: 8px;
+      text-align: center;
+    }
+
+    > footer {
+      color: #7a8394;
+      font-size: 12px;
+      margin-top: 12px;
+      text-align: center;
+    }
+  }
+
+  .compare-doc-line {
+    border-radius: 4px;
+    color: #3f4858;
+    font-size: 13px;
+    line-height: 1.8;
+    margin: 0;
+    padding: 2px 6px;
+
+    &.active {
+      background: #fff2db;
+      box-shadow: inset 0 0 0 1px rgba(255, 157, 35, 0.35);
+      color: #1f2a3c;
+    }
+  }
+
+  .compare-doc-a4-page.image-mode {
+    gap: 12px;
+  }
+
+  .compare-doc-image-block {
+    display: grid;
+    grid-template-columns: 108px minmax(0, 1fr);
+    gap: 10px;
+    border: 1px solid #e6ddcf;
+    border-radius: 8px;
+    background: #fffdf8;
+    margin: 0;
+    padding: 8px;
+
+    &.active {
+      border-color: #ffcf8a;
+      background: #fff2db;
+      box-shadow: inset 0 0 0 1px rgba(255, 157, 35, 0.35);
+    }
+  }
+
+  .compare-doc-image-thumb {
+    display: grid;
+    width: 108px;
+    height: 86px;
+    place-items: center;
+    border: 1px solid #dfe5f0;
+    border-radius: 6px;
+    background: linear-gradient(135deg, #dfe8ff 0%, #c6d7ff 100%);
+    color: #2f3746;
+    font-size: 12px;
+    font-weight: 700;
+
+    &.reference {
+      background: linear-gradient(135deg, #ffe6c7 0%, #ffd19a 100%);
+    }
+  }
+
+  .compare-doc-image-block figcaption {
+    display: grid;
+    min-width: 0;
+    align-content: center;
+    gap: 6px;
+
+    b {
+      overflow: hidden;
+      color: #2b3342;
+      font-size: 13px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    p {
+      margin: 0;
+      color: #5f6878;
+      font-size: 12px;
+    }
+  }
+}
+
 @media (max-width: 960px) {
   .workspace {
     padding: 18px 16px 24px;
@@ -5811,13 +7049,46 @@ onUnmounted(() => {
 
   .review-columns,
   .responsive-review-columns,
-  .review-reupload-layout {
+  .review-reupload-layout,
+  .regular-analysis-workbench {
     display: flex;
     height: auto;
     min-height: 100vh;
     flex-direction: column;
   }
 
+  .regular-analysis-workbench {
+    padding: 10px;
+  }
+
+  .regular-config-panel,
+  .regular-design-result-panel {
+    min-height: 360px;
+  }
+
+  .regular-config-toolbar,
+  .regular-result-toolbar {
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+
+  .regular-design-stats {
+    width: 100%;
+    flex: 1 0 100%;
+    justify-content: flex-start;
+    overflow-x: auto;
+  }
+
+  .regular-design-actions {
+    width: 100%;
+    overflow-x: auto;
+  }
+
+  .design-inline-rule {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   .review-rule-panel,
   .review-check-panel,
   .review-result-panel,
@@ -5834,5 +7105,41 @@ onUnmounted(() => {
   .response-rule-panel {
     grid-template-rows: auto minmax(260px, auto) minmax(220px, auto);
   }
+
+  .review-pattern-compare-modal {
+    width: 100vw;
+    height: 100vh;
+    border-radius: 0;
+  }
+
+  .review-pattern-compare-modal > header {
+    height: auto;
+    min-height: 52px;
+    flex-wrap: wrap;
+    gap: 8px;
+    padding: 8px 12px;
+  }
+
+  .review-pattern-compare-tabs {
+    width: 100%;
+    height: 40px;
+    overflow-x: auto;
+  }
+
+  .review-pattern-compare-body {
+    height: calc(100% - 96px);
+    grid-template-columns: 1fr;
+    grid-template-rows: 220px minmax(0, 1fr);
+  }
+
+  .review-pattern-compare-left {
+    border-right: 0;
+    border-bottom: 1px solid #e8edf5;
+  }
+
+  .review-pattern-compare-docs {
+    grid-template-columns: 1fr;
+    overflow: auto;
+  }
 }
 </style>
diff --git a/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue b/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
index 048219c..1204d1a 100644
--- a/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
@@ -7,25 +7,50 @@ const {
   analysisProposalFileIds,
   analysisProposalOptions,
   analysisReferenceData,
-  analysisResultColumns,
   analysisResultData,
   analysisResultLoading,
   analysisRuleJsonSetting,
   analysisScopeOptions,
   analysisStat,
   btnLoading,
+  deleteAnalysisFile,
   exportAnalysisResult,
+  openAnalysisInfo,
   openAnalysisSmartFilter,
+  reAnalysisRegularAnalysis,
   restoreAnalysisDocument,
   rewriteRegularAnalysis,
   startRegularAnalysis
 } = useTechProposalRedesignContext();
+
+const toggleAnalysisCheckedRow = (row: any, checked: boolean) => {
+  const key = row.id;
+  analysisCheckedRowKeys.value = checked
+    ? Array.from(new Set([...analysisCheckedRowKeys.value, key]))
+    : analysisCheckedRowKeys.value.filter((item: any) => item !== key);
+};
+
+const isAnalysisChecked = (row: any) => analysisCheckedRowKeys.value.includes(row.id);
+
+const getAnalysisStatusClass = (status?: string) => {
+  if (status?.includes('完成')) return 'success';
+  if (status?.includes('正在')) return 'pending';
+  if (status?.includes('失败')) return 'failed';
+  return '';
+};
 </script>
 
 <template>
   <div class="regular-analysis-workbench">
     <section class="regular-config-panel">
       <header class="regular-config-toolbar">
+        <div class="regular-panel-title">
+          <span class="regular-title-marker"></span>
+          <div>
+            <strong>纪律性分析规则</strong>
+            <p>选择参照与目标文件，按文本、图片、文件属性维度识别雷同风险</p>
+          </div>
+        </div>
         <button class="review-start-check" type="button" :disabled="btnLoading" @click="startRegularAnalysis">
           {{ btnLoading ? '分析中' : '开始分析' }}
         </button>
@@ -43,6 +68,7 @@ const {
               label-field="name"
               value-field="id"
               children-field="dtlList"
+              to="body"
               :options="analysisProposalOptions"
             />
           </label>
@@ -56,63 +82,66 @@ const {
               label-field="name"
               value-field="id"
               children-field="dtlList"
+              to="body"
               :options="analysisProposalOptions"
             />
           </label>
         </div>
 
-        <section class="regular-setting-card design-card">
-          <header>
-            <strong>文本</strong>
-            <span>TEXT</span>
-          </header>
-          <div class="regular-inline-rule design-inline-rule">
-            <NCheckbox v-model:checked="analysisRuleJsonSetting.checkDuplicateContentEnable">重复内容</NCheckbox>
-            <span>&gt;=</span>
-            <NSelect
-              v-model:value="analysisRuleJsonSetting.checkDuplicateContent"
-              :options="analysisPercentOptions"
-              size="small"
-            />
-            <span>的</span>
-            <NSelect
-              v-model:value="analysisRuleJsonSetting.splitParagraphs"
-              :options="analysisScopeOptions"
-              size="small"
-            />
-          </div>
-          <div class="regular-ai-line">
-            <NCheckbox v-model:checked="analysisRuleJsonSetting.keyInformation">重点信息</NCheckbox>
-            <em>AI</em>
-          </div>
-          <div class="regular-ai-line">
-            <NCheckbox v-model:checked="analysisRuleJsonSetting.smartFilterEnable">智能过滤</NCheckbox>
-            <button type="button" @click="openAnalysisSmartFilter">设置</button>
-            <em>AI</em>
-          </div>
-        </section>
+        <div class="regular-rule-grid">
+          <section class="regular-setting-card design-card featured">
+            <header>
+              <strong>文本</strong>
+              <span>TEXT</span>
+            </header>
+            <div class="regular-inline-rule design-inline-rule">
+              <NCheckbox v-model:checked="analysisRuleJsonSetting.checkDuplicateContentEnable">重复内容</NCheckbox>
+              <span>&gt;=</span>
+              <NSelect
+                v-model:value="analysisRuleJsonSetting.checkDuplicateContent"
+                :options="analysisPercentOptions"
+                size="small"
+              />
+              <span>的</span>
+              <NSelect
+                v-model:value="analysisRuleJsonSetting.splitParagraphs"
+                :options="analysisScopeOptions"
+                size="small"
+              />
+            </div>
+            <div class="regular-ai-line">
+              <NCheckbox v-model:checked="analysisRuleJsonSetting.keyInformation">重点信息</NCheckbox>
+              <em>AI</em>
+            </div>
+            <div class="regular-ai-line">
+              <NCheckbox v-model:checked="analysisRuleJsonSetting.smartFilterEnable">智能过滤</NCheckbox>
+              <button type="button" @click="openAnalysisSmartFilter">设置</button>
+              <em>AI</em>
+            </div>
+          </section>
 
-        <section class="regular-setting-card design-card">
-          <header>
-            <strong>图片</strong>
-            <span>IMAGE</span>
-          </header>
-          <NCheckbox v-model:checked="analysisRuleJsonSetting.image.similar">相似图片</NCheckbox>
-          <div class="regular-ai-line">
-            <NCheckbox v-model:checked="analysisRuleJsonSetting.image.sameText">图片中相同文字及重点信息</NCheckbox>
-            <em>AI</em>
-          </div>
-        </section>
+          <section class="regular-setting-card design-card">
+            <header>
+              <strong>图片</strong>
+              <span>IMAGE</span>
+            </header>
+            <NCheckbox v-model:checked="analysisRuleJsonSetting.image.similar">相似图片</NCheckbox>
+            <div class="regular-ai-line">
+              <NCheckbox v-model:checked="analysisRuleJsonSetting.image.sameText">图片中相同文字及重点信息</NCheckbox>
+              <em>AI</em>
+            </div>
+          </section>
 
-        <section class="regular-setting-card design-card compact-card">
-          <header>
-            <strong>文件属性</strong>
-            <span>METADATA</span>
-          </header>
-          <NCheckbox v-model:checked="analysisRuleJsonSetting.checkFileProperties">
-            相同作者、最后一次保存者及公司
-          </NCheckbox>
-        </section>
+          <section class="regular-setting-card design-card compact-card">
+            <header>
+              <strong>文件属性</strong>
+              <span>METADATA</span>
+            </header>
+            <NCheckbox v-model:checked="analysisRuleJsonSetting.checkFileProperties">
+              相同作者、最后一次保存者及公司
+            </NCheckbox>
+          </section>
+        </div>
       </div>
     </section>
 
@@ -130,30 +159,106 @@ const {
           已修复
           <strong>{{ analysisStat.rewriteDocCount }}</strong>
         </div>
-        <div class="regular-design-actions">
-          <button type="button" @click="rewriteRegularAnalysis">一键改写</button>
-          <button type="button" @click="restoreAnalysisDocument">还原文档</button>
-          <button type="button" @click="exportAnalysisResult">导出文档</button>
-        </div>
       </header>
-      <div class="regular-result-area">
-        <div v-if="!analysisResultLoading && analysisResultData.length === 0" class="regular-empty-result">
-          <strong>暂无检查结果</strong>
-          <p>点击上方 “开始分析” 后生成结果</p>
-        </div>
-        <div v-else class="regular-result-scroll">
-          <NDataTable
-            v-model:checked-row-keys="analysisCheckedRowKeys"
-            :row-key="(row: any) => row.id"
-            :columns="analysisResultColumns"
-            :data="analysisResultData"
-            :bordered="false"
-            :loading="analysisResultLoading"
-            :single-line="false"
-            :scroll-x="1124"
-            class="regular-data-table regular-result-detail-table"
-          />
-        </div>
+      <div class="regular-result-area design-result-stack">
+        <section class="design-table-block regular-reference-block">
+          <header>
+            <strong>参照投标文件</strong>
+            <button
+              class="regular-reanalyze-button"
+              type="button"
+              :disabled="btnLoading || analysisResultData.length <= 0"
+              @click="reAnalysisRegularAnalysis"
+            >
+              {{ btnLoading ? '分析中' : '重新分析' }}
+            </button>
+          </header>
+          <div class="design-table-scroll">
+            <table class="design-reference-table">
+              <thead>
+                <tr>
+                  <th>序号</th>
+                  <th>参照单位</th>
+                  <th>参照文件名称</th>
+                  <th>更新时间</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in analysisReferenceData" :key="`${item.proposalDtlId1 || item.id}-${index}`">
+                  <td>{{ index + 1 }}</td>
+                  <td>{{ item.proposal1Name || '-' }}</td>
+                  <td>{{ item.proposalDtl1Name || '-' }}</td>
+                  <td>{{ item.updateTime || '-' }}</td>
+                </tr>
+                <tr v-if="!analysisReferenceData.length">
+                  <td colspan="4" class="design-table-empty">暂无参照文件</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        <section class="design-table-block regular-analysis-result-block">
+          <header>
+            <strong>分析结果详情</strong>
+            <div class="regular-design-actions">
+              <button type="button" @click="rewriteRegularAnalysis">一键改写</button>
+              <button type="button" @click="restoreAnalysisDocument">还原文档</button>
+              <button type="button" @click="exportAnalysisResult">导出文档</button>
+            </div>
+          </header>
+          <div v-if="!analysisResultLoading && analysisResultData.length === 0" class="regular-empty-result">
+            <strong>暂无检查结果</strong>
+            <p>点击左侧 “开始分析” 后生成结果</p>
+          </div>
+          <div v-else class="regular-result-scroll">
+            <table class="design-analysis-table">
+              <thead>
+                <tr>
+                  <th></th>
+                  <th>序号</th>
+                  <th>目标单位</th>
+                  <th>风险度</th>
+                  <th>文本相似度(%)</th>
+                  <th>图片相似度(%)</th>
+                  <th>文件属性雷同</th>
+                  <th>重点信息雷同(项)</th>
+                  <th>检查状态</th>
+                  <th>操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in analysisResultData" :key="item.id">
+                  <td>
+                    <input
+                      type="checkbox"
+                      :checked="isAnalysisChecked(item)"
+                      @change="toggleAnalysisCheckedRow(item, ($event.target as HTMLInputElement).checked)"
+                    />
+                  </td>
+                  <td>{{ index + 1 }}</td>
+                  <td>{{ item.proposal2Name || '-' }}</td>
+                  <td>
+                    <strong class="analysis-risk-value">{{ item.riskDegree ?? 0 }}</strong>
+                  </td>
+                  <td>{{ item.textSimilarity ?? 0 }}</td>
+                  <td>{{ item.imgSimilarity ?? 0 }}</td>
+                  <td>{{ item.docSimilarity ?? 0 }}</td>
+                  <td>{{ item.informationSimilarity ?? 0 }}</td>
+                  <td>
+                    <span class="analysis-status" :class="getAnalysisStatusClass(item.taskStatus)">
+                      {{ item.taskStatus || '未审查' }}
+                    </span>
+                  </td>
+                  <td class="design-analysis-actions-cell">
+                    <button type="button" @click.stop="openAnalysisInfo(item, true)">查看详情</button>
+                    <button class="danger" type="button" @click.stop="deleteAnalysisFile(item.proposalDtlId2)">删除</button>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </section>
       </div>
     </section>
   </div>
diff --git a/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue b/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
index cd87160..3b243b4 100644
--- a/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
@@ -2,7 +2,6 @@
 import { useTechProposalRedesignContext } from '../context';
 
 const {
-  appStore,
   batchDeleteResponseModule,
   btnLoading,
   collapseAllResponseRules,
@@ -19,18 +18,20 @@ const {
   responseGenerateLoading,
   responseHistoryBidding,
   responseHistoryCards,
+  responseCheckedKeys,
   responseResultCompanyColumns,
   responseResultLoading,
   responseResultScrollX,
   responseResultTableRows,
+  responseReviewStatus,
   responseRuleTableRows,
   responseSourceTab,
   responseStartCheck,
   responseStatisticData,
   saveResponseRuleData,
   selectedResponseDocName,
-  toggleResponseRuleExpand,
-  updateResponseCheckedKeys
+  toggleResponseCheckedKey,
+  toggleResponseRuleExpand
 } = useTechProposalRedesignContext();
 </script>
 
@@ -156,7 +157,11 @@ const {
                   {{ row.expanded ? '⌄' : '〉' }}
                 </button>
                 <label>
-                  <input type="checkbox" checked @change="updateResponseCheckedKeys([row.id])" />
+                  <input
+                    type="checkbox"
+                    :checked="responseCheckedKeys.includes(row.id)"
+                    @change="toggleResponseCheckedKey(row.id, ($event.target as HTMLInputElement).checked)"
+                  />
                   {{ row.name }}
                 </label>
                 <p v-if="row.scoringStandard" class="response-rule-desc">
@@ -195,7 +200,10 @@ const {
         </div>
       </header>
       <div class="response-result-table">
-        <div v-if="responseResultTableRows.length > 0" class="response-result-native-scroll">
+        <div
+          v-if="responseResultTableRows.length > 0 && !responseReviewStatus.includes('未审查')"
+          class="response-result-native-scroll"
+        >
           <table class="review-response-result-table" :style="{ minWidth: `${responseResultScrollX}px` }">
             <thead>
               <tr>
@@ -216,12 +224,18 @@ const {
                   <span v-if="row[column.key] === true" class="response-pass-dot">✓</span>
                   <span v-else-if="row[column.key] === false" class="response-fail-dot">×</span>
                 </td>
-                <td><span class="response-fail-pill">{{ row.taskStatus || '审查失败' }}</span></td>
+                <td><span class="response-fail-pill">{{ row.taskStatus || responseReviewStatus }}</span></td>
               </tr>
             </tbody>
           </table>
         </div>
-        <NEmpty v-if="!responseResultLoading && responseResultTableRows.length === 0" description="暂无检查结果" />
+        <div
+          v-if="!responseResultLoading && (responseResultTableRows.length === 0 || responseReviewStatus.includes('未审查'))"
+          class="response-result-empty-state"
+        >
+          <strong>暂无检查结果</strong>
+          <p>点击上方“开始检查”后生成结果</p>
+        </div>
       </div>
     </section>
   </div>
@@ -234,6 +248,29 @@ const {
   overflow: auto;
 }
 
+.response-result-empty-state {
+  display: grid;
+  min-height: 72px;
+  place-items: center;
+  border: 1px dashed #d7dfec;
+  border-radius: 8px;
+  color: #6b7485;
+  margin: 8px;
+  padding: 12px;
+  text-align: center;
+}
+
+.response-result-empty-state strong {
+  color: #2e3543;
+  font-size: 14px;
+}
+
+.response-result-empty-state p {
+  margin: 8px 0 0;
+  color: #7a8394;
+  font-size: 13px;
+}
+
 .review-response-result-table {
   width: 100%;
   border-collapse: collapse;
diff --git a/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue b/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
index d3fa9a1..1bd625e 100644
--- a/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
+++ b/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
@@ -55,17 +55,9 @@ const back = () => {
 </script>
 
 <template>
-  <NFlex vertical :size="[0, 20]" class="contain h-full w-full bg-#F1F2F6">
-    <div class="contain-header flex items-center flex-justify-start bg-white">
-      <div class="flex cursor-pointer items-center px-25px py-12px" @click="back">
-        <NButton text>
-          <NIcon class="text-21px">
-            <icon-local-back-icon class="block text-21px" />
-          </NIcon>
-        </NButton>
-        <NText class="ml-2 text-3.5 color-#333333">返回上一步</NText>
-      </div>
-      <div class="contain-header-tab ml-40px h-100% flex">
+  <NFlex vertical :size="[0, 0]" class="contain h-full w-full bg-#f6f8fc">
+    <div class="contain-header flex items-center justify-between bg-white">
+      <div class="contain-header-tab h-100% flex">
         <div
           v-for="item in tabList"
           :key="item.value"
@@ -76,6 +68,9 @@ const back = () => {
           <NText :class="item.value === currentTab ? 'text-#1e5ef9' : 'text-#333'">{{ item.label }}</NText>
         </div>
       </div>
+      <div class="contain-header-actions">
+        <button class="cancel" type="button" @click="back">取消</button>
+      </div>
     </div>
     <div class="contain-main flex-1">
       <div class="contain-main-wrapper h-100% w-100%">
@@ -106,19 +101,233 @@ const back = () => {
 <style lang="scss" scoped>
 .contain {
   padding: 0;
+  overflow: hidden;
 
   &-header {
-    box-shadow: 0rem 0.13rem 0.25rem rgba(122, 122, 122, 0.25);
+    height: 50px;
+    flex: 0 0 50px;
+    border-bottom: 1px solid #dfe6f2;
+    background: #fffaf4 !important;
+    box-shadow: none;
+    padding: 0 18px 0 40px;
 
     &-tab {
       .active-item {
-        background-color: rgba($color: #1e5ef9, $alpha: 0.1);
+        position: relative;
+        background-color: transparent;
         font-weight: 700;
+
+        &::after {
+          position: absolute;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          height: 2px;
+          background: #1e5ef9;
+          content: '';
+        }
+      }
+    }
+
+    &-tab-item {
+      min-width: 64px;
+      justify-content: center;
+      padding: 0 18px !important;
+      font-size: 14px;
+    }
+
+    &-actions {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+
+      button {
+        min-width: 64px;
+        height: 32px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 700;
+        padding: 0 16px;
+      }
+
+      .cancel {
+        border: 1px solid #ffd9a9;
+        background: #fff5e8;
+        color: #bd6a18;
       }
     }
   }
 
   &-main {
+    min-height: 0;
+    overflow: hidden;
+    padding: 14px 10px 16px;
+    background: #f6f8fc;
   }
 }
+
+:deep(.module) {
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden !important;
+}
+
+:deep(.module-wrapper) {
+  box-sizing: border-box;
+  height: 100% !important;
+  gap: 14px !important;
+  padding: 0 14px !important;
+}
+
+:deep(.module-wrapper-sider) {
+  width: 230px !important;
+  flex: 0 0 230px !important;
+  border: 1px solid #dbe3ef;
+  border-radius: 4px !important;
+  background: #fff !important;
+  overflow: hidden;
+}
+
+:deep(.module-wrapper-sider-search) {
+  padding: 14px 14px 10px !important;
+}
+
+:deep(.module-wrapper-sider-search .n-input) {
+  --n-height: 32px !important;
+  --n-border-radius: 6px !important;
+  --n-border: 1px solid #dbe3ef !important;
+  --n-border-hover: 1px solid #b8c8e6 !important;
+  --n-border-focus: 1px solid #2d66ff !important;
+  --n-box-shadow-focus: none !important;
+  background: #fff !important;
+  box-shadow: none !important;
+}
+
+:deep(.module-wrapper-sider-header) {
+  height: 104px !important;
+  border-bottom: 1px solid #e8edf5;
+  border-radius: 0 !important;
+  background: #eef5ff !important;
+  background-image: none !important;
+  padding: 14px 10px !important;
+}
+
+:deep(.module-wrapper-sider-content) {
+  margin-top: 0 !important;
+  overflow: hidden !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card) {
+  border-radius: 0 !important;
+  background: #fff !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card-header) {
+  min-height: 42px;
+  border-bottom: 1px solid #e8edf5;
+  padding: 0 10px !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card-header__main) {
+  color: #243044 !important;
+  font-size: 14px !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card__content) {
+  padding: 0 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-data-table-th) {
+  height: 36px;
+  background: #f7f8fb !important;
+  border-bottom: 1px solid #e8edf5 !important;
+  color: #0f1e36 !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-data-table-td) {
+  height: 34px;
+  border-bottom: 1px solid #edf1f6 !important;
+  color: #0f1e36 !important;
+}
+
+:deep(.module-wrapper-sider-content .selected-row),
+:deep(.module-wrapper-sider-content .selected-row td) {
+  background: #eaf2ff !important;
+  color: #1f62ff !important;
+}
+
+:deep(.module-wrapper-content) {
+  min-width: 0;
+  flex: 1 1 0 !important;
+  width: auto !important;
+  border: 1px solid #dbe3ef;
+  border-radius: 0 !important;
+  background: #fff !important;
+  overflow: hidden;
+}
+
+:deep(.module-wrapper-content-card) {
+  border-radius: 0 !important;
+}
+
+:deep(.module-wrapper-content-card-header) {
+  height: 34px !important;
+  border-bottom: 1px solid #e8edf5 !important;
+  background: #fff !important;
+  padding-left: 76px !important;
+}
+
+:deep(.module-wrapper-content-card-header .n-text) {
+  color: #0f1e36 !important;
+  font-size: 14px !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-content-card .gradient-1::before) {
+  width: auto !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  top: 5px !important;
+  left: 10px !important;
+  border-radius: 4px !important;
+  background: linear-gradient(180deg, #5f90ff 0%, #3064df 100%) !important;
+  padding: 0 8px;
+}
+
+:deep(.module-wrapper-content-card .gradient-2::before) {
+  width: auto !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  top: 5px !important;
+  left: 10px !important;
+  border-radius: 4px !important;
+  background: linear-gradient(180deg, #ffbe62 0%, #ff8d1f 100%) !important;
+  padding: 0 8px;
+}
+
+:deep(.module-wrapper-content-card-content) {
+  margin-top: 0 !important;
+}
+
+:deep(.module-wrapper-content-card-content-title) {
+  height: 34px;
+  border-bottom: 1px solid #eef2f7;
+  background: #fff !important;
+  padding: 0 10px !important;
+  color: #5e6777;
+  font-size: 12px;
+}
+
+:deep(.module-wrapper-content-card-content-body) {
+  border-radius: 0 !important;
+  background: #737373;
+  overflow: auto !important;
+}
+
+:deep(.module-footer) {
+  display: none !important;
+}
 </style>
diff --git a/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue b/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
index 66fb3a9..f43510b 100644
--- a/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
+++ b/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
+import type { DocConvertTask } from '@/service/api/tech-proposal';
 import { useRouterPush } from '@/hooks/common/router';
 import ImportantInfo from './modules/important-info copy.vue';
 import TextContent from './modules/text-content copy.vue';
 import ImageContent from './modules/image-content.vue';
-import type { DocConvertTask } from '@/service/api/tech-proposal';
 defineOptions({
   name: 'ReviewProposal'
 });
@@ -54,6 +54,7 @@ watch(
 );
 const { routerBack } = useRouterPush();
 const currentTab = ref('ImportantInfo');
+const textContentRef = ref<InstanceType<typeof TextContent>>();
 const tabList = ref([
   {
     label: '重点信息',
@@ -81,20 +82,16 @@ const back = () => {
   window.sessionStorage.setItem('review-proposal-tab', 'RegularAnalysis');
   routerBack();
 };
+
+const saveTextContent = () => {
+  textContentRef.value?.handleConfirm?.();
+};
 </script>
 
 <template>
-  <NFlex vertical :size="[0, 20]" class="contain h-full w-full bg-#F1F2F6">
-    <div class="contain-header flex items-center flex-justify-start bg-white">
-      <div class="flex items-center px-25px py-12px">
-        <NButton text>
-          <NIcon class="text-21px" @click="back">
-            <icon-local-back-icon class="block text-21px" />
-          </NIcon>
-        </NButton>
-        <NText class="ml-2 text-3.5 color-#333333">返回上一步</NText>
-      </div>
-      <div class="contain-header-tab ml-40px h-100% flex">
+  <NFlex vertical :size="[0, 0]" class="contain h-full w-full bg-#f6f8fc">
+    <div class="contain-header flex items-center justify-between bg-white">
+      <div class="contain-header-tab h-100% flex">
         <div
           v-for="item in tabList"
           :key="item.value"
@@ -105,6 +102,12 @@ const back = () => {
           <NText :class="item.value === currentTab ? 'text-#1e5ef9' : 'text-#333'">{{ item.label }}</NText>
         </div>
       </div>
+      <div class="contain-header-actions">
+        <button v-if="currentTab === 'TextContent'" class="save" type="button" @click="saveTextContent">
+          确定保存
+        </button>
+        <button class="cancel" type="button" @click="back">取消</button>
+      </div>
     </div>
     <div class="contain-main flex-1">
       <div class="contain-main-wrapper h-100% w-100%">
@@ -121,6 +124,7 @@ const back = () => {
         <FileAttrs v-else-if="currentTab === 'FileAttrs'" :parent-id="parentId" />
         <TextContent
           v-else-if="currentTab === 'TextContent'"
+          ref="textContentRef"
           :parent-id="parentId"
           :info-id="infoId"
           :target-company="targetCompany"
@@ -148,20 +152,239 @@ const back = () => {
 <style lang="scss" scoped>
 .contain {
   padding: 0;
+  overflow: hidden;
 
   &-header {
-    box-shadow: 0rem 0.13rem 0.25rem rgba(122, 122, 122, 0.25);
+    height: 50px;
+    flex: 0 0 50px;
+    border-bottom: 1px solid #dfe6f2;
+    background: #fffaf4 !important;
+    box-shadow: none;
+    padding: 0 18px 0 40px;
 
     &-tab {
       .active-item {
-        background-color: rgba($color: #1e5ef9, $alpha: 0.1);
+        position: relative;
+        background-color: transparent;
         font-weight: 700;
+
+        &::after {
+          position: absolute;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          height: 2px;
+          background: #1e5ef9;
+          content: '';
+        }
+      }
+    }
+
+    &-tab-item {
+      min-width: 64px;
+      justify-content: center;
+      padding: 0 18px !important;
+      font-size: 14px;
+    }
+
+    &-actions {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+
+      button {
+        min-width: 64px;
+        height: 32px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 700;
+        padding: 0 16px;
+      }
+
+      .save {
+        border: 1px solid #ff9f22;
+        background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+        color: #fff;
+      }
+
+      .cancel {
+        border: 1px solid #ffd9a9;
+        background: #fff5e8;
+        color: #bd6a18;
       }
     }
   }
 
   &-main {
+    min-height: 0;
     overflow-y: hidden;
+    padding: 14px 10px 16px;
+    background: #f6f8fc;
   }
 }
+
+:deep(.module) {
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden !important;
+}
+
+:deep(.module-wrapper) {
+  box-sizing: border-box;
+  height: 100% !important;
+  gap: 14px !important;
+  padding: 0 14px !important;
+}
+
+:deep(.module-wrapper-sider) {
+  width: 230px !important;
+  flex: 0 0 230px !important;
+  border: 1px solid #dbe3ef;
+  border-radius: 4px !important;
+  background: #fff !important;
+  overflow: hidden;
+}
+
+:deep(.module-wrapper-sider-search) {
+  padding: 14px 14px 10px !important;
+}
+
+:deep(.module-wrapper-sider-search .n-input) {
+  --n-height: 32px !important;
+  --n-border-radius: 6px !important;
+  --n-border: 1px solid #dbe3ef !important;
+  --n-border-hover: 1px solid #b8c8e6 !important;
+  --n-border-focus: 1px solid #2d66ff !important;
+  --n-box-shadow-focus: none !important;
+  background: #fff !important;
+  box-shadow: none !important;
+}
+
+:deep(.module-wrapper-sider-header) {
+  height: 104px !important;
+  border-bottom: 1px solid #e8edf5;
+  border-radius: 0 !important;
+  background: #eef5ff !important;
+  background-image: none !important;
+  padding: 14px 10px !important;
+}
+
+:deep(.module-wrapper-sider-content) {
+  margin-top: 0 !important;
+  overflow: hidden !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card) {
+  border-radius: 0 !important;
+  background: #fff !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card-header) {
+  min-height: 42px;
+  border-bottom: 1px solid #e8edf5;
+  padding: 0 10px !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card-header__main) {
+  color: #243044 !important;
+  font-size: 14px !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-card__content) {
+  padding: 0 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-data-table-th) {
+  height: 36px;
+  background: #f7f8fb !important;
+  border-bottom: 1px solid #e8edf5 !important;
+  color: #0f1e36 !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-sider-content .n-data-table-td) {
+  height: 34px;
+  border-bottom: 1px solid #edf1f6 !important;
+  color: #0f1e36 !important;
+}
+
+:deep(.module-wrapper-sider-content .selected-row),
+:deep(.module-wrapper-sider-content .selected-row td) {
+  background: #eaf2ff !important;
+  color: #1f62ff !important;
+}
+
+:deep(.module-wrapper-content) {
+  min-width: 0;
+  flex: 1 1 0 !important;
+  width: auto !important;
+  border: 1px solid #dbe3ef;
+  border-radius: 0 !important;
+  background: #fff !important;
+  overflow: hidden;
+}
+
+:deep(.module-wrapper-content-card) {
+  border-radius: 0 !important;
+}
+
+:deep(.module-wrapper-content-card-header) {
+  height: 34px !important;
+  border-bottom: 1px solid #e8edf5 !important;
+  background: #fff !important;
+  padding-left: 76px !important;
+}
+
+:deep(.module-wrapper-content-card-header .n-text) {
+  color: #0f1e36 !important;
+  font-size: 14px !important;
+  font-weight: 800 !important;
+}
+
+:deep(.module-wrapper-content-card .gradient-1::before) {
+  width: auto !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  top: 5px !important;
+  left: 10px !important;
+  border-radius: 4px !important;
+  background: linear-gradient(180deg, #5f90ff 0%, #3064df 100%) !important;
+  padding: 0 8px;
+}
+
+:deep(.module-wrapper-content-card .gradient-2::before) {
+  width: auto !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  top: 5px !important;
+  left: 10px !important;
+  border-radius: 4px !important;
+  background: linear-gradient(180deg, #ffbe62 0%, #ff8d1f 100%) !important;
+  padding: 0 8px;
+}
+
+:deep(.module-wrapper-content-card-content) {
+  margin-top: 0 !important;
+}
+
+:deep(.module-wrapper-content-card-content-title) {
+  height: 34px;
+  border-bottom: 1px solid #eef2f7;
+  background: #fff !important;
+  padding: 0 10px !important;
+  color: #5e6777;
+  font-size: 12px;
+}
+
+:deep(.module-wrapper-content-card-content-body) {
+  border-radius: 0 !important;
+  background: #737373;
+  overflow: auto !important;
+}
+
+:deep(.module-footer) {
+  display: none !important;
+}
 </style>
diff --git a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue
index b7e211c..74dc1bc 100644
--- a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue	
+++ b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue	
@@ -579,6 +579,10 @@ const handleConfirm = () => {
   });
 };
 
+defineExpose({
+  handleConfirm
+});
+
 /** 清空数据 */
 const clearData = () => {
   htmlParams.value = {
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 056b082..c4aa055 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -1,8 +1,8 @@
 <script setup lang="tsx">
-import { computed, ref } from 'vue';
-import { NButton, NDivider } from 'naive-ui';
-import { useLoading } from '@sa/hooks';
-import { fetchBatchDeletePost, fetchGetPostDeptSelect, fetchGetPostList } from '@/service/api/system/post';
+import { ref } from 'vue';
+import { NDivider } from 'naive-ui';
+import { fetchGetDeptSelect } from '@/service/api/system/dept';
+import { fetchBatchDeletePost, fetchGetPostList } from '@/service/api/system/post';
 import { useAppStore } from '@/store/modules/app';
 import { useAuth } from '@/hooks/business/auth';
 import { useDownload } from '@/hooks/business/download';
@@ -11,6 +11,7 @@ import { useDict } from '@/hooks/business/dict';
 import DictTag from '@/components/custom/dict-tag.vue';
 import { $t } from '@/locales';
 import ButtonIcon from '@/components/custom/button-icon.vue';
+import { handleTree } from '@/utils/common';
 import PostOperateDrawer from './modules/post-operate-drawer.vue';
 import PostSearch from './modules/post-search.vue';
 
@@ -42,8 +43,7 @@ const {
     // the value can not be undefined, otherwise the property in Form will not be reactive
     postCode: null,
     postName: null,
-    status: null,
-    belongDeptId: null
+    status: null
   },
   columns: () => [
     {
@@ -180,163 +180,81 @@ async function handleExport() {
   download('/system/post/export', searchParams, `岗位信息_${new Date().getTime()}.xlsx`);
 }
 
-const expandedKeys = ref<CommonType.IdType[]>([100]);
-
-const selectable = computed(() => {
-  return !loading.value;
-});
-
-const { loading: treeLoading, startLoading: startTreeLoading, endLoading: endTreeLoading } = useLoading();
-const deptPattern = ref<string>();
 const deptData = ref<Api.Common.CommonTreeRecord>([]);
-const selectedKeys = ref<string[]>([]);
+
+function toCommonDeptTree(list: Record<string, any>[]) {
+  const tree = handleTree(
+    list.map(item => ({ ...item })),
+    { idField: 'deptId' }
+  );
+  const normalize = (items: Record<string, any>[]): Record<string, any>[] =>
+    items.map(item => ({
+      ...item,
+      id: item.deptId,
+      parentId: item.parentId,
+      label: item.deptName,
+      weight: item.orderNum ?? 0,
+      children: item.children?.length ? normalize(item.children) : []
+    }));
+  return normalize(tree) as Api.Common.CommonTreeRecord;
+}
 
 async function getDeptOptions() {
-  // 加载
-  startTreeLoading();
-  const { data: tree, error } = await fetchGetPostDeptSelect();
+  const { data: tree, error } = await fetchGetDeptSelect();
   if (!error) {
-    deptData.value = tree;
+    deptData.value = toCommonDeptTree(tree || []);
   }
-  endTreeLoading();
 }
 getDeptOptions();
 
-function handleClickTree(keys: string[]) {
-  searchParams.belongDeptId = keys.length ? keys[0] : null;
-  checkedRowKeys.value = [];
-  getDataByPage();
-}
-
-function handleResetTreeData() {
-  deptPattern.value = undefined;
-  getDeptOptions();
-}
-
 function handleResetSearch() {
   resetSearchParams();
-  selectedKeys.value = [];
 }
 </script>
 
 <template>
-  <TableSiderLayout sider-title="部门列表">
-    <template #header-extra>
-      <NButton size="small" text class="h-18px" @click.stop="() => handleResetTreeData()">
-        <template #icon>
-          <SvgIcon icon="ic:round-refresh" />
-        </template>
-      </NButton>
-    </template>
-    <template #sider>
-      <NInput v-model:value="deptPattern" clearable :placeholder="$t('common.keywordSearch')" />
-      <NSpin class="dept-tree" :show="treeLoading">
-        <NTree
-          v-model:expanded-keys="expandedKeys"
-          v-model:selected-keys="selectedKeys"
-          block-node
-          show-line
-          :data="deptData as []"
-          :show-irrelevant-nodes="false"
-          :pattern="deptPattern"
-          block-line
-          class="infinite-scroll h-full min-h-200px py-3"
-          key-field="id"
-          label-field="label"
-          virtual-scroll
-          :selectable="selectable"
-          @update:selected-keys="handleClickTree"
-        >
-          <template #empty>
-            <NEmpty description="暂无部门信息" class="h-full min-h-200px justify-center" />
-          </template>
-        </NTree>
-      </NSpin>
-    </template>
-    <div class="h-full flex-col-stretch gap-12px overflow-hidden lt-sm:overflow-auto">
-      <PostSearch v-model:model="searchParams" @reset="handleResetSearch" @search="getDataByPage" />
-      <NCard title="岗位信息列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
-        <template #header-extra>
-          <TableHeaderOperation
-            v-model:columns="columnChecks"
-            :disabled-delete="checkedRowKeys.length === 0"
-            :loading="loading"
-            :show-add="hasAuth('system:post:add')"
-            :show-delete="hasAuth('system:post:remove')"
-            :show-export="hasAuth('system:post:export')"
-            @add="handleAdd"
-            @delete="handleBatchDelete"
-            @export="handleExport"
-            @refresh="getData"
-          />
-        </template>
-        <NDataTable
-          v-model:checked-row-keys="checkedRowKeys"
-          :columns="columns"
-          :data="data"
-          size="small"
-          :flex-height="!appStore.isMobile"
-          :scroll-x="962"
+  <div class="h-full flex-col-stretch gap-12px overflow-hidden lt-sm:overflow-auto">
+    <PostSearch v-model:model="searchParams" @reset="handleResetSearch" @search="getDataByPage" />
+    <NCard title="岗位信息列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
+      <template #header-extra>
+        <TableHeaderOperation
+          v-model:columns="columnChecks"
+          :disabled-delete="checkedRowKeys.length === 0"
           :loading="loading"
-          remote
-          :row-key="row => row.postId"
-          :pagination="mobilePagination"
-          class="sm:h-full"
+          :show-add="hasAuth('system:post:add')"
+          :show-delete="hasAuth('system:post:remove')"
+          :show-export="hasAuth('system:post:export')"
+          @add="handleAdd"
+          @delete="handleBatchDelete"
+          @export="handleExport"
+          @refresh="getData"
         />
-        <PostOperateDrawer
-          v-model:visible="drawerVisible"
-          :operate-type="operateType"
-          :row-data="editingData"
-          :dept-data="deptData"
-          @submitted="getData"
-        />
-      </NCard>
-    </div>
-  </TableSiderLayout>
+      </template>
+      <NDataTable
+        v-model:checked-row-keys="checkedRowKeys"
+        :columns="columns"
+        :data="data"
+        size="small"
+        :flex-height="!appStore.isMobile"
+        :scroll-x="962"
+        :loading="loading"
+        remote
+        :row-key="row => row.postId"
+        :pagination="mobilePagination"
+        class="sm:h-full"
+      />
+      <PostOperateDrawer
+        v-model:visible="drawerVisible"
+        :operate-type="operateType"
+        :row-data="editingData"
+        :dept-data="deptData"
+        @submitted="getData"
+      />
+    </NCard>
+  </div>
 </template>
 
 <style scoped lang="scss">
-.dept-tree {
-  .n-button {
-    --n-padding: 8px !important;
-  }
-
-  :deep(.n-tree__empty) {
-    height: 100%;
-    justify-content: center;
-  }
-
-  :deep(.n-spin-content) {
-    height: 100%;
-  }
-
-  :deep(.infinite-scroll) {
-    height: calc(100vh - 228px - var(--calc-footer-height, 0px)) !important;
-    max-height: calc(100vh - 228px - var(--calc-footer-height, 0px)) !important;
-  }
-
-  @media screen and (max-width: 1024px) {
-    :deep(.infinite-scroll) {
-      height: calc(100vh - 227px - var(--calc-footer-height, 0px)) !important;
-      max-height: calc(100vh - 227px - var(--calc-footer-height, 0px)) !important;
-    }
-  }
-
-  :deep(.n-tree-node) {
-    height: 30px;
-  }
-
-  :deep(.n-tree-node-switcher) {
-    height: 30px;
-  }
-
-  :deep(.n-tree-node-switcher__icon) {
-    font-size: 16px !important;
-    height: 16px !important;
-    width: 16px !important;
-  }
-}
-
 :deep(.n-data-table-wrapper),
 :deep(.n-data-table-base-table),
 :deep(.n-data-table-base-table-body) {
diff --git a/src/views/system2/client/index.vue b/src/views/system2/client/index.vue
new file mode 100644
index 0000000..1e65952
--- /dev/null
+++ b/src/views/system2/client/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Client' });
+</script>
+
+<template>
+  <System2ListPage page-key="client" />
+</template>
diff --git a/src/views/system2/config/index.vue b/src/views/system2/config/index.vue
new file mode 100644
index 0000000..37865b0
--- /dev/null
+++ b/src/views/system2/config/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Config' });
+</script>
+
+<template>
+  <System2ListPage page-key="config" />
+</template>
diff --git a/src/views/system2/dept/index.vue b/src/views/system2/dept/index.vue
new file mode 100644
index 0000000..d7906cb
--- /dev/null
+++ b/src/views/system2/dept/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Dept' });
+</script>
+
+<template>
+  <System2ListPage page-key="dept" />
+</template>
diff --git a/src/views/system2/dict/index.vue b/src/views/system2/dict/index.vue
new file mode 100644
index 0000000..95efcbe
--- /dev/null
+++ b/src/views/system2/dict/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Dict' });
+</script>
+
+<template>
+  <System2ListPage page-key="dict" />
+</template>
diff --git a/src/views/system2/log/index.vue b/src/views/system2/log/index.vue
new file mode 100644
index 0000000..9a2df15
--- /dev/null
+++ b/src/views/system2/log/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({
+  name: 'System2Log'
+});
+</script>
+
+<template>
+  <System2ListPage page-key="log" />
+</template>
diff --git a/src/views/system2/menu/index.vue b/src/views/system2/menu/index.vue
new file mode 100644
index 0000000..2ff42b6
--- /dev/null
+++ b/src/views/system2/menu/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Menu' });
+</script>
+
+<template>
+  <System2ListPage page-key="menu" />
+</template>
diff --git a/src/views/system2/modules/system2-list-page.vue b/src/views/system2/modules/system2-list-page.vue
new file mode 100644
index 0000000..a3fef9a
--- /dev/null
+++ b/src/views/system2/modules/system2-list-page.vue
@@ -0,0 +1,2811 @@
+<script setup lang="ts">
+import { computed, defineAsyncComponent, h, onMounted, reactive, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { NButton, NDataTable, NDatePicker, NEmpty, NInput, NPagination, NPopconfirm, NSelect, NSwitch, NTag, NTooltip, NTree } from 'naive-ui';
+import type { DataTableColumns } from 'naive-ui';
+import {
+  fetchBatchDeleteDept,
+  fetchBatchDeleteDictData,
+  fetchBatchDeleteDictType,
+  fetchBatchDeletePost,
+  fetchBatchDeleteRole,
+  fetchBatchDeleteUser,
+  fetchDeleteMenu,
+  fetchGetDeptList,
+  fetchGetDeptSelect,
+  fetchGetDeptTree,
+  fetchGetDictDataList,
+  fetchGetDictTypeOption,
+  fetchGetMenuList,
+  fetchGetPostList,
+  fetchGetRoleList,
+  fetchGetUserList,
+  fetchResetUserPassword,
+  fetchUpdateRoleStatus,
+  fetchUpdateUserStatus
+} from '@/service/api/system';
+import { fetchBatchDeleteConfig, fetchGetConfigByKey, fetchGetConfigList, fetchRefreshCache, fetchUpdateConfigByKey } from '@/service/api/system/config';
+import { fetchBatchDeleteClient, fetchGetClientList } from '@/service/api/system/client';
+import { fetchRefreshCache as fetchRefreshDictCache } from '@/service/api/system/dict';
+import { fetchBatchDeleteNotice, fetchGetNoticeList } from '@/service/api/system/notice';
+import { fetchBatchDeleteOss, fetchGetOssList } from '@/service/api/system/oss';
+import { fetchBatchDeleteLoginInfor, fetchCleanLoginInfor, fetchGetLoginInforList, fetchUnlockLoginInfor } from '@/service/api/monitor/login-infor';
+import { fetchBatchDeleteOperLog, fetchCleanOperLog, fetchGetOperLogList } from '@/service/api/monitor/oper-log';
+import { useDownload } from '@/hooks/business/download';
+import { useDict } from '@/hooks/business/dict';
+import { useAuth } from '@/hooks/business/auth';
+import { handleTree } from '@/utils/common';
+import StatusSwitch from '@/components/custom/status-switch.vue';
+
+type SystemGroup = 'base' | 'config' | 'content' | 'log';
+export type System2PageKey = 'user' | 'role' | 'menu' | 'dept' | 'post' | 'dict' | 'config' | 'client' | 'notice' | 'oss' | 'log';
+type LogType = 'login' | 'oper';
+type NormalPageKey = Exclude<System2PageKey, 'log'>;
+type RowRecord = Record<string, any>;
+
+const props = defineProps<{ pageKey: System2PageKey }>();
+
+const router = useRouter();
+const { hasAuth } = useAuth();
+const { download, oss: downloadOss } = useDownload();
+useDict('sys_show_hide');
+useDict('sys_normal_disable');
+useDict('sys_user_sex');
+useDict('sys_yes_no');
+useDict('sys_grant_type');
+useDict('sys_notice_type');
+useDict('sys_common_status');
+useDict('sys_device_type');
+useDict('sys_oper_type');
+
+const UserOperateDrawer = defineAsyncComponent(() => import('@/views/system/user/modules/user-operate-drawer.vue'));
+const UserImportModal = defineAsyncComponent(() => import('@/views/system/user/modules/user-import-modal.vue'));
+const RoleOperateDrawer = defineAsyncComponent(() => import('@/views/system/role/modules/role-operate-drawer.vue'));
+const RoleDataScopeDrawer = defineAsyncComponent(() => import('@/views/system/role/modules/role-data-scope-drawer.vue'));
+const RoleAuthUserDrawer = defineAsyncComponent(() => import('@/views/system/role/modules/role-auth-user-drawer.vue'));
+const MenuOperateDrawer = defineAsyncComponent(() => import('@/views/system/menu/modules/menu-operate-drawer.vue'));
+const MenuCascadeDeleteModal = defineAsyncComponent(() => import('@/views/system/menu/modules/menu-cascade-delete-modal.vue'));
+const DeptOperateDrawer = defineAsyncComponent(() => import('@/views/system/dept/modules/dept-operate-drawer.vue'));
+const PostOperateDrawer = defineAsyncComponent(() => import('@/views/system/post/modules/post-operate-drawer.vue'));
+const DictDataOperateDrawer = defineAsyncComponent(() => import('@/views/system/dict/modules/dict-data-operate-drawer.vue'));
+const DictTypeOperateDrawer = defineAsyncComponent(() => import('@/views/system/dict/modules/dict-type-operate-drawer.vue'));
+const ConfigOperateDrawer = defineAsyncComponent(() => import('@/views/system/config/modules/config-operate-drawer.vue'));
+const ClientOperateDrawer = defineAsyncComponent(() => import('@/views/system/client/modules/client-operate-drawer.vue'));
+const NoticeOperateDrawer = defineAsyncComponent(() => import('@/views/system/notice/modules/notice-operate-drawer.vue'));
+const OssUploadModal = defineAsyncComponent(() => import('@/views/system/oss/modules/oss-upload-modal.vue'));
+const LoginInforViewDrawer = defineAsyncComponent(() => import('@/views/monitor/logininfor/modules/login-infor-view-drawer.vue'));
+const OperLogViewDrawer = defineAsyncComponent(() => import('@/views/monitor/operlog/modules/oper-log-view-drawer.vue'));
+
+const groups: Array<{ key: SystemGroup; label: string; desc: string }> = [
+  { key: 'base', label: '基础权限', desc: '用户、角色、菜单、部门、岗位统一维护' },
+  { key: 'config', label: '系统配置', desc: '字典、参数、客户端配置集中管理' },
+  { key: 'content', label: '内容与文件', desc: '通知公告、文件资源管理' },
+  { key: 'log', label: '日志中心', desc: '审计登录与操作轨迹' }
+];
+
+const pages: Array<{ key: System2PageKey; group: SystemGroup; label: string; hint: string }> = [
+  { key: 'user', group: 'base', label: '用户管理', hint: '维护账号、状态、部门归属' },
+  { key: 'role', group: 'base', label: '角色管理', hint: '维护权限角色与数据范围' },
+  { key: 'menu', group: 'base', label: '菜单管理', hint: '管理路由、按钮权限与显示状态' },
+  { key: 'dept', group: 'base', label: '部门管理', hint: '管理组织架构与部门状态' },
+  { key: 'post', group: 'base', label: '岗位管理', hint: '维护岗位编码与排序' },
+  { key: 'dict', group: 'config', label: '字典管理', hint: '维护系统字典类型' },
+  { key: 'config', group: 'config', label: '参数设置', hint: '维护系统参数键值' },
+  { key: 'client', group: 'config', label: '客户端管理', hint: '维护客户端配置' },
+  { key: 'notice', group: 'content', label: '通知公告', hint: '发布与管理系统公告' },
+  { key: 'oss', group: 'content', label: '文件管理', hint: '查看与管理上传文件' },
+  { key: 'log', group: 'log', label: '日志中心', hint: '审计登录与操作轨迹' }
+];
+
+const activePage = computed(() => props.pageKey);
+const activePageMeta = computed(() => pages.find(item => item.key === activePage.value)!);
+const activeGroup = computed(() => activePageMeta.value.group);
+const activeGroupMeta = computed(() => groups.find(item => item.key === activeGroup.value)!);
+const visiblePages = computed(() => pages.filter(item => item.group === activeGroup.value));
+const isUserPage = computed(() => activePage.value === 'user');
+const isPostPage = computed(() => activePage.value === 'post');
+const isDictPage = computed(() => activePage.value === 'dict');
+const showTreeSider = computed(() => isUserPage.value || isDictPage.value);
+const loading = ref(false);
+const rows = ref<RowRecord[]>([]);
+const total = ref(0);
+const checkedRowKeys = ref<Array<string | number>>([]);
+const selectedDeptKeys = ref<Array<string | number>>([]);
+const selectedDictTypeKeys = ref<Array<string | number>>([]);
+const expandedDeptKeys = ref<Array<string | number>>([]);
+const deptExpandedRowKeys = ref<Array<string | number>>([]);
+const selectedMenuKeys = ref<Array<string | number>>([]);
+const expandedMenuKeys = ref<Array<string | number>>([]);
+const menuTreeCollapsed = ref(false);
+const deptPattern = ref<string | null>(null);
+const dictPattern = ref<string | null>(null);
+const deptData = ref<Api.Common.CommonTreeRecord>([]);
+const dictTypeTreeData = ref<RowRecord[]>([]);
+const menuTreeData = ref<RowRecord[]>([]);
+const selectedMenu = ref<RowRecord | null>(null);
+const selectedDeptId = ref<string | number | null>(null);
+const selectedDictType = ref<string | null>(null);
+const operateDrawerVisible = ref(false);
+const roleDataScopeVisible = ref(false);
+const roleAuthUserVisible = ref(false);
+const menuCascadeDeleteVisible = ref(false);
+const userImportVisible = ref(false);
+const ossUploadVisible = ref(false);
+const ossPreview = ref(false);
+const ossPreviewLoading = ref(false);
+const activeLogType = ref<LogType>('oper');
+const logViewVisible = ref(false);
+const operateType = ref<NaiveUI.TableOperateType>('add');
+const createMenuType = ref<Api.System.MenuType | undefined>();
+const dictOperateType = ref<NaiveUI.TableOperateType>('add');
+const dictTypeOperateVisible = ref(false);
+const dictTypeEditingData = ref<RowRecord | null>(null);
+const editingData = ref<RowRecord | null>(null);
+const ossUploadType = ref<'file' | 'image'>('file');
+const createTimeRange = ref<[string, string] | null>(null);
+const pagination = reactive({ page: 1, pageSize: 10 });
+const filters = reactive<Record<string, string | null>>({
+  keyword: null,
+  userName: null,
+  nickName: null,
+  phonenumber: null,
+  status: null,
+  secondKeyword: null,
+  thirdKeyword: null,
+  fourthKeyword: null
+});
+
+const authPrefixMap: Record<System2PageKey, string> = {
+  user: 'system:user',
+  role: 'system:role',
+  menu: 'system:menu',
+  dept: 'system:dept',
+  post: 'system:post',
+  dict: 'system:dict',
+  config: 'system:config',
+  client: 'system:client',
+  notice: 'system:notice',
+  oss: 'system:oss',
+  log: 'monitor:logininfor'
+};
+
+const statusOptions = [
+  { label: '全部状态', value: '' },
+  { label: '启用/正常', value: '0' },
+  { label: '停用', value: '1' }
+];
+
+const logBusinessTypeOptions = [
+  { label: '全部', value: '' },
+  { label: '新增', value: '1' },
+  { label: '修改', value: '2' },
+  { label: '删除', value: '3' },
+  { label: '授权', value: '4' },
+  { label: '导出', value: '5' },
+  { label: '导入', value: '6' },
+  { label: '强退', value: '7' },
+  { label: '清空', value: '8' },
+  { label: '其它', value: '0' }
+];
+
+function pickList(payload: any) {
+  const data = payload?.data ?? payload;
+  if (Array.isArray(data)) return { list: data, total: data.length };
+  const list = data?.records || data?.rows || data?.list || [];
+  return { list, total: Number(data?.total ?? list.length) };
+}
+
+function getMenuTitle(menu?: RowRecord | null) {
+  if (!menu) return '-';
+  return menu.menuName || menu.label || '-';
+}
+
+function formatMenuType(type?: string) {
+  return ({ M: '目录', C: '菜单', F: '按钮' } as Record<string, string>)[type || ''] || '-';
+}
+
+function formatStatus(value: unknown, positiveText: string, negativeText: string) {
+  if (value === undefined || value === null || value === '') return '-';
+  return value === '0' || value === 0 || value === true ? positiveText : negativeText;
+}
+
+function formatBusinessType(value: unknown) {
+  const option = logBusinessTypeOptions.find(item => String(item.value) === String(value));
+  return option?.label && option.value !== '' ? option.label : String(value ?? '-');
+}
+
+function isHiddenMenu(menu?: RowRecord | null) {
+  return menu?.visible === '1' || menu?.visible === 1 || menu?.visible === false || menu?.visible === 'hidden';
+}
+
+function renderMenuTreeLabel({ option }: { option: RowRecord }) {
+  return h('span', { class: ['system2-menu-tree-label', { 'system2-menu-tree-label--hidden': isHiddenMenu(option) }] }, [
+    h('span', { class: 'system2-menu-tree-label__text' }, getMenuTitle(option)),
+    isHiddenMenu(option) ? h('span', { class: 'system2-menu-tree-label__tag' }, '隐藏') : null
+  ]);
+}
+
+function buildMenuTree(list: RowRecord[]) {
+  const menus: RowRecord[] = list
+    .filter(item => item.menuType !== 'F')
+    .map(item => ({ ...item, label: getMenuTitle(item), key: item.menuId, children: [] as RowRecord[] }));
+  const map = new Map<string | number, RowRecord>();
+  menus.forEach(item => map.set(item.menuId, item));
+  const roots: RowRecord[] = [];
+  menus.forEach(item => {
+    const parent = map.get(item.parentId);
+    if (parent) parent.children.push(item);
+    else roots.push(item);
+  });
+  return roots;
+}
+
+function statusTag(value: unknown, positiveText = '启用', negativeText = '停用') {
+  const positive = value === '0' || value === 0 || value === true || value === 'Y';
+  return h(
+    NTag,
+    {
+      round: true,
+      bordered: false,
+      color: positive ? undefined : { color: '#eef0f5', textColor: '#6b7280' },
+      type: positive ? 'success' : 'default'
+    },
+    () => (positive ? positiveText : negativeText)
+  );
+}
+
+function can(action: 'add' | 'edit' | 'remove' | 'export' | 'import' | 'resetPwd' | 'delete') {
+  const normalized = action === 'delete' ? 'remove' : action;
+  return hasAuth(`${authPrefixMap[activePage.value]}:${normalized}`);
+}
+
+function logCan(action: 'remove' | 'export') {
+  return hasAuth(`monitor:${activeLogType.value === 'login' ? 'logininfor' : 'operlog'}:${action}`);
+}
+
+function isProtectedRow(row: RowRecord) {
+  return (activePage.value === 'user' && row.userId === 1) || (activePage.value === 'role' && row.roleId === 1) || (activePage.value === 'client' && row.id === 1);
+}
+
+function statusCell(row: RowRecord) {
+  if (!['user', 'role'].includes(activePage.value)) return statusTag(row.status);
+
+  return h(StatusSwitch, {
+    value: row.status,
+    disabled: isProtectedRow(row),
+    info: row.userName || row.roleKey,
+    'onUpdate:value': (value: Api.Common.EnableStatus) => {
+      row.status = value;
+    },
+    onSubmitted: (value: Api.Common.EnableStatus, callback: (flag: boolean) => void) => handleStatusChange(row, value, callback)
+  });
+}
+
+function operationColumn(idKey: string, extraActions: Array<(row: RowRecord) => any> = []): DataTableColumns<RowRecord>[number] {
+  return {
+    key: 'operate',
+    title: '操作',
+    width: 160,
+    render: row => {
+      if (isProtectedRow(row)) return null;
+      return h('div', { class: 'system2-row-actions' }, [
+        can('edit') ? actionButton('编辑', 'edit', 'primary', () => handleEdit(row)) : null,
+        ...extraActions.map(action => action(row)),
+        can('remove') ? actionButton('删除', 'delete', 'error', () => handleDelete(row[idKey]), true) : null
+      ]);
+    }
+  };
+}
+
+function ossOperationColumn(): DataTableColumns<RowRecord>[number] {
+  return {
+    key: 'operate',
+    title: '操作',
+    width: 128,
+    render: row =>
+      h('div', { class: 'system2-row-actions' }, [
+        actionButton('下载', 'download', 'primary', () => downloadOss(row.ossId)),
+        can('remove') ? actionButton('删除', 'delete', 'error', () => handleDelete(row.ossId), true) : null
+      ])
+  };
+}
+
+function logOperationColumn(): DataTableColumns<RowRecord>[number] {
+  return {
+    key: 'operate',
+    title: '操作',
+    width: activeLogType.value === 'login' ? 120 : 80,
+    render: row =>
+      h('div', { class: 'system2-row-actions' }, [
+        actionButton('详情', 'view', 'primary', () => handleViewLog(row)),
+        activeLogType.value === 'login' ? actionButton('解锁', 'unlock', 'primary', () => handleUnlockLogin(row)) : null
+      ])
+  };
+}
+
+function deptOperationColumn(): DataTableColumns<RowRecord>[number] {
+  return {
+    key: 'operate',
+    title: '操作',
+    width: 160,
+    render: row =>
+      h('div', { class: 'system2-row-actions' }, [
+        hasAuth('system:dept:add') ? actionButton('新增子部门', 'add', 'primary', () => handleAddDeptChild(row)) : null,
+        hasAuth('system:dept:edit') ? actionButton('编辑', 'edit', 'primary', () => handleEdit(row)) : null,
+        hasAuth('system:dept:remove') ? actionButton('删除', 'delete', 'error', () => handleDelete(row.deptId), true) : null
+      ])
+  };
+}
+
+function getDeptRowKeys(list: RowRecord[]) {
+  const keys: Array<string | number> = [];
+  const walk = (items: RowRecord[]) => {
+    items.forEach(item => {
+      if (item.deptId) keys.push(item.deptId);
+      if (item.children?.length) walk(item.children);
+    });
+  };
+  walk(list);
+  return keys;
+}
+
+function toCommonDeptTree(list: RowRecord[]) {
+  const tree = handleTree(
+    list.map(item => ({ ...item })),
+    { idField: 'deptId' }
+  );
+  const normalize = (items: RowRecord[]): RowRecord[] =>
+    items.map(item => ({
+      ...item,
+      id: item.deptId,
+      parentId: item.parentId,
+      label: item.deptName,
+      weight: item.orderNum ?? 0,
+      children: item.children?.length ? normalize(item.children) : []
+    }));
+  return normalize(tree) as Api.Common.CommonTreeRecord;
+}
+
+function actionButton(label: string, icon: 'add' | 'edit' | 'reset' | 'delete' | 'download' | 'view' | 'unlock', type: 'primary' | 'error', onClick: () => void, confirm = false) {
+  const button = () =>
+    h(
+      'button',
+      {
+        type: 'button',
+        class: ['system2-icon-action', `system2-icon-action--${type}`],
+        'data-icon': icon,
+        title: label,
+        'aria-label': label,
+        onClick: confirm ? undefined : onClick
+      },
+      [actionIcon(icon)]
+    );
+
+  if (confirm) {
+    return h(
+      NPopconfirm,
+      { onPositiveClick: onClick },
+      {
+        trigger: button,
+        default: () => '确定删除吗？'
+      }
+    );
+  }
+
+  return h(NTooltip, { trigger: 'hover' }, { trigger: button, default: () => label });
+}
+
+function actionIcon(icon: 'add' | 'edit' | 'reset' | 'delete' | 'download' | 'view' | 'unlock') {
+  const common = {
+    width: '15',
+    height: '15',
+    viewBox: '0 0 15 15',
+    fill: 'none',
+    'aria-hidden': 'true',
+    class: 'system2-icon-action__svg'
+  };
+
+  if (icon === 'add') {
+    return h('svg', common, [
+      h('path', { d: 'M7.5 3.2V11.8', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' }),
+      h('path', { d: 'M3.2 7.5H11.8', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+    ]);
+  }
+
+  if (icon === 'edit') {
+    return h('svg', common, [
+      h('path', {
+        d: 'M3.25 10.9L4.08 8.22L9.92 2.38C10.17 2.14 10.57 2.14 10.81 2.38L12.11 3.68C12.35 3.92 12.35 4.32 12.11 4.57L6.27 10.4L3.25 10.9Z',
+        stroke: '#687386',
+        'stroke-width': '1.2',
+        'stroke-linejoin': 'round'
+      }),
+      h('path', { d: 'M8.96 3.35L11.13 5.52', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+    ]);
+  }
+
+  if (icon === 'reset') {
+    return h('svg', common, [
+      h('path', { d: 'M4.4 6.55V5.3C4.4 3.62 5.77 2.25 7.45 2.25C9.13 2.25 10.5 3.62 10.5 5.3V6.55', stroke: '#687386', 'stroke-width': '1.2' }),
+      h('rect', { x: '3.35', y: '6.1', width: '8.3', height: '6.45', rx: '1.2', stroke: '#687386', 'stroke-width': '1.2' }),
+      h('circle', { cx: '7.5', cy: '8.85', r: '0.8', fill: '#687386' }),
+      h('path', { d: 'M7.5 9.7V10.55', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+    ]);
+  }
+
+  if (icon === 'download') {
+    return h('svg', common, [
+      h('path', { d: 'M7.5 2.4V9.2', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' }),
+      h('path', { d: 'M4.7 6.75L7.5 9.55L10.3 6.75', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }),
+      h('path', { d: 'M3.2 11.95H11.8', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+    ]);
+  }
+
+  if (icon === 'view') {
+    return h('svg', common, [
+      h('path', { d: 'M2.2 7.5C3.55 4.95 5.25 3.7 7.5 3.7C9.75 3.7 11.45 4.95 12.8 7.5C11.45 10.05 9.75 11.3 7.5 11.3C5.25 11.3 3.55 10.05 2.2 7.5Z', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linejoin': 'round' }),
+      h('circle', { cx: '7.5', cy: '7.5', r: '1.65', stroke: '#687386', 'stroke-width': '1.2' })
+    ]);
+  }
+
+  if (icon === 'unlock') {
+    return h('svg', common, [
+      h('path', { d: 'M4.2 6.45V5.35C4.2 3.7 5.55 2.35 7.2 2.35C8.45 2.35 9.52 3.12 9.95 4.2', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' }),
+      h('rect', { x: '3.25', y: '6.05', width: '8.5', height: '6.35', rx: '1.2', stroke: '#687386', 'stroke-width': '1.2' }),
+      h('path', { d: 'M7.5 8.25V10.2', stroke: '#687386', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+    ]);
+  }
+
+  return h('svg', common, [
+    h('path', { d: 'M3.6 4.1H11.4', stroke: '#C05B4A', 'stroke-width': '1.2', 'stroke-linecap': 'round' }),
+    h('path', { d: 'M5.1 4.1V11.1C5.1 11.43 5.37 11.7 5.7 11.7H9.3C9.63 11.7 9.9 11.43 9.9 11.1V4.1', stroke: '#C05B4A', 'stroke-width': '1.2' }),
+    h('path', { d: 'M6.35 4.1V3.25C6.35 2.97 6.57 2.75 6.85 2.75H8.15C8.43 2.75 8.65 2.97 8.65 3.25V4.1', stroke: '#C05B4A', 'stroke-width': '1.2' }),
+    h('path', { d: 'M6.6 6.15V9.75M8.4 6.15V9.75', stroke: '#C05B4A', 'stroke-width': '1.2', 'stroke-linecap': 'round' })
+  ]);
+}
+
+const columnMap: Record<NormalPageKey, DataTableColumns<RowRecord>> = {
+  user: [
+    { type: 'selection', width: 46, disabled: row => row.userId === 1 },
+    { key: 'userName', title: '用户名称', minWidth: 130 },
+    { key: 'nickName', title: '用户昵称', minWidth: 120 },
+    { key: 'deptName', title: '部门', minWidth: 130 },
+    { key: 'phonenumber', title: '手机号码', minWidth: 130 },
+    { key: 'status', title: '状态', width: 110, render: row => statusCell(row) },
+    { key: 'createTime', title: '创建时间', minWidth: 160 },
+    operationColumn('userId', [row => (hasAuth('system:user:resetPwd') ? actionButton('重置密码', 'reset', 'primary', () => handleResetPwd(row)) : null)])
+  ],
+  role: [
+    { type: 'selection', width: 46, disabled: row => row.roleId === 1 },
+    { key: 'roleName', title: '角色名称', minWidth: 150 },
+    { key: 'roleKey', title: '权限字符', minWidth: 150 },
+    { key: 'roleSort', title: '显示顺序', width: 100 },
+    { key: 'dataScope', title: '数据范围', minWidth: 120 },
+    { key: 'status', title: '状态', width: 110, render: row => statusCell(row) },
+    { key: 'createTime', title: '创建时间', minWidth: 160 },
+    operationColumn('roleId', [
+      row => (hasAuth('system:role:edit') ? actionButton('数据范围', 'reset', 'primary', () => handleRoleDataScope(row)) : null),
+      row => (hasAuth('system:role:edit') ? actionButton('分配用户', 'download', 'primary', () => handleRoleAuthUser(row)) : null)
+    ])
+  ],
+  menu: [
+    { key: 'menuName', title: '菜单名称', minWidth: 170 },
+    {
+      key: 'menuType',
+      title: '类型',
+      width: 90,
+      render: row => ({ M: '目录', C: '菜单', F: '按钮' })[row.menuType as Api.System.MenuType] || row.menuType
+    },
+    { key: 'path', title: '路由地址', minWidth: 150 },
+    { key: 'perms', title: '权限标识', minWidth: 150 },
+    { key: 'visible', title: '显示状态', width: 100, render: row => statusTag(row.visible, '显示', '隐藏') },
+    { key: 'status', title: '状态', width: 90, render: row => statusTag(row.status) },
+    operationColumn('menuId')
+  ],
+  dept: [
+    { key: 'deptName', title: '部门名称', minWidth: 160 },
+    { key: 'deptCategory', title: '类别编码', minWidth: 110 },
+    { key: 'orderNum', title: '排序', width: 80 },
+    { key: 'status', title: '状态', width: 90, render: row => statusTag(row.status) },
+    { key: 'createTime', title: '创建时间', minWidth: 160 },
+    deptOperationColumn()
+  ],
+  post: [
+    { type: 'selection', width: 46 },
+    { key: 'postName', title: '岗位名称' },
+    { key: 'postCode', title: '岗位编码' },
+    { key: 'postSort', title: '排序', width: 90 },
+    { key: 'status', title: '状态', width: 90, render: row => statusTag(row.status) },
+    { key: 'createTime', title: '创建时间', width: 180 },
+    operationColumn('postId')
+  ],
+  dict: [
+    { type: 'selection', width: 46 },
+    { key: 'dictLabel', title: '字典标签', minWidth: 170 },
+    { key: 'dictValue', title: '字典键值', minWidth: 130 },
+    { key: 'dictSort', title: '排序', width: 90 },
+    { key: 'remark', title: '备注', minWidth: 180 },
+    { key: 'updateTime', title: '更新时间', minWidth: 160, render: row => row.updateTime || row.createTime || '-' },
+    operationColumn('dictCode')
+  ],
+  config: [
+    { type: 'selection', width: 46 },
+    { key: 'configName', title: '参数名称', minWidth: 170 },
+    { key: 'configKey', title: '参数键名', minWidth: 170 },
+    { key: 'configValue', title: '参数键值', minWidth: 150 },
+    { key: 'configType', title: '系统内置', width: 100, render: row => statusTag(row.configType, '是', '否') },
+    { key: 'remark', title: '备注', minWidth: 160 },
+    operationColumn('configId')
+  ],
+  client: [
+    { type: 'selection', width: 46, disabled: row => row.id === 1 },
+    { key: 'clientId', title: '客户端ID', minWidth: 150 },
+    { key: 'clientKey', title: '客户端 Key', minWidth: 150 },
+    { key: 'clientSecret', title: '客户端秘钥', minWidth: 150 },
+    { key: 'grantTypeList', title: '授权类型', minWidth: 150 },
+    { key: 'status', title: '状态', width: 90, render: row => statusTag(row.status) },
+    operationColumn('id')
+  ],
+  notice: [
+    { type: 'selection', width: 46 },
+    { key: 'noticeTitle', title: '公告标题', minWidth: 220 },
+    { key: 'noticeType', title: '公告类型', width: 110 },
+    { key: 'status', title: '状态', width: 90, render: row => statusTag(row.status, '正常', '关闭') },
+    { key: 'createTime', title: '创建时间', minWidth: 160 },
+    operationColumn('noticeId')
+  ],
+  oss: [
+    { type: 'selection', width: 46 },
+    { key: 'index', title: '序号', width: 70, render: (_row, index) => index + 1 },
+    { key: 'ossId', title: '对象存储主键', minWidth: 140 },
+    { key: 'fileName', title: '文件名', minWidth: 180, ellipsis: { tooltip: true } },
+    { key: 'originalName', title: '原名', minWidth: 180, ellipsis: { tooltip: true } },
+    { key: 'fileSuffix', title: '文件后缀名', minWidth: 120 },
+    {
+      key: 'url',
+      title: 'URL地址',
+      minWidth: 220,
+      render: row => h(NTooltip, { trigger: 'hover' }, { trigger: () => h('span', { class: 'system2-url-cell' }, row.url || '-'), default: () => row.url || '-' })
+    },
+    { key: 'createTime', title: '创建时间', minWidth: 160 },
+    { key: 'createByName', title: '上传人', minWidth: 120 },
+    { key: 'service', title: '服务商', minWidth: 120, render: row => h(NTag, { type: 'primary' }, () => row.service || '-') },
+    ossOperationColumn()
+  ]
+};
+
+const logColumnMap: Record<LogType, DataTableColumns<RowRecord>> = {
+  login: [
+    { type: 'selection', width: 48 },
+    { key: 'userName', title: '用户账号', minWidth: 130 },
+    { key: 'deviceType', title: '设备类型', minWidth: 120, render: row => statusTag(row.deviceType, String(row.deviceType || '-'), String(row.deviceType || '-')) },
+    { key: 'ipaddr', title: '登录IP地址', minWidth: 140 },
+    { key: 'loginLocation', title: '登录地点', minWidth: 130 },
+    { key: 'browser', title: '浏览器类型', minWidth: 130 },
+    { key: 'os', title: '操作系统', minWidth: 160, ellipsis: { tooltip: true } },
+    { key: 'status', title: '登录状态', width: 110, render: row => statusTag(row.status, '成功', '失败') },
+    { key: 'loginTime', title: '访问时间', minWidth: 170 }
+  ],
+  oper: [
+    { type: 'selection', width: 48 },
+    { key: 'title', title: '操作模块', minWidth: 170 },
+    { key: 'businessType', title: '业务类型', minWidth: 140, render: row => formatBusinessType(row.businessType) },
+    { key: 'operName', title: '操作人员', minWidth: 130 },
+    { key: 'requestMethod', title: '请求方式', minWidth: 130 },
+    { key: 'operTime', title: '操作时间', minWidth: 190 },
+    { key: 'status', title: '状态', width: 120, render: row => statusTag(row.status, '成功', '失败') }
+  ]
+};
+
+const columns = computed(() => (activePage.value === 'log' ? logColumnMap[activeLogType.value] : columnMap[activePage.value as NormalPageKey]));
+const tableScrollX = computed(() => {
+  if (activePage.value === 'post') return undefined;
+  if (activePage.value === 'oss') return 1280;
+  if (activePage.value === 'log') return activeLogType.value === 'login' ? 1260 : 1180;
+  return 980;
+});
+const showPagination = computed(() => !['menu', 'dept'].includes(activePage.value));
+const isMenuPage = computed(() => activePage.value === 'menu');
+const showStatusFilter = computed(() => !['dict', 'notice', 'oss', 'log'].includes(activePage.value));
+const showToolbar = computed(() => activePage.value !== 'log' && !isDictPage.value);
+const showAddButton = computed(() => !['oss', 'log'].includes(activePage.value) && can('add'));
+const showDeleteButton = computed(() => {
+  if (activePage.value === 'log') return logCan('remove');
+  return !['dept', 'menu'].includes(activePage.value) && can('remove');
+});
+const showExportButton = computed(() => {
+  if (activePage.value === 'log') return logCan('export');
+  return ['user', 'role', 'post', 'dict', 'config', 'client'].includes(activePage.value) && can('export');
+});
+const selectedMenuButtons = computed(() => {
+  if (!selectedMenu.value?.menuId) return [];
+  return rows.value.filter(item => item.parentId === selectedMenu.value?.menuId && item.menuType === 'F');
+});
+const selectedMenuDetails = computed(() => {
+  const menu = selectedMenu.value;
+  return [
+    { label: '菜单类型', value: formatMenuType(menu?.menuType) },
+    { label: '菜单状态', value: formatStatus(menu?.status, '启用', '停用') },
+    { label: '菜单名称', value: getMenuTitle(menu) },
+    { label: '路由地址', value: menu?.path || '-' },
+    { label: '是否外链', value: menu?.isFrame === '0' ? '是' : '否' },
+    { label: '显示状态', value: formatStatus(menu?.visible, '显示', '隐藏') }
+  ];
+});
+const menuOperatePid = computed(() => (operateType.value === 'add' ? selectedMenu.value?.menuId || 0 : undefined));
+const menuOperateType = computed<Api.System.MenuType | undefined>(() => {
+  if (operateType.value !== 'add') return undefined;
+  if (createMenuType.value) return createMenuType.value;
+  return selectedMenu.value?.menuId ? 'C' : 'M';
+});
+
+const treeTitle = computed(() => {
+  if (isDictPage.value) return '字典类型';
+  return '部门列表';
+});
+const selectedDictTypeNode = computed(() => dictTypeTreeData.value.find(item => item.dictType === selectedDictType.value) || null);
+
+const primaryKeywordLabel = computed(() => {
+  const labelMap: Partial<Record<System2PageKey, string>> = {
+    role: '角色名称',
+    menu: '菜单名称',
+    dept: '部门名称',
+    post: '岗位名称',
+    config: '参数名称',
+    client: '客户端 Key',
+    notice: '公告标题',
+    oss: '文件名',
+    dict: '字典标签',
+    log: activeLogType.value === 'login' ? '用户账号' : '系统模块'
+  };
+  return labelMap[activePage.value] || '关键词';
+});
+
+const secondKeywordLabel = computed(() => {
+  const labelMap: Partial<Record<System2PageKey, string>> = {
+    role: '权限字符',
+    post: '岗位编码',
+    config: '参数键名',
+    client: '客户端秘钥',
+    notice: '公告类型',
+    oss: '原名',
+    log: activeLogType.value === 'login' ? '登录IP地址' : '操作人员'
+  };
+  return labelMap[activePage.value];
+});
+
+const showCreateTimeFilter = computed(() => ['user', 'role', 'oss'].includes(activePage.value));
+
+const thirdKeywordLabel = computed(() => {
+  const labelMap: Partial<Record<System2PageKey, string>> = {
+    config: '系统内置',
+    oss: '文件后缀名',
+    log: activeLogType.value === 'oper' ? '业务类型' : undefined
+  };
+  return labelMap[activePage.value];
+});
+
+const fourthKeywordLabel = computed(() => {
+  const labelMap: Partial<Record<System2PageKey, string>> = {
+    oss: '服务商'
+  };
+  return labelMap[activePage.value];
+});
+
+function buildParams() {
+  const params: RowRecord = activePage.value === 'dept' ? {} : { pageNum: pagination.page, pageSize: pagination.pageSize };
+  if (createTimeRange.value && showCreateTimeFilter.value) {
+    params.params = { beginTime: createTimeRange.value[0], endTime: createTimeRange.value[1] };
+  }
+  if (filters.status) params.status = filters.status;
+  if (activePage.value === 'user') {
+    if (selectedDeptId.value) params.deptId = selectedDeptId.value;
+    if (filters.userName) params.userName = filters.userName;
+    if (filters.nickName) params.nickName = filters.nickName;
+    if (filters.phonenumber) params.phonenumber = filters.phonenumber;
+    return params;
+  }
+  if (activePage.value === 'dict') {
+    if (selectedDictType.value) params.dictType = selectedDictType.value;
+    if (filters.keyword) params.dictLabel = filters.keyword;
+    return params;
+  }
+  if (activePage.value === 'log') {
+    if (activeLogType.value === 'login') {
+      if (filters.keyword) params.userName = filters.keyword;
+      if (filters.secondKeyword) params.ipaddr = filters.secondKeyword;
+    } else {
+      if (filters.keyword) params.title = filters.keyword;
+      if (filters.secondKeyword) params.operName = filters.secondKeyword;
+      if (filters.thirdKeyword) params.businessType = filters.thirdKeyword;
+    }
+    return params;
+  }
+  const paramSetters: Partial<Record<System2PageKey, () => void>> = {
+    role: () => {
+      if (filters.keyword) params.roleName = filters.keyword;
+      if (filters.secondKeyword) params.roleKey = filters.secondKeyword;
+    },
+    menu: () => {
+      if (filters.keyword) params.menuName = filters.keyword;
+    },
+    dept: () => {
+      if (filters.keyword) params.deptName = filters.keyword;
+    },
+    post: () => {
+      if (filters.keyword) params.postName = filters.keyword;
+      if (filters.secondKeyword) params.postCode = filters.secondKeyword;
+    },
+    config: () => {
+      if (filters.keyword) params.configName = filters.keyword;
+      if (filters.secondKeyword) params.configKey = filters.secondKeyword;
+      if (filters.thirdKeyword) params.configType = filters.thirdKeyword;
+    },
+    client: () => {
+      if (filters.keyword) params.clientKey = filters.keyword;
+      if (filters.secondKeyword) params.clientSecret = filters.secondKeyword;
+    },
+    notice: () => {
+      if (filters.keyword) params.noticeTitle = filters.keyword;
+      if (filters.secondKeyword) params.noticeType = filters.secondKeyword;
+    },
+    oss: () => {
+      params.isAsc = 'desc';
+      params.orderByColumn = 'createTime';
+      if (filters.keyword) params.fileName = filters.keyword;
+      if (filters.secondKeyword) params.originalName = filters.secondKeyword;
+      if (filters.thirdKeyword) params.fileSuffix = filters.thirdKeyword;
+      if (filters.fourthKeyword) params.service = filters.fourthKeyword;
+    }
+  };
+  paramSetters[activePage.value]?.();
+  return params;
+}
+
+async function getDeptTreeData() {
+  const { data, error } = await fetchGetDeptTree();
+  if (error) return;
+  deptData.value = data || [];
+  expandedDeptKeys.value = data?.[0]?.id ? [data[0].id] : [];
+}
+
+async function getPostDeptOptions() {
+  const { data, error } = await fetchGetDeptSelect();
+  if (error) return;
+  deptData.value = toCommonDeptTree(data || []);
+}
+
+async function getDictTypeTreeData() {
+  const { data, error } = await fetchGetDictTypeOption();
+  if (error) return;
+  dictTypeTreeData.value = data || [];
+  if (!selectedDictType.value && dictTypeTreeData.value.length) {
+    selectedDictType.value = String(dictTypeTreeData.value[0].dictType);
+    selectedDictTypeKeys.value = [selectedDictType.value];
+    if (activePage.value === 'dict') requestPageData();
+  }
+}
+
+function handleSelectDept(keys: Array<string | number>) {
+  selectedDeptKeys.value = keys;
+  selectedDeptId.value = keys[0] || null;
+  checkedRowKeys.value = [];
+  pagination.page = 1;
+  requestPageData();
+}
+
+function handleResetDeptTree() {
+  deptPattern.value = null;
+  selectedDeptKeys.value = [];
+  selectedDeptId.value = null;
+  getDeptTreeData();
+  requestPageData();
+}
+
+function handleSelectDictType(keys: Array<string | number>) {
+  selectedDictTypeKeys.value = keys;
+  selectedDictType.value = keys[0] ? String(keys[0]) : null;
+  checkedRowKeys.value = [];
+  pagination.page = 1;
+  requestPageData();
+}
+
+function handleSelectDictTypeItem(item: RowRecord) {
+  handleSelectDictType([item.dictType]);
+}
+
+function handleResetDictTypeTree() {
+  dictPattern.value = null;
+  selectedDictTypeKeys.value = [];
+  selectedDictType.value = null;
+  getDictTypeTreeData();
+  requestPageData();
+}
+
+function handleSelectMenu(keys: Array<string | number>) {
+  selectedMenuKeys.value = keys;
+  selectedMenu.value = rows.value.find(item => item.menuId === keys[0]) || null;
+}
+
+function handleResetMenuTree() {
+  requestPageData();
+}
+
+function handleExpandAllDeptRows() {
+  deptExpandedRowKeys.value = getDeptRowKeys(rows.value);
+}
+
+function handleCollapseAllDeptRows() {
+  deptExpandedRowKeys.value = [];
+}
+
+function handleToggleMenuTree() {
+  menuTreeCollapsed.value = !menuTreeCollapsed.value;
+  expandedMenuKeys.value = menuTreeCollapsed.value ? [] : menuTreeData.value.map(item => item.menuId).filter(Boolean);
+}
+
+function handleAddChildMenu() {
+  createMenuType.value = 'C';
+  operateType.value = 'add';
+  editingData.value = null;
+  operateDrawerVisible.value = true;
+}
+
+function handleAddButtonMenu() {
+  if (!selectedMenu.value?.menuId) return;
+  createMenuType.value = 'F';
+  operateType.value = 'add';
+  editingData.value = null;
+  operateDrawerVisible.value = true;
+}
+
+function handleEditButtonMenu(row: RowRecord) {
+  operateType.value = 'edit';
+  editingData.value = { ...row };
+  operateDrawerVisible.value = true;
+}
+
+function handleAddRootMenu() {
+  createMenuType.value = 'M';
+  selectedMenu.value = null;
+  selectedMenuKeys.value = [];
+  handleAdd();
+}
+
+async function requestPageData() {
+  const params = buildParams();
+  const apiMap: Record<System2PageKey, () => Promise<any>> = {
+    user: () => fetchGetUserList(params as Api.System.UserSearchParams),
+    role: () => fetchGetRoleList(params as Api.System.RoleSearchParams),
+    menu: () => fetchGetMenuList(params as Api.System.MenuSearchParams),
+    dept: () => fetchGetDeptList(params as Api.System.DeptSearchParams),
+    post: () => fetchGetPostList(params as Api.System.PostSearchParams),
+    dict: () => fetchGetDictDataList(params as Api.System.DictDataSearchParams),
+    config: () => fetchGetConfigList(params as Api.System.ConfigSearchParams),
+    client: () => fetchGetClientList(params as Api.System.ClientSearchParams),
+    notice: () => fetchGetNoticeList(params as Api.System.NoticeSearchParams),
+    oss: () => fetchGetOssList(params as Api.System.OssSearchParams),
+    log: () => (activeLogType.value === 'login' ? fetchGetLoginInforList(params as Api.Monitor.LoginInforSearchParams) : fetchGetOperLogList(params as Api.Monitor.OperLogSearchParams))
+  };
+  loading.value = true;
+  try {
+    const result = await apiMap[activePage.value]();
+    if (result?.error) return;
+    const picked = pickList(result);
+    rows.value = activePage.value === 'dept' ? handleTree(picked.list, { idField: 'deptId' }) : picked.list;
+    total.value = picked.total;
+    if (activePage.value === 'dept') deptExpandedRowKeys.value = getDeptRowKeys(rows.value);
+    if (activePage.value === 'menu') {
+      menuTreeData.value = buildMenuTree(picked.list);
+      const firstMenu = selectedMenu.value
+        ? picked.list.find((item: RowRecord) => item.menuId === selectedMenu.value?.menuId)
+        : picked.list.find((item: RowRecord) => item.menuType !== 'F');
+      selectedMenu.value = firstMenu || null;
+      selectedMenuKeys.value = selectedMenu.value?.menuId ? [selectedMenu.value.menuId] : [];
+      expandedMenuKeys.value = menuTreeCollapsed.value ? [] : menuTreeData.value.map(item => item.menuId).filter(Boolean);
+    }
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function handleDelete(id?: string | number) {
+  if (!id) return;
+  const deleteMap: Partial<Record<System2PageKey, () => Promise<any>>> = {
+    user: () => fetchBatchDeleteUser([id]),
+    role: () => fetchBatchDeleteRole([id]),
+    menu: () => fetchDeleteMenu(id),
+    dept: () => fetchBatchDeleteDept([id]),
+    post: () => fetchBatchDeletePost([id]),
+    dict: () => fetchBatchDeleteDictData([id]),
+    config: () => fetchBatchDeleteConfig([id]),
+    client: () => fetchBatchDeleteClient([id]),
+    notice: () => fetchBatchDeleteNotice([id]),
+    oss: () => fetchBatchDeleteOss([id]),
+    log: () => (activeLogType.value === 'login' ? fetchBatchDeleteLoginInfor([id]) : fetchBatchDeleteOperLog([id]))
+  };
+  const action = deleteMap[activePage.value];
+  if (!action) {
+    window.$message?.info('该模块删除操作请在旧系统管理页面处理');
+    return;
+  }
+  const { error } = await action();
+  if (error) return;
+  window.$message?.success('删除成功');
+  requestPageData();
+}
+
+async function handleBatchDelete() {
+  if (!checkedRowKeys.value.length) return;
+  const ids = checkedRowKeys.value;
+  const deleteMap: Partial<Record<System2PageKey, () => Promise<any>>> = {
+    user: () => fetchBatchDeleteUser(ids),
+    role: () => fetchBatchDeleteRole(ids),
+    dept: () => fetchBatchDeleteDept(ids),
+    post: () => fetchBatchDeletePost(ids),
+    dict: () => fetchBatchDeleteDictData(ids),
+    config: () => fetchBatchDeleteConfig(ids),
+    client: () => fetchBatchDeleteClient(ids),
+    notice: () => fetchBatchDeleteNotice(ids),
+    oss: () => fetchBatchDeleteOss(ids),
+    log: () => (activeLogType.value === 'login' ? fetchBatchDeleteLoginInfor(ids) : fetchBatchDeleteOperLog(ids))
+  };
+  const action = deleteMap[activePage.value];
+  if (!action) {
+    window.$message?.info('该模块批量删除操作请在旧系统管理页面处理');
+    return;
+  }
+  const { error } = await action();
+  if (error) return;
+  window.$message?.success('批量删除成功');
+  checkedRowKeys.value = [];
+  requestPageData();
+}
+
+async function handleRefreshCache() {
+  if (!['dict', 'config'].includes(activePage.value)) {
+    requestPageData();
+    return;
+  }
+  const { error } = await (activePage.value === 'dict' ? fetchRefreshDictCache() : fetchRefreshCache());
+  if (!error) window.$message?.success('缓存刷新成功');
+}
+
+function handleAdd() {
+  if (activePage.value === 'oss') {
+    ossUploadType.value = 'file';
+    ossUploadVisible.value = true;
+    return;
+  }
+  if (activePage.value === 'dict' && !selectedDictType.value) {
+    window.$message?.warning('请先选择字典类型');
+    return;
+  }
+  operateType.value = 'add';
+  createMenuType.value = undefined;
+  editingData.value = null;
+  operateDrawerVisible.value = true;
+}
+
+function handleAddDictType() {
+  dictOperateType.value = 'add';
+  dictTypeEditingData.value = null;
+  dictTypeOperateVisible.value = true;
+}
+
+function handleAddDeptChild(row: RowRecord) {
+  operateType.value = 'add';
+  editingData.value = { ...row };
+  operateDrawerVisible.value = true;
+}
+
+function handleEditDictType(row: RowRecord) {
+  dictOperateType.value = 'edit';
+  dictTypeEditingData.value = { ...row };
+  dictTypeOperateVisible.value = true;
+}
+
+async function handleDeleteDictType(row: RowRecord) {
+  const { error } = await fetchBatchDeleteDictType([row.dictId]);
+  if (error) return;
+  window.$message?.success('删除成功');
+  getDictTypeTreeData();
+}
+
+function handleExport() {
+  const params = buildParams();
+  if (activePage.value === 'log') {
+    const target =
+      activeLogType.value === 'login'
+        ? { url: '/monitor/logininfor/export', name: '登录日志记录' }
+        : { url: '/monitor/operlog/export', name: '操作日志' };
+    download(target.url, params, `${target.name}_${Date.now()}.xlsx`);
+    return;
+  }
+  const exportMap: Partial<Record<System2PageKey, { url: string; name: string }>> = {
+    user: { url: '/system/user/export', name: '用户管理' },
+    role: { url: '/system/role/export', name: '角色' },
+    post: { url: '/system/post/export', name: '岗位信息' },
+    dict: { url: '/system/dict/data/export', name: '字典数据' },
+    config: { url: '/system/config/export', name: '参数配置' },
+    client: { url: '/system/client/export', name: '客户端' }
+  };
+  const target = exportMap[activePage.value];
+  if (!target) {
+    window.$message?.info('旧页面未提供该模块导出操作');
+    return;
+  }
+  download(target.url, params, `${target.name}_${Date.now()}.xlsx`);
+}
+
+function handleExportDictType() {
+  download('/system/dict/type/export', buildParams(), `字典类型_${Date.now()}.xlsx`);
+}
+
+async function handleCleanLog() {
+  const { error } = await (activeLogType.value === 'login' ? fetchCleanLoginInfor() : fetchCleanOperLog());
+  if (error) return;
+  window.$message?.success('清空成功');
+  requestPageData();
+}
+
+function handleSwitchLogType(type: LogType) {
+  activeLogType.value = type;
+  checkedRowKeys.value = [];
+  editingData.value = null;
+  logViewVisible.value = false;
+  pagination.page = 1;
+  filters.keyword = null;
+  filters.secondKeyword = null;
+  filters.thirdKeyword = null;
+  filters.status = null;
+  createTimeRange.value = null;
+  requestPageData();
+}
+
+function handleViewLog(row: RowRecord) {
+  editingData.value = { ...row };
+  logViewVisible.value = true;
+}
+
+async function handleUnlockLogin(row: RowRecord) {
+  if (!row.userName) return;
+  const { error } = await fetchUnlockLoginInfor(row.userName);
+  if (error) return;
+  window.$message?.success('解锁成功');
+  requestPageData();
+}
+
+function handleUpload(type: 'file' | 'image') {
+  ossUploadType.value = type;
+  ossUploadVisible.value = true;
+}
+
+async function handleUpdatePreview(value: boolean) {
+  ossPreviewLoading.value = true;
+  const { error } = await fetchUpdateConfigByKey({ configKey: 'sys.oss.previewListResource', configValue: String(value) } as Api.System.ConfigOperateParams);
+  ossPreviewLoading.value = false;
+  if (error) {
+    ossPreview.value = !value;
+    return;
+  }
+  window.$message?.success('更新成功');
+}
+
+function handleToOssConfig() {
+  router.push({ path: '/system/oss-config' });
+}
+
+function handleEdit(row: RowRecord) {
+  if (activePage.value === 'oss') {
+    downloadOss(row.ossId);
+    return;
+  }
+  operateType.value = 'edit';
+  createMenuType.value = undefined;
+  editingData.value = { ...row };
+  operateDrawerVisible.value = true;
+}
+
+async function handleResetPwd(row: RowRecord) {
+  if (!row?.userId) return;
+  const { error } = await fetchResetUserPassword(row.userId, 'Xmgs123@');
+  if (error) return;
+  window.$message?.success('重置密码成功');
+}
+
+async function handleStatusChange(row: RowRecord, value: Api.Common.EnableStatus, callback: (flag: boolean) => void) {
+  const request =
+    activePage.value === 'user'
+      ? fetchUpdateUserStatus({ userId: row.userId, status: value } as Api.System.UserOperateParams)
+      : fetchUpdateRoleStatus({ roleId: row.roleId, status: value } as Api.System.RoleOperateParams);
+  const { error } = await request;
+  callback(!error);
+  if (!error) {
+    window.$message?.success('状态修改成功');
+    requestPageData();
+  }
+}
+
+function handleRoleDataScope(row: RowRecord) {
+  editingData.value = { ...row };
+  roleDataScopeVisible.value = true;
+}
+
+function handleRoleAuthUser(row: RowRecord) {
+  editingData.value = { ...row };
+  roleAuthUserVisible.value = true;
+}
+
+function handleImport() {
+  if (activePage.value !== 'user') {
+    window.$message?.info('旧页面仅用户管理提供导入操作');
+    return;
+  }
+  userImportVisible.value = true;
+}
+
+function handleOperateSubmitted() {
+  operateDrawerVisible.value = false;
+  requestPageData();
+  if (activePage.value === 'user') getDeptTreeData();
+  if (activePage.value === 'post') getPostDeptOptions();
+}
+
+function handleDictTypeSubmitted() {
+  dictTypeOperateVisible.value = false;
+  getDictTypeTreeData();
+}
+
+function goPage(page: System2PageKey) {
+  router.push({ path: `/system2/${page}` });
+}
+
+function goGroup(group: SystemGroup) {
+  const firstPage = pages.find(item => item.group === group)!;
+  goPage(firstPage.key);
+}
+
+function resetSearch() {
+  filters.keyword = null;
+  filters.userName = null;
+  filters.nickName = null;
+  filters.phonenumber = null;
+  filters.status = activePage.value === 'role' ? '' : null;
+  filters.secondKeyword = null;
+  filters.thirdKeyword = null;
+  filters.fourthKeyword = null;
+  createTimeRange.value = null;
+  pagination.page = 1;
+  requestPageData();
+}
+
+function syncDefaultFiltersForPage() {
+  if (activePage.value === 'role' && filters.status === null) filters.status = '';
+}
+
+function handlePageChange(page: number) {
+  pagination.page = page;
+  requestPageData();
+}
+
+function handlePageSizeChange(pageSize: number) {
+  pagination.pageSize = pageSize;
+  pagination.page = 1;
+  requestPageData();
+}
+
+watch(activePage, () => {
+  checkedRowKeys.value = [];
+  pagination.page = 1;
+  syncDefaultFiltersForPage();
+  if (activePage.value === 'user') getDeptTreeData();
+  if (activePage.value === 'post') getPostDeptOptions();
+  if (activePage.value === 'dict' && !dictTypeTreeData.value.length) getDictTypeTreeData();
+  if (activePage.value === 'oss') getOssPreviewConfig();
+  requestPageData();
+});
+
+async function getOssPreviewConfig() {
+  const { data, error } = await fetchGetConfigByKey('sys.oss.previewListResource');
+  if (!error) ossPreview.value = data === 'true';
+}
+
+onMounted(() => {
+  syncDefaultFiltersForPage();
+  requestPageData();
+  if (activePage.value === 'user') getDeptTreeData();
+  if (activePage.value === 'dict') getDictTypeTreeData();
+  if (activePage.value === 'oss') getOssPreviewConfig();
+});
+</script>
+
+<template>
+  <div class="system2-page" :class="{ 'system2-page--log': activePage === 'log', 'system2-page--menu': activePage === 'menu' }">
+    <section class="system2-hero">
+      <div class="system2-title-block">
+        <p class="system2-eyebrow">AI+投标系统</p>
+        <h1>系统管理2</h1>
+        <span>{{ activeGroupMeta.desc }}</span>
+      </div>
+    </section>
+
+    <section class="system2-shell">
+      <nav class="system2-group-switch" aria-label="系统管理模块分类">
+        <button v-for="group in groups" :key="group.key" :class="{ active: activeGroup === group.key }" type="button" @click="goGroup(group.key)">
+          <strong>{{ group.label }}</strong>
+          <span>{{ group.desc }}</span>
+        </button>
+      </nav>
+
+      <div v-if="activePage === 'log'" class="system2-log-title">日志管理</div>
+
+      <nav v-if="visiblePages.length > 1" class="system2-page-tabs" aria-label="系统管理页面">
+        <button v-for="page in visiblePages" :key="page.key" :class="{ active: activePage === page.key }" type="button" @click="goPage(page.key)">
+          {{ page.label }}
+        </button>
+      </nav>
+
+      <div v-if="isMenuPage" class="system2-menu-layout">
+        <aside class="system2-side-card system2-menu-side-card">
+          <div class="system2-side-head">
+            <strong>菜单列表</strong>
+            <div class="system2-menu-head-actions">
+              <button class="system2-head-action" type="button" @click="handleToggleMenuTree">{{ expandedMenuKeys.length ? '收起' : '展开' }}</button>
+              <button v-if="hasAuth('system:menu:add')" class="system2-head-icon system2-head-icon--add" type="button" aria-label="新增菜单" title="新增菜单" @click="handleAddRootMenu"></button>
+              <button v-if="hasAuth('system:menu:remove')" class="system2-head-icon system2-head-icon--delete" type="button" aria-label="级联删除" title="级联删除" @click="menuCascadeDeleteVisible = true"></button>
+              <button class="system2-head-icon" type="button" aria-label="刷新菜单" title="刷新菜单" @click="handleResetMenuTree"></button>
+            </div>
+          </div>
+          <NTree
+            v-model:expanded-keys="expandedMenuKeys"
+            v-model:selected-keys="selectedMenuKeys"
+            block-node
+            show-line
+            :data="menuTreeData as []"
+            key-field="menuId"
+            label-field="label"
+            :render-label="renderMenuTreeLabel"
+            class="system2-menu-tree"
+            @update:selected-keys="handleSelectMenu"
+          >
+            <template #empty>
+              <NEmpty description="暂无菜单" />
+            </template>
+          </NTree>
+        </aside>
+
+        <section class="system2-menu-main-card">
+          <div class="system2-detail-card">
+            <div class="system2-detail-head">
+              <strong>{{ selectedMenu ? `${getMenuTitle(selectedMenu)}详情` : '菜单详情' }}</strong>
+              <div>
+                <NButton v-if="hasAuth('system:menu:add')" class="system2-primary-btn" type="primary" :disabled="!selectedMenu" @click="handleAddChildMenu">新增子菜单</NButton>
+                <NButton v-if="hasAuth('system:menu:edit')" class="system2-outline-btn" secondary :disabled="!selectedMenu" @click="selectedMenu && handleEdit(selectedMenu)">编辑</NButton>
+                <NPopconfirm v-if="hasAuth('system:menu:remove')" @positive-click="handleDelete(selectedMenu?.menuId)">
+                  <template #trigger>
+                    <NButton class="system2-danger-btn" type="error" secondary :disabled="!selectedMenu">删除</NButton>
+                  </template>
+                  确定删除吗？
+                </NPopconfirm>
+              </div>
+            </div>
+            <div class="system2-detail-grid">
+              <article v-for="item in selectedMenuDetails" :key="item.label">
+                <span>{{ item.label }}</span>
+                <strong>{{ item.value }}</strong>
+              </article>
+            </div>
+          </div>
+
+          <div class="system2-permission-card">
+            <div class="system2-detail-head">
+              <strong>按钮权限列表</strong>
+              <NButton v-if="hasAuth('system:menu:add')" class="system2-primary-btn" type="primary" size="small" :disabled="!selectedMenu" @click="handleAddButtonMenu">新增按钮</NButton>
+            </div>
+            <div v-if="selectedMenuButtons.length" class="system2-permission-list">
+              <span v-for="button in selectedMenuButtons" :key="button.menuId">
+                <strong>{{ button.perms || button.menuName }}</strong>
+                <button v-if="hasAuth('system:menu:edit')" class="system2-permission-action system2-permission-action--edit" type="button" title="编辑" aria-label="编辑" @click="handleEditButtonMenu(button)">
+                  <svg viewBox="0 0 15 15" fill="none" aria-hidden="true">
+                    <path d="M3.25 10.9L4.08 8.22L9.92 2.38C10.17 2.14 10.57 2.14 10.81 2.38L12.11 3.68C12.35 3.92 12.35 4.32 12.11 4.57L6.27 10.4L3.25 10.9Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" />
+                    <path d="M8.96 3.35L11.13 5.52" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
+                  </svg>
+                </button>
+                <NPopconfirm v-if="hasAuth('system:menu:remove')" @positive-click="handleDelete(button.menuId)">
+                  <template #trigger>
+                    <button class="system2-permission-action system2-permission-action--delete" type="button" title="删除" aria-label="删除">
+                      <svg viewBox="0 0 15 15" fill="none" aria-hidden="true">
+                        <path d="M3.6 4.1H11.4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
+                        <path d="M5.1 4.1V11.1C5.1 11.43 5.37 11.7 5.7 11.7H9.3C9.63 11.7 9.9 11.43 9.9 11.1V4.1" stroke="currentColor" stroke-width="1.2" />
+                        <path d="M6.35 4.1V3.25C6.35 2.97 6.57 2.75 6.85 2.75H8.15C8.43 2.75 8.65 2.97 8.65 3.25V4.1" stroke="currentColor" stroke-width="1.2" />
+                      </svg>
+                    </button>
+                  </template>
+                  确定删除吗？
+                </NPopconfirm>
+              </span>
+            </div>
+            <NEmpty v-else description="暂无按钮权限" />
+          </div>
+        </section>
+      </div>
+
+      <div v-else class="system2-content-grid" :class="{ 'system2-content-grid--plain': !showTreeSider, 'system2-content-grid--dict': isDictPage }">
+        <aside v-if="showTreeSider" class="system2-side-card" :class="{ 'system2-dict-side-card': isDictPage }">
+          <div class="system2-side-head">
+            <strong>{{ treeTitle }}</strong>
+            <NButton v-if="isDictPage && hasAuth('system:dict:add')" class="system2-dict-type-add" secondary @click="handleAddDictType">新增类型</NButton>
+            <button v-if="!isDictPage" class="system2-head-icon" type="button" aria-label="刷新部门树" title="刷新部门树" @click="handleResetDeptTree"></button>
+          </div>
+          <NInput v-if="!isDictPage" v-model:value="deptPattern" class="system2-side-search" size="small" clearable placeholder="搜索部门名称" />
+          <NInput v-else v-model:value="dictPattern" class="system2-side-search system2-dict-search" size="small" clearable placeholder="搜索字典名称" />
+          <NTree
+            v-if="!isDictPage"
+            v-model:expanded-keys="expandedDeptKeys"
+            v-model:selected-keys="selectedDeptKeys"
+            block-node
+            show-line
+            :data="deptData as []"
+            :pattern="deptPattern || ''"
+            :show-irrelevant-nodes="false"
+            key-field="id"
+            label-field="label"
+            class="system2-dept-tree"
+            @update:selected-keys="handleSelectDept"
+          >
+            <template #empty>
+              <NEmpty description="暂无部门" />
+            </template>
+          </NTree>
+          <div v-else class="system2-dict-type-list">
+            <template v-if="dictTypeTreeData.length">
+              <button
+                v-for="item in dictTypeTreeData.filter(dict => !dictPattern || String(dict.dictName || '').includes(dictPattern) || String(dict.dictType || '').includes(dictPattern))"
+                :key="item.dictType"
+                type="button"
+                :class="{ active: selectedDictType === String(item.dictType) }"
+                @click="handleSelectDictTypeItem(item)"
+              >
+                <span>{{ item.dictName }}</span>
+              </button>
+            </template>
+            <NEmpty v-else description="暂无字典类型" />
+          </div>
+        </aside>
+
+        <section class="system2-main-card">
+          <header class="system2-card-title">
+            <div>
+              <strong>{{ activePageMeta.label }}</strong>
+              <span>{{ activePageMeta.hint }}</span>
+            </div>
+            <div class="system2-card-actions">
+              <NSwitch v-if="activePage === 'oss'" v-model:value="ossPreview" :loading="ossPreviewLoading" @update:value="handleUpdatePreview">
+                <template #checked>禁用预览</template>
+                <template #unchecked>开启预览</template>
+              </NSwitch>
+              <NButton secondary @click="handleRefreshCache">刷新</NButton>
+            </div>
+          </header>
+
+          <div v-if="activePage === 'log'" class="system2-log-switch">
+            <button type="button" :class="{ active: activeLogType === 'oper' }" @click="handleSwitchLogType('oper')">操作日志</button>
+            <button type="button" :class="{ active: activeLogType === 'login' }" @click="handleSwitchLogType('login')">登录日志</button>
+          </div>
+
+          <div v-if="!isDictPage" class="system2-filter-card">
+            <template v-if="activePage === 'log'">
+              <label>
+                <span>{{ activeLogType === 'oper' ? '操作模块' : '用户账号' }}</span>
+                <NInput v-model:value="filters.keyword" clearable :placeholder="activeLogType === 'oper' ? '请输入操作模块' : '请输入用户账号'" />
+              </label>
+              <label>
+                <span>{{ activeLogType === 'oper' ? '操作人员' : '登录IP地址' }}</span>
+                <NInput v-model:value="filters.secondKeyword" clearable :placeholder="activeLogType === 'oper' ? '请输入操作人员' : '请输入登录IP地址'" />
+              </label>
+              <label v-if="activeLogType === 'oper'">
+                <span>业务类型</span>
+                <NSelect v-model:value="filters.thirdKeyword" clearable :options="logBusinessTypeOptions" placeholder="全部" />
+              </label>
+            </template>
+            <template v-else-if="isUserPage">
+              <label>
+                <span>用户名称</span>
+                <NInput v-model:value="filters.userName" clearable placeholder="请输入用户名称" />
+              </label>
+              <label>
+                <span>用户昵称</span>
+                <NInput v-model:value="filters.nickName" clearable placeholder="请输入用户昵称" />
+              </label>
+              <label>
+                <span>手机号码</span>
+                <NInput v-model:value="filters.phonenumber" clearable placeholder="请输入手机号码" />
+              </label>
+            </template>
+            <label v-else>
+              <span>{{ primaryKeywordLabel }}</span>
+              <NInput v-model:value="filters.keyword" clearable placeholder="请输入关键词" />
+            </label>
+            <label v-if="activePage !== 'log' && secondKeywordLabel">
+              <span>{{ secondKeywordLabel }}</span>
+              <NInput v-model:value="filters.secondKeyword" clearable placeholder="请输入关键词" />
+            </label>
+            <label v-if="activePage !== 'log' && thirdKeywordLabel">
+              <span>{{ thirdKeywordLabel }}</span>
+              <NInput v-model:value="filters.thirdKeyword" clearable placeholder="请输入关键词" />
+            </label>
+            <label v-if="activePage !== 'log' && fourthKeywordLabel">
+              <span>{{ fourthKeywordLabel }}</span>
+              <NInput v-model:value="filters.fourthKeyword" clearable placeholder="请输入关键词" />
+            </label>
+            <label v-if="showStatusFilter">
+              <span>状态</span>
+              <NSelect v-model:value="filters.status" clearable :options="statusOptions" placeholder="全部状态" />
+            </label>
+            <label v-if="showCreateTimeFilter">
+              <span>创建时间</span>
+              <NDatePicker v-model:formatted-value="createTimeRange" clearable type="daterange" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期" />
+            </label>
+            <div class="system2-filter-actions">
+              <NButton class="system2-primary-btn" type="primary" @click="requestPageData">查询</NButton>
+              <NButton class="system2-secondary-btn" secondary @click="resetSearch">重置</NButton>
+            </div>
+          </div>
+
+          <div v-if="activePage === 'log'" class="system2-log-toolbar">
+            <div>
+              <NPopconfirm v-if="logCan('remove')" @positive-click="handleBatchDelete">
+                <template #trigger>
+                  <NButton class="system2-danger-btn" type="error" secondary :disabled="!checkedRowKeys.length">批量删除</NButton>
+                </template>
+                确定删除选中日志吗？
+              </NPopconfirm>
+              <NPopconfirm v-if="logCan('remove')" @positive-click="handleCleanLog">
+                <template #trigger>
+                  <NButton class="system2-danger-btn" type="error" secondary>清空</NButton>
+                </template>
+                确定清空当前日志数据吗？
+              </NPopconfirm>
+            </div>
+            <span>共 {{ total }} 条数据</span>
+          </div>
+
+          <div v-if="showToolbar" class="system2-toolbar">
+            <div>
+              <NButton v-if="activePage === 'dept'" class="system2-outline-btn" secondary @click="handleExpandAllDeptRows">全部展开</NButton>
+              <NButton v-if="activePage === 'dept'" class="system2-outline-btn" secondary @click="handleCollapseAllDeptRows">收起</NButton>
+              <NButton v-if="showAddButton" class="system2-primary-btn" type="primary" :disabled="activePage === 'dict' && !selectedDictType" @click="handleAdd">新增</NButton>
+              <NButton v-if="activePage === 'oss'" class="system2-primary-btn" type="primary" @click="handleUpload('file')">上传文件</NButton>
+              <NButton v-if="activePage === 'oss'" class="system2-outline-btn" secondary @click="handleUpload('image')">上传图片</NButton>
+              <NButton v-if="activePage === 'oss'" class="system2-outline-btn" secondary @click="handleToOssConfig">配置管理</NButton>
+              <NPopconfirm v-if="showDeleteButton" @positive-click="handleBatchDelete">
+                <template #trigger>
+                  <NButton class="system2-danger-btn" type="error" secondary :disabled="!checkedRowKeys.length">批量删除</NButton>
+                </template>
+                确定删除选中数据吗？
+              </NPopconfirm>
+              <NPopconfirm v-if="activePage === 'log' && logCan('remove')" @positive-click="handleCleanLog">
+                <template #trigger>
+                  <NButton class="system2-danger-btn" type="error" secondary>清空</NButton>
+                </template>
+                确定清空当前日志数据吗？
+              </NPopconfirm>
+              <NButton v-if="showExportButton" class="system2-outline-btn" secondary @click="handleExport">导出</NButton>
+              <NButton v-if="activePage === 'user' && hasAuth('system:user:import')" class="system2-outline-btn" secondary @click="handleImport">导入</NButton>
+            </div>
+            <span>共 {{ total }} 条数据</span>
+          </div>
+
+          <div v-if="isDictPage" class="system2-dict-toolbar">
+            <div>
+              <NButton v-if="hasAuth('system:dict:add')" class="system2-primary-btn" type="primary" :disabled="!selectedDictType" @click="handleAdd">新增字典数据</NButton>
+            </div>
+            <NButton class="system2-outline-btn" secondary @click="handleRefreshCache">刷新</NButton>
+          </div>
+
+          <div class="system2-table-card">
+            <NDataTable
+              v-model:checked-row-keys="checkedRowKeys"
+              v-model:expanded-row-keys="deptExpandedRowKeys"
+              :columns="columns"
+              :data="rows"
+              :loading="loading"
+              :pagination="false"
+              :row-key="row => row.userId || row.roleId || row.menuId || row.deptId || row.postId || row.dictCode || row.dictId || row.configId || row.id || row.noticeId || row.ossId || row.infoId || row.operId"
+              remote
+              striped
+              :scroll-x="tableScrollX"
+            />
+            <div v-if="showPagination" class="system2-pagination">
+              <NPagination
+                :page="pagination.page"
+                :page-size="pagination.pageSize"
+                :item-count="total"
+                :page-sizes="[10, 20, 30, 50]"
+                show-size-picker
+                show-quick-jumper
+                @update:page="handlePageChange"
+                @update:page-size="handlePageSizeChange"
+              />
+            </div>
+          </div>
+
+          <UserOperateDrawer
+            v-if="activePage === 'user'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.User | null"
+            :dept-data="deptData"
+            :dept-id="selectedDeptId"
+            @submitted="handleOperateSubmitted"
+          />
+          <RoleOperateDrawer
+            v-if="activePage === 'role'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Role | null"
+            @submitted="handleOperateSubmitted"
+          />
+          <RoleDataScopeDrawer
+            v-if="activePage === 'role'"
+            v-model:visible="roleDataScopeVisible"
+            :row-data="editingData as Api.System.Role | null"
+            @submitted="requestPageData"
+          />
+          <RoleAuthUserDrawer
+            v-if="activePage === 'role'"
+            v-model:visible="roleAuthUserVisible"
+            :row-data="editingData as Api.System.Role | null"
+            @submitted="requestPageData"
+          />
+          <MenuOperateDrawer
+            v-if="activePage === 'menu'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Menu | null"
+            :tree-data="rows as Api.System.Menu[]"
+            :pid="menuOperatePid"
+            :menu-type="menuOperateType"
+            @submitted="handleOperateSubmitted"
+          />
+          <DeptOperateDrawer
+            v-if="activePage === 'dept'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Dept | null"
+            @submitted="handleOperateSubmitted"
+          />
+          <PostOperateDrawer
+            v-if="activePage === 'post'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Post | null"
+            :dept-data="deptData"
+            @submitted="handleOperateSubmitted"
+          />
+          <DictDataOperateDrawer
+            v-if="activePage === 'dict'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.DictData | null"
+            :dict-type="selectedDictType || ''"
+            @submitted="handleOperateSubmitted"
+          />
+          <ConfigOperateDrawer
+            v-if="activePage === 'config'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Config | null"
+            @submitted="handleOperateSubmitted"
+          />
+          <ClientOperateDrawer
+            v-if="activePage === 'client'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Client | null"
+            @submitted="handleOperateSubmitted"
+          />
+          <NoticeOperateDrawer
+            v-if="activePage === 'notice'"
+            v-model:visible="operateDrawerVisible"
+            :operate-type="operateType"
+            :row-data="editingData as Api.System.Notice | null"
+            @submitted="handleOperateSubmitted"
+          />
+          <UserImportModal v-if="activePage === 'user'" v-model:visible="userImportVisible" @submitted="requestPageData" />
+          <OssUploadModal v-if="activePage === 'oss'" v-model:visible="ossUploadVisible" :upload-type="ossUploadType" @close="requestPageData" />
+          <DictTypeOperateDrawer
+            v-if="activePage === 'dict'"
+            v-model:visible="dictTypeOperateVisible"
+            :operate-type="dictOperateType"
+            :row-data="dictTypeEditingData as Api.System.DictType | null"
+            @submitted="handleDictTypeSubmitted"
+          />
+          <LoginInforViewDrawer
+            v-if="activePage === 'log' && activeLogType === 'login'"
+            v-model:visible="logViewVisible"
+            :row-data="editingData as Api.Monitor.LoginInfor | null"
+          />
+          <OperLogViewDrawer
+            v-if="activePage === 'log' && activeLogType === 'oper'"
+            v-model:visible="logViewVisible"
+            :row-data="editingData as Api.Monitor.OperLog | null"
+          />
+        </section>
+      </div>
+
+      <MenuOperateDrawer
+        v-if="activePage === 'menu'"
+        v-model:visible="operateDrawerVisible"
+        :operate-type="operateType"
+        :row-data="editingData as Api.System.Menu | null"
+        :tree-data="rows as Api.System.Menu[]"
+        :pid="menuOperatePid"
+        :menu-type="menuOperateType"
+        @submitted="handleOperateSubmitted"
+      />
+      <MenuCascadeDeleteModal v-if="activePage === 'menu'" v-model:visible="menuCascadeDeleteVisible" @submitted="handleOperateSubmitted" />
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.system2-page {
+  min-height: 100%;
+  padding: 0 20px 40px;
+  color: #253047;
+  background: #f5f7fb;
+  --system2-border: #e3e8f1;
+  --system2-border-strong: #d7deea;
+  --system2-text: #273244;
+  --system2-sub: #667184;
+  --system2-accent: #ff9d25;
+  --system2-accent-deep: #e77912;
+}
+
+.system2-hero {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 20px;
+  min-height: 50px;
+  margin-bottom: 0;
+}
+
+.system2-title-block {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.system2-eyebrow {
+  margin: 0 0 4px;
+  color: #ff8a1f;
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.system2-hero h1 {
+  margin: 0;
+  font-size: 30px;
+  font-weight: 900;
+}
+
+.system2-hero span {
+  color: #737987;
+  font-size: 14px;
+}
+
+.system2-shell {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  overflow: visible;
+}
+
+.system2-log-title {
+  position: relative;
+  height: 48px;
+  display: flex;
+  align-items: flex-end;
+  margin: 20px 0 34px;
+  padding: 0 0 13px 18px;
+  border-bottom: 1px solid #dde4ef;
+  color: #14243d;
+  font-size: 15px;
+  font-weight: 800;
+}
+
+.system2-log-title::after {
+  content: "";
+  position: absolute;
+  left: 18px;
+  bottom: -1px;
+  width: 66px;
+  height: 2px;
+  border-radius: 999px;
+  background: #ff9f2d;
+}
+
+.system2-group-switch {
+  width: fit-content;
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 50px;
+  margin: -36px auto 10px;
+  padding: 6px;
+  border: 1px solid #e7e9ee;
+  border-radius: 999px;
+  background: rgba(244, 245, 247, 0.96);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 24px rgba(22, 28, 42, 0.06);
+}
+
+.system2-group-switch button,
+.system2-side-card button,
+.system2-page-tabs button {
+  border: 0;
+  cursor: pointer;
+  text-align: left;
+}
+
+.system2-group-switch button {
+  height: 38px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 999px;
+  background: transparent;
+  padding: 0 16px;
+  color: #5d6370;
+  font-size: 14px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.system2-group-switch button::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #b1b9c7;
+}
+
+.system2-group-switch button.active {
+  background: #fff;
+  color: #222;
+  box-shadow: 0 6px 16px rgba(20, 24, 35, 0.1);
+}
+
+.system2-group-switch button.active::before {
+  background: linear-gradient(180deg, #ffb34b 0%, #ff8d1f 100%);
+}
+
+.system2-group-switch strong,
+.system2-group-switch span {
+  display: block;
+}
+
+.system2-group-switch span {
+  display: none;
+}
+
+.system2-page-tabs {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  padding: 0 0 2px;
+  margin-bottom: 24px;
+  border-bottom: 1px solid #e6eaf2;
+  overflow-x: auto;
+}
+
+.system2-page-tabs button {
+  flex: 0 0 auto;
+  height: 44px;
+  position: relative;
+  border-radius: 0;
+  background: transparent;
+  padding: 0 18px;
+  color: #6c7687;
+  font-size: 15px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.system2-page-tabs button.active {
+  background: transparent;
+  color: var(--system2-text);
+}
+
+.system2-page-tabs button.active::after {
+  content: "";
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  bottom: 0;
+  height: 2px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, #ffb94d 0%, #ff9825 100%);
+}
+
+.system2-content-grid {
+  display: grid;
+  grid-template-columns: 260px minmax(0, 1fr);
+  gap: 16px;
+  padding: 0;
+}
+
+.system2-content-grid--plain {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.system2-content-grid--dict {
+  grid-template-columns: 260px minmax(0, 1fr);
+  align-items: start;
+}
+
+.system2-menu-layout {
+  display: grid;
+  grid-template-columns: 320px minmax(0, 1fr);
+  align-items: start;
+  gap: 16px;
+  height: calc(100vh - 170px);
+  min-height: 520px;
+  overflow: hidden;
+}
+
+.system2-page--menu {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  height: calc(100vh - 72px);
+  min-height: 0;
+  overflow: hidden;
+  padding-bottom: 0;
+}
+
+.system2-page--menu .system2-shell {
+  display: grid;
+  grid-template-rows: auto auto minmax(0, 1fr);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.system2-page--menu .system2-group-switch {
+  margin-top: 0;
+}
+
+.system2-page--menu .system2-menu-layout {
+  height: 100%;
+  min-height: 0;
+}
+
+.system2-menu-side-card {
+  height: calc(100vh - 170px);
+  min-height: 520px;
+  max-height: calc(100vh - 170px);
+  overflow: hidden;
+}
+
+.system2-page--menu .system2-menu-side-card {
+  height: 100%;
+  min-height: 0;
+  max-height: 100%;
+}
+
+.system2-menu-head-actions,
+.system2-detail-head,
+.system2-detail-head div {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.system2-detail-head {
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.system2-detail-head strong {
+  color: var(--system2-text);
+  font-size: 15px;
+  line-height: 1;
+}
+
+.system2-head-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 54px;
+  height: 28px;
+  padding: 0 12px;
+  border: 1px solid var(--system2-border-strong);
+  border-radius: 8px;
+  background: #fff;
+  color: #4c5668;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.system2-head-action:hover {
+  border-color: #ffcf92;
+  background: #fff7eb;
+  color: #9a6300;
+}
+
+.system2-side-card,
+.system2-main-card,
+.system2-filter-card,
+.system2-table-card {
+  border: 1px solid var(--system2-border);
+  border-radius: 16px;
+  background: #fff;
+  box-shadow: 0 14px 28px rgba(23, 36, 54, 0.04);
+}
+
+.system2-side-card {
+  min-height: 700px;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.system2-dict-side-card {
+  min-height: calc(100vh - 190px);
+  max-height: calc(100vh - 190px);
+  padding: 18px;
+  border-radius: 16px;
+}
+
+.system2-side-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 0;
+}
+
+.system2-side-head strong {
+  color: var(--system2-text);
+  font-size: 15px;
+  line-height: 1;
+}
+
+.system2-side-head span {
+  color: #8a91a1;
+  font-size: 12px;
+}
+
+.system2-side-search {
+  margin-bottom: 0;
+}
+
+.system2-dict-type-add {
+  height: 32px;
+  border-radius: 8px;
+  color: #253047;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.system2-dict-search {
+  display: none;
+}
+
+.system2-dict-type-list {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 12px;
+  padding-right: 4px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #d4dbe8 transparent;
+}
+
+.system2-dict-type-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.system2-dict-type-list::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: #d4dbe8;
+}
+
+.system2-dict-type-list button {
+  min-height: 36px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: #253047;
+  cursor: pointer;
+  padding: 0 12px;
+  text-align: left;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.system2-dict-type-list button:hover,
+.system2-dict-type-list button.active {
+  background: #fff4df;
+  color: #e77912;
+}
+
+.system2-dict-type-list span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.system2-head-icon {
+  position: relative;
+  width: 30px;
+  height: 30px;
+  border: 1px solid #e4e9f2;
+  border-radius: 8px;
+  background: #fff;
+  cursor: pointer;
+  box-shadow: 0 4px 10px rgba(20, 28, 41, 0.04);
+}
+
+.system2-head-icon::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  width: 15px;
+  height: 15px;
+  margin: auto;
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M12 7.45A4.55 4.55 0 1 1 10.68 4.2' stroke='%23687386' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M9.85 3.3H12.35V5.8' stroke='%23687386' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px 15px no-repeat;
+}
+
+.system2-head-icon--add::before {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 3.1V11.9M3.1 7.5H11.9' stroke='%23687386' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
+}
+
+.system2-head-icon--delete::before {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3.6 4.1H11.4' stroke='%23C05B4A' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M5.1 4.1V11.1C5.1 11.43 5.37 11.7 5.7 11.7H9.3C9.63 11.7 9.9 11.43 9.9 11.1V4.1' stroke='%23C05B4A' stroke-width='1.2'/%3E%3Cpath d='M6.35 4.1V3.25C6.35 2.97 6.57 2.75 6.85 2.75H8.15C8.43 2.75 8.65 2.97 8.65 3.25V4.1' stroke='%23C05B4A' stroke-width='1.2'/%3E%3C/svg%3E");
+}
+
+.system2-head-icon:hover {
+  border-color: #ffcf92;
+  background: #fff7eb;
+}
+
+.system2-dept-tree :deep(.n-tree-node-content) {
+  min-height: 36px;
+  border-radius: 10px;
+  color: #40495a;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.system2-dept-tree :deep(.n-tree-node-content:hover),
+.system2-dept-tree :deep(.n-tree-node-content.n-tree-node-content--selected) {
+  background: #fff7e8;
+  color: #e77912;
+}
+
+.system2-menu-tree :deep(.n-tree-node-content) {
+  min-height: 36px;
+  border-radius: 10px;
+  color: #40495a;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.system2-menu-tree {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+  scrollbar-width: thin;
+  scrollbar-color: #d4dbe8 transparent;
+}
+
+.system2-menu-tree::-webkit-scrollbar {
+  width: 6px;
+}
+
+.system2-menu-tree::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: #d4dbe8;
+}
+
+.system2-menu-tree::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.system2-menu-tree :deep(.n-tree-node-content:hover),
+.system2-menu-tree :deep(.n-tree-node-content.n-tree-node-content--selected) {
+  background: #fff7e8;
+  color: var(--system2-accent-deep);
+}
+
+:deep(.system2-menu-tree-label) {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+  align-items: center;
+  gap: 6px;
+}
+
+:deep(.system2-menu-tree-label__text) {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.system2-menu-tree :deep(.system2-menu-tree-label--hidden .system2-menu-tree-label__text) {
+  color: #9aa3b3 !important;
+  text-decoration: line-through;
+  text-decoration-color: #c7cfdb;
+}
+
+.system2-menu-tree :deep(.system2-menu-tree-label__tag) {
+  flex: 0 0 auto;
+  height: 18px;
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid #cfd6e3;
+  border-radius: 999px;
+  background: #eef1f6;
+  color: #778294;
+  padding: 0 6px;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.system2-menu-tree :deep(.n-tree-node-content.n-tree-node-content--selected) .system2-menu-tree-label--hidden .system2-menu-tree-label__text {
+  color: #8a92a3 !important;
+}
+
+.system2-menu-main-card {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.system2-detail-card {
+  flex: 0 0 auto;
+}
+
+.system2-detail-card,
+.system2-permission-card {
+  border: 1px solid var(--system2-border);
+  border-radius: 16px;
+  background: #fff;
+  box-shadow: 0 14px 28px rgba(23, 36, 54, 0.04);
+  padding: 16px;
+}
+
+.system2-permission-card {
+  margin-top: 14px;
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  flex-direction: column;
+  max-height: none;
+  min-height: 160px;
+  overflow: hidden;
+}
+
+.system2-detail-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.system2-detail-grid article {
+  min-height: 92px;
+  display: grid;
+  align-content: space-between;
+  border: 1px solid var(--system2-border);
+  border-radius: 14px;
+  background: linear-gradient(180deg, #fffdf9 0%, #ffffff 100%);
+  padding: 14px;
+}
+
+.system2-detail-grid article span {
+  color: var(--system2-sub);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.system2-detail-grid article strong {
+  color: var(--system2-text);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.system2-permission-list {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  align-items: flex-start;
+  gap: 10px;
+  min-height: 0;
+  max-height: none;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+  scrollbar-width: thin;
+  scrollbar-color: #d4dbe8 transparent;
+}
+
+.system2-permission-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.system2-permission-list::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: #d4dbe8;
+}
+
+.system2-permission-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.system2-permission-list span {
+  display: inline-flex;
+  flex: 0 0 250px;
+  align-items: center;
+  gap: 8px;
+  width: 250px;
+  height: 30px;
+  min-height: 30px;
+  box-sizing: border-box;
+  border: 1px solid #ffd38d;
+  border-radius: 999px;
+  background: #fff8ea;
+  color: #a66300;
+  padding: 0 8px 0 12px;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.system2-permission-list strong {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font: inherit;
+}
+
+.system2-permission-action {
+  display: inline-flex;
+  flex: 0 0 22px;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: 1px solid rgba(255, 157, 37, 0.35);
+  border-radius: 999px;
+  background: #fff;
+  color: #8c5a11;
+  cursor: pointer;
+  transition:
+    border-color 0.18s ease,
+    color 0.18s ease,
+    transform 0.18s ease;
+}
+
+.system2-permission-action:hover {
+  border-color: #ff9d25;
+  color: #e77912;
+  transform: translateY(-1px);
+}
+
+.system2-permission-action--delete {
+  border-color: rgba(192, 91, 74, 0.28);
+  color: #c05b4a;
+}
+
+.system2-permission-action--delete:hover {
+  border-color: #c05b4a;
+  color: #a94334;
+}
+
+.system2-permission-action svg {
+  width: 13px;
+  height: 13px;
+}
+
+.system2-main-card {
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.system2-card-title,
+.system2-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.system2-card-title {
+  display: none;
+}
+
+.system2-card-title strong {
+  display: block;
+  font-size: 18px;
+}
+
+.system2-card-title span,
+.system2-toolbar span {
+  color: #737987;
+  font-size: 13px;
+}
+
+.system2-filter-card {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(180px, 1fr));
+  gap: 10px 12px;
+  margin-bottom: 10px;
+  padding: 12px 14px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%);
+}
+
+.system2-filter-card label {
+  display: grid;
+  gap: 4px;
+}
+
+.system2-filter-card label span {
+  color: var(--system2-sub);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.system2-filter-actions,
+.system2-toolbar div,
+.system2-dict-toolbar,
+.system2-dict-toolbar div,
+.system2-row-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.system2-dict-toolbar {
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.system2-log-switch {
+  display: flex;
+  align-items: center;
+  gap: 26px;
+  margin: 0 0 12px 18px;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.system2-log-switch button {
+  position: relative;
+  height: 36px;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: #687588;
+  cursor: pointer;
+  padding: 0;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.system2-log-switch button.active {
+  background: transparent;
+  color: #15233a;
+  box-shadow: none;
+}
+
+.system2-log-switch button.active::before {
+  display: none;
+}
+
+.system2-log-switch button.active::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2px;
+  border-radius: 999px;
+  background: #ff9f2d;
+}
+
+.system2-page--log {
+  min-height: 100vh;
+  padding: 0 20px 40px;
+  background: #f5f7fb;
+}
+
+.system2-page--log .system2-hero {
+  min-height: 58px;
+}
+
+.system2-page--log .system2-group-switch {
+  margin-top: -42px;
+  margin-bottom: 0;
+}
+
+.system2-page--log .system2-content-grid {
+  gap: 0;
+}
+
+.system2-page--log .system2-filter-card {
+  grid-template-columns: 390px 390px 390px minmax(160px, 1fr);
+  align-items: end;
+  min-height: 96px;
+  margin-bottom: 2px;
+  padding: 18px 14px 26px;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0 10px 24px rgba(24, 38, 58, 0.04);
+}
+
+.system2-page--log .system2-filter-card label {
+  gap: 7px;
+}
+
+.system2-page--log .system2-filter-card label span {
+  color: #667286;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.system2-page--log .system2-filter-actions {
+  grid-column: 4;
+  justify-content: flex-end;
+  gap: 12px;
+  padding-bottom: 2px;
+}
+
+.system2-page--log .system2-primary-btn,
+.system2-page--log .system2-secondary-btn {
+  height: 32px;
+  border-radius: 8px;
+  padding: 0 15px;
+}
+
+.system2-page--log :deep(.system2-secondary-btn.n-button) {
+  border-color: #dfbd80 !important;
+  background: #fff !important;
+}
+
+.system2-page--log :deep(.system2-secondary-btn.n-button .n-button__content) {
+  color: #8c6329 !important;
+}
+
+.system2-page--log .system2-table-card {
+  margin-top: 0;
+  padding: 16px 16px 14px;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0 18px 34px rgba(24, 38, 58, 0.05);
+}
+
+.system2-log-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 0 0 12px;
+  padding: 0 2px;
+}
+
+.system2-log-toolbar > div {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.system2-log-toolbar span {
+  color: #737987;
+  font-size: 13px;
+}
+
+.system2-page--log :deep(.n-data-table-th) {
+  height: 44px;
+  background: #fcf8ef !important;
+  color: #4b5668;
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.system2-page--log :deep(.n-data-table-td) {
+  height: 52px;
+  color: #2f3c50;
+  font-size: 14px;
+}
+
+.system2-page--log :deep(.n-data-table-tr:not(:last-child) .n-data-table-td) {
+  border-bottom: 1px solid #edf1f6;
+}
+
+.system2-content-grid--dict .system2-table-card {
+  padding: 16px;
+  border-radius: 16px;
+}
+
+.system2-row-actions {
+  gap: 6px;
+}
+
+.system2-url-cell {
+  display: inline-block;
+  max-width: 210px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.system2-icon-action {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid #e1e7f0;
+  border-radius: 8px;
+  background: #fff;
+  color: #66748a;
+  box-shadow: 0 4px 10px rgba(21, 30, 43, 0.04);
+  cursor: pointer;
+  transition:
+    border-color 0.18s ease,
+    box-shadow 0.18s ease,
+    transform 0.18s ease;
+}
+
+.system2-icon-action:hover {
+  border-color: #ffcf92;
+  background: #fff7eb;
+  transform: none;
+  box-shadow: 0 4px 10px rgba(21, 30, 43, 0.04);
+}
+
+.system2-icon-action--primary:hover {
+  border-color: #9ebcff;
+  color: #2f63d6;
+}
+
+.system2-icon-action--error:hover {
+  border-color: #ffc4bd;
+  color: #d93025;
+}
+
+.system2-icon-action__svg {
+  display: block;
+  flex: 0 0 15px;
+}
+
+:deep(.system2-row-actions) {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+:deep(.system2-icon-action) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid #e6eaf2;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 4px 10px rgba(21, 30, 43, 0.04);
+  cursor: pointer;
+}
+
+:deep(.system2-icon-action:hover) {
+  border-color: #ffcf92;
+  background: #fff7eb;
+}
+
+:deep(.system2-icon-action__svg) {
+  display: block;
+  width: 15px;
+  height: 15px;
+}
+
+.system2-filter-actions {
+  grid-column: 1 / -1;
+  justify-content: flex-end;
+  margin-top: 0;
+}
+
+.system2-toolbar {
+  margin: 10px 0 12px;
+  padding: 2px 2px 0;
+}
+
+.system2-table-card {
+  padding: 16px;
+  overflow: hidden;
+  border-radius: 14px;
+  background: #fff;
+}
+
+.system2-pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 14px;
+}
+
+.system2-primary-btn,
+.system2-secondary-btn,
+.system2-danger-btn,
+.system2-outline-btn {
+  height: 32px;
+  border-radius: 9px;
+  padding: 0 12px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.system2-primary-btn {
+  --n-border: 1px solid #f4c67f !important;
+  --n-border-hover: 1px solid #f4c67f !important;
+  --n-border-pressed: 1px solid #e78c1e !important;
+  --n-border-focus: 1px solid #f4c67f !important;
+  --n-color: linear-gradient(180deg, #ffbb4c 0%, #ff9d25 100%) !important;
+  --n-color-hover: linear-gradient(180deg, #ffc260 0%, #ff9825 100%) !important;
+  --n-color-pressed: linear-gradient(180deg, #f0a83a 0%, #ef8f20 100%) !important;
+  --n-color-focus: linear-gradient(180deg, #ffbb4c 0%, #ff9d25 100%) !important;
+  --n-text-color: #fff !important;
+  --n-text-color-hover: #fff !important;
+  --n-text-color-pressed: #fff !important;
+  --n-text-color-focus: #fff !important;
+  box-shadow: 0 10px 18px rgba(255, 164, 42, 0.18);
+}
+
+:deep(.system2-primary-btn.n-button) {
+  border-color: #f4c67f !important;
+  background: linear-gradient(180deg, #ffbb4c 0%, #ff9d25 100%) !important;
+  color: #fff !important;
+}
+
+:deep(.system2-primary-btn.n-button .n-button__content) {
+  color: #fff !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+}
+
+.system2-secondary-btn,
+.system2-outline-btn {
+  --n-border: 1px solid var(--system2-border-strong) !important;
+  --n-border-hover: 1px solid #ffcf92 !important;
+  --n-border-pressed: 1px solid #ffcf92 !important;
+  --n-border-focus: 1px solid #ffcf92 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #fff7eb !important;
+  --n-color-pressed: #fff7eb !important;
+  --n-color-focus: #fff7eb !important;
+  --n-text-color: #4c5668 !important;
+  --n-text-color-hover: #9a6300 !important;
+  --n-text-color-pressed: #9a6300 !important;
+  --n-text-color-focus: #9a6300 !important;
+}
+
+:deep(.system2-secondary-btn.n-button),
+:deep(.system2-outline-btn.n-button) {
+  border-color: var(--system2-border-strong) !important;
+  background: #fff !important;
+  color: #4c5668 !important;
+}
+
+:deep(.system2-secondary-btn.n-button .n-button__content),
+:deep(.system2-outline-btn.n-button .n-button__content) {
+  color: #4c5668 !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+}
+
+.system2-danger-btn {
+  --n-border: 1px solid #f2d6d1 !important;
+  --n-border-hover: 1px solid #efb4ad !important;
+  --n-border-pressed: 1px solid #efb4ad !important;
+  --n-border-focus: 1px solid #efb4ad !important;
+  --n-color: #fff7f6 !important;
+  --n-color-hover: #fff1ef !important;
+  --n-color-pressed: #fff1ef !important;
+  --n-color-focus: #fff1ef !important;
+  --n-text-color: #bd5a4f !important;
+  --n-text-color-hover: #bd5a4f !important;
+  --n-text-color-pressed: #bd5a4f !important;
+  --n-text-color-focus: #bd5a4f !important;
+}
+
+:deep(.system2-danger-btn.n-button) {
+  border-color: #f2d6d1 !important;
+  background: #fff7f6 !important;
+  color: #bd5a4f !important;
+}
+
+:deep(.system2-danger-btn.n-button .n-button__content) {
+  color: #bd5a4f !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+}
+
+:deep(.n-data-table-th) {
+  height: 44px;
+  background: #fcf8ef !important;
+  color: #4c5566;
+  font-size: 12px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+:deep(.n-data-table-td) {
+  min-height: 48px;
+  color: #354051;
+  font-size: 13px;
+  line-height: 19px;
+}
+
+:deep(.n-data-table-tr:hover .n-data-table-td) {
+  background: #fffdf8 !important;
+}
+
+.system2-shell :deep(.n-input),
+.system2-shell :deep(.n-base-selection) {
+  --n-border-radius: 8px !important;
+  --n-height: 30px !important;
+  --n-font-size: 12px !important;
+  --n-border: 1px solid var(--system2-border) !important;
+  --n-border-hover: 1px solid #ffd38d !important;
+  --n-border-focus: 1px solid #ffd38d !important;
+  --n-box-shadow-focus: 0 0 0 3px rgba(255, 186, 92, 0.12) !important;
+  --n-color: #fcfcfe !important;
+}
+
+@media (max-width: 960px) {
+  .system2-page {
+    padding: 12px;
+  }
+
+  .system2-hero,
+  .system2-card-title,
+  .system2-toolbar {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .system2-group-switch,
+  .system2-content-grid,
+  .system2-filter-card {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/src/views/system2/notice/index.vue b/src/views/system2/notice/index.vue
new file mode 100644
index 0000000..00c2bfc
--- /dev/null
+++ b/src/views/system2/notice/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Notice' });
+</script>
+
+<template>
+  <System2ListPage page-key="notice" />
+</template>
diff --git a/src/views/system2/oss/index.vue b/src/views/system2/oss/index.vue
new file mode 100644
index 0000000..a50142f
--- /dev/null
+++ b/src/views/system2/oss/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Oss' });
+</script>
+
+<template>
+  <System2ListPage page-key="oss" />
+</template>
diff --git a/src/views/system2/post/index.vue b/src/views/system2/post/index.vue
new file mode 100644
index 0000000..0b1ed4c
--- /dev/null
+++ b/src/views/system2/post/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Post' });
+</script>
+
+<template>
+  <System2ListPage page-key="post" />
+</template>
diff --git a/src/views/system2/role/index.vue b/src/views/system2/role/index.vue
new file mode 100644
index 0000000..7588073
--- /dev/null
+++ b/src/views/system2/role/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2Role' });
+</script>
+
+<template>
+  <System2ListPage page-key="role" />
+</template>
diff --git a/src/views/system2/user/index.vue b/src/views/system2/user/index.vue
new file mode 100644
index 0000000..b456b32
--- /dev/null
+++ b/src/views/system2/user/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import System2ListPage from '../modules/system2-list-page.vue';
+
+defineOptions({ name: 'System2User' });
+</script>
+
+<template>
+  <System2ListPage page-key="user" />
+</template>