gxwebsoft
8883186344
- 新增全局 `.status-text` 样式，去除 el-tag 背景和边框，仅保留彩色文字和跟随文字颜色的圆点 - 业务状态相关的 el-tag 标签全部加上 `class="status-text"`，覆盖调度状态、审批状态、运单状态等全站业务状态展示 - 统一发货模板查看弹窗的卡片样式，新增分区块样式与运费信息展示板块 - 调整发货模板弹窗详情 label 宽度，所有 el-descriptions 的 label 宽度统一为 140px 以保证视觉一致 - 表格列内嵌输入控件全宽默认样式生效，无需单独设置跨度，解决输入框显示不足问题 - 弹窗中的部分表单和导入区域使用 `section-card` 统一卡片风格 - 客商档案查看模式改为独立路由，实现查看与编辑隔离并调整对应操作按钮文案 - 相关样式调整及细节优化，包括运费单位颜色等辅助样式，保证界面细节统一规范
21 lines
2.5 KiB
Markdown
21 lines
2.5 KiB
Markdown
# 2026-08-24
|
||
|
||
## 发货模板查看弹窗白底卡片统一化
|
||
- 问题：shipping-template 查看弹窗仍走 Avue 默认 rowView，各板块无白底卡片分隔。
|
||
- 改动：
|
||
- `src/option/business/shipping-template.js`：config 新增 `detailButton: true`、`detailButtonIgnoreDraftStatus: true`，并配置 `detailSections`（模板信息/基本信息/收发货信息），每板块两列 el-descriptions，备注与地址占整行。
|
||
- `src/views/business/components/business-crud-page.vue`：在 detailBox 通用详情模板中，货物信息卡片后新增运费信息 section-card，区分公路（单价/数量合计/运费/运费合计/其他运费合计/币种）与非公路（运费/数量合计/其他运费合计/币种）展示。
|
||
- 样式：`&__detail-content` 已统一 `gap: 12px`，section-card 间距即为 12px；新增 `&__freight-descriptions` 单位/币种辅助色。
|
||
- 验证：`npm run build` 通过。
|
||
|
||
## 发货模板查看弹窗 label 宽度统一
|
||
- 问题：详情弹窗各 section 的 el-descriptions 按内容自动列宽，导致「收发货信息」板块含 6 字标签（发货联系方式/收货联系方式）时 label 列比其他板块（4 字标签）更宽，视觉不一致。原 CSS `.el-descriptions__label{width:140px}` 在含 span 行的 fixed 布局下未能可靠等宽。
|
||
- 改动：`src/views/business/components/business-crud-page.vue` 在通用详情描述（line ~3109）与运费信息两张描述表（road / 非 road）上加 `label-width="140px"`（Element Plus 原生机制，覆盖 auto 列宽与 span 行差异），使所有详情 label 列统一 140px。
|
||
- 验证：`npm run build` 通过。
|
||
|
||
## 全站业务状态标签文字化（调度状态/审批状态）
|
||
- 新增全局 `.status-text` 工具类（`src/styles/element-ui.scss` 末尾）：去掉 `el-tag` 背景/边框，保留彩色文字 + `currentColor` 圆点。
|
||
- 全站所有业务状态 `el-tag` 统一加 `class="status-text"`：business-crud-page（#status/#businessStatus/#approvalStatus 插槽 + 运输计划详情头 + 运单详情头 + 调度弹窗头）、master-order 系列 businessStatus、loading-manage 详情弹窗、结算三处 approvalStatus、process-config 流程状态。
|
||
- 已通过 dev (localhost:2889) HMR 生效，刷新即可查看。调度状态（businessStatus）全站视觉已统一为"文字 + 颜色"。
|
||
- `credit-score-quantification.vue` 状态列（#status 插槽，statusMap: 正常/停用/草稿）的 el-tag 也加 `.status-text` 统一。
|