45 lines
1.9 KiB
Markdown
45 lines
1.9 KiB
Markdown
# 页面名：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`
|
||
- 标题：「无访问权限」
|
||
- 副标题：「很抱歉，您的访问申请未通过审核，或当前账号无访问权限」
|
||
- 原因卡片：
|
||
- 标题「可能的原因」（Material 风格 info 图标）
|
||
- 列表项：申请信息不完整或不符合要求 / 非本店授权员工账号 / 账号权限已被管理员收回
|
||
- 联系管理员：问号圆圈图标 + 「如有疑问，请联系管理员重新申请」
|
||
- 底部按钮：登出箭头图标 + 「更换登录账号」
|
||
|
||
## 页面状态枚举
|
||
| 状态名 | 视觉表现 | 触发条件 |
|
||
|--------|----------|----------|
|
||
| 默认态 | 完整无权限展示（图标+原因+联系提示+底部按钮） | 始终 |
|
||
|
||
## 后端 API 依赖
|
||
无（纯展示页）
|
||
|
||
## 页面导航
|
||
- 来源：login（status=rejected / disabled）
|
||
- 去向：login（点击"更换登录账号"）/ 用户再次打开小程序时重新判断状态
|
||
|
||
## 全局组件
|
||
- 无底部 TabBar
|
||
- 无 AI 悬浮按钮
|