数据看板

示例页面 · 右下角即业务助手弹框

可用库存

171.33吨

较上周 +6.2%

在库总量

233.93吨

冻结 62.60 吨

待出库订单

12单

今日新增 3 单

本周加工产出

48.6吨

分切 31 笔

订单号	客户	商品	数量	状态
SO20261105001	杭州华印包装	A级印刷白板纸 889	12.00 吨	待出库
SO20261105002	宁波中盛纸业	江龙白板纸 1050	8.50 吨	待支付
SO20261104017	苏州恒丰彩印	玖龙牛卡纸 1200	25.00 吨	已完成
SO20261104016	上海鸿达纸品	白底白板纸 787	6.20 吨	已完成

如何嵌入到你的页面

<!-- 1. 引入，右下角自动出现气泡 -->
<script src="http://localhost:3000/chat-widget.js"
        data-api="http://localhost:3000"
        data-title="全纸联 · 业务助手"></script>

// 2. 把宿主页面的登录 token 交给弹框（它只转发到我方后端，不进浏览器存储）
// a) 每次提问前动态取，推荐：token 过期能自动续上
QzlChat.setTokenProvider(function () { return store.state.token; });

// b) 登录成功后直接塞
QzlChat.setToken(res.token);

// c) 或写在标签上：data-token="xxx"，或 data-token-storage="erp_token" 自动读 localStorage

样式全部封装在 Shadow DOM 内，不会和你现有页面的 CSS 冲突。token 的用法：弹框把它放进请求头发给本服务，服务端再拿它去调 MCP 查数据—— 数据权限完全由这个登录态决定，服务端不保存任何能查全库的令牌。如果登录态放在 HttpOnly Cookie 里（JS 读不到），用 data-with-credentials="true"，后端配 AUTH_COOKIE_NAMES 即可。