fix(ui): 统一文本中单位和符号的全角格式
- 将“里程(km)”、“耗时(ms)”、“得分率(%)”等标签中的括号改为中文全角括号 - 统一调整“万元”、“天”、“份”等单位的显示格式，使用全角符号增强一致性 - 业务合同管理及项目申请相关表单中字段标签规范化全角字符 - 客户档案页面联系人和收款信息模块使用section-card组件包裹，提高界面一致性 - 部分表格列标签中的单位如“吨”、“方”、“元”使用全角括号修正 - 优化项目申请模块路由跳转逻辑，调整部分弹窗标题显示 - 引入section-card组件用于多个功能区块，加强结构层次感和视觉统一性
This commit is contained in:
@@ -354,7 +354,7 @@
|
||||
<section-card title="财务/信用信息">
|
||||
<el-row :gutter="18">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="注册资金(万元)" prop="registeredCapital">
|
||||
<el-form-item label="注册资金（万元）" prop="registeredCapital">
|
||||
<el-input
|
||||
v-model="archiveForm.registeredCapital"
|
||||
maxlength="18"
|
||||
@@ -363,7 +363,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="开票税点(%)" prop="invoiceTaxRate">
|
||||
<el-form-item label="开票税点（%）" prop="invoiceTaxRate">
|
||||
<el-input
|
||||
v-model="archiveForm.invoiceTaxRate"
|
||||
maxlength="5"
|
||||
@@ -377,7 +377,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="最大资金使用额度(万元)" prop="maxCreditLimit">
|
||||
<el-form-item label="最大资金使用额度（万元）" prop="maxCreditLimit">
|
||||
<el-input
|
||||
v-model="archiveForm.maxCreditLimit"
|
||||
maxlength="18"
|
||||
@@ -387,7 +387,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="申请总资金使用额度(万元)" prop="applyCreditLimit">
|
||||
<el-form-item label="申请总资金使用额度（万元）" prop="applyCreditLimit">
|
||||
<el-input v-model="archiveForm.applyCreditLimit" maxlength="18" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -439,17 +439,17 @@
|
||||
<span>{{ row.creditLevel }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="185" align="center">
|
||||
<el-table-column min-width="210" align="center">
|
||||
<template #header>
|
||||
<span>最大资金使用额度（万<br />元）</span>
|
||||
<span>最大资金使用额度（万元）</span>
|
||||
</template>
|
||||
<template #default="{ row }">
|
||||
<span>{{ formatScoreValue(row.maxCreditLimit) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="190" align="center">
|
||||
<el-table-column min-width="220" align="center">
|
||||
<template #header>
|
||||
<span>拟申请总资金使用额<br />度（万元）</span>
|
||||
<span>拟申请总资金使用额（万元）</span>
|
||||
</template>
|
||||
<template #default="{ row }">
|
||||
<span>{{ formatScoreValue(row.applyCreditLimit) }}</span>
|
||||
@@ -486,37 +486,40 @@
|
||||
>新增联系人</el-button
|
||||
>
|
||||
</div>
|
||||
<el-table :data="contactTableData" border class="contact-table">
|
||||
<el-table-column label="序号" prop="__index" width="90" align="center" />
|
||||
<el-table-column label="联系人姓名" prop="contactName" min-width="150" />
|
||||
<el-table-column label="联系人电话" prop="contactPhone" min-width="150" />
|
||||
<el-table-column label="邮箱" prop="email" min-width="180" />
|
||||
<el-table-column label="联系地址" min-width="240">
|
||||
<template #default="{ row }">
|
||||
<span>{{ formatContactAddress(row) || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="remark" min-width="180" />
|
||||
<el-table-column label="所属分公司/事业部" min-width="170">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.branchName || archiveForm.deptName || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="130" align="center" v-if="!readonly">
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" @click="openContact(row.__raw, row.__rawIndex)">
|
||||
修改
|
||||
</el-link>
|
||||
<el-link type="danger" @click="deleteContact(row.__rawIndex)">删除</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<empty-pagination
|
||||
:page="contactPaginationPage"
|
||||
always-show
|
||||
@size-change="size => handleDetailSizeChange('contact', size)"
|
||||
@current-change="page => handleDetailCurrentChange('contact', page)"
|
||||
/>
|
||||
<section-card>
|
||||
<el-table :data="contactTableData" border class="contact-table">
|
||||
<el-table-column label="序号" prop="__index" width="90" align="center" />
|
||||
<el-table-column label="联系人姓名" prop="contactName" min-width="150" />
|
||||
<el-table-column label="联系人电话" prop="contactPhone" min-width="150" />
|
||||
<el-table-column label="邮箱" prop="email" min-width="180" />
|
||||
<el-table-column label="联系地址" min-width="240">
|
||||
<template #default="{ row }">
|
||||
<span>{{ formatContactAddress(row) || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="remark" min-width="180" />
|
||||
<el-table-column label="所属分公司/事业部" min-width="170">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.branchName || archiveForm.deptName || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="130" align="center" v-if="!readonly">
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" @click="openContact(row.__raw, row.__rawIndex)">
|
||||
修改
|
||||
</el-link>
|
||||
<el-link type="danger" @click="deleteContact(row.__rawIndex)">删除</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<empty-pagination
|
||||
:page="contactPaginationPage"
|
||||
always-show
|
||||
@size-change="size => handleDetailSizeChange('contact', size)"
|
||||
@current-change="page => handleDetailCurrentChange('contact', page)"
|
||||
/>
|
||||
</section-card>
|
||||
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="收款信息" name="receiptAccounts">
|
||||
<div class="tab-table-toolbar" v-if="!readonly">
|
||||
@@ -808,45 +811,47 @@
|
||||
class="contact-dialog"
|
||||
@closed="resetContact"
|
||||
>
|
||||
<el-form
|
||||
ref="contactForm"
|
||||
:model="contactForm"
|
||||
:rules="contactRules"
|
||||
label-position="right"
|
||||
label-width="110px"
|
||||
class="contact-form"
|
||||
>
|
||||
<el-form-item label="联系人姓名" prop="contactName" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.contactName" maxlength="30" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="contactPhone" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.contactPhone" maxlength="11" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="email" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.email" maxlength="100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="地址" prop="detailAddress">
|
||||
<div class="contact-form__address">
|
||||
<el-input
|
||||
v-model="contactForm.regionName"
|
||||
readonly
|
||||
maxlength="100"
|
||||
placeholder="行政区划自动带出"
|
||||
/>
|
||||
<el-input
|
||||
v-model="contactForm.detailAddress"
|
||||
readonly
|
||||
maxlength="255"
|
||||
placeholder="点击后弹出地图组件"
|
||||
suffix-icon="el-icon-location"
|
||||
@click="handleContactMapPick"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<section-card>
|
||||
<el-form
|
||||
ref="contactForm"
|
||||
:model="contactForm"
|
||||
:rules="contactRules"
|
||||
label-position="right"
|
||||
label-width="110px"
|
||||
class="contact-form"
|
||||
>
|
||||
<el-form-item label="联系人姓名" prop="contactName" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.contactName" maxlength="30" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="contactPhone" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.contactPhone" maxlength="11" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="email" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.email" maxlength="100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="地址" prop="detailAddress">
|
||||
<div class="contact-form__address">
|
||||
<el-input
|
||||
v-model="contactForm.regionName"
|
||||
readonly
|
||||
maxlength="100"
|
||||
placeholder="行政区划自动带出"
|
||||
/>
|
||||
<el-input
|
||||
v-model="contactForm.detailAddress"
|
||||
readonly
|
||||
maxlength="255"
|
||||
placeholder="点击后弹出地图组件"
|
||||
suffix-icon="el-icon-location"
|
||||
@click="handleContactMapPick"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark" class="contact-form__compact-field">
|
||||
<el-input v-model="contactForm.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</section-card>
|
||||
<template #footer>
|
||||
<div class="contact-dialog__footer-actions">
|
||||
<el-button type="primary" @click="saveContact">保存</el-button>
|
||||
@@ -906,37 +911,39 @@
|
||||
class="receipt-dialog"
|
||||
@closed="resetReceipt"
|
||||
>
|
||||
<el-form
|
||||
ref="receiptForm"
|
||||
:model="receiptForm"
|
||||
:rules="receiptRules"
|
||||
label-position="right"
|
||||
label-width="120px"
|
||||
class="receipt-form"
|
||||
>
|
||||
<el-form-item label="收款单位名称" prop="accountName">
|
||||
<el-input v-model="receiptForm.accountName" maxlength="100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户人姓名" prop="accountHolderName">
|
||||
<el-input v-model="receiptForm.accountHolderName" maxlength="50" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户行" prop="bankName">
|
||||
<el-select v-model="receiptForm.bankName" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in bankListOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账号" prop="bankAccount">
|
||||
<el-input v-model="receiptForm.bankAccount" maxlength="50" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="receiptForm.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<section-card>
|
||||
<el-form
|
||||
ref="receiptForm"
|
||||
:model="receiptForm"
|
||||
:rules="receiptRules"
|
||||
label-position="right"
|
||||
label-width="120px"
|
||||
class="receipt-form"
|
||||
>
|
||||
<el-form-item label="收款单位名称" prop="accountName">
|
||||
<el-input v-model="receiptForm.accountName" maxlength="100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户人姓名" prop="accountHolderName">
|
||||
<el-input v-model="receiptForm.accountHolderName" maxlength="50" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户行" prop="bankName">
|
||||
<el-select v-model="receiptForm.bankName" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in bankListOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账号" prop="bankAccount">
|
||||
<el-input v-model="receiptForm.bankAccount" maxlength="50" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="receiptForm.remark" maxlength="200" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</section-card>
|
||||
<template #footer>
|
||||
<div class="receipt-dialog__footer-actions">
|
||||
<el-button type="primary" @click="saveReceipt">保存</el-button>
|
||||
@@ -1367,6 +1374,7 @@ import pdfWorkerSrc from 'pdfjs-dist/build/pdf.worker.mjs?url';
|
||||
import { mapGetters } from 'vuex';
|
||||
import NProgress from 'nprogress';
|
||||
import 'nprogress/nprogress.css';
|
||||
import SectionCard from '@/components/section-card/main.vue';
|
||||
|
||||
const createTimeRangeMap = {
|
||||
createTimeRange: ['createTimeStart', 'createTimeEnd'],
|
||||
@@ -1385,6 +1393,7 @@ const qualificationViewerPlugins = [
|
||||
|
||||
export default {
|
||||
components: {
|
||||
SectionCard,
|
||||
ArrowRight,
|
||||
Location,
|
||||
ElImageViewer,
|
||||
@@ -4856,6 +4865,7 @@ export default {
|
||||
|
||||
.archive-page-form {
|
||||
min-height: 100%;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.archive-form__footer {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user