药材谷 · 业务屏组件库

K3 组件包 第八辑(功能键补全)+ 第九辑(蜈蚣再临 9 屏)→ 原生重写 · 全接我方真数据

—图鉴名录
—在册专家
—药农社区帖
—品种行情
—合同范本
①

行情屏 MarketScreen

真数据
K3 原件为静态数组 mock;本页左侧 K 线接 dashboard/trend 真曲线、右侧涨跌列表接 hq/varieties 真报价(涨红跌绿 · 中国惯例)。
— —
加载中…
②

拍照识药屏 IdentifyScreen

真图鉴名录
K3 原件用 setTimeout + 假结果卡;本页「图鉴名录比对」走真 herb/list · 724 味,参考价取真 hq/varieties。AI 视觉通道后端未开,如实标注。
或从真图鉴名录里挑一株试识别:
诚实边界:K3 的「置信度 92%」是写死的假数;本页不给假置信度,改列真图鉴分类 + 真参考价 + 真产地,并标注「AI 视觉识药通道待接(后端未开视觉端点)」。
③

专家问诊屏 ExpertScreen

真数据
K3 原件 4 位写死专家;本页接真 expert/expert_list 全量在册专家 + 真 expert/stats 咨询统计。
④

数据表 DataTable

真数据
排序 ⇅ / 关键词筛选 / 分页 三合一,行数据取真 hq/varieties 全量报价。
右键表格任意行可呼出上下文菜单(见 ⑦ 组件联动)。
⑤

多图拖拽上传 UploadImages

纯前端
拖拽 / 点击多选,本地预览 + 单张删除(最多 6 张 ≤2MB)。
最多 6 张 · 单张 ≤2MB
⑥

合同 A4 打印 PrintView

真模板
K3 原件字段写死;本页模板取真 pay/contract/templates 六范本,标的取真大宗交易单据。
诚实边界:正式合同生成走 /api/pay/contract/generate(写操作),本页只做只读渲染演示,未触发任何落库动作。
⑦

右键菜单 ContextMenu

通用交互
通用上下文菜单,已挂到本页数据表每一行(右键试)。下面是独立演示区。
当归 · 甘肃岷县 · ¥19.5/公斤
黄芪 · 甘肃陇西 · ¥10.0/公斤
党参 · 甘肃渭源 · ¥25.5/公斤
(在此区域右键 → 查看详情 / 复制名称 / 加入对比 / 去撮合)
⑧

药农社区 ChatRoom

真社区帖
K3 原件连 echo.websocket.org 回声桩;本页消息流取真 community/list 全量帖(含上链标识),发送为本机回显。
诚实边界:实时双向 WebSocket 通道我方尚未建(后端无 WS 端点),当前为「真社区帖只读 + 本机回显」,不伪装成实时群聊。
⑨

基地地图选点 MapPicker

真基地
K3 原件是空色块;本页载入真 plant_base 已认证基地(含链上哈希)+ 真药市省份。
点击地图标注基地位置(正式版接高德 / Leaflet)
—在册基地
诚实边界:正式地图组件(高德 / Leaflet)需申请 key,属人工闸门;本页为点位交互演示 + 真基地数据。