From 2fae0772fe886620872c6f92f3635fb25aa92c15 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Fri, 14 Aug 2026 12:10:16 +0800 Subject: [PATCH] =?UTF-8?q?style(business-crud-page):=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E5=88=B0=E6=9C=9F=E7=AD=9B=E9=80=89=E6=A0=87=E7=AD=BE=E5=AF=B9?= =?UTF-8?q?=E9=BD=90=E5=92=8C=E4=BC=98=E5=8C=96=E7=BD=91=E6=A0=BC=E5=88=97?= =?UTF-8?q?=E5=AE=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - contract-manage 页面到期筛选标签由靠左改为靠右对齐,满足用户需求 - 修改 .business-crud-page__contract-expiry-search 样式,移除 order 并应用 margin-left: auto - 增加 waybill-summary-grid 网格最后一列宽度,提升布局视觉效果 - transportCapacity 下 transport-ship 和 transport-vehicle 配置中调整 searchIndex 值以优化搜索栏顺序 - 确认 vite build 全量编译通过,无新增构建错误或警告 --- .workbuddy/memory/2026-08-14.md | 6 ++++++ src/option/transportCapacity/transport-ship.js | 2 +- src/option/transportCapacity/transport-vehicle.js | 2 +- src/views/business/components/business-crud-page.vue | 5 ++--- 4 files changed, 10 insertions(+), 5 deletions(-) diff --git a/.workbuddy/memory/2026-08-14.md b/.workbuddy/memory/2026-08-14.md index 7d3de7a..26ebf84 100644 --- a/.workbuddy/memory/2026-08-14.md +++ b/.workbuddy/memory/2026-08-14.md @@ -44,3 +44,9 @@ - option 改动(已完成):`src/option/business/process-config.js` 置 `saveBtn/updateBtn/addBtn/viewBtn/editBtn/delBtn:false`,关闭 Avue 内置弹窗按钮。 - 样式:新增 `:deep(.process-dialog .el-dialog__body){max-height:72vh;overflow:auto}`,对齐 customer-archive 的 `.archive-dialog` 滚动行为(长内容时 body 滚动、footer 固定)。 - 验证:`vite build --outDir /tmp/pc-build-check` 全量编译通过(仅动态导入 chunk 警告,与本改动无关);之前 `npm run build` 失败仅因沙箱 safe-delete 守卫清理旧 dist/ 触发,非代码错误。 + +## contract-manage 到期筛选标签靠右对齐 + +- 需求:用户截图反馈 `/business/contract-manage` 搜索栏中「全部/30天内到期/90天内到期/90天以上/已到期」标签需要靠右对齐。 +- 改动:`src/views/business/components/business-crud-page.vue` 中 `.business-crud-page__contract-expiry-search` 样式由 `order: -1; margin-right: auto` 改为 `margin-left: auto`。这样该 slot 内容会被推到 `#search-menu` 行的右侧,搜索/重置按钮留在左侧,与 vehicle/ship 的左侧标签方案相反,符合用户本次要求。 +- 验证:`vite build --outDir /tmp/pc-build-check-2` 全量编译通过。 diff --git a/src/option/transportCapacity/transport-ship.js b/src/option/transportCapacity/transport-ship.js index 08a69f9..dced0f4 100644 --- a/src/option/transportCapacity/transport-ship.js +++ b/src/option/transportCapacity/transport-ship.js @@ -5,7 +5,7 @@ export const option = { searchShow: true, searchMenuSpan: 24, searchIcon: true, - searchIndex: 6, + searchIndex: 4, searchMenuPosition: 'right', border: true, index: true, diff --git a/src/option/transportCapacity/transport-vehicle.js b/src/option/transportCapacity/transport-vehicle.js index 1bbaf7d..320d3a4 100644 --- a/src/option/transportCapacity/transport-vehicle.js +++ b/src/option/transportCapacity/transport-vehicle.js @@ -5,7 +5,7 @@ export const option = { searchShow: true, searchMenuSpan: 24, searchIcon: true, - searchIndex: 6, + searchIndex: 4, searchMenuPosition: 'right', border: true, index: true, diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index 48f450e..d910227 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -12199,10 +12199,9 @@ export default { &__contract-expiry-search { display: flex; - order: -1; align-items: center; gap: 8px; - margin-right: auto; + margin-left: auto; min-width: 0; :deep(.el-select) { @@ -13786,7 +13785,7 @@ export default { &__waybill-summary-grid { display: grid; - grid-template-columns: repeat(4, minmax(130px, 1fr)) minmax(360px, 2fr); + grid-template-columns: repeat(4, minmax(130px, 1fr)) minmax(420px, 2.5fr); gap: 16px 24px; }