微信小程序页面迁移校验之前 P5任务处理之前

docs/h5_ui/interactions/no-permission.md

@@ -0,0 +1,44 @@
+# 页面名：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 悬浮按钮