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
+12
View File
@@ -0,0 +1,12 @@
# 2026-08-11 工作日志
## 客商档案编辑弹窗布局改造(customer-archive.vue
客户需求:参考截图,编辑弹窗表单改为 4 列布局、label 固定 6 汉字宽、超长换行、列间有间距。
改动(仅 `src/views/vehicle/customer-archive.vue` 一个文件):
- `el-form``label-width``auto``96px`(≈6 汉字 + 12px padding)。
- `el-form``gutter``18``24`4 个 section-card 分组全部统一)。
- 联系信息分组 `el-col :span="8"`3列)→ `:span="6"`4列),与工商/财务分组对齐。
- `<style scoped>``.archive-form` 新增 label 规则:固定 `width:96px` + `padding-right:12px` + `white-space:normal` + `text-align:right` + `overflow:visible`,使长 label(如"统一社会信用代码")自动折行。
注意:`.score-detail-form` 已有独立 `.el-form-item__label` 规则,与本次改动无关,未触碰。