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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user