1.9 KiB
1.9 KiB
页面名：no-permission（无权限页）
PRD 参考：
apps/miniprogram/doc/prd.md第七节 7.4 已实现：是（apps/miniprogram/miniprogram/pages/no-permission/）
页面说明
纯展示页，告知用户申请被拒或账号无权限。包含可能原因列表和联系管理员信息。底部可切换登录账号。
状态变量
| 变量名 | 类型 | 初始值 | 说明 |
|---|---|---|---|
| （无） | — | — | 纯展示页，无交互状态 |
用户操作 → 响应
| 操作 | 触发条件 | 响应行为 | 目标状态 |
|---|---|---|---|
| 点击"更换登录账号" | 底部按钮 | 清除登录态 → redirectTo login | — |
视觉元素（忠于原型 HTML）
- 主图标：rose→red 渐变圆角方块内，白色描边的禁止符号 SVG（圆形 + 对角线）
- ⚠️ 此 SVG 较复杂，小程序实现时建议转为图片资源
/assets/images/icon-no-permission.png
- ⚠️ 此 SVG 较复杂，小程序实现时建议转为图片资源
- 标题：「无访问权限」
- 副标题：「很抱歉，您的访问申请未通过审核，或当前账号无访问权限」
- 原因卡片：
- 标题「可能的原因」（Material 风格 info 图标）
- 列表项：申请信息不完整或不符合要求 / 非本店授权员工账号 / 账号权限已被管理员收回
- 联系管理员：问号圆圈图标 + 「如有疑问，请联系管理员重新申请」
- 底部按钮：登出箭头图标 + 「更换登录账号」
页面状态枚举
| 状态名 | 视觉表现 | 触发条件 |
|---|---|---|
| 默认态 | 完整无权限展示（图标+原因+联系提示+底部按钮） | 始终 |
后端 API 依赖
无（纯展示页）
页面导航
- 来源：login（status=rejected / disabled）
- 去向：login（点击"更换登录账号"）/ 用户再次打开小程序时重新判断状态
全局组件
- 无底部 TabBar
- 无 AI 悬浮按钮