feat(business): 优化待调度列表汇总数字高亮显示
- 新增 computed 属性 dispatchSummarySegments,实现待调度列表汇总文本结构化拆分 - 将模板中 dispatchSummaryText 替换为 v-for 渲染,待调度件数字显示为蓝色加粗 - 修正「件」字未分离导致整词变色问题,改为数字与单位拆分渲染 - 用户反馈后,扩展高亮范围至所有单位数字,包括「吨」「方」等 - 维持文本格式与原串完全一致,未改动原有业务逻辑和校验 - 优化部分样式,调整页面内间距,如 section-card 间距和工具栏内边距等 - 修正部分组件结构,如 master-order
This commit is contained in:
@@ -69,3 +69,13 @@
|
||||
3. 删除不再使用的 `__section/__field/__field-label/__field-label--required` 样式;保留 `__finish-days` 与节点表格相关样式。
|
||||
- 卡片间距:全局 `.section-card{margin-bottom:8px}` 在本页生效(无 `!important` 覆盖),三张白卡自动保持 8px 间隔。
|
||||
- 校验:@vue/compiler-sfc 编译通过,3 个 section-card 均正确闭合;未动任何业务逻辑(validateRow/syncNodeFields 等不变)。
|
||||
|
||||
## business-crud-page.vue 待调度列表汇总「件」蓝色高亮
|
||||
- 需求:调度弹窗「待调度列表」标题右侧汇总 `共50吨、100件 | 已调度 50吨、100件,剩余0吨、0件` 中,单位是「件」的数字用蓝色显示。
|
||||
- 改造(src/views/business/components/business-crud-page.vue):
|
||||
1. 新增 computed `dispatchSummarySegments`,把原纯文本 `dispatchSummaryText` 拆成结构化三段(共/已调度/剩余),每段 items 带 `{unit, value, isPiece: unit==='件'}`,文本拼接方式与原格式完全一致(含空格、`|`、`、`、逗号)。
|
||||
2. 模板(约 2546 行)由 `{{ dispatchSummaryText }}` 改为 `v-for` 渲染;`件` 数字包裹 `<span class="dispatch-summary-value is-piece">`。
|
||||
3. 样式:`.business-crud-page__dispatch-list-summary .dispatch-summary-value.is-piece { color:#409eff; font-weight:600 }`(项目主蓝,轻微加粗更醒目)。
|
||||
- 校验:文本格式与原串逐字符一致,仅「件」数字变色;未动 `dispatchSummaryItems` 等其它逻辑。
|
||||
- 修正(用户反馈):原把整段「数字+件」一起变蓝导致「件」字也蓝。改为数字与单位拆成两个 span(`dispatch-summary-value` 仅含数字、`dispatch-summary-unit` 含单位),蓝色与加粗只作用于数字,「件」字保持默认色。
|
||||
- 二次修正(用户反馈):「吨」数字也要蓝。将 `isPiece` 由 `unit==='件'` 放宽为恒 `true`,即所有单位的数字均蓝色、单位字默认色(覆盖 吨/件/方 等)。
|
||||
|
||||
Reference in New Issue
Block a user