refactor(ui): 优化多页面表单布局及样式统一
- 统一用 section-card 组件替换原有分段结构,简化模板结构 - 调整表单列宽为 6 栅格,提高响应式适配效果 - 修改标题类名,采用一致的 archive-page-form__title - 精简并合并样式,移除各页面冗余标题和分段样式声明 - 全站业务状态标签改为普通文字,不显示背景和圆点,字体颜色统一 - 优化 element-ui.scss 中表格操作列的 el-link 样式,兼容多层 DOM 结构 - 增加表格操作列 el-tooltip 单元格自动宽度,防止内容裁切 - 调整正式结算列表操作列宽度,提升显示空间 - 简化部分页面表单控件宽度样式,统一控件宽度及间距 - 删除多处无用样式,减少样式冗余,提高代码可维护性
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
class="pre-settlement-editor__form"
|
||||
>
|
||||
<el-row :gutter="24">
|
||||
<el-col v-for="field in formFields" :key="field.prop" :span="field.span || 8">
|
||||
<el-col v-for="field in formFields" :key="field.prop" :span="field.span || 6">
|
||||
<el-form-item :label="field.label" :prop="field.prop">
|
||||
<el-select
|
||||
v-if="field.type === 'contract'"
|
||||
|
||||
Reference in New Issue
Block a user