style(business): 调整弹窗宽度及优化端口码头排序和提示
- 将业务详情、导入和调度弹窗宽度由96%调整至92% - 修改端口码头相关字段的order属性，调整显示顺序 - 将“请选择类型”提示消息替换为变量newLocal，便于国际化 - 注释掉.detail-address-input的宽度样式，避免样式冲突
This commit is contained in:
@@ -958,179 +958,181 @@
|
||||
class="score-detail-dialog"
|
||||
@closed="resetScoreDialog"
|
||||
>
|
||||
<el-form
|
||||
ref="scoreForm"
|
||||
:model="currentScore"
|
||||
label-position="right"
|
||||
label-width="auto"
|
||||
:disabled="readonly"
|
||||
class="score-detail-form"
|
||||
>
|
||||
<el-row :gutter="42">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="评定日期" required>
|
||||
<el-date-picker
|
||||
v-model="currentScore.scoreDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="拟申请总资金使用额度（万元）" required>
|
||||
<el-input
|
||||
v-model="currentScore.applyCreditLimit"
|
||||
maxlength="18"
|
||||
@input="value => handleScoreDecimalInput('applyCreditLimit', value)"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="最终得分">
|
||||
<el-input :model-value="formatScoreValue(currentScore.finalScore)" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="临时额度申请使用期限">
|
||||
<div class="score-detail-form__range">
|
||||
<section-card>
|
||||
<el-form
|
||||
ref="scoreForm"
|
||||
:model="currentScore"
|
||||
label-position="right"
|
||||
label-width="auto"
|
||||
:disabled="readonly"
|
||||
class="score-detail-form"
|
||||
>
|
||||
<el-row :gutter="42">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="评定日期" required>
|
||||
<el-date-picker
|
||||
v-model="currentScore.tempCreditStartDate"
|
||||
v-model="currentScore.scoreDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
/>
|
||||
<span>至</span>
|
||||
<el-date-picker
|
||||
v-model="currentScore.tempCreditEndDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
</el-form-item>
|
||||
<el-form-item label="拟申请总资金使用额度（万元）" required>
|
||||
<el-input
|
||||
v-model="currentScore.applyCreditLimit"
|
||||
maxlength="18"
|
||||
@input="value => handleScoreDecimalInput('applyCreditLimit', value)"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="最大资金使用额度（万元）">
|
||||
<el-input
|
||||
:model-value="formatScoreValue(currentScore.maxCreditLimit)"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="信用等级">
|
||||
<el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="临时申请额度">
|
||||
<el-input
|
||||
v-model="currentScore.tempApplyCreditLimit"
|
||||
maxlength="18"
|
||||
@input="value => handleScoreDecimalInput('tempApplyCreditLimit', value)"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="currentScore.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="评分量化表" required>
|
||||
<el-select
|
||||
v-model="currentScore.quantificationId"
|
||||
filterable
|
||||
clearable
|
||||
:loading="scoreQuantificationLoading"
|
||||
placeholder="请选择评分量化表"
|
||||
@change="handleScoreQuantificationChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in scoreQuantificationOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="String(item.id)"
|
||||
</el-form-item>
|
||||
<el-form-item label="最终得分">
|
||||
<el-input :model-value="formatScoreValue(currentScore.finalScore)" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="临时额度申请使用期限">
|
||||
<div class="score-detail-form__range">
|
||||
<el-date-picker
|
||||
v-model="currentScore.tempCreditStartDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
/>
|
||||
<span>至</span>
|
||||
<el-date-picker
|
||||
v-model="currentScore.tempCreditEndDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="最大资金使用额度（万元）">
|
||||
<el-input
|
||||
:model-value="formatScoreValue(currentScore.maxCreditLimit)"
|
||||
disabled
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-form-item>
|
||||
<el-form-item label="信用等级">
|
||||
<el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="临时申请额度">
|
||||
<el-input
|
||||
v-model="currentScore.tempApplyCreditLimit"
|
||||
maxlength="18"
|
||||
@input="value => handleScoreDecimalInput('tempApplyCreditLimit', value)"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="currentScore.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="评分量化表" required>
|
||||
<el-select
|
||||
v-model="currentScore.quantificationId"
|
||||
filterable
|
||||
clearable
|
||||
:loading="scoreQuantificationLoading"
|
||||
placeholder="请选择评分量化表"
|
||||
@change="handleScoreQuantificationChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in scoreQuantificationOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="String(item.id)"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
v-if="currentScore.quantificationId"
|
||||
ref="scoreCategoryTable"
|
||||
:data="scoreCategoryRows"
|
||||
border
|
||||
:show-header="false"
|
||||
row-key="categoryCode"
|
||||
:expand-row-keys="expandedScoreCategoryKeys"
|
||||
class="score-category-table"
|
||||
@row-click="toggleScoreCategory"
|
||||
@expand-change="handleScoreCategoryExpandChange"
|
||||
>
|
||||
<el-table-column type="expand" width="1" class-name="score-category-table__expand-column">
|
||||
<template #default="{ row }">
|
||||
<el-table
|
||||
:data="getScoreCategoryDetails(row.categoryCode)"
|
||||
border
|
||||
class="score-detail-table score-detail-table--inline"
|
||||
max-height="520"
|
||||
>
|
||||
<el-table-column label="评分项目" prop="itemName" width="150" align="center" />
|
||||
<el-table-column label="评分标准" min-width="430">
|
||||
<template #default="{ row: detail }">
|
||||
<div class="score-standard-cell">
|
||||
<div class="score-standard-cell__label">请选择：</div>
|
||||
<el-select
|
||||
v-model="detail.selectedOption"
|
||||
filterable
|
||||
:disabled="readonly"
|
||||
@change="scoreOptionChange(detail, $event)"
|
||||
<el-table
|
||||
v-if="currentScore.quantificationId"
|
||||
ref="scoreCategoryTable"
|
||||
:data="scoreCategoryRows"
|
||||
border
|
||||
:show-header="false"
|
||||
row-key="categoryCode"
|
||||
:expand-row-keys="expandedScoreCategoryKeys"
|
||||
class="score-category-table"
|
||||
@row-click="toggleScoreCategory"
|
||||
@expand-change="handleScoreCategoryExpandChange"
|
||||
>
|
||||
<el-table-column type="expand" width="1" class-name="score-category-table__expand-column">
|
||||
<template #default="{ row }">
|
||||
<el-table
|
||||
:data="getScoreCategoryDetails(row.categoryCode)"
|
||||
border
|
||||
class="score-detail-table score-detail-table--inline"
|
||||
max-height="520"
|
||||
>
|
||||
<el-table-column label="评分项目" prop="itemName" width="150" align="center" />
|
||||
<el-table-column label="评分标准" min-width="430">
|
||||
<template #default="{ row: detail }">
|
||||
<div class="score-standard-cell">
|
||||
<div class="score-standard-cell__label">请选择：</div>
|
||||
<el-select
|
||||
v-model="detail.selectedOption"
|
||||
filterable
|
||||
:disabled="readonly"
|
||||
@change="scoreOptionChange(detail, $event)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in parseScoreOptions(detail.optionsJson)"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="得分说明" prop="scoreDescription" min-width="160" />
|
||||
<el-table-column label="自评得分" width="130" align="center">
|
||||
<template #default="{ row: detail }">
|
||||
<span>{{ formatScoreValue(getSignedScore(detail, 'selfScore')) }}分</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="复评得分" width="150" align="center">
|
||||
<template #default="{ row: detail }">
|
||||
<el-input
|
||||
v-model="detail.reviewScore"
|
||||
maxlength="10"
|
||||
inputmode="numeric"
|
||||
:disabled="readonly || !hasPermission('customer_type_re_cert')"
|
||||
@input="value => handleScoreDetailScoreInput(detail, 'reviewScore', value)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in parseScoreOptions(detail.optionsJson)"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="得分说明" prop="scoreDescription" min-width="160" />
|
||||
<el-table-column label="自评得分" width="130" align="center">
|
||||
<template #default="{ row: detail }">
|
||||
<span>{{ formatScoreValue(getSignedScore(detail, 'selfScore')) }}分</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="复评得分" width="150" align="center">
|
||||
<template #default="{ row: detail }">
|
||||
<el-input
|
||||
v-model="detail.reviewScore"
|
||||
maxlength="10"
|
||||
inputmode="numeric"
|
||||
:disabled="readonly || !hasPermission('customer_type_re_cert')"
|
||||
@input="value => handleScoreDetailScoreInput(detail, 'reviewScore', value)"
|
||||
>
|
||||
<template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix>
|
||||
-
|
||||
</template>
|
||||
<template #suffix>分</template>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" prop="index" width="50" align="center" />
|
||||
<el-table-column min-width="560">
|
||||
<template #default="{ row }">
|
||||
<span class="score-category-table__name">{{ row.categoryName }}</span>
|
||||
<span>自评：{{ getSignedScore(row, 'selfScore') }}分</span>
|
||||
<span>复评：{{ getSignedScore(row, 'reviewScore') }}分</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="60" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-icon
|
||||
class="score-category-table__arrow"
|
||||
:class="{ 'is-expanded': isScoreCategoryExpanded(row.categoryCode) }"
|
||||
>
|
||||
<ArrowRight />
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix>
|
||||
-
|
||||
</template>
|
||||
<template #suffix>分</template>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" prop="index" width="50" align="center" />
|
||||
<el-table-column min-width="560">
|
||||
<template #default="{ row }">
|
||||
<span class="score-category-table__name">{{ row.categoryName }}</span>
|
||||
<span>自评：{{ getSignedScore(row, 'selfScore') }}分</span>
|
||||
<span>复评：{{ getSignedScore(row, 'reviewScore') }}分</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="60" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-icon
|
||||
class="score-category-table__arrow"
|
||||
:class="{ 'is-expanded': isScoreCategoryExpanded(row.categoryCode) }"
|
||||
>
|
||||
<ArrowRight />
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</section-card>
|
||||
|
||||
<section-card title="证明材料" class="score-material-card">
|
||||
<template #extra>
|
||||
@@ -3829,7 +3831,7 @@ export default {
|
||||
|
||||
.score-category-table {
|
||||
width: calc(100% - 72px);
|
||||
margin: 8px 36px 0;
|
||||
margin: 8px 36px 16px;
|
||||
|
||||
:deep(.el-table__body td) {
|
||||
height: 56px;
|
||||
|
||||
Reference in New Issue
Block a user