gxwebsoft
559d8e7391
- 将 el-form 的 label-width 固定为 96px，保证标签宽度统一 - 调整 form 各部分 gutter 为 24，使列间距更均匀 - 联系信息分组布局由三列改为四列，与其他分组对齐 - 提升 label 支持自动换行，解决长标签截断问题 - 在全局样式中新添弹窗内自定义分组白卡样式，提升 Avue 弹窗穿透稳定性 - 修改代理配置中的 target 地址指向内网服务器 - 清理业务弹窗表格边框，移除多余 border 属性及样式
13 lines
929 B
Markdown
13 lines
929 B
Markdown
# 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` 规则，与本次改动无关，未触碰。
|