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
+21 -4
View File
@@ -131,8 +131,8 @@
}
.avue-crud__search .el-form-item__label {
min-width: 160px;
white-space: nowrap;
min-width: 88px;
//white-space: nowrap;
}
.avue-crud__search.el-card {
@@ -289,6 +289,22 @@
}
}
// 3d) 临时额度管理弹窗:label 固定 6 个汉字宽度,超长自动换行
.temporary-credit-limit-dialog {
.el-form-item__label {
flex: 0 0 calc(6em + 24px) !important;
width: calc(6em + 24px) !important;
white-space: normal !important;
word-break: break-all;
overflow-wrap: anywhere;
line-height: 18px;
}
.el-form-item {
align-items: center;
}
}
// 3) Avue 弹窗内分组(option.group)渲染为白卡,标题在卡内
.el-dialog .avue-form__group {
background: #fff;
@@ -314,7 +330,7 @@
background: #fff;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
padding: 16px;
//padding: 16px;
margin-bottom: 16px;
.avue-form__group--title {
@@ -684,6 +700,7 @@
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
}
@@ -787,5 +804,5 @@
margin-top: -30px !important;
}
.el-form-item__label {
margin-left: 20px !important;
margin-left: 12px !important;
}