企业微信聊天侧边栏（形态预览）
这是挂在企业微信聊天工具栏里的 H5，客服在跟客户聊天时随手点开就能看。宽度只有 380px， 所以只做「这一个客户」的卡片：他是谁、问过什么、现在到哪一步、这句话怎么回。
李女士
张三 的客户 · 添加于 10-08
A*
企微备注
原生备注，本系统只读
已有标签
装修阶段-水电 客户等级-意向高 品牌-海尔
企业原有标签，本系统不修改
咨询过的产品
海尔 501L 十字四门10-12 · 问价格、问静音
¥3299
西门子 KM56 对开门10-12 · 比价参照
¥4199
企微原生不提供，本系统按聊天内容自动识别
为什么是这个等级
「我家还在装修，没入住，什么时候买合适？」
「那这款和西门子的比，哪个静音一些？」
命中：深度沟通 6 轮以上、明确装修阶段、主动比价
建议回复
侧边栏也不能直接发消息，复制后到聊天窗口粘贴发送。
这个壳怎么挂上去
- 企业微信后台 → 应用管理 → 自建应用 → 「配置到聊天工具栏」 → 配置页面（页面名称 + 页面 URL）。
- 同页 「网页授权及 JS-SDK」→ 设置可信域名，填 kf.jiajiatuan.top。
- 打开时用 JS-SDK getCurExternalContact() 取当前会话的 external_userid，再查我们自己的库。
- 侧边栏最多 10 个快捷功能；PC 端和手机端都能打开。
能显示什么
- 客户备注：企微原生有，要点头像才看得到；这里直接铺开。
- 已有标签：企微原生有，这里汇总展示，只读不改。
- 咨询过的产品：企微没有，必须靠会话内容自动识别 —— 这是这个壳最大的价值。
- 当前等级 + 依据 + 建议回复：本系统算出来，客服复制就能用。
接口复用
侧边栏不新增后端接口，直接复用工作台那套按客户查询的接口；签名由后端按当前页面 URL 下发。
GET /api/customers/:externalUserId
GET /api/customers/:externalUserId/suggestions