refactor(ui): 优化多页面表单布局及样式统一
- 统一用 section-card 组件替换原有分段结构,简化模板结构 - 调整表单列宽为 6 栅格,提高响应式适配效果 - 修改标题类名,采用一致的 archive-page-form__title - 精简并合并样式,移除各页面冗余标题和分段样式声明 - 全站业务状态标签改为普通文字,不显示背景和圆点,字体颜色统一 - 优化 element-ui.scss 中表格操作列的 el-link 样式,兼容多层 DOM 结构 - 增加表格操作列 el-tooltip 单元格自动宽度,防止内容裁切 - 调整正式结算列表操作列宽度,提升显示空间 - 简化部分页面表单控件宽度样式,统一控件宽度及间距 - 删除多处无用样式,减少样式冗余,提高代码可维护性
This commit is contained in:
@@ -130,7 +130,7 @@
|
||||
<span v-else>{{ displayValue(row[column.prop]) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="130" fixed="right" align="center">
|
||||
<el-table-column label="操作" width="180" fixed="right" align="center">
|
||||
<template #default="{ row }">
|
||||
<div class="pre-settlement-page__links">
|
||||
<el-link
|
||||
@@ -774,6 +774,10 @@ export default {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
&__links {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&__pagination {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
Reference in New Issue
Block a user