REITs TechDeveloper进入 UI Studio
UI 蓝图/预约平台/我的预约与自助管理
TARGETF4Web · 通过成员会话、本地记录或私密状态链接查看和管理预约的消费者

我的预约与自助管理

把预约列表、私密查询、服务端状态、时间线、改期取消和日历回执收敛到一个可追踪入口

/booking-statuspublic-booking-platform对照 CURRENT · booking-status →
UI STUDIOtarget-booking-status
Web1440 × 900100%
100%
/booking-status
TARGET UI1440 × 900FIT 100%
RREITS 服务可信本地服务我的
MY BOOKINGS · SERVER TRUTH

我的预约

成员账号自动同步；访客也可使用私密状态链接查询。

CONFIRMED服务端更新 · 10:45 SGT
护
CAREDOOR HOME CARE

长者居家陪护

2026 年 7 月 18 日 · 16:30–18:30

¥180
✓
预约已提交7 月 16 日 10:43 · 请求已受理
receipt_bk_8f31
✓
商家已确认7 月 16 日 10:45 · 服务人员待分配
approved
3
服务即将开始服务前 2 小时发送提醒
SELF-SERVICE
管理预约
免费改期截止：7 月 18 日 04:30
PRIVATE ACCESSstatus token 仅用于读取与客户动作token hidden · analytics denied · log redacted
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK同步成员预约主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTMemberBookingsready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

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

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

01

页面区域

  • 消费者订单导航
  • 身份/查询方式
  • 预约列表
  • 选中预约摘要
  • 状态时间线
  • 自助动作
  • 政策影响确认
  • 日历与支持
02

用户动作

  • 同步成员预约
  • 使用状态码查询
  • 下载 ICS
  • 选择新时段
  • 取消预约
  • 复制私密状态链接
03

必须状态

  • 预约详情就绪
  • 订单同步中
  • 没有预约记录
  • 部分历史失败
  • 状态读取失败
  • 离线本地快照
  • 状态令牌无效
  • 取消/改期确认
  • 操作回执已生成
04

数据契约

  • MemberBookings
  • PrivateStatusToken
  • BookingStatus
  • BookingTimeline
  • ManageActions
  • CustomerAction
  • AvailabilityQuote
  • CalendarICS
  • ActionReceipt

TARGET MODULES

目标页面必须交付的模块

  1. 01成员与访客查询
  2. 02最近预约列表
  3. 03服务端状态详情
  4. 04审核与变更时间线
  5. 05改期可用时段
  6. 06取消/改期政策
  7. 07ICS 日历
  8. 08操作回执

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 宿主预约 →