fix(styles): 优化多页面表单及弹窗样式统一性和功能
- 全站业务状态标签文字化,el-tag.status-text 转为纯文本,统一字号、行高和基线对齐 - 临时额度详情弹窗加宽 label 列宽至 180px,避免标签折成三行 - 年检记录费用字段将单位“元”移至标签内,清理无效 append 配置和 template 代码 - 维修记录里程字段单位动态显示于标签,移除输入框右侧单位后缀 - 全站 Avue CRUD 弹窗标题自动添加页面全称,支持手动覆盖和自定义 - 合同管理独立表单页顶部补充“新增合同管理”标题,统一与其它表单页面样式 - 结算-正式结算页表格整合到“应付/应收”两个标签页内,复用组件并调整操作列宽度至320px - 业务相关弹窗和组件统一支持 dialogCustomClass 传递及样式适配 - 取消部分页面样式中冗余或注释代码,调整组件内按钮布局和权限判断函数逻辑 - 新增全局 mixin 以设置 CRUD 弹窗标题,主入口 main.js 注册相关初始化函数
This commit is contained in:
@@ -2165,6 +2165,7 @@
|
||||
show-close
|
||||
:class="[
|
||||
'business-crud-page__detail-dialog',
|
||||
$attrs.option?.dialogCustomClass,
|
||||
{ 'is-transport-plan-detail': isTransportPlanDetailLayout },
|
||||
]"
|
||||
>
|
||||
|
||||
@@ -106,6 +106,7 @@
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<div class="archive-page-form__title">{{ formPageTitle }}</div>
|
||||
<el-form
|
||||
ref="contractForm"
|
||||
:model="form"
|
||||
@@ -2164,7 +2165,7 @@ export default {
|
||||
}
|
||||
|
||||
.contract-manage-form {
|
||||
padding: 12px 16px 24px;
|
||||
//padding: 12px 16px 24px;
|
||||
background: #f5f6fa;
|
||||
|
||||
&__section {
|
||||
|
||||
@@ -1072,7 +1072,7 @@ export default {
|
||||
editBtn: false,
|
||||
delBtn: false,
|
||||
// 操作列收窄:本项目操作按钮较少,320px 过宽,调整为 220px(链接会自动换行兜底)
|
||||
menuWidth: 180,
|
||||
menuWidth: 200,
|
||||
column: (option.column || []).map(column => ({
|
||||
...column,
|
||||
display: false,
|
||||
|
||||
@@ -666,4 +666,8 @@ export default {
|
||||
white-space: normal;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.temporary-credit-limit-dialog .business-crud-page__detail-content .el-descriptions__label {
|
||||
width: 180px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user