diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md index ed21e44..324d77a 100644 --- a/.workbuddy/memory/2026-08-13.md +++ b/.workbuddy/memory/2026-08-13.md @@ -93,3 +93,11 @@ 1. `.dialog-section-title > span { line-height: 1 }` 收紧标题文字行高。 2. `&__section-actions .el-link { display:inline-flex; align-items:center; line-height:1 }` 让链接严格垂直居中。 - 校验:两处使用 `.dialog-section-title--action.business-crud-page__goods-title` + `__section-actions` 的货物信息标题都会生效。 + +## transportCapacity/driver.vue 到期筛选标签靠右对齐 + +- 需求:将搜索栏下方「全部/30天内到期/已到期」筛选标签靠右对齐,放到搜索按钮前面并保留间距。 +- 改动(src/views/transportCapacity/driver.vue): + - `.driver-page__expiry-tags` 的 `margin-right: auto` 改为 `margin-right: 12px`。 + - 保留 `order: -1` 使标签在 Flex 排列中位于搜索按钮之前;全局 `.avue-crud__search .avue-form__menu` 已设 `justify-content: flex-end`,删除 `auto` 后标签与按钮作为一个整体靠右排列,不再分居两端。 +- 间距:标签内部 `gap: 8px` 保留;标签与搜索按钮之间 12px。 diff --git a/.workbuddy/memory/2026-08-14.md b/.workbuddy/memory/2026-08-14.md new file mode 100644 index 0000000..c73b5db --- /dev/null +++ b/.workbuddy/memory/2026-08-14.md @@ -0,0 +1,33 @@ +# 2026-08-14 工作记录 + +## temporary-credit-limit 弹窗 label 固定 6 汉字宽度并换行 + +- 需求:用户反馈 `/business/temporary-credit-limit` 新增弹窗中 label「已使用项目资金使用额度(万元)」过宽(227px),希望超过 6 个汉字就换行。 +- 宽度来源: + - `src/option/business/common.js` 的 `createCrudOption` 中 `labelWidth: 'auto'`; + - Avue 会按当前弹窗内最长 label 自动计算宽度,故出现 227px。 + - `src/styles/element-ui.scss` 第 164 行 `.el-dialog .el-form-item__label { white-space: nowrap }` 阻止换行。 +- 改动: + 1. `src/option/business/temporary-credit-limit.js`:option 增加 `dialogCustomClass: 'temporary-credit-limit-dialog'`。 + 2. `src/styles/element-ui.scss`:新增 `.temporary-credit-limit-dialog .el-form-item__label` 规则,固定宽度 `calc(6em + 24px)`,并设置 `white-space: normal; word-break: break-all; overflow-wrap: anywhere; line-height: 18px`,实现超长 label 自动换行。 + 3. 同时给 `.temporary-credit-limit-dialog .el-form-item { align-items: center; }` 保持垂直居中。 +- 参考:同文件已有 `.avue-dialog--common-route` 使用相同 6em label 宽度方案。 + +## transportCapacity/ship 到期筛选标签默认展开并靠前 + +- 需求:用户反馈 `/transportCapacity/ship` 页面搜索栏的「全部/30天内到期/已到期」标签需要点击「展开」后才显示,希望默认直接显示;且位置要位于搜索按钮前面。 +- 原因:`src/option/transportCapacity/transport-ship.js` 中 `searchIndex: 4`,默认只展示前 4 个搜索条件,而 `expireStatus` 的 `searchOrder: 0`(Avue 越大越靠前)排在第 6 位,因此被折叠到第二行。 +- 改动: + - `src/option/transportCapacity/transport-ship.js`:`searchIndex: 4 → 6`,让全部 6 个搜索条件默认展开,标签无需再点展开即可看到。 + - 由于 `expireStatus` 排在最后,展开后它自然位于第二行末尾、搜索按钮之前,满足"移到搜索按钮前面"的要求。 + +## transportCapacity/vehicle 与 ship 到期筛选标签重构(对齐 driver 的 #search-menu 方案) + +- 需求:用户希望 `/transportCapacity/vehicle` 和 `/transportCapacity/ship` 的「全部/30天内到期/已到期」标签与 driver 页一致:① 不展开就直接显示;② 移到搜索按钮前面并保留间距。 +- 关键差异(排查发现):driver 用 `#search-menu` 插槽把标签渲染在**按钮所在行**;而 vehicle/ship 之前用 `#expireStatus-search` 列插槽,标签被渲染进**搜索条件网格**(位置不对)。 +- 改动(两页同样处理): + 1. `.vue`:`