b2894lxlx/tms-erp-web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style(business): 调整弹窗宽度及优化端口码头排序和提示

Browse Source 
- 将业务详情、导入和调度弹窗宽度由96%调整至92%
- 修改端口码头相关字段的order属性，调整显示顺序
- 将“请选择类型”提示消息替换为变量newLocal，便于国际化
- 注释掉.detail-address-input的宽度样式，避免样式冲突
This commit is contained in:
赵忠林
2026-08-13 10:57:16 +08:00
parent 8c7ef5822a
commit a89cb44e36
2 changed files with 169 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/port-terminal.vue
+1 -1
View File
@@ -604,7 +604,7 @@ export default {
prop: 'detailAddress', prop: 'detailAddress',
slot: true, slot: true,
formslot: true, formslot: true,
span: 24, span: 12,
minWidth: 220, minWidth: 220,
overHidden: false, overHidden: false,
order: 86, order: 86,
src/views/vehicle/customer-archive.vue
+168 -166
View File
@@ -958,179 +958,181 @@
class="score-detail-dialog" class="score-detail-dialog"
@closed="resetScoreDialog" @closed="resetScoreDialog"
> >
<el-form <section-card>
ref="scoreForm" <el-form
:model="currentScore" ref="scoreForm"
label-position="right" :model="currentScore"
label-width="auto" label-position="right"
:disabled="readonly" label-width="auto"
class="score-detail-form" :disabled="readonly"
> class="score-detail-form"
<el-row :gutter="42"> >
<el-col :span="12"> <el-row :gutter="42">
<el-form-item label="评定日期" required> <el-col :span="12">
<el-date-picker <el-form-item label="评定日期" required>
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">
<el-date-picker <el-date-picker
v-model="currentScore.tempCreditStartDate" v-model="currentScore.scoreDate"
type="date" type="date"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
/> />
<span>至</span> </el-form-item>
<el-date-picker <el-form-item label="拟申请总资金使用额度（万元）" required>
v-model="currentScore.tempCreditEndDate" <el-input
type="date" v-model="currentScore.applyCreditLimit"
value-format="YYYY-MM-DD" maxlength="18"
@input="value => handleScoreDecimalInput('applyCreditLimit', value)"
/> />
</div> </el-form-item>
</el-form-item> <el-form-item label="最终得分">
</el-col> <el-input :model-value="formatScoreValue(currentScore.finalScore)" disabled />
<el-col :span="12"> </el-form-item>
<el-form-item label="最大资金使用额度（万元）"> <el-form-item label="临时额度申请使用期限">
<el-input <div class="score-detail-form__range">
:model-value="formatScoreValue(currentScore.maxCreditLimit)" <el-date-picker
disabled v-model="currentScore.tempCreditStartDate"
/> type="date"
</el-form-item> value-format="YYYY-MM-DD"
<el-form-item label="信用等级"> />
<el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled /> <span>至</span>
</el-form-item> <el-date-picker
<el-form-item label="临时申请额度"> v-model="currentScore.tempCreditEndDate"
<el-input type="date"
v-model="currentScore.tempApplyCreditLimit" value-format="YYYY-MM-DD"
maxlength="18" />
@input="value => handleScoreDecimalInput('tempApplyCreditLimit', value)" </div>
/> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="12">
<el-col :span="24"> <el-form-item label="最大资金使用额度（万元）">
<el-form-item label="备注"> <el-input
<el-input v-model="currentScore.remark" maxlength="200" /> :model-value="formatScoreValue(currentScore.maxCreditLimit)"
</el-form-item> disabled
</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-form-item> <el-form-item label="信用等级">
</el-col> <el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled />
</el-row> </el-form-item>
</el-form> <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 <el-table
v-if="currentScore.quantificationId" v-if="currentScore.quantificationId"
ref="scoreCategoryTable" ref="scoreCategoryTable"
:data="scoreCategoryRows" :data="scoreCategoryRows"
border border
:show-header="false" :show-header="false"
row-key="categoryCode" row-key="categoryCode"
:expand-row-keys="expandedScoreCategoryKeys" :expand-row-keys="expandedScoreCategoryKeys"
class="score-category-table" class="score-category-table"
@row-click="toggleScoreCategory" @row-click="toggleScoreCategory"
@expand-change="handleScoreCategoryExpandChange" @expand-change="handleScoreCategoryExpandChange"
> >
<el-table-column type="expand" width="1" class-name="score-category-table__expand-column"> <el-table-column type="expand" width="1" class-name="score-category-table__expand-column">
<template #default="{ row }"> <template #default="{ row }">
<el-table <el-table
:data="getScoreCategoryDetails(row.categoryCode)" :data="getScoreCategoryDetails(row.categoryCode)"
border border
class="score-detail-table score-detail-table--inline" class="score-detail-table score-detail-table--inline"
max-height="520" max-height="520"
> >
<el-table-column label="评分项目" prop="itemName" width="150" align="center" /> <el-table-column label="评分项目" prop="itemName" width="150" align="center" />
<el-table-column label="评分标准" min-width="430"> <el-table-column label="评分标准" min-width="430">
<template #default="{ row: detail }"> <template #default="{ row: detail }">
<div class="score-standard-cell"> <div class="score-standard-cell">
<div class="score-standard-cell__label">请选择：</div> <div class="score-standard-cell__label">请选择：</div>
<el-select <el-select
v-model="detail.selectedOption" v-model="detail.selectedOption"
filterable filterable
:disabled="readonly" :disabled="readonly"
@change="scoreOptionChange(detail, $event)" @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 <template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix>
v-for="item in parseScoreOptions(detail.optionsJson)" -
:key="item.value" </template>
:label="item.label" <template #suffix>分</template>
:value="item.value" </el-input>
/> </template>
</el-select> </el-table-column>
</div> </el-table>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="得分说明" prop="scoreDescription" min-width="160" /> <el-table-column label="序号" prop="index" width="50" align="center" />
<el-table-column label="自评得分" width="130" align="center"> <el-table-column min-width="560">
<template #default="{ row: detail }"> <template #default="{ row }">
<span>{{ formatScoreValue(getSignedScore(detail, 'selfScore')) }}分</span> <span class="score-category-table__name">{{ row.categoryName }}</span>
</template> <span>自评：{{ getSignedScore(row, 'selfScore') }}分</span>
</el-table-column> <span>复评：{{ getSignedScore(row, 'reviewScore') }}分</span>
<el-table-column label="复评得分" width="150" align="center"> </template>
<template #default="{ row: detail }"> </el-table-column>
<el-input <el-table-column width="60" align="center">
v-model="detail.reviewScore" <template #default="{ row }">
maxlength="10" <el-icon
inputmode="numeric" class="score-category-table__arrow"
:disabled="readonly || !hasPermission('customer_type_re_cert')" :class="{ 'is-expanded': isScoreCategoryExpanded(row.categoryCode) }"
@input="value => handleScoreDetailScoreInput(detail, 'reviewScore', value)" >
> <ArrowRight />
<template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix> </el-icon>
- </template>
</template> </el-table-column>
<template #suffix>分</template> </el-table>
</el-input> </section-card>
</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 title="证明材料" class="score-material-card"> <section-card title="证明材料" class="score-material-card">
<template #extra> <template #extra>
@@ -3829,7 +3831,7 @@ export default {
.score-category-table { .score-category-table {
width: calc(100% - 72px); width: calc(100% - 72px);
margin: 8px 36px 0; margin: 8px 36px 16px;
:deep(.el-table__body td) { :deep(.el-table__body td) {
height: 56px; height: 56px;