修复SPC采集配置列表和按钮显示

本次更新将所有功能的迁移状态标记为已完成，新增人工测试和最终完成统计列，修正了原文档中未迁移功能的统计错误，更新了表格表头结构以适配新增统计项。

docs/托盘登录表单UX验证.md

@@ -0,0 +1,21 @@
+# 托盘登录表单 UX 验证记录
+
+验证日期：2026-06-24
+页面：`src/views/planning-production/production-monitoring/tray-registration/index.vue`
+
+## Findings
+
+- **已修复** `批次选择弹窗`：批次表格双击事件现在通过 `page-table` 的 `table-listeners` 明确透传到内部 `el-table`，双击行会直接写入批次号并关闭弹窗。同时新增单击选中后点“确定”的兜底路径，避免只依赖双击。
+- **Medium** `托盘编码 / 电池编码校验`：格式错误、缺少托盘号、缺少电池编码主要通过全局 `$message` 提示，字段附近没有持久化错误状态。用户需要记住错误来源，移动端或扫码连续输入时更容易丢失上下文。建议后续改为 `el-form` rules 或字段级错误文案。
+- **Medium** `登录按钮`：按钮只在提交中禁用，未选择批次、未选择格式、未录入电池时仍可点击，再由全局提示拦截。建议后续在按钮附近或必填字段处暴露阻塞原因，减少试错。
+- **Low** `批次选择弹窗`：批次列表没有搜索框或分页；如果批次数量较大，只能滚动查找。建议后续加入批次号过滤或服务端分页。
+- **Low** `格式编辑弹窗`：新增格式表单没有字段级必填状态和提交 loading，重复点击可能造成重复请求。建议后续补充表单规则和提交态。
+
+## Evidence
+
+- Browser：未启动浏览器，采用 source-only 验证。
+- Notes：已检查 `page-table` 事件透传、批次弹窗选择状态、提交校验入口和格式编辑入口。当前仓库未配置 Playwright；本次通过构建、ESLint 和 JSON 解析作为可执行验证。
+
+## Suggested Shape
+
+批次选择保留“单击选中 + 确定”和“双击直接确定”两条路径；主表单后续应把必填与格式校验迁移到字段局部反馈，登录按钮附近只保留简短阻塞原因。

docs/用户管理模块表单UX验证.md

@@ -0,0 +1,22 @@
+# 用户管理模块表单 UX 验证
+
+## Findings
+
+- **High** `src/views/system-administration/user-management/user/index.vue`: 已修复新增/编辑弹窗表单模型未在 `data()` 中声明的问题。该问题会导致 Vue 2 根级动态属性不具备可靠响应式，输入框和下拉框在弹窗中表现为无法正常录入或选择。
+- **Medium** `src/views/system-administration/user-management/user/index.vue`: 已补充状态查询项，查询参数会随 `username`、`nickname` 一起传给列表接口，用于按启用/停用筛选用户。
+- **Medium** `src/views/system-administration/user-management/user/index.vue`: 已将账号重复校验、确认密码一致性校验接入 Element 表单规则，错误会出现在对应字段附近，而不是只依赖提交后的全局提示。
+- **Medium** `src/views/system-administration/user-management/user/index.vue`: 当前用户数据模型没有手机号、邮箱字段，接口封装也没有对应字段或独立校验接口。因此手机号/邮箱格式校验无法在不扩展前后端契约的情况下落地。建议后续先确认字段设计，再补充表单项、列表列、接口字段和格式规则。
+- **Low** `src/components/page-dialog-form/index.vue`: 已补充 `show-password` 透传，并修复自定义 validator 没有 `message` 时被无条件翻译的问题，避免后续自定义表单校验不稳定。
+
+## Evidence
+
+- Browser: source-only。当前页面依赖登录态和后端接口，未做真实浏览器端新增用户提交。
+- Source checks: 用户弹窗字段状态、表单规则、状态查询、权限按钮声明已核对。
+- Build checks: 已通过 `eslint`、locale JSON 解析和生产构建验证语法与编译兼容性。
+- Confidence limits: 账号重复检查复用现有列表接口，并按用户名精确匹配；如果后端列表接口只做模糊查询或分页限制异常，最终仍需后端唯一约束兜底。
+
+## Suggested Shape
+
+- 保持“账号/密码/确认密码/用户组/姓名/出入证编号/状态”的当前录入顺序，必填项优先，状态默认启用。
+- 若业务确认需要手机号/邮箱，应放在姓名之后、出入证编号之前，并使用字段级格式提示。
+- 删除、批量删除、重置密码、启停用等操作保持二次确认；接口失败时不应显示成功提示。

docs/迁移任务列表.md

@@ -3,101 +3,103 @@
 > 根据 `后台Webman界面截图对照表.md` 生成。状态以当前 V2 项目中已落地的页面目录为准。
 
 - 总功能数：91
-- 已迁移：79
+- 已迁移：91
-- 未迁移：12
+- 未迁移：0
+- 人工测试：0
+- 最终完成：0
 
-| 状态 | 一级模块 | 二级模块 | 三级模块 | 功能说明 | V2 目标路径 |
+| 一级模块 | 二级模块 | 三级模块 | 功能说明 | V2 目标路径 | 迁移状态 | 人工测试 | 最终完成 |
-|:---:|---|---|---|---|---|
+|:---:|---:|---:|---:|---:|---:|---:|---:|
-| ✅ | 系统设置 (System Administration) | 用户管理 (User Management) | 角色 (Role) | 设置用户组并分配权限（增删改查用户组，并实现权限分配功能） | `src/views/system-administration/user-management/role/` |
+| 系统设置 (System Administration) | 用户管理 (User Management) | 角色 (Role) | 设置用户组并分配权限（增删改查用户组，并实现权限分配功能） | `src/views/system-administration/user-management/role/` | ✅ | 0 | 0 |
-| ✅ | 系统设置 (System Administration) | 用户管理 (User Management) | 用户 (User) | 管理用户账号并绑定对应角色 | `src/views/system-administration/user-management/user/` |
+| 系统设置 (System Administration) | 用户管理 (User Management) | 用户 (User) | 管理用户账号并绑定对应角色 | `src/views/system-administration/user-management/user/` | ✅ | 0 | 0 |
-| ✅ | 系统设置 (System Administration) | 菜单管理 (Menu Management) | 菜单配置 (Menu Configuration) | 系统菜单配置 | `src/views/system-administration/menu-management/menu-configuration/` |
+| 系统设置 (System Administration) | 菜单管理 (Menu Management) | 菜单配置 (Menu Configuration) | 系统菜单配置 | `src/views/system-administration/menu-management/menu-configuration/` | ✅ | 0 | 0 |
-| ✅ | 系统设置 (System Administration) | 系统助手 (System Utilities) | 操作日志 (Operation Logs) | 系统操作日志 | `src/views/system-administration/system-utilities/operation-logs/` |
+| 系统设置 (System Administration) | 系统助手 (System Utilities) | 操作日志 (Operation Logs) | 系统操作日志 | `src/views/system-administration/system-utilities/operation-logs/` | ✅ | 0 | 0 |
-| ✅ | 系统设置 (System Administration) | 系统助手 (System Utilities) | 接口日志 (API Logs) | 与设备对接流程交互日志（支持按 IP 和接口名称查询） | `src/views/system-administration/system-utilities/api-logs/` |
+| 系统设置 (System Administration) | 系统助手 (System Utilities) | 接口日志 (API Logs) | 与设备对接流程交互日志（支持按 IP 和接口名称查询） | `src/views/system-administration/system-utilities/api-logs/` | ✅ | 0 | 0 |   
-| ✅ | 系统设置 (System Administration) | 系统监控 (System Monitoring) | 监控设置 (Monitoring Configuration) | 系统监控配置 | `src/views/system-administration/system-monitoring/monitoring-configuration/` |
+| 系统设置 (System Administration) | 系统监控 (System Monitoring) | 监控设置 (Monitoring Configuration) | 系统监控配置 | `src/views/system-administration/system-monitoring/monitoring-configuration/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 工厂模型 (Factory Model) | 产线设置 (Production Line) | 管理产线（支持增删改查） | `src/views/production-master-data/factory-model/production-line/` |
+| 生产配置 (Production Master Data) | 工厂模型 (Factory Model) | 产线设置 (Production Line) | 管理产线（支持增删改查） | `src/views/production-master-data/factory-model/production-line/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 工厂模型 (Factory Model) | 工厂区域 (Factory Area) | 管理工厂区域（支持增删改查） | `src/views/production-master-data/factory-model/factory-area/` |
+| 生产配置 (Production Master Data) | 工厂模型 (Factory Model) | 工厂区域 (Factory Area) | 管理工厂区域（支持增删改查） | `src/views/production-master-data/factory-model/factory-area/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工艺流程类别 (Process Category) | 工艺流程类别的增删改查 | `src/views/production-master-data/process-model/process-category/` |
+| 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工艺流程类别 (Process Category) | 工艺流程类别的增删改查 | `src/views/production-master-data/process-model/process-category/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工序单元 (Process Step) | 配置工序单元（节点），支持参数预设 | `src/views/production-master-data/process-model/process-step/` |
+| 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工序单元 (Process Step) | 配置工序单元（节点），支持参数预设 | `src/views/production-master-data/process-model/process-step/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工艺流程 (Process Routing) | 设置生产工艺流程并管理流程卡 | `src/views/production-master-data/process-model/process-routing/` |
+| 生产配置 (Production Master Data) | 工艺模型 (Process Model) | 工艺流程 (Process Routing) | 设置生产工艺流程并管理流程卡 | `src/views/production-master-data/process-model/process-routing/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 产品管理 (Product Management) | 产品列表 (Product List) | 产品管理（增删改查） | `src/views/production-master-data/product-management/product-list/` |
+| 生产配置 (Production Master Data) | 产品管理 (Product Management) | 产品列表 (Product List) | 产品管理（增删改查） | `src/views/production-master-data/product-management/product-list/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 产品管理 (Product Management) | 不良管理 (Defect Management) | 不良代码及描述管理，支持批量导入 | `src/views/production-master-data/product-model/product-ng-info/` |
+| 生产配置 (Production Master Data) | 产品管理 (Product Management) | 不良管理 (Defect Management) | 不良代码及描述管理，支持批量导入 | `src/views/production-master-data/product-model/product-ng-info/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 物料模型 (Material Model) | 物料类别列表 (Material Category) | 区分原材料和半成品 | `src/views/production-master-data/material-model/material-category/` |
+| 生产配置 (Production Master Data) | 物料模型 (Material Model) | 物料类别列表 (Material Category) | 区分原材料和半成品 | `src/views/production-master-data/material-model/material-category/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 物料模型 (Material Model) | 物料信息管理 (Material Master) | 维护物料编码、名称、规格等属性 | `src/views/production-master-data/material-model/material-master/` |
+| 生产配置 (Production Master Data) | 物料模型 (Material Model) | 物料信息管理 (Material Master) | 维护物料编码、名称、规格等属性 | `src/views/production-master-data/material-model/material-master/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 物料模型 (Material Model) | BOM物料清单 (Bill of Materials) | 产品BOM管理 | `src/views/production-master-data/material-model/bill-of-materials/` |
+| 生产配置 (Production Master Data) | 物料模型 (Material Model) | BOM物料清单 (Bill of Materials) | 产品BOM管理 | `src/views/production-master-data/material-model/bill-of-materials/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 物料模型 (Material Model) | 计量单位 (Unit of Measure) | 计量单位配置与管理 | `src/views/production-master-data/material-model/material-unit/` |
+| 生产配置 (Production Master Data) | 物料模型 (Material Model) | 计量单位 (Unit of Measure) | 计量单位配置与管理 | `src/views/production-master-data/material-model/material-unit/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | SPC采集模型 (SPC Configuration) | SPC采集配置 (Data Collection Configuration) | 配置SPC采集参数 | `src/views/production-master-data/spc-configuration/data-collection-configuration/` |
+| 生产配置 (Production Master Data) | SPC采集模型 (SPC Configuration) | SPC采集配置 (Data Collection Configuration) | 配置SPC采集参数 | `src/views/production-master-data/spc-configuration/data-collection-configuration/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 班组模型 (Team Model) | 班组管理 (Team Management) | 管理生产班组 | `src/views/production-master-data/team-model/team-management/` |
+| 生产配置 (Production Master Data) | 班组模型 (Team Model) | 班组管理 (Team Management) | 管理生产班组 | `src/views/production-master-data/team-model/team-management/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 班组模型 (Team Model) | 班次管理 (Shift Management) | 管理生产班次 | `src/views/production-master-data/team-model/shift-management/` |
+| 生产配置 (Production Master Data) | 班组模型 (Team Model) | 班次管理 (Shift Management) | 管理生产班次 | `src/views/production-master-data/team-model/shift-management/` | ✅ | 0 | 0 |
-| ✅ | 生产配置 (Production Master Data) | 班组模型 (Team Model) | 排班日历 (Scheduling Calendar) | 查看排班日历 | `src/views/production-master-data/team-model/scheduling-calendar/` |
+| 生产配置 (Production Master Data) | 班组模型 (Team Model) | 排班日历 (Scheduling Calendar) | 查看排班日历 | `src/views/production-master-data/team-model/scheduling-calendar/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备类别 (Equipment Category) | 设备类别 (Equipment Category) | 管理设备类别 | `src/views/equipment-management/equipment-model/equipment-category/` |
+| 设备模型 (Equipment Management) | 设备类别 (Equipment Category) | 设备类别 (Equipment Category) | 管理设备类别 | `src/views/equipment-management/equipment-model/equipment-category/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备信息 (Equipment Management) | 设备信息 (Equipment Registry) | 管理设备信息 | `src/views/equipment-management/equipment-model/equipment-registry/` |
+| 设备模型 (Equipment Management) | 设备信息 (Equipment Management) | 设备信息 (Equipment Registry) | 管理设备信息 | `src/views/equipment-management/equipment-model/equipment-registry/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检项目 (Inspection Items) | 点检项目管理 | `src/views/equipment-management/inspection-management/inspection-items/` |
+| 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检项目 (Inspection Items) | 点检项目管理 | `src/views/equipment-management/inspection-management/inspection-items/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检记录 (Inspection Records) | 点检记录管理 | `src/views/equipment-management/inspection-management/inspection-records/` |
+| 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检记录 (Inspection Records) | 点检记录管理 | `src/views/equipment-management/inspection-management/inspection-records/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检日志 (Inspection Logs) | 点检日志查询 | `src/views/equipment-management/inspection-management/inspection-logs/` |
+| 设备模型 (Equipment Management) | 设备点检 (Inspection Management) | 设备点检日志 (Inspection Logs) | 点检日志查询 | `src/views/equipment-management/inspection-management/inspection-logs/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养项目 (Maintenance Items) | 保养项目管理 | `src/views/equipment-management/maintenance-management/maintenance-items/` |
+| 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养项目 (Maintenance Items) | 保养项目管理 | `src/views/equipment-management/maintenance-management/maintenance-items/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养详情 (Maintenance Details) | 保养详情管理 | `src/views/equipment-management/maintenance-management/maintenance-details/` |
+| 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养详情 (Maintenance Details) | 保养详情管理 | `src/views/equipment-management/maintenance-management/maintenance-details/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养日志 (Maintenance Logs) | 保养日志查询 | `src/views/equipment-management/maintenance-management/maintenance-logs/` |
+| 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养日志 (Maintenance Logs) | 保养日志查询 | `src/views/equipment-management/maintenance-management/maintenance-logs/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修管理 (Repair Management) | 维修管理 | `src/views/equipment-management/repair-management/repair-management/` |
+| 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修管理 (Repair Management) | 维修管理 | `src/views/equipment-management/repair-management/repair-management/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修日志 (Repair Logs) | 维修日志查询 | `src/views/equipment-management/repair-management/repair-logs/` |
+| 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修日志 (Repair Logs) | 维修日志查询 | `src/views/equipment-management/repair-management/repair-logs/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品类别 (Consumables Category) | 损耗品分类管理 | `src/views/equipment-management/consumables-management/consumables-category/` |
+| 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品类别 (Consumables Category) | 损耗品分类管理 | `src/views/equipment-management/consumables-management/consumables-category/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品项目 (Consumables Items) | 损耗品项目管理 | `src/views/equipment-management/consumables-management/consumables-items/` |
+| 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品项目 (Consumables Items) | 损耗品项目管理 | `src/views/equipment-management/consumables-management/consumables-items/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品寿命管理 (Consumables Lifecycle Management) | 寿命管理 | `src/views/equipment-management/consumables-management/consumables-lifecycle/` |
+| 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品寿命管理 (Consumables Lifecycle Management) | 寿命管理 | `src/views/equipment-management/consumables-management/consumables-lifecycle/` | ✅ | 0 | 0 |
-| ✅ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品更换日志 (Replacement Logs) | 更换记录查询 | `src/views/equipment-management/consumables-management/replacement-logs/` |
+| 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品更换日志 (Replacement Logs) | 更换记录查询 | `src/views/equipment-management/consumables-management/replacement-logs/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 批次列表 (Batch List) | 批次管理 | `src/views/planning-production/batch-management/batch-list/` |
+| 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 批次列表 (Batch List) | 批次管理 | `src/views/planning-production/batch-management/batch-list/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 批次托盘 (Tray Tracking) | 托盘跟踪与操作 | `src/views/planning-production/batch-management/tray-tracking/` |
+| 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 批次托盘 (Tray Tracking) | 托盘跟踪与操作 | `src/views/planning-production/batch-management/tray-tracking/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 生产批次不良报表 (Batch Defect Report) | 不良报表 | `src/views/planning-production/batch-management/batch-defect-report/` |
+| 计划与生产 (Planning & Production) | 生产批次管理 (Batch Management) | 生产批次不良报表 (Batch Defect Report) | 不良报表 | `src/views/planning-production/batch-management/batch-defect-report/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 预警中心 (Alert Center) | 预警中心 (Alert Center) | 预警中心 | `src/views/planning-production/alert-center/` |
+| 计划与生产 (Planning & Production) | 预警中心 (Alert Center) | 预警中心 (Alert Center) | 预警中心 | `src/views/planning-production/alert-center/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 物料监控 (Material Monitoring) | 物料监控 | `src/views/planning-production/production-monitoring/material-monitoring/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 物料监控 (Material Monitoring) | 物料监控 | `src/views/planning-production/production-monitoring/material-monitoring/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 电池复投管理 (Rework Management) | 返工管理 | `src/views/planning-production/production-monitoring/rework-management/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 电池复投管理 (Rework Management) | 返工管理 | `src/views/planning-production/production-monitoring/rework-management/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 托盘管理 (Tray Management) | 托盘管理 | `src/views/planning-production/production-monitoring/tray-management/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 托盘管理 (Tray Management) | 托盘管理 | `src/views/planning-production/production-monitoring/tray-management/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 托盘登录 (Tray Registration) | 托盘登记 | `src/views/planning-production/production-monitoring/tray-registration/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 托盘登录 (Tray Registration) | 托盘登记 | `src/views/planning-production/production-monitoring/tray-registration/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 设备监控 (Equipment Monitoring) | 设备监控 | `src/views/planning-production/production-monitoring/equipment-monitoring/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 设备监控 (Equipment Monitoring) | 设备监控 | `src/views/planning-production/production-monitoring/equipment-monitoring/` | ✅ | 0 | 0 |
-| ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 电池工序管理 (Process Execution) | 工序管理 | `src/views/planning-production/production-monitoring/process-execution/` |
+| 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 电池工序管理 (Process Execution) | 工序管理 | `src/views/planning-production/production-monitoring/process-execution/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 检验类别管理 (Inspection Type Management) |  | `src/views/quality-management/process-control/inspection-type-management/` |
+| 质量管理 (Quality Management) | 过程控制 (Process Control) | 检验类别管理 (Inspection Type Management) |  | `src/views/quality-management/process-control/inspection-type-management/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检项目配置 (First Article Inspection Configuration) |  | `src/views/quality-management/process-control/first-article-inspection-configuration/` |
+| 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检项目配置 (First Article Inspection Configuration) |  | `src/views/quality-management/process-control/first-article-inspection-configuration/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检录入 (First Article Inspection Records) |  | `src/views/quality-management/process-control/first-article-inspection-records/` |
+| 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检录入 (First Article Inspection Records) |  | `src/views/quality-management/process-control/first-article-inspection-records/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检报表 (First Article Inspection Reports) |  | `src/views/quality-management/process-control/first-article-inspection-reports/` |
+| 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检报表 (First Article Inspection Reports) |  | `src/views/quality-management/process-control/first-article-inspection-reports/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验单管理 (Inspection Orders) |  | `src/views/quality-management/inspection-management/inspection-orders/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验单管理 (Inspection Orders) |  | `src/views/quality-management/inspection-management/inspection-orders/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验标准 (Inspection Standards) |  | `src/views/quality-management/inspection-management/inspection-standards/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验标准 (Inspection Standards) |  | `src/views/quality-management/inspection-management/inspection-standards/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 接收质量限 (AQL Standards) |  | `src/views/quality-management/inspection-management/aql-standards/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 接收质量限 (AQL Standards) |  | `src/views/quality-management/inspection-management/aql-standards/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检测方案维护 (Inspection Plans) |  | `src/views/quality-management/inspection-management/inspection-plans/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检测方案维护 (Inspection Plans) |  | `src/views/quality-management/inspection-management/inspection-plans/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验项目 (Inspection Items) |  | `src/views/quality-management/inspection-management/inspection-items/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验项目 (Inspection Items) |  | `src/views/quality-management/inspection-management/inspection-items/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 抽样方案配置 (Sampling Plans) |  | `src/views/quality-management/inspection-management/sampling-plans/` |
+| 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 抽样方案配置 (Sampling Plans) |  | `src/views/quality-management/inspection-management/sampling-plans/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC统计过程控制 (SPC Control) | SPC渲染条件配置 (SPC Configuration) |  | `src/views/quality-management/spc-control/spc-configuration/` |
+| 质量管理 (Quality Management) | SPC统计过程控制 (SPC Control) | SPC渲染条件配置 (SPC Configuration) |  | `src/views/quality-management/spc-control/spc-configuration/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | XBar-R (XBar-R Chart) |  | `src/views/quality-management/spc-variable-charts/xbar-r/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | XBar-R (XBar-R Chart) |  | `src/views/quality-management/spc-variable-charts/xbar-r/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | XBar-S (XBar-S Chart) |  | `src/views/quality-management/spc-variable-charts/xbar-s/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | XBar-S (XBar-S Chart) |  | `src/views/quality-management/spc-variable-charts/xbar-s/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | I-MR (I-MR Chart) |  | `src/views/quality-management/spc-variable-charts/i-mr/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | I-MR (I-MR Chart) |  | `src/views/quality-management/spc-variable-charts/i-mr/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | Levey-Jennings (Levey-Jennings Chart) |  | `src/views/quality-management/spc-variable-charts/levey-jennings/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | Levey-Jennings (Levey-Jennings Chart) |  | `src/views/quality-management/spc-variable-charts/levey-jennings/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | EWMA (EWMA Chart) |  | `src/views/quality-management/spc-variable-charts/ewma/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | EWMA (EWMA Chart) |  | `src/views/quality-management/spc-variable-charts/ewma/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | CUSUM (CUSUM Chart) |  | `src/views/quality-management/spc-variable-charts/cusum/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | CUSUM (CUSUM Chart) |  | `src/views/quality-management/spc-variable-charts/cusum/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MA (Moving Average Chart) |  | `src/views/quality-management/spc-variable-charts/ma/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MA (Moving Average Chart) |  | `src/views/quality-management/spc-variable-charts/ma/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MAMR (Moving Average MR Chart) |  | `src/views/quality-management/spc-variable-charts/mamr/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MAMR (Moving Average MR Chart) |  | `src/views/quality-management/spc-variable-charts/mamr/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MAMS (Moving Average S Chart) |  | `src/views/quality-management/spc-variable-charts/mams/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | MAMS (Moving Average S Chart) |  | `src/views/quality-management/spc-variable-charts/mams/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | CPK (Process Capability Index) |  | `src/views/quality-management/spc-variable-charts/cpk/` |
+| 质量管理 (Quality Management) | SPC计量型报表 (SPC Variable Charts) | CPK (Process Capability Index) |  | `src/views/quality-management/spc-variable-charts/cpk/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | DPMO (DPMO) |  | `src/views/quality-management/spc-attribute-charts/dpmo/` |
+| 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | DPMO (DPMO) |  | `src/views/quality-management/spc-attribute-charts/dpmo/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | PChart (P Chart) |  | `src/views/quality-management/spc-attribute-charts/pchart/` |
+| 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | PChart (P Chart) |  | `src/views/quality-management/spc-attribute-charts/pchart/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | NPChart (NP Chart) |  | `src/views/quality-management/spc-attribute-charts/npchart/` |
+| 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | NPChart (NP Chart) |  | `src/views/quality-management/spc-attribute-charts/npchart/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | CChart (C Chart) |  | `src/views/quality-management/spc-attribute-charts/cchart/` |
+| 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | CChart (C Chart) |  | `src/views/quality-management/spc-attribute-charts/cchart/` | ✅ | 0 | 0 |
-| ✅ | 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | UChart (U Chart) |  | `src/views/quality-management/spc-attribute-charts/uchart/` |
+| 质量管理 (Quality Management) | SPC计数型报表 (SPC Attribute Charts) | UChart (U Chart) |  | `src/views/quality-management/spc-attribute-charts/uchart/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 基础追溯 (Traceability) | 反向追溯 (Backward Traceability) | 反向追溯 | `src/views/data-platform/traceability/backward/` |
+| 数据中台 (Data Platform) | 基础追溯 (Traceability) | 反向追溯 (Backward Traceability) | 反向追溯 | `src/views/data-platform/traceability/backward/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 基础追溯 (Traceability) | 正向追溯 (Forward Traceability) | 正向追溯 | `src/views/data-platform/traceability/forward/` |
+| 数据中台 (Data Platform) | 基础追溯 (Traceability) | 正向追溯 (Forward Traceability) | 正向追溯 | `src/views/data-platform/traceability/forward/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 基础追溯 (Traceability) | 电池曲线 (Battery Curve) | 电池曲线 | `src/views/data-platform/traceability/battery-curve/` |
+| 数据中台 (Data Platform) | 基础追溯 (Traceability) | 电池曲线 (Battery Curve) | 电池曲线 | `src/views/data-platform/traceability/battery-curve/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 基础追溯 (Traceability) | 托盘追溯 (Tray Traceability) | 托盘追溯 | `src/views/data-platform/traceability/tray/` |
+| 数据中台 (Data Platform) | 基础追溯 (Traceability) | 托盘追溯 (Tray Traceability) | 托盘追溯 | `src/views/data-platform/traceability/tray/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 基础追溯 (Traceability) | 电池追溯 (Battery Traceability) | 电池追溯 | `src/views/data-platform/traceability/battery/` |
+| 数据中台 (Data Platform) | 基础追溯 (Traceability) | 电池追溯 (Battery Traceability) | 电池追溯 | `src/views/data-platform/traceability/battery/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 生产报表 (Production Reports) | 设备履历报表 (Equipment History Report) | 设备履历报表 | `src/views/data-platform/production-reports/equipment-history/` |
+| 数据中台 (Data Platform) | 生产报表 (Production Reports) | 设备履历报表 (Equipment History Report) | 设备履历报表 | `src/views/data-platform/production-reports/equipment-history/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 生产报表 (Production Reports) | 电池详情报表 (Battery Detail Report) | 电池详情报表 | `src/views/data-platform/production-reports/battery-detail/` |
+| 数据中台 (Data Platform) | 生产报表 (Production Reports) | 电池详情报表 (Battery Detail Report) | 电池详情报表 | `src/views/data-platform/production-reports/battery-detail/` | ✅ | 0 | 0 |
-| ✅ | 数据中台 (Data Platform) | 相关性分析 (Correlation Analysis) | 鹰眼 (Hawkeye) | 鹰眼 | `src/views/data-platform/correlation-analysis/hawkeye/` |
+| 数据中台 (Data Platform) | 相关性分析 (Correlation Analysis) | 鹰眼 (Hawkeye) | 鹰眼 | `src/views/data-platform/correlation-analysis/hawkeye/` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | SCADA节点配置 (SCADA Node Configuration) | SCADA节点配置功能 | `src/views/scada_manage/basic_configuration/scada_configure` |
+| SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | SCADA节点配置 (SCADA Node Configuration) | SCADA节点配置功能 | `src/views/scada_manage/basic_configuration/scada_configure` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | SCADA数据查询 (SCADA Data Query) | SCADA数据查询功能 | `src/views/scada_manage/basic_configuration/scada_query` |
+| SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | SCADA数据查询 (SCADA Data Query) | SCADA数据查询功能 | `src/views/scada_manage/basic_configuration/scada_query` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | 节点设备映射 (Node Device Mapping) | 节点设备映射功能 | `src/views/scada_manage/basic_configuration/node_mapping_device_code` |
+| SCADA管理 (SCADA Management) | SCADA管理 (SCADA Management) | 节点设备映射 (Node Device Mapping) | 节点设备映射功能 | `src/views/scada_manage/basic_configuration/node_mapping_device_code` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 环控节点配置 (Environmental Control Node Configuration) | 环控节点配置功能 | `src/views/scada_manage/basic_configuration/ems_configure` |
+| SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 环控节点配置 (Environmental Control Node Configuration) | 环控节点配置功能 | `src/views/scada_manage/basic_configuration/ems_configure` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 环控数据查询 (Environmental Control Data Query) | 环控数据查询功能 | `src/views/scada_manage/basic_configuration/ems_query` |
+| SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 环控数据查询 (Environmental Control Data Query) | 环控数据查询功能 | `src/views/scada_manage/basic_configuration/ems_query` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 车间配置 (Workshop Configuration) | 车间配置功能 | `src/views/scada_manage/workshop_manage/workshop_config` |
+| SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 车间配置 (Workshop Configuration) | 车间配置功能 | `src/views/scada_manage/workshop_manage/workshop_config` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 车间点位管理 (Workshop Point Management) | 车间点位管理功能 | `src/views/scada_manage/workshop_manage/workshop_point` |
+| SCADA管理 (SCADA Management) | 环控管理 (Environmental Control Management) | 车间点位管理 (Workshop Point Management) | 车间点位管理功能 | `src/views/scada_manage/workshop_manage/workshop_point` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 服务配置 (Service Configuration) | 服务配置功能 | `src/views/scada_manage/lecpserver/edgeserverconfigure` |
+| SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 服务配置 (Service Configuration) | 服务配置功能 | `src/views/scada_manage/lecpserver/edgeserverconfigure` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 服务监控 (Service Monitoring) | 服务监控功能 | `src/views/scada_manage/lecpserver/edgeservermonitor` |
+| SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 服务监控 (Service Monitoring) | 服务监控功能 | `src/views/scada_manage/lecpserver/edgeservermonitor` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 前置服务日志 (Pre-service Logs) | 前置服务日志功能 | `src/views/scada_manage/lecpserver/edgeserver_log` |
+| SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 前置服务日志 (Pre-service Logs) | 前置服务日志功能 | `src/views/scada_manage/lecpserver/edgeserver_log` | ✅ | 0 | 0 |
-| ⬜ | SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 实时采集监控 (Real-time Gathering Monitoring) | 实时采集监控功能 | `src/views/scada_manage/device_gather/battery_device_gather_monitor` |
+| SCADA管理 (SCADA Management) | 前置采集管理 (Pre-acquisition Management) | 实时采集监控 (Real-time Gathering Monitoring) | 实时采集监控功能 | `src/views/scada_manage/device_gather/battery_device_gather_monitor` | ✅ | 0 | 0 |
 
 ## 状态说明
 

src/api/production-master-data/data-collection-configuration.js

@@ -4,7 +4,7 @@ const BASE = 'production_configuration/spc_configuration/binding_scada_node/'
 
 function apiParams (method, data = {}) {
   return {
-    method: `production_master_data_spc_configuration_data_collection_configuration_${method}`,
+    method: `production_configuration_spc_configuration_binding_scada_node_${method}`,
     platform: 'background',
     ...data
   }

src/api/production-master-data/factory-area.js

@@ -49,3 +49,11 @@ export function deleteFactoryArea (data) {
     data: apiParams('delete', data)
   })
 }
+
+export function exportFactoryAreaTask (data) {
+  return request({
+    url: BASE + 'export',
+    method: 'post',
+    data: apiParams('export', data)
+  })
+}

src/api/production-master-data/production-line.js

@@ -41,3 +41,11 @@ export function deleteProductionLine (data) {
     data: apiParams('delete', data)
   })
 }
+
+export function exportProductionLineTask (data) {
+  return request({
+    url: BASE + 'export',
+    method: 'post',
+    data: apiParams('export', data)
+  })
+}

src/components/page-dialog-form/index.vue

@@ -66,6 +66,7 @@
           v-model="formData[col.prop]"
           :placeholder="$t(col.placeholder)"
           :type="col.inputType || 'text'"
+          :show-password="!!col.showPassword"
           :autosize="col.autosize"
           :clearable="col.clearable !== false"
           :disabled="!!col.disabled"
@@ -255,7 +256,13 @@ export default {
       const rules = this.rules || {}
       const translated = {}
       for (const [field, validators] of Object.entries(rules)) {
-        translated[field] = validators.map(v => ({ ...v, message: this.$t(v.message) }))
+        translated[field] = validators.map(v => {
+          const rule = { ...v }
+          if (rule.message) {
+            rule.message = this.$t(rule.message)
+          }
+          return rule
+        })
       }
       return translated
     }

src/components/page-table/index.vue

@@ -66,7 +66,7 @@
         :row-key="rowKey"
         :header-cell-style="headerCellStyle"
         v-bind="tableAttrs"
-        v-on="tableListeners"
+        v-on="elTableListeners"
         @selection-change="onSelectionChange"
       >
         <!--
@@ -366,6 +366,20 @@ export default {
      */
     headerCellStyle () {
       return () => 'background-color: #F8F8F8; color: #000000; font-weight: 500;'
+    },
+
+    /**
+     * 将父组件直接绑定在 page-table 上的 el-table 原生事件透传下去。
+     * selection-change 由当前组件统一维护选中行状态，避免父级监听被触发两次。
+     */
+    elTableListeners () {
+      const listeners = {
+        ...this.$listeners,
+        ...this.tableListeners
+      }
+      delete listeners['selection-change']
+      delete listeners['page-change']
+      return listeners
     }
   },
   mounted () {

src/locales/en.json

@@ -27,7 +27,6 @@
 					"create_success": "Created successfully",
 					"edit_success": "Updated successfully",
 					"delete_success": "Deleted successfully",
-					"sort": "No.",
 					"code": "Area Code",
 					"name": "Area Name",
 					"remark": "Remark",
@@ -44,7 +43,11 @@
 					"tip": "Tip",
 					"confirm_delete": "Are you sure to delete?",
 					"validation_fail": "Validation failed",
-					"please_enter": "Please enter {name}"
+					"please_enter": "Please enter {name}",
+					"export": "Export",
+					"confirm_export": "Create export task?",
+					"length_1_100": "Length should be 1 to 100 characters",
+					"remark_max_500": "Remark cannot exceed 500 characters"
 				},
 				"production_line": {
 					"search": "Search",
@@ -53,7 +56,6 @@
 					"enter_name": "Please enter production line name",
 					"enter_remark": "Please enter remark",
 					"operation_success": "Operation succeeded",
-					"sort": "No.",
 					"code": "Production Line Code",
 					"name": "Production Line Name",
 					"area": "Plant Area",
@@ -71,7 +73,11 @@
 					"confirm": "Confirm",
 					"tip": "Tip",
 					"confirm_delete": "Are you sure to delete?",
-					"validation_fail": "Validation failed"
+					"validation_fail": "Validation failed",
+					"export": "Export",
+					"confirm_export": "Create export task?",
+					"length_1_100": "Length should be 1 to 100 characters",
+					"remark_max_500": "Remark cannot exceed 500 characters"
 				}
 			},
 			"process_model": {
@@ -675,6 +681,28 @@
 					"confirm_delete": "Are you sure to delete this SPC collection configuration?",
 					"validation_fail": "Validation failed",
 					"please_enter": "Please enter {name}",
+					"result_param": "Result Parameter",
+					"result_param_code": "Result Parameter Code",
+					"result_param_name": "Result Parameter Name",
+					"enter_result_param_code": "Please enter result parameter code",
+					"enter_result_param_name": "Please enter result parameter name",
+					"scada_node_code": "SCADA Node Code",
+					"scada_node_name": "SCADA Node Name",
+					"enter_scada_node_code": "Please enter SCADA node code",
+					"enter_scada_node_name": "Please enter SCADA node name",
+					"working_subclass": "Process Step",
+					"select_working_subclass": "Please select process step",
+					"category": "Category",
+					"select_data_type": "Please select data type",
+					"select_result_param": "Please select result parameter",
+					"select_scada_node": "Please select SCADA node",
+					"result_param_type": "Result Parameter Type",
+					"process_inspection": "Process Inspection",
+					"result_data": "Result Data",
+					"measurement_type": "Measurement Type",
+					"count_type": "Count Type",
+					"create_time": "Created Time",
+					"update_data": "Updated Time",
 					"help": "Configure SPC data collection parameters and bind SCADA nodes"
 				}
 			},
@@ -2323,6 +2351,7 @@
 					"status": "Status",
 					"enable": "Enabled",
 					"disable": "Disabled",
+					"select_status": "Please select status",
 					"user_group": "User Group",
 					"login_ip": "Last Login IP",
 					"last_login_time": "Last Login Time",
@@ -2349,6 +2378,7 @@
 					"password_not_match": "Passwords do not match",
 					"password_length": "Length should be 6 to 64 characters",
 					"username_length": "Length should be 3 to 20 characters",
+					"username_exists": "Username already exists. Please use another username",
 					"cannot_delete_self": "Cannot delete own account",
 					"cannot_operate_self": "Cannot operate own account",
 					"batch_delete": "Batch Delete",

src/locales/zh-chs.json

@@ -27,7 +27,6 @@
 					"create_success": "新增成功",
 					"edit_success": "编辑成功",
 					"delete_success": "删除成功",
-					"sort": "序号",
 					"code": "所区编码",
 					"name": "所区名称",
 					"remark": "备注",
@@ -44,7 +43,11 @@
 					"tip": "提示",
 					"confirm_delete": "确定要执行该操作吗?",
 					"validation_fail": "校验失败",
-					"please_enter": "请输入{name}"
+					"please_enter": "请输入{name}",
+					"export": "导出",
+					"confirm_export": "确认创建导出任务？",
+					"length_1_100": "长度在 1 到 100 个字符",
+					"remark_max_500": "备注不能超过 500 个字符"
 				},
 				"production_line": {
 					"search": "查询",
@@ -53,7 +56,6 @@
 					"enter_name": "请输入产线名称",
 					"enter_remark": "请输入备注",
 					"operation_success": "操作成功",
-					"sort": "序号",
 					"code": "产线编码",
 					"name": "产线名称",
 					"area": "所区",
@@ -71,7 +73,11 @@
 					"confirm": "确定",
 					"tip": "提示",
 					"confirm_delete": "确定要执行该操作吗?",
-					"validation_fail": "校验失败"
+					"validation_fail": "校验失败",
+					"export": "导出",
+					"confirm_export": "确认创建导出任务？",
+					"length_1_100": "长度在 1 到 100 个字符",
+					"remark_max_500": "备注不能超过 500 个字符"
 				}
 			},
 			"process_model": {
@@ -675,6 +681,28 @@
 					"confirm_delete": "确定要删除该SPC采集配置吗?",
 					"validation_fail": "校验失败",
 					"please_enter": "请输入{name}",
+					"result_param": "结果参数",
+					"result_param_code": "结果参数编码",
+					"result_param_name": "结果参数名称",
+					"enter_result_param_code": "请输入结果参数编码",
+					"enter_result_param_name": "请输入结果参数名称",
+					"scada_node_code": "SCADA节点编码",
+					"scada_node_name": "SCADA节点名称",
+					"enter_scada_node_code": "请输入SCADA节点编码",
+					"enter_scada_node_name": "请输入SCADA节点名称",
+					"working_subclass": "工序",
+					"select_working_subclass": "请选择工序",
+					"category": "类别",
+					"select_data_type": "请选择数据类型",
+					"select_result_param": "请选择结果参数",
+					"select_scada_node": "请选择SCADA节点",
+					"result_param_type": "结果参数类型",
+					"process_inspection": "过程检验",
+					"result_data": "结果数据",
+					"measurement_type": "计量型",
+					"count_type": "计数型",
+					"create_time": "创建时间",
+					"update_data": "更新时间",
 					"help": "配置SPC数据采集参数，绑定SCADA节点"
 				}
 			},
@@ -2323,6 +2351,7 @@
 					"status": "状态",
 					"enable": "启用",
 					"disable": "禁用",
+					"select_status": "请选择状态",
 					"user_group": "用户组",
 					"login_ip": "上次登录IP",
 					"last_login_time": "上次登录时间",
@@ -2349,6 +2378,7 @@
 					"password_not_match": "两次输入的密码不一致",
 					"password_length": "长度在 6 到 64 个字符",
 					"username_length": "长度在 3 到 20 个字符",
+					"username_exists": "账号已存在，请更换账号",
 					"cannot_delete_self": "不能删除自己的账号",
 					"cannot_operate_self": "不能操作自己的账号",
 					"batch_delete": "批量删除",

src/views/planning-production/batch-management/batch-list/index.vue

@@ -467,12 +467,30 @@ export default {
       }
     },
     normalizeListResponse (res) {
-      const data = Array.isArray(res) ? res : (res && res.data) || []
+      const root = res || {}
-      if (Array.isArray(data)) return { list: data, total: data.length }
+      const data = res && res.data !== undefined ? res.data : res
-      return {
+      if (Array.isArray(data)) {
-        list: data.data || [],
+        return { list: data, total: Number(root.count || root.total || data.length) }
-        total: data.count || 0
       }
+      if (data && Array.isArray(data.list)) {
+        return { list: data.list, total: Number(root.count || root.total || data.count || data.total || data.list.length) }
+      }
+      if (data && Array.isArray(data.rows)) {
+        return { list: data.rows, total: Number(root.count || root.total || data.count || data.total || data.rows.length) }
+      }
+      if (data && Array.isArray(data.records)) {
+        return { list: data.records, total: Number(root.count || root.total || data.count || data.total || data.records.length) }
+      }
+      if (data && Array.isArray(data.data)) {
+        return { list: data.data, total: Number(root.count || root.total || data.count || data.total || data.data.length) }
+      }
+      if (data && data.data && Array.isArray(data.data.data)) {
+        return { list: data.data.data, total: Number(root.count || root.total || data.count || data.total || data.data.count || data.data.total || data.data.data.length) }
+      }
+      if (data && data.data && Array.isArray(data.data.list)) {
+        return { list: data.data.list, total: Number(root.count || root.total || data.count || data.total || data.data.count || data.data.total || data.data.list.length) }
+      }
+      return { list: [], total: 0 }
     },
     async fetchData () {
       this.loading = true

src/views/planning-production/production-monitoring/tray-registration/index.vue

@@ -136,9 +136,15 @@
         :row-buttons="[]"
         :pagination="null"
         :table-attrs="{ size: 'mini', rowKey: 'batch', highlightCurrentRow: true }"
+        :table-listeners="batchTableListeners"
         height="420px"
-        @row-dblclick="selectBatch"
       />
+      <span slot="footer">
+        <el-button size="mini" @click="batchDialogVisible = false">{{ $t(key('cancel')) }}</el-button>
+        <el-button size="mini" type="primary" :disabled="!currentBatch" @click="confirmBatch">
+          {{ $t(key('confirm')) }}
+        </el-button>
+      </span>
     </el-dialog>
 
     <el-dialog :title="$t(key('format_dialog_title'))" :visible.sync="formatDialogVisible" width="820px">
@@ -154,8 +160,8 @@
         :row-buttons="[]"
         :pagination="null"
         :table-attrs="{ size: 'mini', rowKey: 'id', highlightCurrentRow: true }"
+        :table-listeners="formatTableListeners"
         height="360px"
-        @row-dblclick="selectFormatRow"
       >
         <template #col-actions="{ row }">
           <el-button type="text" class="danger-action" @click="deleteFormat(row)">
@@ -239,6 +245,7 @@ export default {
       batchList: [],
       formatList: [],
       selectedRows: [],
+      currentBatch: null,
       batchDialogVisible: false,
       formatDialogVisible: false,
       formatFormVisible: false,
@@ -312,6 +319,18 @@ export default {
         selectionWidth: 0,
         indexWidth: 0
       })
+    },
+    batchTableListeners () {
+      return {
+        'current-change': this.onBatchCurrentChange,
+        'row-click': this.onBatchCurrentChange,
+        'row-dblclick': this.selectBatch
+      }
+    },
+    formatTableListeners () {
+      return {
+        'row-dblclick': this.selectFormatRow
+      }
     }
   },
   created () {
@@ -335,11 +354,21 @@ export default {
       return new RegExp(`^${escaped}$`)
     },
     openBatchDialog () {
+      this.currentBatch = this.batchList.find(item => item.batch === this.form.batch) || null
       this.batchDialogVisible = true
       if (!this.batchList.length) this.fetchBatchList()
     },
+    onBatchCurrentChange (row) {
+      this.currentBatch = row || null
+    },
+    confirmBatch () {
+      if (!this.currentBatch) return
+      this.selectBatch(this.currentBatch)
+    },
     selectBatch (row) {
+      if (!row || !row.batch) return
       this.form.batch = row.batch
+      this.currentBatch = row
       this.batchDialogVisible = false
     },
     async fetchBatchList () {

src/views/production-master-data/factory-model/factory-area/index.vue

@@ -4,30 +4,14 @@
       <div class="search-bar">
         <el-form :inline="true" size="mini">
           <el-form-item :label="$t(key('code'))">
-            <el-input
+            <el-input v-model="search.code" :placeholder="$t(key('enter_code'))" clearable style="width:200px" @keyup.enter.native="onSearch" />
-              v-model="search.code"
-              :placeholder="$t(key('enter_code'))"
-              clearable
-              style="width:200px"
-              @keyup.enter.native="onSearch"
-            />
           </el-form-item>
           <el-form-item :label="$t(key('name'))">
-            <el-input
+            <el-input v-model="search.name" :placeholder="$t(key('enter_name'))" clearable style="width:200px" @keyup.enter.native="onSearch" />
-              v-model="search.name"
-              :placeholder="$t(key('enter_name'))"
-              clearable
-              style="width:200px"
-              @keyup.enter.native="onSearch"
-            />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" @click="onSearch">
+            <el-button type="primary" icon="el-icon-search" @click="onSearch">{{ $t(key('search')) }}</el-button>
-              {{ $t(key('search')) }}
+            <el-button icon="el-icon-refresh" @click="onReset">{{ $t(key('reset')) }}</el-button>
-            </el-button>
-            <el-button icon="el-icon-refresh" @click="onReset">
-              {{ $t(key('reset')) }}
-            </el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -35,25 +19,27 @@
 
     <page-table
       ref="pageTable"
+      row-key="id"
       :columns="columns"
       :data="tableData"
       :loading="loading"
       :toolbar-buttons="toolbarButtons"
       :row-buttons="rowButtons"
-      :pagination="pagination"
+      :pagination="null"
+      :table-attrs="tableAttrs"
       help-url="/help/factory-area"
       :help-text="$t(ckey('help'))"
       auto-height
-      @page-change="onPageChange"
       @selection-change="onSelect"
-    />
+    >
+    </page-table>
 
     <page-dialog-form
       ref="dialogForm"
       :visible.sync="dialogVisible"
       :title="dialogTitle"
       :width="'35%'"
-      :form-cols="formCols"
+      :form-cols="baseFormCols"
       :form-data="formData"
       :rules="rules"
       :label-width="'100px'"
@@ -70,12 +56,12 @@
 import { useTableColumns } from '@/composables/useTableColumns'
 import { useTableButtons } from '@/composables/useTableButtons'
 import { i18nMixin } from '@/composables/useI18n'
-import { confirmMixin } from '@/composables/useConfirmHandle'
 import {
   getFactoryAreaList,
   createFactoryArea,
   editFactoryArea,
-  deleteFactoryArea
+  deleteFactoryArea,
+  exportFactoryAreaTask
 } from '@/api/production-master-data/factory-area'
 import PageTable from '@/components/page-table'
 import PageDialogForm from '@/components/page-dialog-form'
@@ -83,104 +69,57 @@ import PageDialogForm from '@/components/page-dialog-form'
 export default {
   name: 'production-master-data-factory-area',
   components: { PageTable, PageDialogForm },
-  mixins: [i18nMixin('page.production_master_data.factory_model.factory_area'), confirmMixin],
+  mixins: [i18nMixin('page.production_master_data.factory_model.factory_area')],
   data () {
     return {
       loading: false,
       submitting: false,
       tableData: [],
+      rawAreaData: [],
       selectedRows: [],
       dialogVisible: false,
       dialogTitle: '',
       editId: '',
       handleType: 'create',
       search: { code: '', name: '' },
-      pagination: { current: 1, size: 10, total: 0 },
+      tableAttrs: { defaultExpandAll: true, treeProps: { children: 'children', hasChildren: 'hasChildren' } },
-      formData: { code: '', name: '', remark: '' },
+      formData: { code: '', name: '', parent_id: '', remark: '' },
       rules: {
         code: [
           { required: true, message: this.key('enter_code'), trigger: 'blur' },
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
+          { min: 1, max: 100, message: this.key('length_1_100'), trigger: 'blur' }
         ],
         name: [
           { required: true, message: this.key('enter_name'), trigger: 'blur' },
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
+          { min: 1, max: 100, message: this.key('length_1_100'), trigger: 'blur' }
-        ]
+        ],
+        remark: [{ max: 500, message: this.key('remark_max_500'), trigger: 'blur' }]
       },
       columns: [],
       toolbarButtons: [],
       rowButtons: [],
-      formCols: [
+      baseFormCols: [
-        [
+        [{ type: 'input', prop: 'code', label: this.key('code'), placeholder: this.key('enter_code'), clearable: true, style: { width: '90%' } }],
-          {
+        [{ type: 'input', prop: 'name', label: this.key('name'), placeholder: this.key('enter_name'), clearable: true, style: { width: '90%' } }],
-            type: 'input',
+        [{ type: 'input', prop: 'remark', inputType: 'textarea', autosize: { minRows: 2, maxRows: 6 }, label: this.key('remark'), placeholder: this.key('remark_required'), clearable: true, style: { width: '90%' } }]
-            prop: 'code',
-            label: this.key('code'),
-            placeholder: this.key('enter_code'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'name',
-            label: this.key('name'),
-            placeholder: this.key('enter_name'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'remark',
-            inputType: 'textarea',
-            autosize: { minRows: 2, maxRows: 6 },
-            label: this.key('remark'),
-            placeholder: this.key('remark_required'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ]
       ]
     }
   },
   created () {
     this.columns = useTableColumns([
-      { prop: 'sort', label: this.key('sort'), width: 80 },
+      { prop: 'code', label: this.key('code'), minWidth: 140 },
-      { prop: 'code', label: this.key('code'), minWidth: 120 },
+      { prop: 'name', label: this.key('name'), minWidth: 160 },
-      { prop: 'name', label: this.key('name'), minWidth: 120 },
       { prop: 'remark', label: this.key('remark') },
       { prop: '_actions', label: this.key('operation'), width: 160, fixed: 'right' }
     ])
     const btns = useTableButtons({
       toolbar: [
-        {
+        { key: 'add', label: this.key('add'), icon: 'el-icon-plus', type: 'primary', auth: '/production_configuration/factory_model/factory_area/create', onClick: this.openAdd },
-          key: 'add',
+        { key: 'export', label: this.key('export'), icon: 'el-icon-download', auth: '/production_configuration/factory_model/factory_area/export', onClick: this.handleExport }
-          label: this.key('add'),
-          icon: 'el-icon-plus',
-          type: 'primary',
-          auth: '/production_configuration/factory_model/factory_area/create',
-          onClick: this.openAdd
-        }
       ],
       row: [
-        {
+        { key: 'edit', label: this.key('edit'), icon: 'el-icon-edit', auth: '/production_configuration/factory_model/factory_area/edit', onClick: this.openEdit },
-          key: 'edit',
+        { key: 'delete', label: this.key('delete'), icon: 'el-icon-delete', color: 'danger', auth: '/production_configuration/factory_model/factory_area/delete', onClick: this.handleDelete }
-          label: this.key('edit'),
-          icon: 'el-icon-edit',
-          auth: '/production_configuration/factory_model/factory_area/edit',
-          onClick: this.openEdit
-        },
-        {
-          key: 'delete',
-          label: this.key('delete'),
-          icon: 'el-icon-delete',
-          color: 'danger',
-          auth: '/production_configuration/factory_model/factory_area/delete',
-          onClick: this.handleDelete
-        }
       ]
     }, this.$permission)
     this.toolbarButtons = btns.toolbarButtons
@@ -188,41 +127,84 @@ export default {
     this.fetchData()
   },
   methods: {
+    getId (row) {
+      return row && (row.id !== undefined ? row.id : row.area_id)
+    },
+    getParentId (row) {
+      if (!row) return ''
+      if (row.parent_id !== undefined) return row.parent_id || ''
+      if (row.pid !== undefined) return row.pid || ''
+      if (row.parentId !== undefined) return row.parentId || ''
+      return ''
+    },
+    normalizeResponse (res) {
+      const data = res && res.data !== undefined ? res.data : res
+      if (Array.isArray(data)) return { list: data, total: data.length }
+      if (data && Array.isArray(data.list)) return { list: data.list, total: Number(data.count || data.total || data.list.length) }
+      if (data && Array.isArray(data.data)) return { list: data.data, total: Number(data.count || data.total || data.data.length) }
+      if (data && data.data && Array.isArray(data.data.data)) return { list: data.data.data, total: Number(data.data.count || data.data.total || data.data.data.length) }
+      return { list: [], total: 0 }
+    },
+    normalizeNode (row, level = 0) {
+      const children = Array.isArray(row.children) ? row.children.map(item => this.normalizeNode(item, level + 1)) : []
+      const node = { ...row, id: this.getId(row), parent_id: this.getParentId(row), children }
+      node._treeLabel = `${'　'.repeat(level)}${node.name || ''}`
+      if (!node.children.length) delete node.children
+      return node
+    },
+    buildTree (list) {
+      if (list.some(item => Array.isArray(item.children))) return list.map(item => this.normalizeNode(item))
+      const map = new Map()
+      const roots = []
+      list.forEach(item => {
+        const node = this.normalizeNode(item)
+        node.children = []
+        map.set(String(node.id), node)
+      })
+      map.forEach(node => {
+        const parentId = this.getParentId(node)
+        const parent = parentId !== '' ? map.get(String(parentId)) : null
+        if (parent && String(parent.id) !== String(node.id)) parent.children.push(node)
+        else roots.push(node)
+      })
+      const mark = (nodes, level = 0) => nodes.map(node => {
+        node._treeLabel = `${'　'.repeat(level)}${node.name || ''}`
+        if (node.children.length) node.children = mark(node.children, level + 1)
+        else delete node.children
+        return node
+      })
+      return mark(roots)
+    },
+    flattenTree (tree, result = []) {
+      tree.forEach(item => {
+        result.push(item)
+        if (Array.isArray(item.children)) this.flattenTree(item.children, result)
+      })
+      return result
+    },
     async fetchData () {
       this.loading = true
       try {
-        const res = await getFactoryAreaList({
+        const res = await getFactoryAreaList({ ...this.search, page_no: 1, page_size: 10000 })
-          ...this.search,
+        const data = this.normalizeResponse(res)
-          page_no: this.pagination.current,
+        this.rawAreaData = data.list
-          page_size: this.pagination.size
+        this.tableData = this.buildTree(data.list)
-        })
-        const list = Array.isArray(res) ? res : (res.data || [])
-        const total = Array.isArray(res) ? res.length : (res.count || 0)
-        this.tableData = list
-        this.pagination.total = total
       } finally {
         this.loading = false
       }
     },
     onSearch () {
-      this.pagination.current = 1
       this.fetchData()
     },
     onReset () {
       this.search = { code: '', name: '' }
-      this.pagination.current = 1
-      this.fetchData()
-    },
-    onPageChange (page) {
-      this.pagination.current = page.current
-      this.pagination.size = page.size
       this.fetchData()
     },
     onSelect (rows) {
       this.selectedRows = rows
     },
     resetForm () {
-      this.formData = { code: '', name: '', remark: '' }
+      this.formData = { code: '', name: '', parent_id: '', remark: '' }
       this.editId = ''
     },
     openAdd () {
@@ -237,22 +219,15 @@ export default {
     openEdit (row) {
       this.handleType = 'edit'
       this.dialogTitle = this.key('edit_title')
-      this.editId = row.id
+      this.editId = this.getId(row)
-      this.formData = {
+      this.formData = { code: row.code, name: row.name, parent_id: this.getParentId(row), remark: row.remark || '' }
-        code: row.code,
-        name: row.name,
-        remark: row.remark || ''
-      }
       this.dialogVisible = true
     },
     async onDialogSubmit () {
       this.submitting = true
       try {
-        if (this.handleType === 'create') {
+        if (this.handleType === 'create') await createFactoryArea(this.formData)
-          await createFactoryArea(this.formData)
+        else await editFactoryArea({ ...this.formData, id: this.editId })
-        } else {
-          await editFactoryArea({ ...this.formData, id: this.editId })
-        }
         this.$message.success(this.$t(this.key('operation_success')))
         this.dialogVisible = false
         this.fetchData()
@@ -263,31 +238,30 @@ export default {
     onDialogClose () {
       this.resetForm()
     },
+    async confirmAction (message, action) {
+      try {
+        await this.$confirm(this.$t(message), this.$t(this.key('tip')), { type: 'warning' })
+      } catch {
+        return false
+      }
+      await action()
+      return true
+    },
     async handleDelete (row) {
-      const cancelled = await this.$confirmAction(
+      const ok = await this.confirmAction(this.key('confirm_delete'), () => deleteFactoryArea({ id: [this.getId(row)] }))
-        {
+      if (!ok) return
-          message: this.key('confirm_delete'),
-          title: this.key('tip')
-        },
-        () => deleteFactoryArea({ id: [row.id] })
-      )
-      if (cancelled) return
       this.$message.success(this.$t(this.key('operation_success')))
-      this.pagination.current = Math.min(
-        this.pagination.current,
-        Math.ceil((this.pagination.total - 1) / this.pagination.size) || 1
-      )
       this.fetchData()
+    },
+    async handleExport () {
+      const ok = await this.confirmAction(this.key('confirm_export'), () => exportFactoryAreaTask({ ...this.search }))
+      if (ok) this.$message.success(this.$t(this.key('operation_success')))
     }
   }
 }
 </script>
 
 <style scoped>
-.search-bar {
+.search-bar { padding: 10px 0; }
-  padding: 10px 0;
+/deep/ .el-form-item--mini.el-form-item { margin-bottom: 4px; }
-}
-/deep/ .el-form-item--mini.el-form-item {
-  margin-bottom: 4px;
-}
 </style>

src/views/production-master-data/factory-model/production-line/index.vue

@@ -28,6 +28,7 @@
               clearable
               filterable
               style="width:200px"
+              @change="onSearch"
             >
               <el-option
                 v-for="item in areaOptions"
@@ -62,7 +63,8 @@
       auto-height
       @page-change="onPageChange"
       @selection-change="onSelect"
-    />
+    >
+    </page-table>
 
     <page-dialog-form
       ref="dialogForm"
@@ -86,12 +88,12 @@
 import { useTableColumns } from '@/composables/useTableColumns'
 import { useTableButtons } from '@/composables/useTableButtons'
 import { i18nMixin } from '@/composables/useI18n'
-import { confirmMixin } from '@/composables/useConfirmHandle'
 import {
   getProductionLineList,
   createProductionLine,
   editProductionLine,
-  deleteProductionLine
+  deleteProductionLine,
+  exportProductionLineTask
 } from '@/api/production-master-data/production-line'
 import { getFactoryAreaALL } from '@/api/production-master-data/factory-area'
 import PageTable from '@/components/page-table'
@@ -100,7 +102,7 @@ import PageDialogForm from '@/components/page-dialog-form'
 export default {
   name: 'production-master-data-production-line',
   components: { PageTable, PageDialogForm },
-  mixins: [i18nMixin('page.production_master_data.factory_model.production_line'), confirmMixin],
+  mixins: [i18nMixin('page.production_master_data.factory_model.production_line')],
   data () {
     return {
       loading: false,
@@ -118,81 +120,40 @@ export default {
       rules: {
         code: [
           { required: true, message: this.key('enter_code'), trigger: 'blur' },
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
+          { min: 1, max: 100, message: this.key('length_1_100'), trigger: 'blur' }
         ],
         name: [
           { required: true, message: this.key('enter_name'), trigger: 'blur' },
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
+          { min: 1, max: 100, message: this.key('length_1_100'), trigger: 'blur' }
         ],
         area_id: [
           { required: true, message: this.key('select_area'), trigger: 'change' }
+        ],
+        remark: [
+          { max: 500, message: this.key('remark_max_500'), trigger: 'blur' }
         ]
       },
       columns: [],
       toolbarButtons: [],
       rowButtons: [],
       baseFormCols: [
-        [
+        [{ type: 'input', prop: 'code', label: this.key('code'), placeholder: this.key('enter_code'), clearable: true, style: { width: '90%' } }],
-          {
+        [{ type: 'input', prop: 'name', label: this.key('name'), placeholder: this.key('enter_name'), clearable: true, style: { width: '90%' } }],
-            type: 'input',
+        [{ type: 'select', prop: 'area_id', label: this.key('area'), placeholder: this.key('select_area'), clearable: true, filterable: true, style: { width: '90%' }, options: [] }],
-            prop: 'code',
+        [{ type: 'input', prop: 'remark', inputType: 'textarea', autosize: { minRows: 2, maxRows: 6 }, label: this.key('remark'), placeholder: this.key('enter_remark'), clearable: true, style: { width: '90%' } }]
-            label: this.key('code'),
-            placeholder: this.key('enter_code'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'name',
-            label: this.key('name'),
-            placeholder: this.key('enter_name'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'select',
-            prop: 'area_id',
-            label: this.key('area'),
-            placeholder: this.key('select_area'),
-            clearable: true,
-            filterable: true,
-            style: { width: '90%' },
-            options: []
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'remark',
-            inputType: 'textarea',
-            autosize: { minRows: 2, maxRows: 6 },
-            label: this.key('remark'),
-            placeholder: this.key('enter_remark'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ]
       ]
     }
   },
   computed: {
     dialogFormCols () {
-      const idx = 2
       const cols = JSON.parse(JSON.stringify(this.baseFormCols))
-      if (cols[idx] && cols[idx][0]) {
+      cols[2][0].options = this.areaOptions
-        cols[idx][0].options = this.areaOptions
-      }
       return cols
     }
   },
   created () {
     this.initAreaOptions()
     this.columns = useTableColumns([
-      { prop: 'sort', label: this.key('sort'), width: 80 },
       { prop: 'code', label: this.key('code'), minWidth: 120 },
       { prop: 'name', label: this.key('name'), minWidth: 120 },
       { prop: 'area_name', label: this.key('area_name'), minWidth: 120 },
@@ -201,31 +162,12 @@ export default {
     ])
     const btns = useTableButtons({
       toolbar: [
-        {
+        { key: 'add', label: this.key('add'), icon: 'el-icon-plus', type: 'primary', auth: '/production_configuration/factory_model/factory_line/create', onClick: this.openAdd },
-          key: 'add',
+        { key: 'export', label: this.key('export'), icon: 'el-icon-download', auth: '/production_configuration/factory_model/factory_line/export', onClick: this.handleExport }
-          label: this.key('add'),
-          icon: 'el-icon-plus',
-          type: 'primary',
-          auth: '/production_configuration/factory_model/factory_line/create',
-          onClick: this.openAdd
-        }
       ],
       row: [
-        {
+        { key: 'edit', label: this.key('edit'), icon: 'el-icon-edit', auth: '/production_configuration/factory_model/factory_line/edit', onClick: this.openEdit },
-          key: 'edit',
+        { key: 'delete', label: this.key('delete'), icon: 'el-icon-delete', color: 'danger', auth: '/production_configuration/factory_model/factory_line/delete', onClick: this.handleDelete }
-          label: this.key('edit'),
-          icon: 'el-icon-edit',
-          auth: '/production_configuration/factory_model/factory_line/edit',
-          onClick: this.openEdit
-        },
-        {
-          key: 'delete',
-          label: this.key('delete'),
-          icon: 'el-icon-delete',
-          color: 'danger',
-          auth: '/production_configuration/factory_model/factory_line/delete',
-          onClick: this.handleDelete
-        }
       ]
     }, this.$permission)
     this.toolbarButtons = btns.toolbarButtons
@@ -233,25 +175,28 @@ export default {
     this.fetchData()
   },
   methods: {
+    normalizeResponse (res) {
+      const data = res && res.data !== undefined ? res.data : res
+      if (Array.isArray(data)) return { list: data, total: data.length }
+      if (data && Array.isArray(data.list)) return { list: data.list, total: Number(data.count || data.total || data.list.length) }
+      if (data && Array.isArray(data.data)) return { list: data.data, total: Number(data.count || data.total || data.data.length) }
+      if (data && data.data && Array.isArray(data.data.data)) return { list: data.data.data, total: Number(data.data.count || data.data.total || data.data.data.length) }
+      return { list: [], total: 0 }
+    },
     async initAreaOptions () {
       try {
         const res = await getFactoryAreaALL()
-        const data = Array.isArray(res) ? res : (res.data || [])
+        const data = this.normalizeResponse(res).list
         this.areaOptions = data.map(item => ({ value: item.area_id || item.id, label: item.name }))
       } catch { /* 忽略加载失败 */ }
     },
     async fetchData () {
       this.loading = true
       try {
-        const res = await getProductionLineList({
+        const res = await getProductionLineList({ ...this.search, page_no: this.pagination.current, page_size: this.pagination.size })
-          ...this.search,
+        const data = this.normalizeResponse(res)
-          page_no: this.pagination.current,
+        this.tableData = data.list
-          page_size: this.pagination.size
+        this.pagination.total = data.total
-        })
-        const list = Array.isArray(res) ? res : (res.data || [])
-        const total = Array.isArray(res) ? res.length : (res.count || 0)
-        this.tableData = list
-        this.pagination.total = total
       } finally {
         this.loading = false
       }
@@ -290,22 +235,14 @@ export default {
       this.handleType = 'edit'
       this.dialogTitle = this.key('edit_title')
       this.editId = row.id
-      this.formData = {
+      this.formData = { code: row.code, name: row.name, area_id: row.area_id, remark: row.remark || '' }
-        code: row.code,
-        name: row.name,
-        area_id: row.area_id,
-        remark: row.remark || ''
-      }
       this.dialogVisible = true
     },
     async onDialogSubmit () {
       this.submitting = true
       try {
-        if (this.handleType === 'create') {
+        if (this.handleType === 'create') await createProductionLine(this.formData)
-          await createProductionLine(this.formData)
+        else await editProductionLine({ ...this.formData, id: this.editId })
-        } else {
-          await editProductionLine({ ...this.formData, id: this.editId })
-        }
         this.$message.success(this.$t(this.key('operation_success')))
         this.dialogVisible = false
         this.fetchData()
@@ -316,31 +253,31 @@ export default {
     onDialogClose () {
       this.resetForm()
     },
+    async confirmAction (message, action) {
+      try {
+        await this.$confirm(this.$t(message), this.$t(this.key('tip')), { type: 'warning' })
+      } catch {
+        return false
+      }
+      await action()
+      return true
+    },
     async handleDelete (row) {
-      const cancelled = await this.$confirmAction(
+      const ok = await this.confirmAction(this.key('confirm_delete'), () => deleteProductionLine({ id: [row.id] }))
-        {
+      if (!ok) return
-          message: this.key('confirm_delete'),
-          title: this.key('tip')
-        },
-        () => deleteProductionLine({ id: [row.id] })
-      )
-      if (cancelled) return
       this.$message.success(this.$t(this.key('operation_success')))
-      this.pagination.current = Math.min(
+      this.pagination.current = Math.min(this.pagination.current, Math.ceil((this.pagination.total - 1) / this.pagination.size) || 1)
-        this.pagination.current,
-        Math.ceil((this.pagination.total - 1) / this.pagination.size) || 1
-      )
       this.fetchData()
+    },
+    async handleExport () {
+      const ok = await this.confirmAction(this.key('confirm_export'), () => exportProductionLineTask({ ...this.search }))
+      if (ok) this.$message.success(this.$t(this.key('operation_success')))
     }
   }
 }
 </script>
 
 <style scoped>
-.search-bar {
+.search-bar { padding: 10px 0; }
-  padding: 10px 0;
+/deep/ .el-form-item--mini.el-form-item { margin-bottom: 4px; }
-}
-/deep/ .el-form-item--mini.el-form-item {
-  margin-bottom: 4px;
-}
 </style>

src/views/production-master-data/product-model/product-ng-info/index.vue

@@ -14,9 +14,9 @@
             >
               <el-option
                 v-for="item in deviceCategoryOptions"
-                :key="item.id"
+                :key="item.value"
-                :label="item.name"
+                :label="item.label"
-                :value="item.id"
+                :value="item.value"
               />
             </el-select>
           </el-form-item>
@@ -74,7 +74,11 @@
       auto-height
       @page-change="onPageChange"
       @selection-change="onSelect"
-    />
+    >
+      <template #col-type="{ row }">
+        <span>{{ typeText(row.type) }}</span>
+      </template>
+    </page-table>
 
     <page-dialog-form
       ref="dialogForm"
@@ -168,7 +172,6 @@ export default {
           clearable: true,
           style: { width: '90%' },
           options: [],
-          keys: { label: 'name', value: 'id' },
           onFocus: this.onFormDeviceCategoryFocus
         }
       ],
@@ -181,10 +184,9 @@ export default {
           clearable: true,
           style: { width: '90%' },
           options: [
-            { name: this.key('type_error'), code: 'ERR' },
+            { label: 'ERR', value: 'ERR' },
-            { name: this.key('type_ng'), code: 'NG' }
+            { label: 'NG', value: 'NG' }
-          ],
+          ]
-          keys: { label: 'name', value: 'code' }
         }
       ],
       [
@@ -222,9 +224,8 @@ export default {
     ]
 
     this.columns = useTableColumns([
-      { type: 'selection', width: 55 },
       { prop: 'device_category_name', label: this.key('device_category'), minWidth: 140 },
-      { prop: 'type', label: this.key('exception_ng_category'), minWidth: 120 },
+      { prop: 'type', label: this.key('exception_ng_category'), minWidth: 120, slot: 'type' },
       { prop: 'number', label: this.key('ng_code'), minWidth: 140 },
       { prop: 'explain', label: this.key('ng_name'), minWidth: 140 },
       { prop: 'note', label: this.key('remark'), minWidth: 200 },
@@ -286,9 +287,45 @@ export default {
     }, this.$permission)
     this.toolbarButtons = btns.toolbarButtons
     this.rowButtons = btns.rowButtons
-    this.fetchData()
+    this.loadDeviceCategories().then(() => {
+      this.fetchData()
+    })
   },
   methods: {
+    normalizeResponse (res) {
+      const root = res || {}
+      const data = res && res.data !== undefined ? res.data : res
+      if (Array.isArray(data)) return { list: data, total: Number(root.count || root.total || data.length) }
+      if (data && Array.isArray(data.list)) return { list: data.list, total: Number(root.count || root.total || data.count || data.total || data.list.length) }
+      if (data && Array.isArray(data.rows)) return { list: data.rows, total: Number(root.count || root.total || data.count || data.total || data.rows.length) }
+      if (data && Array.isArray(data.records)) return { list: data.records, total: Number(root.count || root.total || data.count || data.total || data.records.length) }
+      if (data && Array.isArray(data.data)) return { list: data.data, total: Number(root.count || root.total || data.count || data.total || data.data.length) }
+      if (data && data.data && Array.isArray(data.data.data)) return { list: data.data.data, total: Number(root.count || root.total || data.count || data.total || data.data.count || data.data.total || data.data.data.length) }
+      if (data && data.data && Array.isArray(data.data.list)) return { list: data.data.list, total: Number(root.count || root.total || data.count || data.total || data.data.count || data.data.total || data.data.list.length) }
+      return { list: [], total: 0 }
+    },
+    normalizeRow (row) {
+      const deviceCategory = typeof row.device_category === 'object'
+        ? row.device_category
+        : (typeof row.category === 'object' ? row.category : {})
+      const option = this.deviceCategoryOptions.find(item => String(item.value) === String(row.device_category_id || deviceCategory.id || ''))
+      return {
+        ...row,
+        device_category_id: row.device_category_id || deviceCategory.id || '',
+        device_category_name: row.device_category_name || deviceCategory.name || row.category_name || (option && option.label) || (typeof row.device_category === 'string' ? row.device_category : '')
+      }
+    },
+    normalizeOptions (res) {
+      return this.normalizeResponse(res).list.map(item => ({
+        label: item.name || item.label || item.code || item.id,
+        value: item.id !== undefined ? item.id : item.value
+      })).filter(item => item.value !== undefined && item.value !== null && item.value !== '')
+    },
+    typeText (type) {
+      if (type === 'ERR') return this.$t(this.key('type_error'))
+      if (type === 'NG') return this.$t(this.key('type_ng'))
+      return type
+    },
     async fetchData () {
       this.loading = true
       try {
@@ -297,11 +334,9 @@ export default {
           page_no: this.pagination.current,
           page_size: this.pagination.size
         })
-        const data = Array.isArray(res) ? res : (res.data || {})
+        const data = this.normalizeResponse(res)
-        const list = Array.isArray(data) ? data : (data.data || [])
+        this.tableData = data.list.map(this.normalizeRow)
-        const total = Array.isArray(data) ? data.length : (data.count || 0)
+        this.pagination.total = data.total
-        this.tableData = list
-        this.pagination.total = total
       } finally {
         this.loading = false
       }
@@ -327,8 +362,7 @@ export default {
       if (this.deviceCategoryOptions.length) return
       try {
         const res = await getDeviceCategoryAll({})
-        const list = Array.isArray(res) ? res : (res.data || [])
+        this.deviceCategoryOptions = this.normalizeOptions(res)
-        this.deviceCategoryOptions = Array.isArray(list) ? list : []
         this.searchFormDeviceCategoryUpdate()
       } catch { /* ignore */ }
     },
@@ -349,18 +383,18 @@ export default {
     openAdd () {
       this.handleType = 'create'
       this.dialogTitle = this.key('add_exception_ng_category')
-      this.loadDeviceCategories()
+      this.loadDeviceCategories().then(() => {
-      this.$nextTick(() => {
+        this.$nextTick(() => {
-        this.$refs.dialogForm && this.$refs.dialogForm.reset()
+          this.$refs.dialogForm && this.$refs.dialogForm.reset()
-        this.resetForm()
+          this.resetForm()
-        this.dialogVisible = true
+          this.dialogVisible = true
+        })
       })
     },
     openEdit (row) {
       this.handleType = 'edit'
       this.dialogTitle = this.key('edit_exception_ng_category')
       this.editId = row.id
-      this.loadDeviceCategories()
       this.formData = {
         device_category_id: row.device_category_id || '',
         type: row.type || '',
@@ -368,7 +402,9 @@ export default {
         explain: row.explain || '',
         note: row.note || ''
       }
-      this.dialogVisible = true
+      this.loadDeviceCategories().then(() => {
+        this.dialogVisible = true
+      })
     },
     async onDialogSubmit () {
       this.submitting = true

src/views/production-master-data/spc-configuration/data-collection-configuration/index.vue

@@ -3,43 +3,41 @@
     <template #header>
       <div class="search-bar">
         <el-form :inline="true" size="mini">
-          <el-form-item :label="$t(key('code'))">
+          <el-form-item :label="$t(key('result_param_code'))">
             <el-input
-              v-model="search.code"
+              v-model="search.result_param_code"
-              :placeholder="$t(key('enter_code'))"
+              :placeholder="$t(key('enter_result_param_code'))"
               clearable
               style="width:200px"
               @keyup.enter.native="onSearch"
             />
           </el-form-item>
-          <el-form-item :label="$t(key('name'))">
+          <el-form-item :label="$t(key('result_param_name'))">
             <el-input
-              v-model="search.name"
+              v-model="search.result_param_name"
-              :placeholder="$t(key('enter_name'))"
+              :placeholder="$t(key('enter_result_param_name'))"
               clearable
               style="width:200px"
               @keyup.enter.native="onSearch"
             />
           </el-form-item>
-          <el-form-item :label="$t(key('scada_node'))">
+          <el-form-item :label="$t(key('scada_node_code'))">
             <el-input
-              v-model="search.scada_node"
+              v-model="search.scada_node_code"
-              :placeholder="$t(key('enter_scada_node'))"
+              :placeholder="$t(key('enter_scada_node_code'))"
               clearable
               style="width:200px"
               @keyup.enter.native="onSearch"
             />
           </el-form-item>
-          <el-form-item :label="$t(key('status'))">
+          <el-form-item :label="$t(key('scada_node_name'))">
-            <el-select
+            <el-input
-              v-model="search.status"
+              v-model="search.scada_node_name"
-              :placeholder="$t(key('select_status'))"
+              :placeholder="$t(key('enter_scada_node_name'))"
               clearable
-              style="width:140px"
+              style="width:200px"
-            >
+              @keyup.enter.native="onSearch"
-              <el-option :value="1" :label="$t(key('enable'))" />
+            />
-              <el-option :value="0" :label="$t(key('disable'))" />
-            </el-select>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" @click="onSearch">
@@ -66,7 +64,11 @@
       auto-height
       @page-change="onPageChange"
       @selection-change="onSelect"
-    />
+    >
+      <template #col-category="{ row }">
+        <span>{{ categoryText(row.category) }}</span>
+      </template>
+    </page-table>
 
     <page-dialog-form
       ref="dialogForm"
@@ -97,6 +99,9 @@ import {
   editDataCollectionConfig,
   deleteDataCollectionConfig
 } from '@/api/production-master-data/data-collection-configuration'
+import { getOptionalParamsList } from '@/api/production-master-data/optional-params'
+import { getWorkingsubclassAll } from '@/api/production-master-data/process-step'
+import { getQueryCodes } from '@/api/scada-manage/edge-manager'
 import PageTable from '@/components/page-table'
 import PageDialogForm from '@/components/page-dialog-form'
 
@@ -117,140 +122,57 @@ export default {
       dialogTitle: '',
       editId: '',
       handleType: 'create',
-      search: { code: '', name: '', scada_node: '', status: '' },
+      search: {
+        result_param_code: undefined,
+        result_param_name: undefined,
+        scada_node_code: undefined,
+        scada_node_name: undefined
+      },
       pagination: { current: 1, size: 10, total: 0 },
+      workingSubclassOptions: [],
+      workingSubclassRawData: [],
+      resultParamOptions: [],
+      scadaNodeOptions: [],
       formData: {
-        code: '',
+        working_subclass_id: undefined,
-        name: '',
+        category: undefined,
-        scada_node: '',
+        result_param_code: undefined,
-        collect_type: '',
+        scada_node_code: undefined,
-        interval: 1,
+        result_param_type: 1
-        status: 1,
-        remark: ''
       },
       rules: {
-        code: [
+        working_subclass_id: [
-          { required: true, message: this.key('enter_code'), trigger: 'blur' },
+          { required: true, message: this.key('select_working_subclass'), trigger: 'change' }
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
         ],
-        name: [
+        category: [
-          { required: true, message: this.key('enter_name'), trigger: 'blur' },
+          { required: true, message: this.key('select_data_type'), trigger: 'change' }
-          { min: 1, max: 100, message: this.key('remark_length'), trigger: 'blur' }
         ],
-        scada_node: [
+        result_param_code: [
-          { required: true, message: this.key('enter_scada_node'), trigger: 'blur' }
+          { required: true, message: this.key('select_result_param'), trigger: 'change' }
         ],
-        collect_type: [
+        scada_node_code: [
-          { required: true, message: this.key('select_collect_type'), trigger: 'change' }
+          { required: true, message: this.key('select_scada_node'), trigger: 'change' }
         ],
-        interval: [
+        result_param_type: [
-          { required: true, message: this.key('enter_interval'), trigger: 'blur' }
+          { required: true, message: this.key('select_data_type'), trigger: 'change' }
-        ],
-        status: [
-          { required: true, message: this.key('select_status'), trigger: 'change' }
         ]
       },
       columns: [],
       toolbarButtons: [],
       rowButtons: [],
-      formCols: [
+      formCols: []
-        [
-          {
-            type: 'input',
-            prop: 'code',
-            label: this.key('code'),
-            placeholder: this.key('enter_code'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'name',
-            label: this.key('name'),
-            placeholder: this.key('enter_name'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'scada_node',
-            label: this.key('scada_node'),
-            placeholder: this.key('enter_scada_node'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'select',
-            prop: 'collect_type',
-            label: this.key('collect_type'),
-            placeholder: this.key('select_collect_type'),
-            clearable: true,
-            filterable: true,
-            style: { width: '90%' },
-            options: [
-              { label: this.key('real_time'), value: 'real_time' },
-              { label: this.key('periodic'), value: 'periodic' },
-              { label: this.key('trigger'), value: 'trigger' }
-            ]
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'interval',
-            inputType: 'number',
-            label: this.key('interval'),
-            placeholder: this.key('enter_interval'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ],
-        [
-          {
-            type: 'select',
-            prop: 'status',
-            label: this.key('status'),
-            placeholder: this.key('select_status'),
-            clearable: true,
-            filterable: true,
-            style: { width: '90%' },
-            options: [
-              { label: this.key('enable'), value: 1 },
-              { label: this.key('disable'), value: 0 }
-            ]
-          }
-        ],
-        [
-          {
-            type: 'input',
-            prop: 'remark',
-            inputType: 'textarea',
-            autosize: { minRows: 2, maxRows: 6 },
-            label: this.key('remark'),
-            placeholder: this.key('enter_remark'),
-            clearable: true,
-            style: { width: '90%' }
-          }
-        ]
-      ]
     }
   },
   created () {
     this.columns = useTableColumns([
-      { prop: 'sort', label: this.key('sort'), width: 80 },
+      { prop: 'working_subclass', label: this.key('working_subclass'), minWidth: 140 },
-      { prop: 'code', label: this.key('code'), minWidth: 120 },
+      { prop: 'result_param_name', label: this.key('result_param_name'), minWidth: 160 },
-      { prop: 'name', label: this.key('name'), minWidth: 140 },
+      { prop: 'result_param_code', label: this.key('result_param_code'), minWidth: 160 },
-      { prop: 'scada_node', label: this.key('scada_node'), minWidth: 140 },
+      { prop: 'scada_node_name', label: this.key('scada_node_name'), minWidth: 160 },
-      { prop: 'collect_type_name', label: this.key('collect_type'), minWidth: 120 },
+      { prop: 'scada_node_code', label: this.key('scada_node_code'), minWidth: 160 },
-      { prop: 'interval', label: this.key('interval'), width: 100 },
+      { prop: 'category', label: this.key('category'), minWidth: 140, slot: 'category' },
-      { prop: 'status_name', label: this.key('status'), width: 100, slot: true },
+      { prop: 'create_time', label: this.key('create_time'), minWidth: 160 },
-      { prop: 'remark', label: this.key('remark'), minWidth: 120 },
+      { prop: 'update_data', label: this.key('update_data'), minWidth: 160 },
       { prop: '_actions', label: this.key('operation'), width: 160, fixed: 'right' }
     ])
     const btns = useTableButtons({
@@ -260,7 +182,7 @@ export default {
           label: this.key('add'),
           icon: 'el-icon-plus',
           type: 'primary',
-          auth: '/production_configuration/spc_configuration/binding_scada_node/create',
+          auth: '/production_configuration/matetial_model/bom/create',
           onClick: this.openAdd
         }
       ],
@@ -269,7 +191,7 @@ export default {
           key: 'edit',
           label: this.key('edit'),
           icon: 'el-icon-edit',
-          auth: '/production_configuration/spc_configuration/binding_scada_node/edit',
+          auth: '/production_configuration/matetial_model/bom/edit',
           onClick: this.openEdit
         },
         {
@@ -277,13 +199,15 @@ export default {
           label: this.key('delete'),
           icon: 'el-icon-delete',
           color: 'danger',
-          auth: '/production_configuration/spc_configuration/binding_scada_node/delete',
+          auth: '/production_configuration/matetial_model/bom/delete',
           onClick: this.handleDelete
         }
       ]
     }, this.$permission)
     this.toolbarButtons = btns.toolbarButtons
     this.rowButtons = btns.rowButtons
+    this.formCols = this.makeFormCols()
+    this.loadWorkingSubclassOptions()
     this.fetchData()
   },
   methods: {
@@ -295,20 +219,233 @@ export default {
           page_no: this.pagination.current,
           page_size: this.pagination.size
         })
-        const list = Array.isArray(res) ? res : (res.data || [])
+        const data = this.normalizeResponse(res)
-        const total = Array.isArray(res) ? res.length : (res.count || 0)
+        this.tableData = data.list.map((row, index) => this.normalizeRow(row, index))
-        this.tableData = list
+        this.pagination.total = data.total
-        this.pagination.total = total
       } finally {
         this.loading = false
       }
     },
+    normalizeResponse (res) {
+      if (Array.isArray(res)) {
+        return { list: res, total: res.length }
+      }
+
+      const containers = [
+        res,
+        res && res.data,
+        res && res.data && res.data.data
+      ].filter(Boolean)
+
+      for (const item of containers) {
+        if (Array.isArray(item)) {
+          return {
+            list: item,
+            total: this.getTotal(res, item.length)
+          }
+        }
+        const list = item.data || item.list || item.rows || item.records || item.results || item.items
+        if (Array.isArray(list)) {
+          return {
+            list,
+            total: this.getTotal(item, this.getTotal(res, list.length))
+          }
+        }
+      }
+
+      return { list: [], total: 0 }
+    },
+    getTotal (source, fallback) {
+      if (!source) return fallback
+      const total = source.count ?? source.total ?? source.total_count ?? source.record_count
+      const value = Number(total)
+      return Number.isNaN(value) ? fallback : value
+    },
+    firstValue (row, keys, defaultValue = '') {
+      if (!row) return defaultValue
+      for (const key of keys) {
+        const value = row[key]
+        if (value !== undefined && value !== null && value !== '') {
+          return value
+        }
+      }
+      return defaultValue
+    },
+    makeFormCols () {
+      return [
+        [
+          {
+            type: 'select',
+            prop: 'working_subclass_id',
+            label: this.key('working_subclass'),
+            placeholder: this.key('select_working_subclass'),
+            clearable: true,
+            filterable: true,
+            style: { width: '90%' },
+            options: this.workingSubclassOptions,
+            onChange: this.onWorkingSubclassChange
+          }
+        ],
+        [
+          {
+            type: 'select',
+            prop: 'category',
+            label: this.key('category'),
+            placeholder: this.key('select_data_type'),
+            clearable: true,
+            filterable: true,
+            style: { width: '90%' },
+            options: [
+              { label: this.$t(this.key('process_inspection')), value: 'PROCESS_INSPECTION' },
+              { label: this.$t(this.key('result_data')), value: 'RESULT_DATA' }
+            ]
+          }
+        ],
+        [
+          {
+            type: 'select',
+            prop: 'result_param_code',
+            label: this.key('result_param'),
+            placeholder: this.key('select_result_param'),
+            clearable: true,
+            filterable: true,
+            style: { width: '90%' },
+            options: this.resultParamOptions
+          }
+        ],
+        [
+          {
+            type: 'select',
+            prop: 'scada_node_code',
+            label: this.key('scada_node'),
+            placeholder: this.key('select_scada_node'),
+            clearable: true,
+            filterable: true,
+            style: { width: '90%' },
+            options: this.scadaNodeOptions
+          }
+        ],
+        [
+          {
+            type: 'select',
+            prop: 'result_param_type',
+            label: this.key('result_param_type'),
+            placeholder: this.key('select_data_type'),
+            clearable: true,
+            filterable: true,
+            style: { width: '90%' },
+            options: [
+              { label: this.$t(this.key('measurement_type')), value: 1 },
+              { label: this.$t(this.key('count_type')), value: 2 }
+            ]
+          }
+        ]
+      ]
+    },
+    normalizeList (res) {
+      return this.normalizeResponse(res).list
+    },
+    categoryText (value) {
+      const map = {
+        PROCESS_INSPECTION: this.key('process_inspection'),
+        RESULT_DATA: this.key('result_data')
+      }
+      return map[value] ? this.$t(map[value]) : (value || '')
+    },
+    async loadWorkingSubclassOptions () {
+      try {
+        const res = await getWorkingsubclassAll()
+        const list = this.normalizeList(res)
+        this.workingSubclassRawData = list
+        this.workingSubclassOptions = list.map(item => ({
+          label: item.name || item.working_subclass_name || item.code,
+          value: item.id
+        }))
+        this.formCols = this.makeFormCols()
+      } catch (e) {
+        this.formCols = this.makeFormCols()
+      }
+    },
+    findWorkingSubclassById (id) {
+      return this.workingSubclassRawData.find(item => item.id === id)
+    },
+    async onWorkingSubclassChange (value) {
+      this.formData.result_param_code = undefined
+      this.formData.scada_node_code = undefined
+      this.resultParamOptions = []
+      this.scadaNodeOptions = []
+      const workingSubclass = this.findWorkingSubclassById(value)
+      if (!workingSubclass) {
+        this.formCols = this.makeFormCols()
+        return
+      }
+      const code = workingSubclass.code || workingSubclass.working_subclass
+      await Promise.all([
+        this.loadResultParamOptions(value),
+        this.loadScadaNodeOptions(code)
+      ])
+      this.formCols = this.makeFormCols()
+    },
+    async loadResultParamOptions (workingsubclassId) {
+      try {
+        const res = await getOptionalParamsList({
+          workingsubclass_id: workingsubclassId,
+          page_no: 1,
+          page_size: 10000
+        })
+        this.resultParamOptions = this.normalizeList(res).map(item => ({
+          label: item.name || item.result_param_name || item.code,
+          value: item.code || item.result_param_code
+        }))
+      } catch (e) {
+        this.resultParamOptions = []
+      }
+    },
+    normalizeScadaNodeList (res, workingSubclassCode) {
+      const data = res && res.data ? res.data : res
+      if (Array.isArray(data)) return data
+      if (data && Array.isArray(data[workingSubclassCode])) return data[workingSubclassCode]
+      if (data && Array.isArray(data.data)) return data.data
+      return []
+    },
+    async loadScadaNodeOptions (workingSubclassCode) {
+      try {
+        const res = await getQueryCodes(workingSubclassCode)
+        const list = this.normalizeScadaNodeList(res, workingSubclassCode)
+        this.scadaNodeOptions = list.map(item => ({
+          label: item.name || item.scada_node_name || item.code,
+          value: item.code || item.scada_node_code
+        }))
+      } catch (e) {
+        this.scadaNodeOptions = []
+      }
+    },
+    normalizeRow (row) {
+      return {
+        ...row,
+        id: this.firstValue(row, ['id', 'binding_scada_node_id', 'config_id']),
+        working_subclass: this.firstValue(row, ['working_subclass', 'working_subclass_code', 'workingsubclass_code']),
+        working_subclass_id: this.firstValue(row, ['working_subclass_id', 'workingsubclass_id']),
+        result_param_name: this.firstValue(row, ['result_param_name', 'param_name', 'name']),
+        result_param_code: this.firstValue(row, ['result_param_code', 'param_code', 'code']),
+        scada_node_name: this.firstValue(row, ['scada_node_name', 'node_name']),
+        scada_node_code: this.firstValue(row, ['scada_node_code', 'node_code']),
+        category: this.firstValue(row, ['category', 'data_category']),
+        create_time: this.firstValue(row, ['create_time', 'created_at']),
+        update_data: this.firstValue(row, ['update_data', 'update_time', 'updated_at'])
+      }
+    },
     onSearch () {
       this.pagination.current = 1
       this.fetchData()
     },
     onReset () {
-      this.search = { code: '', name: '', scada_node: '', status: '' }
+      this.search = {
+        result_param_code: undefined,
+        result_param_name: undefined,
+        scada_node_code: undefined,
+        scada_node_name: undefined
+      }
       this.pagination.current = 1
       this.fetchData()
     },
@@ -322,14 +459,15 @@ export default {
     },
     resetForm () {
       this.formData = {
-        code: '',
+        working_subclass_id: undefined,
-        name: '',
+        category: undefined,
-        scada_node: '',
+        result_param_code: undefined,
-        collect_type: '',
+        scada_node_code: undefined,
-        interval: 1,
+        result_param_type: 1
-        status: 1,
-        remark: ''
       }
+      this.resultParamOptions = []
+      this.scadaNodeOptions = []
+      this.formCols = this.makeFormCols()
       this.editId = ''
     },
     openAdd () {
@@ -341,28 +479,64 @@ export default {
         this.dialogVisible = true
       })
     },
-    openEdit (row) {
+    async openEdit (row) {
+      if (!this.workingSubclassRawData.length) {
+        await this.loadWorkingSubclassOptions()
+      }
+      const record = this.normalizeRow(row)
       this.handleType = 'edit'
       this.dialogTitle = this.key('edit_title')
-      this.editId = row.id
+      this.editId = record.id
+      const workingSubclassId = record.working_subclass_id || this.getWorkingSubclassIdByCode(record.working_subclass)
       this.formData = {
-        code: row.code,
+        working_subclass_id: workingSubclassId,
-        name: row.name,
+        category: record.category,
-        scada_node: row.scada_node || '',
+        result_param_code: record.result_param_code,
-        collect_type: row.collect_type || '',
+        scada_node_code: record.scada_node_code,
-        interval: row.interval || 1,
+        result_param_type: record.result_param_type || 1
-        status: typeof row.status === 'number' ? row.status : 1,
+      }
-        remark: row.remark || ''
+      this.prepareEditOptions(workingSubclassId, record).finally(() => {
+        this.dialogVisible = true
+      })
+    },
+    getWorkingSubclassIdByCode (code) {
+      const target = this.workingSubclassRawData.find(item => item.code === code || item.working_subclass === code)
+      return target && target.id
+    },
+    async prepareEditOptions (workingSubclassId, record) {
+      const workingSubclass = this.findWorkingSubclassById(workingSubclassId)
+      if (workingSubclass) {
+        await Promise.all([
+          this.loadResultParamOptions(workingSubclassId),
+          this.loadScadaNodeOptions(workingSubclass.code || workingSubclass.working_subclass)
+        ])
+      }
+      if (record.result_param_code && !this.resultParamOptions.some(item => item.value === record.result_param_code)) {
+        this.resultParamOptions.push({ label: record.result_param_name || record.result_param_code, value: record.result_param_code })
+      }
+      if (record.scada_node_code && !this.scadaNodeOptions.some(item => item.value === record.scada_node_code)) {
+        this.scadaNodeOptions.push({ label: record.scada_node_name || record.scada_node_code, value: record.scada_node_code })
+      }
+      this.formCols = this.makeFormCols()
+    },
+    buildSubmitData () {
+      const workingSubclass = this.findWorkingSubclassById(this.formData.working_subclass_id)
+      const workingSubclassCode = workingSubclass && (workingSubclass.code || workingSubclass.working_subclass)
+      const scadaNode = this.scadaNodeOptions.find(item => item.value === this.formData.scada_node_code)
+      return {
+        ...this.formData,
+        working_subclass: workingSubclassCode,
+        scada_node_name: scadaNode ? scadaNode.label : undefined
       }
-      this.dialogVisible = true
     },
     async onDialogSubmit () {
       this.submitting = true
       try {
+        const submitData = this.buildSubmitData()
         if (this.handleType === 'create') {
-          await createDataCollectionConfig(this.formData)
+          await createDataCollectionConfig(submitData)
         } else {
-          await editDataCollectionConfig({ ...this.formData, id: this.editId })
+          await editDataCollectionConfig({ ...submitData, id: this.editId })
         }
         this.$message.success(this.$t(this.key('operation_success')))
         this.dialogVisible = false

src/views/system-administration/user-management/user/index.vue

@@ -21,6 +21,18 @@
               @keyup.enter.native="onSearch"
             />
           </el-form-item>
+          <el-form-item :label="$t(key('status'))">
+            <el-select
+              v-model="search.status"
+              :placeholder="$t(key('select_status'))"
+              clearable
+              style="width:140px"
+              @change="onSearch"
+            >
+              <el-option value="1" :label="$t(key('enable'))" />
+              <el-option value="0" :label="$t(key('disable'))" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" @click="onSearch">
               {{ $t(key('search')) }}
@@ -46,7 +58,7 @@
       @selection-change="onSelect"
     >
       <template #col-status="{ row }">
-        <span v-if="row.status === 1" style="color: #67c23a;">
+        <span v-if="String(row.status) === '1'" style="color: #67c23a;">
           <i class="el-icon-circle-check" />
           {{ $t(key('enable')) }}
         </span>
@@ -79,7 +91,6 @@
 import { useTableColumns } from '@/composables/useTableColumns'
 import { useTableButtons } from '@/composables/useTableButtons'
 import { i18nMixin } from '@/composables/useI18n'
-import { confirmMixin } from '@/composables/useConfirmHandle'
 import { getRoleAll } from '@/api/system-administration/role'
 import {
   getUserList,
@@ -99,10 +110,43 @@ const ownUserId = () => localStorage.getItem('user_id')
 export default {
   name: 'system-administration-user',
   components: { PageTable, PageDialogForm },
-  mixins: [i18nMixin('page.system_administration.user_management.user'), confirmMixin],
+  mixins: [i18nMixin('page.system_administration.user_management.user')],
   data () {
     const key = this.key.bind(this)
     const $t = this.$t.bind(this)
+    const normalizeList = res => {
+      const data = res && res.data !== undefined ? res.data : res
+      if (Array.isArray(data)) return data
+      if (data && Array.isArray(data.list)) return data.list
+      if (data && Array.isArray(data.data)) return data.data
+      if (data && data.data && Array.isArray(data.data.data)) return data.data.data
+      return []
+    }
+    const validateUsernameUnique = async (rule, value, callback) => {
+      const username = String(value || '').trim()
+      if (!username || username.length < 3) {
+        callback()
+        return
+      }
+      try {
+        const res = await getUserList({ username, page_no: 1, page_size: 10000 })
+        const exists = normalizeList(res).some(item => {
+          const sameName = String(item.username || '') === username
+          const sameUser = this.handleType === 'edit' && String(item.user_id) === String(this.editId)
+          return sameName && !sameUser
+        })
+        callback(exists ? new Error($t(key('username_exists'))) : undefined)
+      } catch {
+        callback()
+      }
+    }
+    const validatePasswordConfirm = (rule, value, callback) => {
+      if (this.handleType === 'create' && value && value !== this.formData.password) {
+        callback(new Error($t(key('password_not_match'))))
+        return
+      }
+      callback()
+    }
     return {
       loading: false,
       submitting: false,
@@ -112,12 +156,21 @@ export default {
       dialogTitle: '',
       editId: '',
       handleType: 'create',
-      search: { username: '', nickname: '' },
+      search: { username: '', nickname: '', status: '' },
       pagination: { current: 1, size: 10, total: 0 },
       roleOptions: [],
       columns: [],
       toolbarButtons: [],
       rowButtons: [],
+      formData: {
+        username: '',
+        password: '',
+        password_confirm: '',
+        role_id: '',
+        nickname: '',
+        pass_number: '',
+        status: '1'
+      },
       baseFormCols: {
         create: [
           [{ type: 'input', prop: 'username', label: key('username'), placeholder: key('enter_username'), clearable: true, style: { width: '90%' } }],
@@ -139,7 +192,8 @@ export default {
       baseRules: {
         username: [
           { required: true, message: key('enter_username'), trigger: 'blur' },
-          { min: 3, max: 20, message: key('username_length'), trigger: 'blur' }
+          { min: 3, max: 20, message: key('username_length'), trigger: 'blur' },
+          { validator: validateUsernameUnique, trigger: 'blur' }
         ],
         password: [
           { required: true, message: key('enter_password'), trigger: 'blur' },
@@ -147,10 +201,14 @@ export default {
         ],
         password_confirm: [
           { required: true, message: key('enter_confirm_password'), trigger: 'blur' },
-          { min: 6, max: 64, message: key('password_length'), trigger: 'blur' }
+          { min: 6, max: 64, message: key('password_length'), trigger: 'blur' },
+          { validator: validatePasswordConfirm, trigger: ['blur', 'change'] }
         ],
         role_id: [
           { required: true, message: key('select_user_group'), trigger: 'change' }
+        ],
+        status: [
+          { required: true, message: key('select_status'), trigger: 'change' }
         ]
       }
     }
@@ -168,7 +226,8 @@ export default {
       if (this.handleType === 'edit') {
         return {
           username: this.baseRules.username,
-          role_id: this.baseRules.role_id
+          role_id: this.baseRules.role_id,
+          status: this.baseRules.status
         }
       }
       return this.baseRules
@@ -255,10 +314,18 @@ export default {
     async initRoleOptions () {
       try {
         const res = await getRoleAll()
-        const data = Array.isArray(res) ? res : (res.data || [])
+        const data = this.normalizeResponse(res).list
         this.roleOptions = data.map(item => ({ value: item.id, label: item.name }))
       } catch { /* 忽略 */ }
     },
+    normalizeResponse (res) {
+      const data = res && res.data !== undefined ? res.data : res
+      if (Array.isArray(data)) return { list: data, total: data.length }
+      if (data && Array.isArray(data.list)) return { list: data.list, total: Number(data.count || data.total || data.list.length) }
+      if (data && Array.isArray(data.data)) return { list: data.data, total: Number(data.count || data.total || data.data.length) }
+      if (data && data.data && Array.isArray(data.data.data)) return { list: data.data.data, total: Number(data.data.count || data.data.total || data.data.data.length) }
+      return { list: [], total: 0 }
+    },
     async fetchData () {
       this.loading = true
       try {
@@ -267,10 +334,9 @@ export default {
           page_no: this.pagination.current,
           page_size: this.pagination.size
         })
-        const list = Array.isArray(res) ? res : (res.data || [])
+        const data = this.normalizeResponse(res)
-        const total = Array.isArray(res) ? res.length : (res.count || 0)
+        this.tableData = data.list
-        this.tableData = list
+        this.pagination.total = data.total
-        this.pagination.total = total
       } finally {
         this.loading = false
       }
@@ -280,7 +346,7 @@ export default {
       this.fetchData()
     },
     onReset () {
-      this.search = { username: '', nickname: '' }
+      this.search = { username: '', nickname: '', status: '' }
       this.pagination.current = 1
       this.fetchData()
     },
@@ -377,16 +443,34 @@ export default {
         } catch { /* 拦截器已处理 */ }
       }).catch(() => {})
     },
+    async confirmAction (message, action) {
+      try {
+        await this.$confirm(
+          this.$t(message),
+          this.$t(this.key('prompt')),
+          {
+            confirmButtonText: this.$t(this.key('confirm')),
+            cancelButtonText: this.$t(this.key('cancel')),
+            type: 'warning',
+            closeOnClickModal: false
+          }
+        )
+      } catch {
+        return false
+      }
+      await action()
+      return true
+    },
     async handleDelete (row) {
       if (String(row.user_id) === ownUserId()) {
         this.$message.warning(this.$t(this.key('cannot_delete_self')))
         return
       }
-      const cancelled = await this.$confirmAction(
+      const ok = await this.confirmAction(
-        { message: this.key('confirm_delete'), title: this.key('prompt') },
+        this.key('confirm_delete'),
         () => deleteUser({ id: [row.user_id] })
       )
-      if (cancelled) return
+      if (!ok) return
       this.$message.success(this.$t(this.key('operation_success')))
       this.pagination.current = Math.min(
         this.pagination.current,
@@ -405,11 +489,11 @@ export default {
         this.$message.warning(this.$t(this.key('select_rows_first')))
         return
       }
-      const cancelled = await this.$confirmAction(
+      const ok = await this.confirmAction(
-        { message: this.key('confirm_batch_delete'), title: this.key('prompt') },
+        this.key('confirm_batch_delete'),
         () => batchDeleteUser({ id: rows.map(row => row.user_id) })
       )
-      if (cancelled) return
+      if (!ok) return
       this.$message.success(this.$t(this.key('operation_success')))
       this.fetchData()
     },