style(payment): 调整账单搜索组件操作栏布局

- 将操作栏从水平方向排列改为垂直方向排列
- 调整按钮和标签间距增大,标签左对齐,按钮右对齐
- 标签和按钮分成独立两行显示,提高界面清晰度

style(transportCapacity): 统一到期快捷筛选标签布局及样式

- 将到期快捷筛选标签由搜索菜单槽位移至头部槽位独立一行
- 移除原先纵向顺序和内联样式,增加标签上下间距
- 统一 driver、ship、vehicle 三个页面到期标签的外观和结构
- 优化标签容器的 margin 边距,取消排序和宽度限制

style(transportCapacity/ship): 统一弹窗内输入控件宽度

- 删除强制设置 .el-input__wrapper 宽度为 150px 的样式
- 增加输入框、选择框及级联选择器等组件宽度为 100% 的样式覆盖
- 保证新增和修改弹窗内所有表单输入控件宽度一致,提升界面整齐度
This commit is contained in:
2026-09-02 12:11:18 +08:00
parent f25e38d67e
commit 87ec01c8dd
5 changed files with 49 additions and 45 deletions
+3 -4
View File
@@ -41,7 +41,7 @@
>批量删除
</el-button>
</template>
<template #search-menu>
<template #header>
<div class="driver-page__expiry-tags">
<el-check-tag
v-for="item in expiryTagOptions"
@@ -1724,9 +1724,8 @@ export default {
flex-wrap: wrap;
align-items: center;
gap: 8px;
order: -1;
margin-right: 12px;
min-width: 0;
margin-top: 8px;
margin-bottom: 16px;
:deep(.el-check-tag) {
margin: 0;
+6 -7
View File
@@ -44,7 +44,7 @@
批量删除
</el-button>
</template>
<template #search-menu>
<template #header>
<div class="transport-ship-page__expiry-tags">
<el-check-tag
v-for="item in expiryTagOptions"
@@ -1199,9 +1199,8 @@ export default {
flex-wrap: wrap;
align-items: center;
gap: 8px;
order: -1;
margin-right: 12px;
min-width: 0;
margin-top: 8px;
margin-bottom: 16px;
:deep(.el-check-tag) {
margin: 0;
@@ -1219,7 +1218,10 @@ export default {
:deep(.el-date-editor.el-input),
:deep(.el-date-editor.el-input__wrapper),
:deep(.el-select),
:deep(.el-select__wrapper),
:deep(.el-cascader),
:deep(.el-input),
:deep(.el-input__wrapper),
:deep(.el-input-number) {
width: 100%;
}
@@ -1374,7 +1376,4 @@ export default {
.el-form-item {
margin-bottom: 14px !important;
}
.el-input__wrapper{
width: 150px !important;
}
</style>
+3 -4
View File
@@ -41,7 +41,7 @@
>批量删除
</el-button>
</template>
<template #search-menu>
<template #header>
<div class="transport-vehicle-page__expiry-tags">
<el-check-tag
v-for="item in expiryTagOptions"
@@ -1407,9 +1407,8 @@ export default {
flex-wrap: wrap;
align-items: center;
gap: 8px;
order: -1;
margin-right: 12px;
min-width: 0;
margin-top: 8px;
margin-bottom: 16px;
:deep(.el-check-tag) {
margin: 0;