style(business): 优化业务弹窗布局与样式统一

- 修改 dispatchItemForm 表单标签宽度为 calc(6em + 24px),统一label宽度标准
- 调整 business-crud-page 内 section-card 间距,避免卡片紧贴,符合整体风格
- 规范 detail-content 内部元素间距及白卡底部边距,提升视觉一致性
- 调整 contract-manage select 组件列占比,优化表单布局
- 调整 customer-archive 弹窗间距,增强界面美观
- 全站弹窗新增底部操作栏固定与滚动内容区,提升弹窗交互体验
- port-terminal、railway-station 弹窗表单标签宽度调整及样式改进,提高表单对齐效果
- 统一多处弹窗及表单组件底部间距,确保全局风格一致
- port-terminal 弹窗取消分组白卡,恢复原有结构以满足用户需求
This commit is contained in:
2026-08-13 16:35:35 +08:00
parent f7b7218e62
commit 490efe2ce5
9 changed files with 165 additions and 36 deletions
@@ -2685,7 +2685,7 @@
<el-form
:model="dispatchItemForm"
label-position="right"
label-width="auto"
label-width="calc(6em + 24px)"
class="business-crud-page__dispatch-item-form"
>
<div class="dialog-section-title">收发货信息</div>
@@ -10268,7 +10268,7 @@ export default {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 16px;
align-items: stretch;
margin-bottom: 12px;
margin-bottom: 8px;
}
&__dispatch-summary-card,
@@ -10702,9 +10702,11 @@ export default {
&__detail-content {
display: flex;
flex-direction: column;
gap: 12px;
gap: 8px;
.section-card {
margin-bottom: 0 !important;
:deep(.el-descriptions__label) {
width: 140px;
color: #606266;
@@ -10803,8 +10805,12 @@ export default {
}
}
}
.section-card{
margin-bottom: 0 !important;
.section-card {
margin-bottom: 8px !important;
&:last-child {
margin-bottom: 0 !important;
}
}
/* 编辑弹窗:含分组的 Avue form 渲染为白卡风格 */
@@ -10813,7 +10819,7 @@ export default {
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
padding: 16px;
margin-bottom: 16px;
margin-bottom: 8px;
.avue-form__group--title {
padding: 0 !important;