用途:C 端小程序(miniprogram-v2,小齐域)只需提供一个入口,把商户员工引导到 B 端商户工作台 H5(b-workbench)。
这份 H5 已做「手机版 / 电脑版」响应式双形态,无需小程序单独开发房务功能。
在 C 端小程序的合适位置(建议「我的」页或商家工具区)放一个入口,点击后用微信 web-view 组件打开:
https://b.kailashi.cn/workbench/
备选域名(同一份部署):https://doc.kailashi.cn/workbench/
注:当前 staging/生产都实测可访问,b.kailashi.cn 为首选。
<!-- miniprogram 页面 wxml -->
<web-view src="https://b.kailashi.cn/workbench/" wx:if="{{showBizH5}}"></web-view>
// 点击「商家房务后台」→ 设置 showBizH5=true 即可
如果希望打开后直接落到某个功能页(如入住台),可在 URL 后追加 # 路由(仅客户端导航有效,刷新可能回首页,属已知限制):
https://b.kailashi.cn/workbench/#/hotel-checkin
web-view 的存储与小程序 storage 互相隔离,C 端游客 token 不能直接用于 B 端。localStorage,有效期 1 天。App.tsx 在启动时读取 ?token= 参数并写入 localStorage(当前版本未实现,需波波补一小段)。结论:当前阶段用 3.1 的独立登录即可,简单且安全。3.2 是后续优化,不影响上线。
| 项 | 手机(<1024px) | 电脑(≥1024px) |
|---|---|---|
| 主导航 | 底部 tabBar(5 项) | 左侧分组侧边栏(按业态包过滤) |
| 首页 | 「今日房务」快速面板 + 功能九宫格 | 同上,面板更舒展 |
| 内容宽度 | 满屏(移动优先,max 750px 居中) | 铺开至 1100px 容器 |
| 典型操作 | 触屏点按 | 鼠标点击 + 悬停高亮 |
「今日房务」面板(住宿包商户可见)会调用:
GET /api/miniapp/merchant-console/hotel/bookings?check_out_from=今天
前端按状态/日期归并出「今日入住 / 在住 / 今日退房」三个数,点击直达入住台 / 房态日历。
merchant_staff 鉴权,非员工账号会被后端 403 拒绝。https://b.kailashi.cn/workbench/