落地口径(不造假):本页 18 个组件全部为原生 canvas / DOM 重写(K3 原件为 React TSX,我方前端零依赖,走规格翻译)。
每张卡右上角标注数据来源:真数据 直连我方 8979 接口 · 模拟序列 后端标注 simulated 的价格走势(锚定价来自真行情) · 演示态 后端无对应数据源、仅展示组件能力。
配色守我方冻结值(米白 #f7f4ec / 墨绿 #145c43 / 鎏金 #B8860B),未采用 K3 色值。
一 · 数据可视化(canvas 原生,接真数据)
K线蜡烛图 · 迷你趋势线 · 中国热力图 · 环形图 · 雷达图 · 甘特图 · 产业神经网络 · 数字滚动
📊 K 线蜡烛图 K3 第六辑加载中
当归 30 日价格序列合成 OHLC(红涨绿跌·中国习惯)· 纯 canvas 零依赖
—
📈 迷你趋势线 K3 第六辑加载中
七日成交额走势(对话气泡内嵌行情同款)· 数据来自 /api/mobile/data_screen/trend
—
🗺️ 中国热力图 K3 第六辑加载中
七大药市按省份分布 · 色深=该省品种报价强度 · 点省弹五排下沉详情
🟩 报价平稳 | 🟨 报价偏弱 | 点击色块查看该省药市与主力品种
🍩 环形图 K3 第七辑加载中
交易单据状态占比 · 数据来自 /api/bulk_trade/list 真台账
🕸️ 雷达图 K3 第七辑加载中
五大药市 × 三品种报价对比(党参 / 黄芪 / 当归,归一化)· 数据来自 /api/hq/markets
—
📊 甘特图 K3 第七辑加载中
交易闭环五步在真台账中的进度分布 · 数据来自 /api/bulk_trade/list
🕸️ 产业神经网络 K3 第七辑演示态
中心+十节点+金色脉冲跑圈(K3「图1」简化版原生重写)· 节点为主营业务域,非实时数据
二 · 交互与反馈(原生 DOM,可点可跑)
门户首屏 · 通知中心 · 骨架屏三件套 · 新手引导 · 加工档期日历 · 配置化表单 · 洽谈窗 · 虚拟列表 · CSV 导出 · 语料管理台
🏛️ 门户首屏 K3 第七辑加载中
墨绿大图 + 四数据卡(数字均为我方接口真值)
产地直供 · 撮合交易
供需双方对接 | 平台收信息服务费 | 不赚差价
🔔 通知中心 K3 第七辑演示态
询盘 / 交割 / 系统三类(结构照 K3,内容为组件演示)
📅 加工档期日历 K3 第七辑演示态
红黄绿三色档期(后端暂无加工排产数据源,展示组件能力)
🟩 空闲可约 | 🟨 已排产 | 🟥 爆满排队
⚡ 骨架屏三件套 K3 第七辑真数据
行 / 卡片 / 列表加载态 · 点「重演」看动效
✓ 内容已就位(骨架取自行情列表首条真实渲染)
🎓 新手引导 K3 第七辑演示态
分步气泡(跳过 / 下一步)
📝 配置化表单 K3 第六辑真数据
schema 驱动渲染(发布供应场景)· 提交仅本地校验,不走后端写入
💬 洽谈窗 K3 第六辑演示态
IM 洽谈组件(消息流 + 生成意向单钮)· 对接 chats 接口,写入类暂不发起
⚡ 虚拟列表 K3 第六辑加载中
可视区渲染(机制支持十万级)· 数据为行情列表真条目循环填充
📤 CSV 导出 K3 第六辑加载中
无依赖导出(BOM + 引号转义,Excel 直开)· 导出真行情对账表
📚 语料管理台 K3 第六辑演示态
上传 → 切块 → 向量化管线(K3 结构照搬)· 我方向量检索管道尚未接通,此处如实标注为待建能力,不伪装已入库