# 2026-09-02 工作日志 ## 合同/运力页「到期快捷筛选」标签统一改为独立一行 - 需求:把 avue-crud 搜索栏 `#search-menu` 里的 `` 到期快捷筛选组,移出搜索栏、单独成一行(搜索卡下方、表格上方),不加卡片包裹。 - 实现:改用 avue-crud 的 `#header` 插槽承载该组;CSS 由 `order:-1; margin-right:12px; min-width:0`(搜索按钮行内联)改为 `margin-bottom:12px`(独立行)。 - 涉及文件(4 处,均已改): - `src/views/business/contract-manage.vue`(首改,用 `.contract-manage-page__expiry-search`) - `src/views/transportCapacity/vehicle.vue`(`.transport-vehicle-page__expiry-tags`) - `src/views/transportCapacity/driver.vue`(`.driver-page__expiry-tags`) - `src/views/transportCapacity/ship.vue`(`.transport-ship-page__expiry-tags`) - 各页变量名保留原样(contract-manage 用 contractExpiryScope/changeExpiryScope/contractExpiryStats;运力页用 query.expireStatus/handleExpireChange/expiryStat)。 - 已补改:`src/views/payment/components/bill-ledger-search.vue` —— 独立自定义搜索子组件。`bill-ledger-search__actions` 由「标签+按钮同一行(右对齐)」改为 `flex-direction:column; gap:12px`:标签独立一行(左对齐,去掉 justify-content:flex-end),按钮另起一行右对齐。标签变量 shortcutOptions/query.expiryShortcut 不变。用户确认需统一,故改之。 ## transportCapacity/ship 新增弹窗 input 宽度统一 - 问题:新增/修改弹窗内输入控件宽度不一致(文本框明显窄于下拉框、日期框)。 - 根因:`src/views/transportCapacity/ship.vue` 末尾 scoped 样式中独有 `.el-input__wrapper{width:150px !important}`,把文本框包裹层强制压成 150px,而 `el-select`(用 `.el-select__wrapper`)、日期/数字框不受影响 → 文本框与下拉框宽度不齐。同模块的 driver.vue / vehicle.vue 均无此规则。 - 修复: 1. 删除 `.el-input__wrapper{width:150px!important}` 异常规则。 2. 增强 `.ship-form` 内输入控件的 100% 宽度覆盖,补齐 `.el-select__wrapper` / `.el-cascader` / `.el-input__wrapper`,使文本框/下拉/日期/数字框均 100% 填满所在栅格列。 - 说明:弹窗仍保留不同栅格列宽(span6/8/12/16)的密集布局,同行字段已等宽;若需跨行全部 input 绝对像素等宽(统一栅格列宽),需进一步重排。