REITs TechDeveloper进入 UI Studio
UI 蓝图/预约平台 · 商家/商家身份与店铺选择
TARGETF4Admin · 进入自己可管理项目的商家 owner 与员工

商家身份与店铺选择

先完成统一身份验证和项目授权，再带着稳定店铺上下文进入运营工作区

/merchant/sign-inpublic-booking-platform对照 CURRENT · booking-merchant-login →
UI STUDIOtarget-booking-merchant-login
Admin1440 × 900100%
100%
/merchant/sign-in
TARGET UI1440 × 900FIT 100%
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK继续统一登录主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTAuthRequestready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

可以直接拆成开发任务的目标定义

目标稿与当前实现严格分轨；只有产品仓实现、测试与生产证据齐全后，才会转为 current evidence。

01

页面区域

  • 商家品牌
  • 登录方式
  • 验证码挑战
  • 账号恢复
  • 项目选择
  • 角色/scope
  • 服务状态
  • 安全返回
02

用户动作

  • 继续统一登录
  • 验证 OTP
  • 选择店铺
  • 切换账号
  • 返回店铺
  • 进入工作台
03

必须状态

  • 登录入口就绪
  • 身份与项目加载
  • 没有可管理项目
  • 项目列表部分失败
  • Auth 服务失败
  • 离线禁止登录
  • 项目权限不足
  • 切换店铺确认
  • 商家会话已建立
04

数据契约

  • AuthRequest
  • OtpChallenge
  • MerchantSession
  • ManagedProjectList
  • ProjectAuthorization
  • ReturnContext
  • AuditEvent

TARGET MODULES

目标页面必须交付的模块

  1. 01店铺品牌与环境
  2. 02手机/邮箱/企业身份
  3. 03OTP 与限流
  4. 04可管理项目选择
  5. 05角色与权限摘要
  6. 06返回消费者页
  7. 07会话安全

PRODUCT ROUTE INDEX

预约平台 · 商家 的 21 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
发现好店/
Web02
店铺详情/shop/:publishHash
Web03
三步预约/t/:publishHash
Web04
订单与预约状态/booking-status
Web05
商家工作台/console?t=:hash
Admin06
移动发现入口/mini
Miniapp07
官方介绍页/official
Web08
安全与隐私/security
Web09
商家登录/console?t=:hash
Admin10
本地服务发现/
Web11
店铺与服务详情/shop/:publishHash
Web12
三步预约与提交/t/:publishHash
Web13
我的预约与自助管理/booking-status
Web14
Mini App 宿主预约/mini
Miniapp15
商家身份与店铺选择/merchant/sign-in
Admin16
商家今日工作台/merchant/:projectId/today
Admin17
预约审核与决策/merchant/:projectId/bookings
Admin18
排班与容量规划/merchant/:projectId/schedule
Admin19
服务与价目目录/merchant/:projectId/services
Admin20
店铺内容与发布/merchant/:projectId/storefront
Admin21
店铺设置与渠道治理/merchant/:projectId/settings
Admin
← Mini App 宿主预约商家今日工作台 →