员工端 App — CUJ 关键用户旅程

flowchart TD A["首页"] --> B["打卡页签"] B --> C{"当前状态"} C -->|"未签到"| D["签到按钮"] C -->|"已签到"| E["签退 / 休息按钮"] D --> F["提交签到"] F --> G["成功: 状态更新"] E --> H["签退 / 开始休息"] H --> I["状态更新"] B --> J["查看考勤记录"] J --> K["补卡申请"] K --> L["提交补卡"]

flowchart TD A["首页"] --> B["排班页签"] B --> C["本周视图"] C --> D["每日班次卡片"] D --> E{"操作"} E --> F["查看上一周"] E --> G["查看下一周"] E --> H["切换团队视图"] F --> C G --> C H --> I["团队排班表格"]

flowchart TD A["启动 App"] --> B["启动页"] B --> C{"有会话?"} C -->|"否"| D["登录页"] C -->|"是"| E{"有 PIN?"} E -->|"否"| F["PIN 设置页"] E -->|"是"| G["PIN 输入页"] D --> H["输入邮箱/密码"] H --> I["API: POST /auth/employee/login"] I --> J{"成功?"} J -->|"是"| K["将 JWT 存入 SecureStorage"] K --> F F --> L["创建 4 位 PIN"] L --> M["确认 PIN"] M --> N["将 PIN 存入数据库"] N --> O["跳转到首页"] G --> P["输入 PIN"] P --> Q{"PIN 正确?"} Q -->|"是"| O Q -->|"否"| R["显示错误"]

flowchart TD A["首页"] --> B["我的服务页签"] B --> C["服务列表"] C --> D{"筛选/搜索"} D --> E["按状态筛选"] D --> F["按服务名搜索"] C --> G["点击服务卡片"] G --> H["服务详情页"] H --> I{"操作"} I --> J["查看客户信息"] I --> K["提交小费"] I --> L["查看评价"] K --> M["输入小费金额"] M --> N["保存小费"]

flowchart TD A["排班页签"] --> B["换班/请假按钮"] B --> C["申请列表"] C --> D{"申请类型"} D --> E["创建换班申请"] D --> F["创建请假申请"] E --> G["选择要换的班次"] G --> H["选择目标员工"] H --> I["输入原因"] I --> J["提交换班申请"] J --> K["状态: 待处理"] F --> L["选择日期范围"] L --> M["输入请假原因"] M --> N["提交请假申请"] N --> O["状态: 待审批"]

flowchart TD A["首页"] --> B["消息页签"] B --> C["会话列表"] C --> D["点击会话"] D --> E["聊天页 - 实时 WebSocket"] E --> F{"操作"} F --> G["发送消息"] F --> H["查看输入中指示器"] F --> I["菜单: 静音/退出"] C --> J["浮动按钮: 新建聊天"] J --> K["选择成员"] K --> L["创建单聊或群聊"] B --> M["公告图标"] M --> N["公告页面"]

flowchart TD A["消息页签"] --> B["公告图标"] B --> C["公告页面"] C --> D["带优先级标识的列表"] D --> E{"优先级"} E -->|"紧急"| F["红色角标"] E -->|"重要"| G["黄色角标"] E -->|"普通"| H["无角标"] D --> I["点击公告"] I --> J["底部弹窗: 完整内容"] J --> K["自动标记为已读"] C --> L["下拉刷新"]

flowchart TD A["报表页签"] --> B{"角色检查"} B -->|"管理员+"| C["报表类型选择"] B -->|"普通员工"| D["页签隐藏"] C --> E["KPI 仪表板"] C --> F["经营报表"] C --> G["销售报表"] C --> H["员工绩效"] E --> I["报表数据页"] F --> I G --> I H --> I I --> J["长按复制数据"]

flowchart TD A["个人资料页签"] --> B["设置页面"] B --> C["个人资料卡片"] C --> D["头像、姓名、邮箱、角色"] B --> E{"功能区域"} E --> F["工作: 考勤记录 / 工资单"] E --> G["偏好: 通知 / 语言"] E --> H["关于: 关于 App / 隐私政策"] E --> I["退出登录"] G --> J["通知子页面"] J --> K["渠道开关: Push/邮件/短信"] K --> L["内容开关: 预约/排班/系统/营销"] L --> M["注册推送令牌"] M --> N["保存设置"] I --> O["确认弹窗"] O --> P["清除会话令牌"] P --> Q["跳转到登录页"]