gxwebsoft
e538b7f509
- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div，强制内容左对齐 - 新增 scoped 样式 .business-crud-page__contract-name，设置 text-align: left - contract-manage.js 保留 contractName 列 align 和 headerAlign 配置，作为兜底 - 调整合同名称列最小宽度和合同管理页面菜单宽度 - 修复车辆信用评分量化页面部分文本居中样式移除
142 lines
13 KiB
Markdown
142 lines
13 KiB
Markdown
# 2026-08-20 工作日志
|
||
|
||
## 保险 OCR 识别模板弹窗列宽调整
|
||
|
||
- 调整文件：`src/views/base/insurance-ocr-template.vue`
|
||
- 修改内容：字段映射表格中，键名列由 `min-width="240"` 改为 `width="120" align="center"`；自定义映射值列由 `min-width="500"` 改为 `width="360"`。
|
||
- 原因：原列宽导致表格总宽度超出 860px 弹窗 body 可用区域，输入框右侧字数统计（0/100）被截断看不全。
|
||
|
||
## 保险 OCR 识别模板弹窗卡片化
|
||
|
||
- 调整文件：`src/views/base/insurance-ocr-template.vue`
|
||
- 修改内容：将弹窗内表单的白色背景 `div` 替换为全局 `<section-card title="模板信息">` 组件，形成白底圆角卡片；同时为自定义映射值列保留 `width="360"`，避免在卡片内被撑开。
|
||
- 原因：用户希望弹窗表单区域呈现卡片效果，与项目统一的 `section-card` 分组风格一致。
|
||
|
||
## 运输计划调度弹窗表头背景色调整
|
||
|
||
- 调整文件：`src/views/business/components/business-crud-page.vue`
|
||
- 修改内容：在“计划调度”弹窗的待调度列表 `el-table` 上增加 `:header-cell-style="{ background: '#fafafa' }"`，将表头背景由白色改为浅灰。
|
||
- 原因：用户反馈 `/business/transport-plan` 页面白色表头需统一改为灰色 `#fafafa`。
|
||
|
||
## 运单管理货物信息表头背景色调整
|
||
|
||
- 调整文件：`src/views/business/components/business-crud-page.vue`
|
||
- 修改内容：在 `goodsJson-form` 货物信息表格上增加 `:header-cell-style="{ background: '#fafafa' }"`，表头背景改为浅灰。
|
||
- 原因：用户反馈 `/business/waybill-manage` 页面货物信息表头需统一改为灰色 `#fafafa`。
|
||
|
||
## 全站 el-table 表头背景色统一
|
||
|
||
- 调整文件：`src/styles/element-ui.scss`（修改原仅限 `.avue-crud` 的表头规则）
|
||
- 修改内容：将表头背景规则扩展为全站 `.el-table` 表头（含普通表格、avue-crud、固定列），统一 `background-color: #fafafa !important`。
|
||
- 连带清理：移除 `business-crud-page.vue` 中两处冗余的 `:header-cell-style="{ background: '#fafafa' }"`（调度表、货物表），改由全局规则兜底。
|
||
- 影响：`/business/loading-manage`、`/business/waybill-manage`、`/business/transport-plan` 以及全站所有白色 el-table 表头均统一为 `#fafafa`。`!important` 同时覆盖了部分组件内 scoped 设定的 `#f5f7fa` 表头背景。
|
||
|
||
## 应收明细调整费用弹窗按钮间距
|
||
|
||
- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
|
||
- 修改内容：为“调整费用”弹窗内的 `.settlement-detail-page__adjust-toolbar` 增加 `margin-bottom: 16px`，让“新增费用项”按钮与下方表格拉开间距。
|
||
- 原因：用户反馈 `/settlement/receivable-detail` 页面调整费用弹窗中“新增费用项”按钮与表格贴得太近。
|
||
|
||
## 应收明细生成费用弹窗搜索区域加白底
|
||
|
||
- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
|
||
- 修改内容：为“生成费用”弹窗内的搜索 `el-form` 增加 class `settlement-detail-page__generate-search`，设置白底、圆角 6px、轻阴影，并与下方表格保留 16px 间距。
|
||
- 原因：用户反馈 `/settlement/receivable-detail` 页面生成费用弹窗中搜索区域缺少白底卡片效果。
|
||
|
||
## 应收明细更新费用弹窗表单加白底
|
||
|
||
- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
|
||
- 修改内容：为“更新费用”弹窗的 `.settlement-detail-page__dialog-form` 增加白底、圆角 6px、轻阴影；将 padding 由 `16px 20px 0` 改为 `16px 20px`，并去掉最后一个表单项的底部外边距。
|
||
- 原因：用户反馈 `/settlement/receivable-detail` 页面更新费用弹窗中表单区域缺少白底卡片效果。
|
||
|
||
## 应收明细批量转结算弹窗搜索区域加白底
|
||
|
||
- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
|
||
- 修改内容：为“批量转结算”弹窗的 `.settlement-detail-page__transfer-form` 搜索区域增加白底、圆角 6px、轻阴影，并保留与下方表格 16px 间距。
|
||
- 原因：用户反馈 `/settlement/receivable-detail` 页面批量转结算弹窗中搜索区域缺少白底卡片效果。
|
||
|
||
## 预结算单编辑弹窗改白底卡片分组
|
||
|
||
- 调整文件：`src/views/settlement/components/pre-settlement-editor.vue`
|
||
- 修改内容：将“新增/编辑预结算单”弹窗内的全部板块由自定义 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：结算基本信息、结算合计、结算明细、附件、预付信息（readonly）、变更记录（readonly）。结算合计/结算明细头部右侧按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.pre-settlement-editor__section` 与 `.pre-settlement-editor__section-head` 样式，并去掉了 `.pre-settlement-editor__form` 多余的 `margin-top`。
|
||
- 间距：卡片间距沿用全局 `.section-card` 的 `margin-bottom: 12px`（符合用户要求）。候选弹窗（添加应收应付明细）的 `dialog-section-title` 保持不变。
|
||
- 原因：用户要求预结算单弹窗各板块使用白底卡片分隔，统一项目视觉规范。
|
||
|
||
## 应收明细详情弹窗 tabs 内容区背景改白
|
||
|
||
- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
|
||
- 修改内容：在 scoped 样式末尾新增 `.settlement-detail-dialog` 规则块，对 `:deep(.el-tabs__content)` 设置 `background: #fff; padding: 16px; border-radius: 0 0 6px 6px;`，`:deep(.el-tab-pane)` 设为透明。
|
||
- 原因：全局 `.el-dialog__body { background: #f5f6fa }` 灰底透到 tabs 内容区（费用明细/变更记录），用户要求改为白色背景。
|
||
|
||
## 预结算单打印弹窗白底卡片化
|
||
|
||
- 调整文件：`src/views/settlement/pre-settlement.vue`
|
||
- 修改内容：将“打印”弹窗内的手写 `.dialog-section-title` + 普通 `el-form` 改为全局 `<section-card title="选择打印模板">` 包裹表单；为打印弹窗增加 `class="pre-settlement-print-dialog"`；删除页面底部不再使用的 `.dialog-section-title` 样式块，并去掉 `.pre-settlement-page__print-form` 的 `margin-top`。
|
||
- 原因：用户要求 `/settlement/pre-settlement` 打印弹窗按项目规范使用白底卡片分组，与预结算单编辑弹窗风格统一。
|
||
|
||
## 正式结算付款申请弹窗白底卡片化
|
||
|
||
- 调整文件：`src/views/settlement/formal-settlement.vue`
|
||
- 修改内容：将“付款申请”弹窗内的普通 `el-form` 改为全局 `<section-card title="付款信息">` 包裹；为弹窗增加 `class="formal-payment-dialog"`；按全站按钮规范将“提交”按钮由 `type="primary"` 改为 `type="success"`。
|
||
- 原因：用户要求 `/settlement/formal-settlement` 付款申请弹窗使用白底卡片分组，并与项目统一按钮风格对齐。
|
||
|
||
## 正式结算单编辑弹窗改白底卡片分组
|
||
|
||
- 调整文件：`src/views/settlement/components/formal-settlement-editor.vue`
|
||
- 修改内容：将“新增/编辑正式结算单”弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：结算基本信息、来源预结算单、结算明细、附件、付款信息（readonly）。“来源预结算单”头部按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.formal-editor__section` 与 `.formal-editor__section-head` 样式。
|
||
- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
|
||
- 原因：用户要求 `/settlement/formal-settlement` 页面与预结算单弹窗统一使用白底卡片分隔。
|
||
|
||
## 正式结算选择预结算单/选择结算明细弹窗搜索区白底
|
||
|
||
- 调整文件：`src/views/settlement/components/formal-settlement-editor.vue`
|
||
- 修改内容：为"选择预结算单"和"选择结算明细"两个弹窗内的搜索 `el-form` 分别增加 class `formal-editor__candidate-search` / `formal-editor__detail-search`，统一样式：白底、圆角 6px、12px 内边距、16px 底间距、轻阴影。
|
||
- 原因：用户反馈 `/settlement/formal-settlement` 页面"选择预结算单"弹窗搜索区域缺少白底卡片效果。
|
||
|
||
## 运输对账单编辑弹窗改白底卡片分组
|
||
|
||
- 调整文件：`src/views/settlement/components/transport-reconciliation-editor.vue`
|
||
- 修改内容：将"新增/编辑运输对账单"弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：导入外部账单与内部账单核对、内部账单、导入外部账单、操作说明。"导入外部账单"头部按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.reconciliation-editor__section` 与 `.reconciliation-editor__section-head` 样式。
|
||
- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
|
||
- 验证：已通过 SFC 解析与模板编译检查。
|
||
- 原因：用户要求 `/settlement/transport-reconciliation` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
|
||
|
||
## 结算调整单编辑弹窗改白底卡片分组
|
||
|
||
- 调整文件：`src/views/settlement/components/settlement-adjustment-editor.vue`
|
||
- 修改内容：将"新增/编辑结算调整单"弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：基本信息、调整费用。"调整费用"头部"添加费用"按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.settlement-adjustment-editor__section`、`.settlement-adjustment-editor__section-head` 以及 `.dialog-section-title` 样式块。
|
||
- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
|
||
- 验证：已通过 SFC 解析与模板编译检查。
|
||
- 原因：用户要求 `/settlement/settlement-adjustment` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
|
||
|
||
## 运单详情起终点区域改垂直时间轴（方案B）
|
||
|
||
- 调整文件：`src/views/business/components/business-crud-page.vue`
|
||
- 修改内容：在 `isWaybillDetailLayout` 区块，将 `__waybill-route` 的横向“起/终方块+横杠”改为垂直时间轴：左列两个圆点（蓝 `#409eff` / 橙 `#e6a23c`，带白圈光晕），之间用绝对定位的虚线（`repeating-linear-gradient`）连接；右列为“发货地/收货地”标签 + 地名（`-webkit-line-clamp: 2` 允许长名换行）+ 省市区地址（`el-tooltip` 悬浮显示完整地址）。
|
||
- 删除旧类：`__waybill-route-head`、`__waybill-route-text` 及其样式（已确认全仓无其它引用）。
|
||
- 响应式：1200px 断点下的 `grid-row:auto; grid-column: 1/-1` 规则仍生效，垂直轴在窄屏自动转为整行。
|
||
- 原因：用户认为原右上角起终点方块像按钮、地址被挤压截断、层级不清晰，选择方案B（垂直时间轴）。
|
||
|
||
## 多联总单编辑页收发货信息布局整改
|
||
|
||
- 调整文件：`src/views/business/components/master-order-editor.vue`（仅样式，逻辑未动）
|
||
- 修改内容：
|
||
1. `.route-step-icon` 加 `min-width: 32px; min-height: 32px; flex-shrink: 0;`，并给外层 `:deep(.el-step__icon)` 加 `flex-shrink: 0;` —— 修复竖向时间轴「起/经/终」节点（尤其「经」字）被压扁变形。
|
||
2. `.route-node-form` grid 由 `minmax(360px,1.8fr) minmax(200px,1fr) minmax(260px,1.2fr) minmax(260px,1.2fr)` 改为 `repeat(2, minmax(420px,1fr)) repeat(2, minmax(260px,1fr))`；新增 `:deep(.el-form-item.route-address-form-item) { grid-column: span 2; }` —— 地址项独占前两列（更宽）。
|
||
3. `.route-address-name`（行政区划 cascader）由 `flex: 0 0 140px` 加宽到 `220px` —— 完整显示「大坡服务区（梧州段）」等较长名称。
|
||
4. 响应式 `@media (max-width:1440px)` 内 `.route-node-form` 改 `repeat(2, minmax(320px,1fr))` 并同步 `.route-address-form-item { grid-column: span 2 }` —— 小屏地址项独占整行。
|
||
- 原因：客户反馈该页收发货信息中行政区划/详细地址输入框过窄导致长地址被截断，且左侧时间轴节点变形。改完用户刷新 localhost:2889 查看效果。
|
||
|
||
## master-order 弹窗搜索栏白底补齐
|
||
- `src/views/business/components/master-order-editor.vue` line 1815-1818：把 `.common-cargo-dialog__search` 单条白底规则改写为 `.common-address-dialog__search, .common-cargo-dialog__search { background: #fff }`，让"选择常用地址"弹窗的搜索栏也跟随既有白卡样式（其他 `.route-dialog__search` 默认无该 class，仍保留灰底）。
|
||
|
||
## 合同管理合同名称列左对齐修复
|
||
|
||
- 调整文件：`src/views/business/components/business-crud-page.vue`、`src/option/business/contract-manage.js`
|
||
- 修改内容：
|
||
1. 在 `business-crud-page.vue` 的 `#contractName` 插槽内，用 `<div class="business-crud-page__contract-name">` 包裹 `el-link` / `span` 内容。
|
||
2. 在 `business-crud-page.vue` 的 scoped SCSS 中新增 `.business-crud-page__contract-name { text-align: left; }`。
|
||
3. 保留 `contract-manage.js` 中 `contractName` 列的 `align: 'left'` / `headerAlign: 'left'` 配置（虽然 Avue slot 列的 align 未生效，作为兜底仍保留）。
|
||
- 原因：用户反馈 `/business/contract-manage` 的合同名称列文字仍居中。Avue 自定义 slot 列的 `align` 属性似乎没有正确作用到单元格，改由插槽内容自身强制 `text-align: left` 更可靠。
|
||
- 影响：所有使用 `business-crud-page` 且渲染 `contractName` 插槽的页面，其合同名称单元格内容都会左对齐。
|