style(customer-archive): 优化编辑弹窗表单布局和样式

- 将 el-form 的 label-width 固定为 96px,保证标签宽度统一
- 调整 form 各部分 gutter 为 24,使列间距更均匀
- 联系信息分组布局由三列改为四列,与其他分组对齐
- 提升 label 支持自动换行,解决长标签截断问题
- 在全局样式中新添弹窗内自定义分组白卡样式,提升 Avue 弹窗穿透稳定性
- 修改代理配置中的 target 地址指向内网服务器
- 清理业务弹窗表格边框,移除多余 border 属性及样式
This commit is contained in:
2026-08-11 11:06:47 +08:00
parent 637de76165
commit 559d8e7391
5 changed files with 82 additions and 20 deletions
+18
View File
@@ -246,6 +246,24 @@
}
}
// 3b) Avue 弹窗内自定义标题分组(formslot + dialog-section-title)渲染为白卡
.el-dialog .avue-form__group:has(.dialog-section-title) {
background: #fff;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
padding: 16px;
margin-bottom: 16px;
.avue-form__group--title {
padding: 0 !important;
margin-bottom: 12px;
}
.avue-form__row {
padding: 0 !important;
}
}
// 4) 弹窗内表单项默认上下间距 16px(覆盖默认 18px / 22px
.el-dialog .el-form-item {
margin-bottom: 16px;