From 75e08b90c044b71a2d995633973a28ab7a979778 Mon Sep 17 00:00:00 2001
From: selfrelease <freedak.ipad@gmail.com>
Date: Sat, 15 Aug 2026 15:34:51 +0800
Subject: [PATCH] =?UTF-8?q?ux:=20=E7=BB=9F=E4=B8=80PageGuide=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=88=B0=E9=A1=B5=E9=9D=A2=E6=9C=80=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=20+=20=E4=BE=A7=E8=BE=B9=E6=A0=8F=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=93=81=E7=89=8C=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SalaryDashboard/ESign: PageGuide 从标题下方移到标题上方
- Termination: PageGuide 从列表视图块内移到页面顶部
- SocialInsurance/Dashboard/Attendance: 页面顶部新增总览 PageGuide
- 侧边栏左上角不再回退显示品牌名，仅显示企业名称

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/components/layout/SidebarNav.tsx | 2 +-
 frontend/src/pages/Attendance.tsx             | 3 +++
 frontend/src/pages/Dashboard.tsx              | 3 +++
 frontend/src/pages/ESign.tsx                  | 9 ++++-----
 frontend/src/pages/SalaryDashboard.tsx        | 8 +++-----
 frontend/src/pages/SocialInsurance.tsx        | 3 +++
 frontend/src/pages/Termination.tsx            | 6 +++---
 7 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/layout/SidebarNav.tsx b/frontend/src/components/layout/SidebarNav.tsx
index 83a7547..1ba6131 100644
--- a/frontend/src/components/layout/SidebarNav.tsx
+++ b/frontend/src/components/layout/SidebarNav.tsx
@@ -150,7 +150,7 @@ export default function SidebarNav({ mobileOpen, onClose }: { mobileOpen: boolea
         {/* Logo 区 */}
         <div className="h-14 flex items-center gap-2 px-4 border-b border-gray-200 shrink-0">
           <Logo className="w-5 h-5 text-primary" />
-          <span className="font-bold text-sm text-gray-900 truncate">{orgData?.name || '安职通'}</span>
+          <span className="font-bold text-sm text-gray-900 truncate">{orgData?.name || ''}</span>
         </div>
 
         {/* 导航菜单 */}
diff --git a/frontend/src/pages/Attendance.tsx b/frontend/src/pages/Attendance.tsx
index ccc84a5..97cf443 100644
--- a/frontend/src/pages/Attendance.tsx
+++ b/frontend/src/pages/Attendance.tsx
@@ -54,6 +54,9 @@ export default function Attendance() {
 
   return (
     <div className="space-y-4">
+      <PageGuide>
+        考勤管理，支持班次设定、排班、出勤查询、月度报表和休假记录。流程：①设置班次 → ②排班 → ③每日打卡或导入考勤 → ④月度汇总。关联：考勤数据影响薪税管理的工资和加班费计算。
+      </PageGuide>
       <div>
         <div className="flex items-center gap-2">
           <CalendarCheck className="h-5 w-5 text-primary" />
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index d5b82d9..64dc26a 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -279,6 +279,9 @@ export default function Dashboard() {
 
   return (
     <div className="space-y-3">
+      <PageGuide>
+        工作台展示企业人力全局数据和待办事项，包括在管员工数、当月人力成本、合同风险、审批待办等。可切换概览、人力成本、风险、任务等视图。点击各统计卡片可快速跳转到对应详情页。
+      </PageGuide>
       <div className="flex items-center justify-between">
         <div>
           <div className="flex items-center gap-2">
diff --git a/frontend/src/pages/ESign.tsx b/frontend/src/pages/ESign.tsx
index e22841e..eb5e0cc 100644
--- a/frontend/src/pages/ESign.tsx
+++ b/frontend/src/pages/ESign.tsx
@@ -89,6 +89,10 @@ export default function ESign() {
 
   return (
     <div className="space-y-4">
+      <PageGuide>
+        通过易签宝平台发起电子合同签署，员工在线完成签署后自动回传签署状态和PDF文件。
+        <span className="text-amber-600"> 当前为框架预留阶段，对接易签宝API后将自动启用在线签署功能。</span>
+      </PageGuide>
       <div className="flex items-center gap-2">
         <PenTool className="h-5 w-5 text-primary" />
         <div>
@@ -97,11 +101,6 @@ export default function ESign() {
         </div>
       </div>
 
-      <PageGuide>
-        通过易签宝平台发起电子合同签署，员工在线完成签署后自动回传签署状态和PDF文件。
-        <span className="text-amber-600"> 当前为框架预留阶段，对接易签宝API后将自动启用在线签署功能。</span>
-      </PageGuide>
-
       <InlineAlert type="info" className="flex items-start gap-2">
         <AlertCircle className="w-4 h-4 mt-0.5 shrink-0" />
         <div>
diff --git a/frontend/src/pages/SalaryDashboard.tsx b/frontend/src/pages/SalaryDashboard.tsx
index 0b8288e..b379c26 100644
--- a/frontend/src/pages/SalaryDashboard.tsx
+++ b/frontend/src/pages/SalaryDashboard.tsx
@@ -54,6 +54,9 @@ export default function SalaryDashboard() {
 
   return (
     <div className="space-y-4">
+      <PageGuide>
+        薪酬分析看板展示企业薪酬分布、部门间薪酬对比及年度趋势变化。选择年份后查看各部门薪酬数据、同比环比变化。用于辅助薪酬决策和成本控制。
+      </PageGuide>
       {/* 页头 */}
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
@@ -70,11 +73,6 @@ export default function SalaryDashboard() {
         </Select>
       </div>
 
-      {/* 操作说明 — 紧跟标题下方 */}
-      <PageGuide>
-        薪酬分析看板展示企业薪酬分布、部门间薪酬对比及年度趋势变化。选择年份后查看各部门薪酬数据、同比环比变化。用于辅助薪酬决策和成本控制。
-      </PageGuide>
-
       {isLoading ? (
         <div className="text-center py-8 text-gray-400">加载中...</div>
       ) : isError ? (
diff --git a/frontend/src/pages/SocialInsurance.tsx b/frontend/src/pages/SocialInsurance.tsx
index cbc2012..197b58d 100644
--- a/frontend/src/pages/SocialInsurance.tsx
+++ b/frontend/src/pages/SocialInsurance.tsx
@@ -350,6 +350,9 @@ export default function SocialInsurance() {
 
   return (
     <div className="space-y-3">
+      <PageGuide>
+        社保公积金管理，维护社保、公积金缴费基数和比例，按月办理增减员。流程：①设置缴费基数和比例 → ②按月获取增减员名单 → ③完成办理。关联：社保基数影响薪税管理的工资计算；离职员工的社保截止请在离职管理中确认。
+      </PageGuide>
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
           <Calculator className="h-5 w-5 text-primary" />
diff --git a/frontend/src/pages/Termination.tsx b/frontend/src/pages/Termination.tsx
index 4528f09..43906ab 100644
--- a/frontend/src/pages/Termination.tsx
+++ b/frontend/src/pages/Termination.tsx
@@ -795,6 +795,9 @@ export default function Termination() {
 
   return (
     <div className="space-y-3">
+      <PageGuide>
+        解聘补偿页面用于规范处理离职、解聘审批及补偿核算。流程：①新建解聘草稿，选择员工和解聘原因 → ②系统自动计算经济补偿金 → ③合规检查（合同状态、医疗期、孕期等） → ④确认补偿方案 → ⑤生成解聘协议等法律文书。支持协商解除、过错解除、非过错解除、经济性裁员等场景。关联：完成后可下载离职证明；社保截止请前往「社保公积金」处理；档案状态更新请前往「花名册」确认。
+      </PageGuide>
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
           <Shield className="h-5 w-5 text-primary" />
@@ -813,9 +816,6 @@ export default function Termination() {
       {/* 草稿列表视图 */}
       {view === 'list' && (
         <>
-        <PageGuide>
-          解聘补偿页面用于规范处理离职、解聘审批及补偿核算。流程：①新建解聘草稿，选择员工和解聘原因 → ②系统自动计算经济补偿金 → ③合规检查（合同状态、医疗期、孕期等） → ④确认补偿方案 → ⑤生成解聘协议等法律文书。支持协商解除、过错解除、非过错解除、经济性裁员等场景。关联：完成后可下载离职证明；社保截止请前往「社保公积金」处理；档案状态更新请前往「花名册」确认。
-        </PageGuide>
         <div className="flex gap-2 flex-wrap items-center">
           <Input
             placeholder="搜索员工姓名或部门"