style(transportCapacity): 调整到期筛选标签位置和样式,统一标签展示逻辑

- transportCapacity/driver、vehicle、ship 页的「全部/30天内到期/已到期」筛选标签改为靠右对齐
- 统一使用 #search-menu 插槽替代 #expireStatus-search,标签移至搜索按钮前
- 标签容器删除宽度限制,增加 order:-1 和 margin-right:12px,保证标签和按钮为一体
- transportCapacity/vehicle 和 ship 的 expireStatus 列 search 改为 false,避免多余输入框出现
- transportCapacity/vehicle、ship 的 searchIndex 提升至6,避免搜索条件折叠,标签默认展开
- 暂用样式更改保证标签与搜索按钮间距和垂直对齐
- temporary-credit-limit 弹窗新增 dialogCustomClass,实现弹窗label固定六字宽度并自动换行
- element-ui.scss 新增临时额度弹窗 label 样式,修改label宽度、换行、对齐,提升可读性
- 调整多处搜索表单内 label 宽度由160px变为88px,优化表单紧凑度
- 多处文本域的最小行数 minRows 统一由较高数值改为2,改善表单布局和输入体验
- 更新 vite.config.mjs 开发服务器端口及代理配置,切换至本地测试环境
- waybill-import-dialog.vue 中修正文本域 autosize 最小行数为2,更符合表单设计规范
- 修改业务页 contract-manage.vue 菜单宽度由245px调整至252px,优化界面布局
This commit is contained in:
2026-08-14 00:33:32 +08:00
parent 27672dfaff
commit 3bb0fddcca
44 changed files with 141 additions and 76 deletions
+8
View File
@@ -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。