From f31c9e159aebd8d2092a438c7e4f69d8bd0cffc8 Mon Sep 17 00:00:00 2001
From: selfrelease <freedak.ipad@gmail.com>
Date: Tue, 28 Jul 2026 14:45:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=97=AE=E5=8D=B7=E5=92=8C=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E6=B7=BB=E5=8A=A0=E8=8F=9C=E5=8D=95=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E5=8F=8ATab=E4=BF=A1=E6=81=AF=EF=BC=8C=E6=96=B9=E4=BE=BF?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=AE=9A=E4=BD=8D=E5=8A=9F=E8=83=BD=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/前端页面功能分析.md                | 49 +++++++++++++++
 frontend/src/components/SurveyModal.tsx | 10 ++-
 frontend/src/data/surveyData.ts         | 84 +++++++++++++------------
 3 files changed, 100 insertions(+), 43 deletions(-)

diff --git a/docs/前端页面功能分析.md b/docs/前端页面功能分析.md
index 0027f18..9ad3139 100644
--- a/docs/前端页面功能分析.md
+++ b/docs/前端页面功能分析.md
@@ -6,12 +6,14 @@
 > - **打分（1-5）**：1=无用，2=不太有用，3=一般，4=有用，5=非常有用
 > - **是否有用**：是/否/待定
 > - **优化说明**：填写改进建议或备注
+> - **菜单路径**：标注该功能在系统中的位置，格式为「菜单分组 > 菜单项 > Tab」
 
 ---
 
 ## 1. Settings（设置页面）
 
 **文件：** `frontend/src/pages/Settings.tsx`
+**菜单位置：** 系统 > 设置
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -28,6 +30,7 @@
 ## 2. Evidence（证据管理页面）
 
 **文件：** `frontend/src/pages/Evidence.tsx`
+**菜单位置：** 合规风控 > 证据链
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -40,6 +43,7 @@
 ## 3. EvidenceChain（员工证据链详情）
 
 **文件：** `frontend/src/pages/roster/EvidenceChain.tsx`
+**菜单位置：** 花名册 > 员工详情 > 风险合规 > 证据链
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -53,6 +57,7 @@
 ## 4. Policies（政策管理页面）
 
 **文件：** `frontend/src/pages/Policies.tsx`
+**菜单位置：** 合规风控 > 规章制度
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -67,6 +72,7 @@
 ## 5. MyPolicies（员工端政策页面）
 
 **文件：** `frontend/src/pages/portal/MyPolicies.tsx`
+**菜单位置：** 员工端 > 规章制度
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -80,6 +86,8 @@
 ## 6. Money（财务/薪资页面）
 
 **文件：** `frontend/src/pages/Money.tsx`
+**菜单位置：** 薪税社保 > 薪税管理
+**Tab：** 发薪批次 / 薪酬模版 / 加班费计算 / 工资条
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -96,6 +104,8 @@
 ## 7. AttendanceOvertimeInfo（员工考勤加班详情）
 
 **文件：** `frontend/src/pages/roster/AttendanceOvertimeInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 考勤绩效 > 考勤培训
+**Tab：** 考勤 / 加班 / 培训
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -112,6 +122,7 @@
 ## 8. Attendance（考勤确认页面）
 
 **文件：** `frontend/src/pages/Attendance.tsx`
+**菜单位置：** 员工管理 > 考勤确认
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -126,6 +137,7 @@
 ## 9. Templates（文档模板页面）
 
 **文件：** `frontend/src/pages/Templates.tsx`
+**菜单位置：** AI 辅助 > 文本模板
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -140,6 +152,7 @@
 ## 10. AuditLog（系统操作日志页面）
 
 **文件：** `frontend/src/pages/AuditLog.tsx`
+**菜单位置：** 系统 > 操作日志
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -155,6 +168,8 @@
 ## 11. Dashboard（工作台）
 
 **文件：** `frontend/src/pages/Dashboard.tsx`
+**菜单位置：** 工作台 > 总览
+**Tab：** 概览 / 风险提醒 / 月度任务
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -173,6 +188,7 @@
 ## 12. Roster（员工花名册）
 
 **文件：** `frontend/src/pages/Roster.tsx`
+**菜单位置：** 员工管理 > 花名册
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -196,6 +212,7 @@
 ## 13. Contracts（合同管理）
 
 **文件：** `frontend/src/pages/Contracts.tsx`
+**菜单位置：** 员工管理 > 花名册（合同状态列）
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -210,6 +227,7 @@
 ## 14. Termination（解聘补偿）
 
 **文件：** `frontend/src/pages/Termination.tsx`
+**菜单位置：** 员工管理 > 解聘补偿
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -229,6 +247,8 @@
 ## 15. Compensation（补偿计算器）
 
 **文件：** `frontend/src/pages/Compensation.tsx`
+**菜单位置：** 解聘补偿 > 补偿计算器
+**Tab：** 经济补偿金 / 双倍工资
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -245,6 +265,8 @@
 ## 16. SocialInsurance（社保公积金）
 
 **文件：** `frontend/src/pages/SocialInsurance.tsx`
+**菜单位置：** 薪税社保 > 社保公积金
+**Tab：** 月度办理 / 社保 / 公积金 / 专项附加扣除
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -261,6 +283,7 @@
 ## 17. Notifications（通知管理）
 
 **文件：** `frontend/src/pages/Notifications.tsx`
+**菜单位置：** 系统 > 通知管理
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -277,6 +300,8 @@
 ## 18. AIAssistant（AI 助手）
 
 **文件：** `frontend/src/pages/AIAssistant.tsx`
+**菜单位置：** AI 辅助 > AI 顾问
+**Tab：** 智能问答 / 风险预测 / 合同审查
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -294,6 +319,7 @@
 ## 19. Login（HR 端登录）
 
 **文件：** `frontend/src/pages/auth/Login.tsx`
+**菜单位置：** 登录页
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -308,6 +334,7 @@
 ## 20. ForgotPassword（忘记密码）
 
 **文件：** `frontend/src/pages/auth/ForgotPassword.tsx`
+**菜单位置：** 登录页 > 忘记密码
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -321,6 +348,7 @@
 ## 21. Register（注册新企业）
 
 **文件：** `frontend/src/pages/auth/Register.tsx`
+**菜单位置：** 登录页 > 注册新企业
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -334,6 +362,7 @@
 ## 22. PortalLogin（员工端登录）
 
 **文件：** `frontend/src/pages/portal/PortalLogin.tsx`
+**菜单位置：** 员工端 > 登录
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -347,6 +376,7 @@
 ## 23. AutoLogin（员工端自动登录）
 
 **文件：** `frontend/src/pages/portal/AutoLogin.tsx`
+**菜单位置：** 员工端 > 扫码自动登录
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -359,6 +389,7 @@
 ## 24. Onboarding（入职信息填报）
 
 **文件：** `frontend/src/pages/portal/Onboarding.tsx`
+**菜单位置：** 员工端 > 入职填报
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -373,6 +404,7 @@
 ## 25. Payslip（员工端工资条）
 
 **文件：** `frontend/src/pages/portal/Payslip.tsx`
+**菜单位置：** 员工端 > 工资条
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -387,6 +419,7 @@
 ## 26. MyContract（我的劳动合同 - 员工端）
 
 **文件：** `frontend/src/pages/portal/MyContract.tsx`
+**菜单位置：** 员工端 > 我的合同
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -400,6 +433,7 @@
 ## 27. ContractConfirm（合同签署确认）
 
 **文件：** `frontend/src/pages/portal/ContractConfirm.tsx`
+**菜单位置：** 员工端 > 合同签署确认
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -414,6 +448,7 @@
 ## 28. PortalNav（员工端导航栏）
 
 **文件：** `frontend/src/pages/portal/PortalNav.tsx`
+**菜单位置：** 员工端 > 底部导航栏
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -426,6 +461,7 @@
 ## 29. EmployeeProfile（员工详情档案）
 
 **文件：** `frontend/src/pages/roster/EmployeeProfile.tsx`
+**菜单位置：** 花名册 > 点击员工 > 员工详情
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -439,6 +475,7 @@
 ## 30. BasicInfo（基本信息 Tab）
 
 **文件：** `frontend/src/pages/roster/BasicInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 人事信息 > 基本信息
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -456,6 +493,7 @@
 ## 31. ContractInfo（劳动合同 Tab）
 
 **文件：** `frontend/src/pages/roster/ContractInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 人事信息 > 劳动合同
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -471,6 +509,8 @@
 ## 32. PayslipSocialInfo（薪酬社保 Tab）
 
 **文件：** `frontend/src/pages/roster/PayslipSocialInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 薪酬 > 薪酬社保
+**Tab：** 工资条 / 缴纳记录
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -483,6 +523,7 @@
 ## 33. DisciplinaryInfo（违纪记录 Tab）
 
 **文件：** `frontend/src/pages/roster/DisciplinaryInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 风险合规 > 违纪记录
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -496,6 +537,7 @@
 ## 34. PerformanceInfo（绩效考核 Tab）
 
 **文件：** `frontend/src/pages/roster/PerformanceInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 考勤绩效 > 绩效考核
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -509,6 +551,7 @@
 ## 35. TerminationInfo（离职/解聘 Tab）
 
 **文件：** `frontend/src/pages/roster/TerminationInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 风险合规 > 离职/解聘
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -523,6 +566,7 @@
 ## 36. AttachmentInfo（附件管理 Tab）
 
 **文件：** `frontend/src/pages/roster/AttachmentInfo.tsx`
+**菜单位置：** 花名册 > 员工详情 > 人事信息 > 基本信息（附件区域）
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -537,6 +581,7 @@
 ## 37. ChangeHistoryTab（变更历史 Tab）
 
 **文件：** `frontend/src/pages/roster/ChangeHistoryTab.tsx`
+**菜单位置：** 花名册 > 员工详情 > 变更历史
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -551,6 +596,7 @@
 ## 38. AnnualValueReport（年度价值报告）
 
 **文件：** `frontend/src/pages/tools/AnnualValueReport.tsx`
+**菜单位置：** 合规风控 > 年度价值
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -566,6 +612,7 @@
 ## 39. HealthCheck（用工体检诊断）
 
 **文件：** `frontend/src/pages/tools/HealthCheck.tsx`
+**菜单位置：** 合规风控 > 用工体检
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -580,6 +627,7 @@
 ## 40. MedicalPeriodCalculator（医疗期计算器）
 
 **文件：** `frontend/src/pages/tools/MedicalPeriodCalculator.tsx`
+**菜单位置：** 合规风控 > 医疗期计算
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
@@ -594,6 +642,7 @@
 ## 41. RosterModals（花名册弹窗组件）
 
 **文件：** `frontend/src/pages/roster/modals.tsx`
+**菜单位置：** 花名册（弹窗操作）
 
 | # | 功能 | 功能说明 | 打分（1-5） | 是否有用 | 优化说明 |
 |---|------|----------|:-----------:|:--------:|----------|
diff --git a/frontend/src/components/SurveyModal.tsx b/frontend/src/components/SurveyModal.tsx
index 2e3474e..d3b5c95 100644
--- a/frontend/src/components/SurveyModal.tsx
+++ b/frontend/src/components/SurveyModal.tsx
@@ -103,8 +103,14 @@ export default function SurveyModal({ open, onClose }: { open: boolean; onClose:
                 className="w-full flex items-center gap-2 px-4 py-2.5 hover:bg-gray-50 text-left"
               >
                 {isExpanded ? <ChevronDown className="w-4 h-4 text-gray-400 shrink-0" /> : <ChevronRight className="w-4 h-4 text-gray-400 shrink-0" />}
-                <span className="text-sm font-medium text-gray-700">{page.id}. {page.name}</span>
-                <span className="ml-auto text-xs text-gray-400">{page.features.length} 项{pageRated > 0 && ` · 已评 ${pageRated}`}</span>
+                <div className="flex-1 min-w-0">
+                  <div className="text-sm font-medium text-gray-700">{page.id}. {page.name}</div>
+                  <div className="flex items-center gap-1.5 mt-0.5">
+                    <span className="text-xs text-gray-400 truncate">📍 {page.menu}</span>
+                    {page.tab && <span className="text-xs text-primary/70 truncate">| Tab: {page.tab}</span>}
+                  </div>
+                </div>
+                <span className="ml-auto text-xs text-gray-400 shrink-0">{page.features.length} 项{pageRated > 0 && ` · 已评 ${pageRated}`}</span>
               </button>
               {isExpanded && (
                 <div className="px-4 pb-3 space-y-2">
diff --git a/frontend/src/data/surveyData.ts b/frontend/src/data/surveyData.ts
index 89b4211..7ea27d7 100644
--- a/frontend/src/data/surveyData.ts
+++ b/frontend/src/data/surveyData.ts
@@ -10,12 +10,14 @@ export interface SurveyPage {
   id: number
   name: string
   file: string
+  menu: string
+  tab?: string
   features: SurveyFeature[]
 }
 
 export const surveyPages: SurveyPage[] = [
   {
-    id: 1, name: 'Settings（设置页面）', file: 'frontend/src/pages/Settings.tsx',
+    id: 1, name: 'Settings（设置页面）', file: 'frontend/src/pages/Settings.tsx', menu: '系统 > 设置',
     features: [
       { id: '1.1', name: '组织信息管理', desc: '编辑公司名称、联系人、薪资发放频率等基本信息' },
       { id: '1.2', name: '退休政策提醒', desc: '设置退休政策提醒，显示退休人员名单及确认状态' },
@@ -27,7 +29,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 2, name: 'Evidence（证据管理页面）', file: 'frontend/src/pages/Evidence.tsx',
+    id: 2, name: 'Evidence（证据管理页面）', file: 'frontend/src/pages/Evidence.tsx', menu: '合规风控 > 证据链',
     features: [
       { id: '2.1', name: '证据链列表', desc: '展示所有证据记录，含分类、状态等信息' },
       { id: '2.2', name: '分类筛选', desc: '按证据类别筛选记录' },
@@ -35,7 +37,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 3, name: 'EvidenceChain（员工证据链详情）', file: 'frontend/src/pages/roster/EvidenceChain.tsx',
+    id: 3, name: 'EvidenceChain（员工证据链详情）', file: 'frontend/src/pages/roster/EvidenceChain.tsx', menu: '花名册 > 员工详情 > 风险合规 > 证据链',
     features: [
       { id: '3.1', name: '证据链详情展示', desc: '展示员工个人证据链，按类别分组显示' },
       { id: '3.2', name: '风险提醒', desc: '显示证据链中的风险提示信息' },
@@ -44,7 +46,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 4, name: 'Policies（政策管理页面）', file: 'frontend/src/pages/Policies.tsx',
+    id: 4, name: 'Policies（政策管理页面）', file: 'frontend/src/pages/Policies.tsx', menu: '合规风控 > 规章制度',
     features: [
       { id: '4.1', name: '政策列表', desc: '展示所有公司政策及其当前流程阶段' },
       { id: '4.2', name: '创建政策', desc: '新建政策，填写标题和内容' },
@@ -54,7 +56,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 5, name: 'MyPolicies（员工端政策页面）', file: 'frontend/src/pages/portal/MyPolicies.tsx',
+    id: 5, name: 'MyPolicies（员工端政策页面）', file: 'frontend/src/pages/portal/MyPolicies.tsx', menu: '员工端 > 规章制度',
     features: [
       { id: '5.1', name: '政策列表展示', desc: '展示已公示的政策列表' },
       { id: '5.2', name: '待签收提醒', desc: '显示待确认阅读的政策数量' },
@@ -63,7 +65,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 6, name: 'Money（财务/薪资页面）', file: 'frontend/src/pages/Money.tsx',
+    id: 6, name: 'Money（财务/薪资页面）', file: 'frontend/src/pages/Money.tsx', menu: '薪税社保 > 薪税管理', tab: '发薪批次 / 薪酬模版 / 加班费计算 / 工资条',
     features: [
       { id: '6.1', name: '加班费计算器', desc: '配置加班计算规则，导入考勤数据，生成加班费记录' },
       { id: '6.2', name: '考勤数据导入', desc: '通过 CSV 导入考勤数据用于加班计算' },
@@ -75,7 +77,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 7, name: 'AttendanceOvertimeInfo（员工考勤加班详情）', file: 'frontend/src/pages/roster/AttendanceOvertimeInfo.tsx',
+    id: 7, name: 'AttendanceOvertimeInfo（员工考勤加班详情）', file: 'frontend/src/pages/roster/AttendanceOvertimeInfo.tsx', menu: '花名册 > 员工详情 > 考勤绩效 > 考勤培训', tab: '考勤 / 加班 / 培训',
     features: [
       { id: '7.1', name: '考勤记录展示', desc: '展示员工个人考勤记录（Tab 切换）' },
       { id: '7.2', name: '加班记录展示', desc: '展示员工个人加班记录' },
@@ -87,7 +89,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 8, name: 'Attendance（考勤确认页面）', file: 'frontend/src/pages/Attendance.tsx',
+    id: 8, name: 'Attendance（考勤确认页面）', file: 'frontend/src/pages/Attendance.tsx', menu: '员工管理 > 考勤确认',
     features: [
       { id: '8.1', name: '月度考勤列表', desc: '展示员工月度考勤数据（出勤天数、加班时长等）' },
       { id: '8.2', name: '统计概览', desc: '显示总数、待确认、已确认、有争议的数量统计' },
@@ -97,7 +99,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 9, name: 'Templates（文档模板页面）', file: 'frontend/src/pages/Templates.tsx',
+    id: 9, name: 'Templates（文档模板页面）', file: 'frontend/src/pages/Templates.tsx', menu: 'AI 辅助 > 文本模板',
     features: [
       { id: '9.1', name: '模板分类浏览', desc: '按类别浏览文档模板' },
       { id: '9.2', name: '模板选择', desc: '选择模板进行编辑和渲染' },
@@ -107,7 +109,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 10, name: 'AuditLog（系统操作日志页面）', file: 'frontend/src/pages/AuditLog.tsx',
+    id: 10, name: 'AuditLog（系统操作日志页面）', file: 'frontend/src/pages/AuditLog.tsx', menu: '系统 > 操作日志',
     features: [
       { id: '10.1', name: '操作日志列表', desc: '展示系统操作记录（操作人、动作、对象、时间）' },
       { id: '10.2', name: '动作类型筛选', desc: '按操作类型筛选日志' },
@@ -118,7 +120,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 11, name: 'Dashboard（工作台）', file: 'frontend/src/pages/Dashboard.tsx',
+    id: 11, name: 'Dashboard（工作台）', file: 'frontend/src/pages/Dashboard.tsx', menu: '工作台 > 总览', tab: '概览 / 风险提醒 / 月度任务',
     features: [
       { id: '11.1', name: '关键指标卡片', desc: '展示员工总数、风险数、待办数、月度薪资总额' },
       { id: '11.2', name: '紧急风险横幅', desc: '高亮显示即将到期的合同、未签合同等紧急风险' },
@@ -132,7 +134,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 12, name: 'Roster（员工花名册）', file: 'frontend/src/pages/Roster.tsx',
+    id: 12, name: 'Roster（员工花名册）', file: 'frontend/src/pages/Roster.tsx', menu: '员工管理 > 花名册',
     features: [
       { id: '12.1', name: '员工列表', desc: '展示所有员工的基本信息、状态、合同状态' },
       { id: '12.2', name: '搜索功能', desc: '按姓名、手机号搜索员工' },
@@ -151,7 +153,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 13, name: 'Contracts（合同管理）', file: 'frontend/src/pages/Contracts.tsx',
+    id: 13, name: 'Contracts（合同管理）', file: 'frontend/src/pages/Contracts.tsx', menu: '员工管理 > 花名册（合同状态列）',
     features: [
       { id: '13.1', name: '合同列表', desc: '展示员工合同状态列表（含特殊状态标记：孕期、医疗期、工伤）' },
       { id: '13.2', name: '搜索员工', desc: '按姓名/手机号搜索' },
@@ -161,7 +163,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 14, name: 'Termination（解聘补偿）', file: 'frontend/src/pages/Termination.tsx',
+    id: 14, name: 'Termination（解聘补偿）', file: 'frontend/src/pages/Termination.tsx', menu: '员工管理 > 解聘补偿',
     features: [
       { id: '14.1', name: '解聘草稿列表', desc: '展示所有解聘草稿及状态' },
       { id: '14.2', name: '多步解聘向导', desc: '选择员工→选择原因→合规检查→费用结算→工作交接→确认提交' },
@@ -176,7 +178,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 15, name: 'Compensation（补偿计算器）', file: 'frontend/src/pages/Compensation.tsx',
+    id: 15, name: 'Compensation（补偿计算器）', file: 'frontend/src/pages/Compensation.tsx', menu: '解聘补偿 > 补偿计算器', tab: '经济补偿金 / 双倍工资',
     features: [
       { id: '15.1', name: '经济补偿计算', desc: '根据入职日期、离职日期、月均工资计算经济补偿金' },
       { id: '15.2', name: '双倍工资计算', desc: '根据入职日期和合同签订日期计算未签合同双倍工资' },
@@ -188,7 +190,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 16, name: 'SocialInsurance（社保公积金）', file: 'frontend/src/pages/SocialInsurance.tsx',
+    id: 16, name: 'SocialInsurance（社保公积金）', file: 'frontend/src/pages/SocialInsurance.tsx', menu: '薪税社保 > 社保公积金', tab: '月度办理 / 社保 / 公积金 / 专项附加扣除',
     features: [
       { id: '16.1', name: '月度处理', desc: '查看月度增减员变化，处理社保/公积金申报' },
       { id: '16.2', name: '社保政策配置', desc: '按城市配置社保缴纳比例和基数上下限' },
@@ -200,7 +202,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 17, name: 'Notifications（通知管理）', file: 'frontend/src/pages/Notifications.tsx',
+    id: 17, name: 'Notifications（通知管理）', file: 'frontend/src/pages/Notifications.tsx', menu: '系统 > 通知管理',
     features: [
       { id: '17.1', name: '通知概览', desc: '展示已启用的通知类型及数量' },
       { id: '17.2', name: '通知日志', desc: '展示已发送通知的历史记录' },
@@ -212,7 +214,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 18, name: 'AIAssistant（AI 助手）', file: 'frontend/src/pages/AIAssistant.tsx',
+    id: 18, name: 'AIAssistant（AI 助手）', file: 'frontend/src/pages/AIAssistant.tsx', menu: 'AI 辅助 > AI 顾问', tab: '智能问答 / 风险预测 / 合同审查',
     features: [
       { id: '18.1', name: '智能问答', desc: '劳动法相关问题的 AI 对话' },
       { id: '18.2', name: '风险预测', desc: 'AI 分析预测潜在用工风险' },
@@ -225,7 +227,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 19, name: 'Login（HR 端登录）', file: 'frontend/src/pages/auth/Login.tsx',
+    id: 19, name: 'Login（HR 端登录）', file: 'frontend/src/pages/auth/Login.tsx', menu: '登录页',
     features: [
       { id: '19.1', name: '手机号+密码登录', desc: 'HR 端账号密码登录' },
       { id: '19.2', name: '表单校验', desc: '手机号格式和密码非空校验' },
@@ -235,7 +237,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 20, name: 'ForgotPassword（忘记密码）', file: 'frontend/src/pages/auth/ForgotPassword.tsx',
+    id: 20, name: 'ForgotPassword（忘记密码）', file: 'frontend/src/pages/auth/ForgotPassword.tsx', menu: '登录页 > 忘记密码',
     features: [
       { id: '20.1', name: '发送验证码', desc: '输入手机号发送验证码' },
       { id: '20.2', name: '验证码+新密码重置', desc: '输入验证码和新密码完成重置' },
@@ -244,7 +246,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 21, name: 'Register（注册新企业）', file: 'frontend/src/pages/auth/Register.tsx',
+    id: 21, name: 'Register（注册新企业）', file: 'frontend/src/pages/auth/Register.tsx', menu: '登录页 > 注册新企业',
     features: [
       { id: '21.1', name: '企业注册', desc: '填写企业名称、手机号、密码注册新企业' },
       { id: '21.2', name: '表单校验', desc: '企业名称长度、手机号格式、密码长度、两次密码一致性校验' },
@@ -253,7 +255,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 22, name: 'PortalLogin（员工端登录）', file: 'frontend/src/pages/portal/PortalLogin.tsx',
+    id: 22, name: 'PortalLogin（员工端登录）', file: 'frontend/src/pages/portal/PortalLogin.tsx', menu: '员工端 > 登录',
     features: [
       { id: '22.1', name: '密码登录', desc: '员工手机号+密码登录' },
       { id: '22.2', name: '验证码登录', desc: '员工手机号+短信验证码登录' },
@@ -262,7 +264,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 23, name: 'AutoLogin（员工端自动登录）', file: 'frontend/src/pages/portal/AutoLogin.tsx',
+    id: 23, name: 'AutoLogin（员工端自动登录）', file: 'frontend/src/pages/portal/AutoLogin.tsx', menu: '员工端 > 扫码自动登录',
     features: [
       { id: '23.1', name: '扫码自动登录', desc: '通过一次性 Token 自动登录员工端' },
       { id: '23.2', name: '登录状态展示', desc: '展示加载中/成功/失败状态' },
@@ -270,7 +272,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 24, name: 'Onboarding（入职信息填报）', file: 'frontend/src/pages/portal/Onboarding.tsx',
+    id: 24, name: 'Onboarding（入职信息填报）', file: 'frontend/src/pages/portal/Onboarding.tsx', menu: '员工端 > 入职填报',
     features: [
       { id: '24.1', name: '入职表单填写', desc: '填写姓名、手机号、身份证号、紧急联系人等' },
       { id: '24.2', name: '入职材料上传', desc: '上传身份证、学历证明、银行卡等材料' },
@@ -280,7 +282,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 25, name: 'Payslip（员工端工资条）', file: 'frontend/src/pages/portal/Payslip.tsx',
+    id: 25, name: 'Payslip（员工端工资条）', file: 'frontend/src/pages/portal/Payslip.tsx', menu: '员工端 > 工资条',
     features: [
       { id: '25.1', name: '月度工资条', desc: '展示当月工资明细（基本工资、加班费、津贴、扣款）' },
       { id: '25.2', name: '月份切换', desc: '上月/下月切换查看历史工资条' },
@@ -290,7 +292,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 26, name: 'MyContract（我的劳动合同 - 员工端）', file: 'frontend/src/pages/portal/MyContract.tsx',
+    id: 26, name: 'MyContract（我的劳动合同 - 员工端）', file: 'frontend/src/pages/portal/MyContract.tsx', menu: '员工端 > 我的合同',
     features: [
       { id: '26.1', name: '合同概览', desc: '展示合同类型、签订方式、起止日期、试用期等信息' },
       { id: '26.2', name: '到期提醒', desc: '合同30天内到期时展示提醒横幅' },
@@ -299,7 +301,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 27, name: 'ContractConfirm（合同签署确认）', file: 'frontend/src/pages/portal/ContractConfirm.tsx',
+    id: 27, name: 'ContractConfirm（合同签署确认）', file: 'frontend/src/pages/portal/ContractConfirm.tsx', menu: '员工端 > 合同签署确认',
     features: [
       { id: '27.1', name: '合同信息展示', desc: '展示合同类型、期限、起止日期、试用期等' },
       { id: '27.2', name: '阅读确认', desc: '勾选确认已阅读合同内容' },
@@ -309,7 +311,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 28, name: 'PortalNav（员工端导航栏）', file: 'frontend/src/pages/portal/PortalNav.tsx',
+    id: 28, name: 'PortalNav（员工端导航栏）', file: 'frontend/src/pages/portal/PortalNav.tsx', menu: '员工端 > 底部导航栏',
     features: [
       { id: '28.1', name: '页面导航', desc: '工资条/我的合同/规章制度三个导航入口' },
       { id: '28.2', name: '当前页高亮', desc: '高亮显示当前所在页面' },
@@ -317,7 +319,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 29, name: 'EmployeeProfile（员工详情档案）', file: 'frontend/src/pages/roster/EmployeeProfile.tsx',
+    id: 29, name: 'EmployeeProfile（员工详情档案）', file: 'frontend/src/pages/roster/EmployeeProfile.tsx', menu: '花名册 > 点击员工 > 员工详情',
     features: [
       { id: '29.1', name: 'Tab 分组导航', desc: '按分组展示 Tab：人事信息、薪酬、考勤绩效、风险合规、变更历史' },
       { id: '29.2', name: 'Tab 计数徽标', desc: '每个 Tab 显示对应记录数量' },
@@ -326,7 +328,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 30, name: 'BasicInfo（基本信息 Tab）', file: 'frontend/src/pages/roster/BasicInfo.tsx',
+    id: 30, name: 'BasicInfo（基本信息 Tab）', file: 'frontend/src/pages/roster/BasicInfo.tsx', menu: '花名册 > 员工详情 > 人事信息 > 基本信息',
     features: [
       { id: '30.1', name: '基本信息展示', desc: '展示员工部门、性别、手机号、入职日期、月薪等' },
       { id: '30.2', name: '信息编辑', desc: '编辑员工基本信息（部门、薪资、联系方式等）' },
@@ -339,7 +341,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 31, name: 'ContractInfo（劳动合同 Tab）', file: 'frontend/src/pages/roster/ContractInfo.tsx',
+    id: 31, name: 'ContractInfo（劳动合同 Tab）', file: 'frontend/src/pages/roster/ContractInfo.tsx', menu: '花名册 > 员工详情 > 人事信息 > 劳动合同',
     features: [
       { id: '31.1', name: '合同列表', desc: '展示员工所有合同记录' },
       { id: '31.2', name: '添加合同', desc: '新增合同（类型、期限、试用期、签署方式等）' },
@@ -350,7 +352,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 32, name: 'PayslipSocialInfo（薪酬社保 Tab）', file: 'frontend/src/pages/roster/PayslipSocialInfo.tsx',
+    id: 32, name: 'PayslipSocialInfo（薪酬社保 Tab）', file: 'frontend/src/pages/roster/PayslipSocialInfo.tsx', menu: '花名册 > 员工详情 > 薪酬 > 薪酬社保', tab: '工资条 / 缴纳记录',
     features: [
       { id: '32.1', name: '工资条列表', desc: '展示员工所有月度工资条（含合计行）' },
       { id: '32.2', name: '缴纳记录', desc: '展示社保/公积金月度缴纳记录' },
@@ -358,7 +360,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 33, name: 'DisciplinaryInfo（违纪记录 Tab）', file: 'frontend/src/pages/roster/DisciplinaryInfo.tsx',
+    id: 33, name: 'DisciplinaryInfo（违纪记录 Tab）', file: 'frontend/src/pages/roster/DisciplinaryInfo.tsx', menu: '花名册 > 员工详情 > 风险合规 > 违纪记录',
     features: [
       { id: '33.1', name: '违纪记录列表', desc: '展示员工违纪记录' },
       { id: '33.2', name: '新增违纪记录', desc: '录入违纪类型、事实描述、严重程度、处理结果' },
@@ -367,7 +369,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 34, name: 'PerformanceInfo（绩效考核 Tab）', file: 'frontend/src/pages/roster/PerformanceInfo.tsx',
+    id: 34, name: 'PerformanceInfo（绩效考核 Tab）', file: 'frontend/src/pages/roster/PerformanceInfo.tsx', menu: '花名册 > 员工详情 > 考勤绩效 > 绩效考核',
     features: [
       { id: '34.1', name: '绩效记录列表', desc: '展示员工绩效考核记录' },
       { id: '34.2', name: '新增绩效记录', desc: '录入考核周期、得分、等级、结果、评语、改进计划' },
@@ -376,7 +378,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 35, name: 'TerminationInfo（离职/解聘 Tab）', file: 'frontend/src/pages/roster/TerminationInfo.tsx',
+    id: 35, name: 'TerminationInfo（离职/解聘 Tab）', file: 'frontend/src/pages/roster/TerminationInfo.tsx', menu: '花名册 > 员工详情 > 风险合规 > 离职/解聘',
     features: [
       { id: '35.1', name: '离职记录列表', desc: '展示员工离职/解聘记录' },
       { id: '35.2', name: '解聘通知书打印', desc: '生成并打印解除劳动合同通知书' },
@@ -386,7 +388,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 36, name: 'AttachmentInfo（附件管理 Tab）', file: 'frontend/src/pages/roster/AttachmentInfo.tsx',
+    id: 36, name: 'AttachmentInfo（附件管理 Tab）', file: 'frontend/src/pages/roster/AttachmentInfo.tsx', menu: '花名册 > 员工详情 > 人事信息 > 基本信息（附件区域）',
     features: [
       { id: '36.1', name: '附件列表', desc: '展示员工所有附件文件' },
       { id: '36.2', name: '按类型上传', desc: '选择文件类型（身份证/银行卡/学历/其他）上传' },
@@ -396,7 +398,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 37, name: 'ChangeHistoryTab（变更历史 Tab）', file: 'frontend/src/pages/roster/ChangeHistoryTab.tsx',
+    id: 37, name: 'ChangeHistoryTab（变更历史 Tab）', file: 'frontend/src/pages/roster/ChangeHistoryTab.tsx', menu: '花名册 > 员工详情 > 变更历史',
     features: [
       { id: '37.1', name: '薪资变更历史', desc: '展示薪资调整记录（原薪资、新薪资、变动额、原因）' },
       { id: '37.2', name: '部门变更历史', desc: '展示部门调岗记录' },
@@ -406,7 +408,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 38, name: 'AnnualValueReport（年度价值报告）', file: 'frontend/src/pages/tools/AnnualValueReport.tsx',
+    id: 38, name: 'AnnualValueReport（年度价值报告）', file: 'frontend/src/pages/tools/AnnualValueReport.tsx', menu: '合规风控 > 年度价值',
     features: [
       { id: '38.1', name: '价值指标卡片', desc: '展示规避损失、节约工时、节约成本、总价值' },
       { id: '38.2', name: '年度统计', desc: '展示处理风险数、AI咨询数、合同审查数等年度统计' },
@@ -417,7 +419,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 39, name: 'HealthCheck（用工体检诊断）', file: 'frontend/src/pages/tools/HealthCheck.tsx',
+    id: 39, name: 'HealthCheck（用工体检诊断）', file: 'frontend/src/pages/tools/HealthCheck.tsx', menu: '合规风控 > 用工体检',
     features: [
       { id: '39.1', name: '总体健康评分', desc: '展示用工合规总体评分和等级（健康/中等风险/高风险）' },
       { id: '39.2', name: '6 维度诊断', desc: '从6个维度深度诊断用工合规状况' },
@@ -427,7 +429,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 40, name: 'MedicalPeriodCalculator（医疗期计算器）', file: 'frontend/src/pages/tools/MedicalPeriodCalculator.tsx',
+    id: 40, name: 'MedicalPeriodCalculator（医疗期计算器）', file: 'frontend/src/pages/tools/MedicalPeriodCalculator.tsx', menu: '合规风控 > 医疗期计算',
     features: [
       { id: '40.1', name: '医疗期计算', desc: '根据工龄、地区、病休天数计算法定医疗期' },
       { id: '40.2', name: '上海特殊规定', desc: '支持上海地区特殊医疗期计算规则' },
@@ -437,7 +439,7 @@ export const surveyPages: SurveyPage[] = [
     ],
   },
   {
-    id: 41, name: 'RosterModals（花名册弹窗组件）', file: 'frontend/src/pages/roster/modals.tsx',
+    id: 41, name: 'RosterModals（花名册弹窗组件）', file: 'frontend/src/pages/roster/modals.tsx', menu: '花名册（弹窗操作）',
     features: [
       { id: '41.1', name: '调薪弹窗', desc: '输入新薪资、生效日期、原因发起调薪' },
       { id: '41.2', name: '调岗弹窗', desc: '输入新部门、生效日期、原因发起调岗' },