style(business-crud-page): 调整到期筛选标签对齐和优化网格列宽

- contract-manage 页面到期筛选标签由靠左改为靠右对齐,满足用户需求
- 修改 .business-crud-page__contract-expiry-search 样式,移除 order 并应用 margin-left: auto
- 增加 waybill-summary-grid 网格最后一列宽度,提升布局视觉效果
- transportCapacity 下 transport-ship 和 transport-vehicle 配置中调整 searchIndex 值以优化搜索栏顺序
- 确认 vite build 全量编译通过,无新增构建错误或警告
This commit is contained in:
2026-08-14 12:10:16 +08:00
parent c68ce66405
commit 2fae0772fe
4 changed files with 10 additions and 5 deletions
+6
View File
@@ -44,3 +44,9 @@
- option 改动(已完成):`src/option/business/process-config.js``saveBtn/updateBtn/addBtn/viewBtn/editBtn/delBtn:false`,关闭 Avue 内置弹窗按钮。 - 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 固定)。 - 样式:新增 `: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/ 触发,非代码错误。 - 验证:`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` 全量编译通过。
@@ -5,7 +5,7 @@ export const option = {
searchShow: true, searchShow: true,
searchMenuSpan: 24, searchMenuSpan: 24,
searchIcon: true, searchIcon: true,
searchIndex: 6, searchIndex: 4,
searchMenuPosition: 'right', searchMenuPosition: 'right',
border: true, border: true,
index: true, index: true,
@@ -5,7 +5,7 @@ export const option = {
searchShow: true, searchShow: true,
searchMenuSpan: 24, searchMenuSpan: 24,
searchIcon: true, searchIcon: true,
searchIndex: 6, searchIndex: 4,
searchMenuPosition: 'right', searchMenuPosition: 'right',
border: true, border: true,
index: true, index: true,
@@ -12199,10 +12199,9 @@ export default {
&__contract-expiry-search { &__contract-expiry-search {
display: flex; display: flex;
order: -1;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-right: auto; margin-left: auto;
min-width: 0; min-width: 0;
:deep(.el-select) { :deep(.el-select) {
@@ -13786,7 +13785,7 @@ export default {
&__waybill-summary-grid { &__waybill-summary-grid {
display: 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; gap: 16px 24px;
} }