干货：左右分栏调试工具设计

左右分栏调试工具设计：映射表 + 提取规则 + 结果概览

调试工具为什么用左右分栏

识别系统的调试，通常要同时看"我配了什么规则"和"结果是什么"。左右分栏正好：左边是配置，右边是结果，边看结果边改配置。

布局

左侧两块表：

• LotNo → Material 映射表：批号对应哪个材料。
• Material → Match 提取规则表：每个材料的提取规则。

右侧三块：

• 结果概览（统计）：几个批号、几个元素。
• 结果表格：批号 × 元素 × 值。
• 导出按钮。

关键的"校验配置"交互

本机调试页点了「校验配置」，会从所选目录的 JSON 里自动读 p_LotNo2Material 和 p_Match，填进左边的映射表和规则表：

def _load_from_config(self, json_data):
    lotno_map = json_data.get("p_LotNo2Material", {})
    self.fill_lotno_table(lotno_map)
    match_rules = json_data.get("p_Match", {})
    self.fill_match_table(match_rules)

这样用户不用手敲，配置和界面始终一致，改 JSON 后一键同步。

为什么这样设计高效

1. 双向对应：左边规则 ↔ 右边结果，一眼看出来"哪个材料对应哪些元素、值对不对"。
2. 一次就能试：改配置 → 校验 → 出结果，一个界面闭环。
3. 可导出：结果对，点导出得到标准文件，直接交付。

第一性原理：调试界面要"所见即所得"

调试工具的价值在于快速建立"改了什么 → 得到什么"的反馈。左右分栏把输入和输出并排放，正是为了压缩这个反馈距离。

一句话：左边给规则、右边看结果，左右对照着调，是识别调试工具最好用的形态。

---