TARGETF4B2 PARTIALQA 0/5 VERIFIEDR04 · 5/21 PASS COMPLETEWeb · 比较服务、价格、信任信息与政策后准备预约的消费者

店铺与服务详情

把店铺身份、服务菜单、相册、口碑、预约政策和下一步选择组织成可信决策页

/shop/:publishHashpublic-booking-platform对照 CURRENT · booking-store →
R04 · KNIFE 5 / 21

店铺与服务详情 · 页面级细化任务包

核对店铺主体、公开状态、服务 revision、价格、媒体、口碑和政策后选择一个可预约服务。

ENTRY

Discovery、搜索、收藏、分享或 canonical publishHash;必须解析 published/private/paused/withdrawn/not_found。

SUCCESS OUTPUT

生成本地 ServiceSelection,并带 publishHash、service item revision 与 discovery context 进入预约页。

TRANSACTION MODEL

Storefront + StorefrontRevision + ServiceCatalog + MerchantTrust + MediaGallery + BookingPolicy;页面空档仅为提示。

RESPONSIVE + A11Y

桌面服务列表 + 固定摘要;移动端店铺信任前置、服务卡单列、所选服务和 CTA 固定底部并尊重 safe area。

TELEMETRY

booking_store_view · service_expand · media_open · policy_open · service_select · booking_start;不发送私密 publishHash 派生信息。

CURRENT SOURCE TRUTH6f3e62a
  • public-booking-platform 源码与 order.reits.tech EC2 immutable release 均为 6f3e62a
  • 生产 reits-order systemd 服务运行于 127.0.0.1:3210
  • 当前源码目录包含 111 个分类、109 个 demo family / 218 个 demo shops;生产 DiscoveryHome 当前曝光 51 分类、12 ranked、36 deals 与 50 shop-strip
  • 当前 `/api/storefront/:publishHash`、`/shop/:publishHash` 与一方媒体封面已在生产
IMPLEMENTATION GAPNOT PRODUCT UI
  • StorefrontRevision 仍未成为所有公开字段的统一版本合同
  • published/private/paused/withdrawn/not_found 的视觉基线未完整登记
  • 媒体失败、长服务名和移动固定 CTA 的 a11y 证据缺失
目标事务合同与生产 current-sha 分开记录;未通过 B3/B4 不能作为产品完成证据。
45-STATE PROGRAM / THIS SCREEN

五页分别改变目录、店铺、容量、私密状态和宿主信任边界

QA 0 / 5 VERIFIED
READY店铺公开内容已就绪

店铺身份、服务菜单、媒体、政策

BOOKING-STORE-READY→ 选择一个服务
LOADING正在核对店铺发布版本

StorefrontRevision

BOOKING-STORE-LOAD→ 返回发现页
EMPTY店铺当前没有可预约服务

ServiceCatalog

BOOKING-STORE-NO-SERVICES→ 浏览其他店铺
PARTIAL ERROR服务与政策可用,部分媒体未加载

MediaGallery

BOOKING-STORE-MEDIA-PARTIAL→ 重试媒体
ERROR店铺公开信息暂时不可用

Storefront

BOOKING-STORE-503→ 重新读取店铺
OFFLINE离线显示最近店铺快照

Storefront cache

BOOKING-STORE-OFFLINE→ 重新连接
FORBIDDEN店铺已暂停公开预约

PublishState

BOOKING-STORE-PAUSED→ 返回公开目录
CONFIRM选择“上门护理”并继续?

ServiceSelection

BOOKING-STORE-SELECT-CONFIRM→ 确认选择服务
SUCCESS服务已加入预约草稿

Selection receipt

BOOKING-STORE-SELECTED→ 选择预约时间
BOOKING TRANSACTION BOUNDARY本刀只细化 developer.reits.tech 的预约消费者目标 UI;不创建生产预约,不读取私密状态 token,不调用客户动作,不把目标 AvailabilityQuote、幂等或宿主信任能力冒充为当前产品事实。
UI STUDIOtarget-booking-store
Web1440 × 900100%
100%
/shop/:publishHash
TARGET UI1440 × 900FIT 100%
RREITS 服务可信本地服务我的
首页 / 护理 / 世田谷 CareDoor生产来源 · 6f3e62a
世田谷 CareDoor 当前服务封面CAREDOORCURRENT FIRST-PARTY COVER
STOREFRONT · 9b35721a9d59cef8 · CURRENT

世田谷 CareDoor

世田谷 · 上门护理与助浴。

  • ✓ 当前公开店铺
  • ★ 4.8 · 42 条评分记录
  • ⌁ 护理 · 助浴 · 居家护理
营业时间 · 09:00–20:00东京都世田谷区三轩茶屋
CURRENT BOOKABLE SERVICES

选择服务

JPY · 生产 Storefront read model
上门护理 已选择

120 分钟 · 基础生活照料

price_536e976c44639aba
助浴

90 分钟 · 专业助浴师上门

当前生产服务条目
陪护

480 分钟 · 医院/居家陪护

当前生产服务条目
✓当前公开身份publishHash 与 Storefront 对齐
↺取消与改期最终资格由 customer-action 决定
♢容量边界店铺页不承诺任何时段
R04 DESIGN CANDIDATE · target-booking-store · NOT PRODUCT UI
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK选择服务主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTStorefrontready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

目标定义与下一轮逐页细化入口

当前处于 B1/B2:可以拆出架构、设计、交互和 QA 任务,但完成 D01–D12、通过 B3/B4 之前,不得宣称页面已经可以照稿实现。

01

页面区域

  • 共享消费者导航
  • 店铺身份与状态
  • 信任摘要
  • 服务列表
  • 服务详情
  • 媒体与评价
  • 政策/地址
  • 桌面侧栏与移动固定 CTA
02

用户动作

  • 选择服务
  • 查看服务详情
  • 浏览相册
  • 查看政策
  • 收藏店铺
  • 带服务进入预约
03

必须状态

  • 店铺已发布
  • 店铺骨架
  • 尚未发布服务
  • 部分媒体失败
  • 店铺读取失败
  • 离线店铺快照
  • 私有/暂停店铺
  • 预约选择确认
  • 服务已选
04

数据契约

  • Storefront
  • StorefrontRevision
  • ServiceCatalog
  • MerchantTrust
  • MediaGallery
  • BookingPolicy
  • PublishState

TARGET MODULES

目标页面必须交付的模块

  1. 01店铺 Hero 与营业状态
  2. 02信任与履约信息
  3. 03可预约服务菜单
  4. 04服务详情和价格
  5. 05相册与环境
  6. 06评价摘要
  7. 07取消改期政策
  8. 08固定预约 CTA

PRODUCT ROUTE INDEX

预约平台 的 21 个稳定 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
10
本地服务发现/
Web
11
店铺与服务详情/shop/:publishHash
Web
12
三步预约与提交/t/:publishHash
Web
13
我的预约与自助管理/booking-status
Web
14
Mini App 宿主预约/mini
Miniapp
15
商家身份与店铺选择/merchant/sign-in
Admin
16
商家今日工作台/merchant/:projectId/today
Admin
17
预约审核与决策/merchant/:projectId/bookings
Admin
18
排班与容量规划/merchant/:projectId/schedule
Admin
19
服务与价目目录/merchant/:projectId/services
Admin
20
店铺内容与发布/merchant/:projectId/storefront
Admin
21
店铺设置与渠道治理/merchant/:projectId/settings
Admin