style(vehicle): 调整评分量化相关弹窗和布局宽度

- 缩减评分量化表弹窗宽度从88%到65%
- 调整评分类目详情弹窗宽度从82%到61%
- 缩减评分项目详情弹窗宽度从86%到58%
- 缩小评估标准设置弹窗宽度从76%到50%
- 修改信用等级、得分率及额度增加表单列宽从8栏改为12栏
- 增加评分配置名称输入框固定宽度500px样式
- 调整选项行网格列宽和间距,优化布局展示
This commit is contained in:
2026-08-25 16:07:49 +08:00
parent 495e6a073c
commit 9c783c802d
@@ -79,7 +79,7 @@
:title="readonly ? '查看评分量化表' : configForm.id ? '编辑评分量化表' : '新增评分量化表'"
append-to-body
v-model="configBox"
width="88%"
width="65%"
class="score-dialog"
@closed="resetConfig"
>
@@ -98,6 +98,7 @@
class="score-config__name-input"
maxlength="30"
show-word-limit
style="width: 500px"
/>
</el-form-item>
<el-form-item label="备注">
@@ -164,7 +165,7 @@
title="评分类目详情"
append-to-body
v-model="categoryBox"
width="82%"
width="61%"
class="score-dialog category-dialog"
:close-on-press-escape="false"
>
@@ -214,7 +215,7 @@
title="评分项目详情"
append-to-body
v-model="itemBox"
width="86%"
width="58%"
class="score-item-dialog"
>
<section-card title="评分项目详情">
@@ -343,7 +344,7 @@
title="评估标准设置"
append-to-body
v-model="standardBox"
width="76%"
width="50%"
:close-on-press-escape="false"
>
<section-card title="评估标准设置">
@@ -355,7 +356,7 @@
class="standard-form archive-form"
>
<el-row :gutter="20">
<el-col :span="8">
<el-col :span="12">
<el-form-item label="信用等级" required>
<el-select
v-model="standardForm.creditLevel"
@@ -372,7 +373,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="12">
<el-form-item label="得分率(%" required>
<div class="range-input standard-range-input score-rate-range">
<el-input
@@ -391,7 +392,7 @@
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-col :span="12">
<el-form-item label="得分率每增加" required>
<el-input
v-model="standardForm.scoreRateIncrease"
@@ -402,7 +403,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="12">
<el-form-item label="额度增加(万元)" required>
<el-input
v-model="standardForm.creditLimitIncrease"
@@ -1391,8 +1392,8 @@ export default {
.option-row {
display: grid;
grid-template-columns: minmax(420px, 1fr) 315px 74px;
gap: 54px;
grid-template-columns: minmax(560px, 2fr) 200px 74px;
gap: 24px;
align-items: center;
margin-bottom: 14px;
}
@@ -1506,6 +1507,10 @@ export default {
overflow: auto;
}
:deep(.score-config__name-input) {
width: 500px;
}
:deep(.score-item-dialog) {
.el-dialog__header {
padding: 20px 24px 10px;