feat(workOrder): 调整工单表格列、优化订单号显示与单元格样式
调整工单表格的表头与字段,新增加工品相关列
为生产订单号添加末尾4位截断格式化及空值保护
新增表格单元格自动换行样式以优化长文本展示
| | |
| | | label: "生产订单号", |
| | | prop: "productOrderNpsNo", |
| | | width: "140", |
| | | formatData: val => (val && val.length > 4 ? val.slice(0, -4) : val || ""), |
| | | }, |
| | | { |
| | | label: "产品名称", |
| | | label: "成品名称", |
| | | prop: "finalProductModel", |
| | | minWidth: 200, |
| | | overHidden: false |
| | | }, |
| | | { |
| | | label: "加工品名称", |
| | | prop: "productName", |
| | | width: "140", |
| | | }, |
| | | { |
| | | label: "规格", |
| | | label: "加工品规格", |
| | | prop: "model", |
| | | }, |
| | | { |
| | | label: "单位", |
| | | label: "加工品单位", |
| | | prop: "unit", |
| | | }, |
| | | { |
| | |
| | | teamList: [], |
| | | deviceId: null, |
| | | }); |
| | | |
| | | function removeLastFour(str) { |
| | | if (!str) return ''; // 空值保护 |
| | | return str.toString().slice(0, -4); // 核心:截取 0 到 倒数第4位 |
| | | } |
| | | // 本次生产数量验证规则 |
| | | const validateQuantity = (rule, value, callback) => { |
| | | if (value === null || value === undefined || value === "") { |
| | |
| | | height: 140px !important; |
| | | } |
| | | } |
| | | .el-table .cell { |
| | | white-space: normal !important; |
| | | word-break: break-all; |
| | | } |
| | | </style> |