SOURCEAdmin · 已授权的目标用户

商家登录

手机、邮箱或钱包进入商家工作台

/console?t=:hashpublic-booking-platform
/console?t=:hash
CURRENT UI1440 × 900FIT 100%
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK筛选/搜索主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTMerchant sessionready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINESOURCE · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

同一页面的五个真实运行状态

开发者不能只交付 happy path。状态文案、可恢复动作、敏感数据边界和埋点都必须在同一个 Screen ID 下验收。

LOADING
读取中

保留页面骨架与任务上下文,不闪回空白页。

允许取消 / 返回
READY
发送验证码

已绑定 Merchant session,主操作可用。

筛选/搜索
EMPTY
当前没有结果

解释为什么没有店铺上下文,并给出下一步。

打开详情
ERROR
登录成功

显示稳定错误码和 request_id,不泄露堆栈或隐私。

重试 / 联系 owner
FORBIDDEN
权限不足

服务端拒绝后收起写操作;不能只靠前端隐藏。

返回安全页面
01 · SCREENbooking-merchant-login/console?t=:hash
02 · CONTRACTMerchant session3 bound contracts
03 · TESTstate + a11y + visualdesktop / mobile / negative
04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

从当前页面拆出来的开发定义

这是结构与状态定义,不是重新发明一套视觉。视觉细化必须继续引用同一证据并通过 owner 评审。

01

页面区域

  • 页面上下文与导航
  • 店铺上下文
  • 登录方式切换
  • 凭证输入
  • 验证码
  • 会话反馈
  • 状态与操作反馈
02

用户动作

  • 筛选/搜索
  • 打开详情
  • 执行主操作
  • 查看证据
03

必须状态

  • 未登录
  • 发送验证码
  • 验证码错误
  • 登录成功
  • Auth unavailable
04

数据契约

  • Merchant session
  • OTP
  • Wallet identity

CURRENT MODULES

现有页面可见模块

  1. 01店铺上下文
  2. 02登录方式切换
  3. 03凭证输入
  4. 04验证码
  5. 05会话反馈

PRODUCT ROUTE INDEX

预约平台 的 9 个稳定 Screen ID

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

01
发现好店/
Web
02
店铺详情/shop/:publishHash
Web
03
三步预约/t/:publishHash
Web
04
订单与预约状态/booking-status
Web
05
商家工作台/console?t=:hash
Admin
06
移动发现入口/mini
Miniapp
07
官方介绍页/official
Web
08
安全与隐私/security
Web
09
商家登录/console?t=:hash
Admin