酒店 PMS · 手机版入口对接说明(给小齐)

用途:C 端小程序(miniprogram-v2,小齐域)只需提供一个入口,把商户员工引导到 B 端商户工作台 H5(b-workbench)。
这份 H5 已做「手机版 / 电脑版」响应式双形态,无需小程序单独开发房务功能。

1. 一句话结论


2. 小程序侧对接(小齐做)

2.1 入口放置

在 C 端小程序的合适位置(建议「我的」页或商家工具区)放一个入口,点击后用微信 web-view 组件打开:

https://b.kailashi.cn/workbench/

备选域名(同一份部署):https://doc.kailashi.cn/workbench/

注:当前 staging/生产都实测可访问,b.kailashi.cn 为首选。

2.2 代码片段(示意)

<!-- miniprogram 页面 wxml -->
<web-view src="https://b.kailashi.cn/workbench/" wx:if="{{showBizH5}}"></web-view>
// 点击「商家房务后台」→ 设置 showBizH5=true 即可

2.3 可选:带跳转锚点

如果希望打开后直接落到某个功能页(如入住台),可在 URL 后追加 # 路由(仅客户端导航有效,刷新可能回首页,属已知限制):

https://b.kailashi.cn/workbench/#/hotel-checkin

3. 登录与登录态(重要)

3.1 现状:web-view 内独立登录(推荐,已就绪)

3.2 为什么不做「小程序一键免登录」

结论:当前阶段用 3.1 的独立登录即可,简单且安全。3.2 是后续优化,不影响上线。

4. 手机版形态速览(给测试的验收点)

项手机(<1024px)电脑(≥1024px)
主导航底部 tabBar(5 项)左侧分组侧边栏(按业态包过滤)
首页「今日房务」快速面板 + 功能九宫格同上,面板更舒展
内容宽度满屏(移动优先,max 750px 居中)铺开至 1100px 容器
典型操作触屏点按鼠标点击 + 悬停高亮

「今日房务」面板(住宿包商户可见)会调用:

GET /api/miniapp/merchant-console/hotel/bookings?check_out_from=今天

前端按状态/日期归并出「今日入住 / 在住 / 今日退房」三个数,点击直达入住台 / 房态日历。


5. 安全与合规提醒


6. 自测清单(小齐验收)