LK/income_payments_enterprise_terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【变更】 新增证书增加证书文件上传

Browse Source
This commit is contained in:
fengachen
2022-03-23 17:31:14 +08:00
parent b05282ab0a
commit d71919cbb7
2 changed files with 66 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/standardsAssociation/CertificateManagement.vue
+14 -3
View File
@@ -210,6 +210,7 @@ export default {
key: 'rowIndex', key: 'rowIndex',
width: 60, width: 60,
align: 'center', align: 'center',
fixed: 'left',
customRender: function(t, r, index) { customRender: function(t, r, index) {
return parseInt(index) + 1 return parseInt(index) + 1
} }
@@ -217,11 +218,14 @@ export default {
{ {
title: '单位全称', title: '单位全称',
align: 'center', align: 'center',
dataIndex: 'companyName' width: 160,
dataIndex: 'companyName',
fixed:'left'
}, },
{ {
title: '证书类型', title: '证书类型',
align: 'center', align: 'center',
width: 260,
dataIndex: 'certificateType', dataIndex: 'certificateType',
customRender: function(text) { customRender: function(text) {
if (text === 1) { if (text === 1) {
@@ -235,16 +239,19 @@ export default {
title: '证书代码', title: '证书代码',
align: 'center', align: 'center',
dataIndex: 'code', dataIndex: 'code',
width: 140,
scopedSlots: { customRender: 'codeState' } scopedSlots: { customRender: 'codeState' }
}, },
{ {
title: '发证时间', title: '发证时间',
align: 'center', align: 'center',
dataIndex: 'certificationDate' dataIndex: 'certificationDate',
width: 170
}, },
{ {
title: '生效日期', title: '生效日期',
align: 'center', align: 'center',
width: 170,
dataIndex: 'effectDate', dataIndex: 'effectDate',
customRender: function(text) { customRender: function(text) {
return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text) return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
@@ -254,6 +261,7 @@ export default {
title: '失效日期', title: '失效日期',
align: 'center', align: 'center',
dataIndex: 'invalidDate', dataIndex: 'invalidDate',
width: 160,
customRender: function(text) { customRender: function(text) {
return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text) return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
} }
@@ -262,6 +270,7 @@ export default {
title: '备案通知书', title: '备案通知书',
align: 'center', align: 'center',
dataIndex: 'noticeOfFiling', dataIndex: 'noticeOfFiling',
width: 120,
customRender: function(text) { customRender: function(text) {
if (text === 1) { if (text === 1) {
return '是' return '是'
@@ -275,12 +284,14 @@ export default {
{ {
title: '状态', title: '状态',
align: 'center', align: 'center',
width: 140,
dataIndex: 'certificateStatus', dataIndex: 'certificateStatus',
scopedSlots: { customRender: 'customRenderStatus' } scopedSlots: { customRender: 'customRenderStatus' }
}, },
{ {
title: '证书形式', title: '证书形式',
align: 'center', align: 'center',
width: 120,
dataIndex: 'certificateModality', dataIndex: 'certificateModality',
customRender: function(text) { customRender: function(text) {
if (text === 1) { if (text === 1) {
@@ -298,7 +309,7 @@ export default {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align: 'center', align: 'center',
// fixed:"right", fixed:'right',
width: 147, width: 147,
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' }
} }
src/views/standardsAssociation/memberManagementModule/VinCertificateModal.vue
+52 -19
View File
@@ -72,6 +72,20 @@
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="model.code">
<a-col :span="7">
<a-form-item label=" 证书文件" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload
isLessThan5M
disabled
:number="1"
bizPath="payment"
v-decorator="['certificateImg']">
</j-image-upload>
</a-form-item>
</a-col>
</a-row>
<!-- <a-row v-if="isShowPostcode">--> <!-- <a-row v-if="isShowPostcode">-->
<!-- <a-col :span="7">--> <!-- <a-col :span="7">-->
<!-- <a-form-item label="快递公司" :labelCol="labelCol" :wrapperCol="wrapperCol">--> <!-- <a-form-item label="快递公司" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
@@ -813,8 +827,8 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="selectType == '1' "> <a-row >
<a-col :span="12"> <a-col :span="12" v-if="selectType == '1' ">
<a-form-item label="备案通知书" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="备案通知书" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-dict-select-tag <j-dict-select-tag
v-decorator="['noticeOfFiling']" v-decorator="['noticeOfFiling']"
@@ -823,6 +837,18 @@
dictCode="notice_of_filing" /> dictCode="notice_of_filing" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- 输入证书代码显示上传 并为必填 -->
<a-col :span="12" v-if="freeCertificate.code">
<a-form-item label="证书文件" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload
isLessThan5M
isMultiple
:number="1"
bizPath="payment"
v-decorator="['certificateImg',validatorRules.certificateImg]">
</j-image-upload>
</a-form-item>
</a-col>
</a-row> </a-row>
<a-divider orientation="left"> <a-divider orientation="left">
缴费信息 缴费信息
@@ -2823,8 +2849,8 @@ import { getLastPaymentByMemberId, getCertificateByMemberId } from '@/api/standa
import JDictSelectTag from '@/components/standardsAssociation/JDictSelectTag' import JDictSelectTag from '@/components/standardsAssociation/JDictSelectTag'
import JMultiSelectTag from '@/components/standardsAssociation/JMultiSelectTag' import JMultiSelectTag from '@/components/standardsAssociation/JMultiSelectTag'
import PreViewImgModal from './PreViewImgModal' import PreViewImgModal from './PreViewImgModal'
import { USER_INFO } from '@/store/mutation-types' // import { USER_INFO } from '@/store/mutation-types'
import Vue from 'vue' // import Vue from 'vue'
export default { export default {
name: 'VinCertificateModal', name: 'VinCertificateModal',
@@ -3133,7 +3159,7 @@ export default {
validatorRules: { validatorRules: {
defaultRules: { defaultRules: {
rules: [{ required: true, message: '请选择' }, rules: [{ required: true, message: '请选择' },
{ min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
unBindId: { unBindId: {
@@ -3143,30 +3169,37 @@ export default {
companyName: { companyName: {
rules: [ rules: [
{ required: true, message: '请输入单位全称!' }, { required: true, message: '请输入单位全称!' },
{ min: 1, max: 50, message: '单位全称长度不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '单位全称长度不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
mobile: { mobile: {
rules: [ rules: [
{ required: true, message: '请输入手机!' }, { required: true, message: '请输入手机!' },
{ min: 1, max: 50, message: '手机号码不超过50个字符' }, { min: 1, max: 50, message: '手机号码不超过50个字符' },
{ pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号', validateTrigger: 'onBlur' } { pattern: /^1[345678]\d{9}$/, message: '请输入正确的手机号', validateTrigger: 'blur' }
] ]
}, },
certificateImg: {
rules: [
{ required: true, message: '请上传证书文件!' },
],
validateTrigger: 'change'
},
code: { code: {
rules: [ rules: [
{ required: true, message: '请输入证书代码!' }, { required: true, message: '请输入证书代码!' },
{ min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
clientCode: { clientCode: {
rules: [ rules: [
{ min: 0, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' } { min: 0, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
auditOpinion: { auditOpinion: {
rules: [ rules: [
{ min: 0, max: 500, message: '处理结果备注最多500个字符', validateTrigger: 'onBlur' } { min: 0, max: 500, message: '处理结果备注最多500个字符', validateTrigger: 'blur' }
] ]
}, },
effectDate: { effectDate: {
@@ -3188,7 +3221,7 @@ export default {
address: { address: {
rules: [ rules: [
{ required: true, message: '请输入通讯地址!' }, { required: true, message: '请输入通讯地址!' },
{ min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
postcode: { postcode: {
@@ -3197,7 +3230,7 @@ export default {
required: true, message: '请输入邮编!' required: true, message: '请输入邮编!'
}, },
{ min: 1, max: 50, message: '长度不超过50个字符' }, { min: 1, max: 50, message: '长度不超过50个字符' },
{ pattern: /^[0-9]\d{5}$/, message: '请输入正确的邮编', validateTrigger: 'onBlur' } { pattern: /^[0-9]\d{5}$/, message: '请输入正确的邮编', validateTrigger: 'blur' }
] ]
}, },
paymentMethod: { paymentMethod: {
@@ -3213,7 +3246,7 @@ export default {
{ {
pattern: /^[1-9](\d{1,10})?(\.\d{1,2})$|^0\.([1-9](\d{0,1})|\d[1-9])$|^[1-9]\d{0,10}$|^0$/, pattern: /^[1-9](\d{1,10})?(\.\d{1,2})$|^0\.([1-9](\d{0,1})|\d[1-9])$|^[1-9]\d{0,10}$|^0$/,
message: '请输入合法的金额数字，最多2位小数,11位正数', message: '请输入合法的金额数字，最多2位小数,11位正数',
validateTrigger: 'onBlur' validateTrigger: 'blur'
} }
], ],
validateTrigger: 'blur' validateTrigger: 'blur'
@@ -3232,7 +3265,7 @@ export default {
liaisonMan: { liaisonMan: {
rules: [ rules: [
{ required: true, message: '请输入联系人!' }, { required: true, message: '请输入联系人!' },
{ min: 1, max: 50, message: '联系人不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '联系人不超过50个字符', validateTrigger: 'blur' }
] ]
}, },
invoiceRequirements: { invoiceRequirements: {
@@ -3245,20 +3278,20 @@ export default {
{ {
required: true, message: '请输入关联付款发票名称!' required: true, message: '请输入关联付款发票名称!'
}, },
{ min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' } { min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' }
], ],
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
taxNumber: { taxNumber: {
rules: [ rules: [
{ required: true, message: '请输入社会统一代码/税号!' }, { required: true, message: '请输入社会统一代码/税号!' },
{ min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'onBlur' }, { min: 1, max: 50, message: '长度不超过50个字符', validateTrigger: 'blur' },
{ {
// pattern: /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/, // pattern: /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/,
pattern: /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, pattern: /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/,
// message: '15位、17位、18位、20位数字和大写英文字母', // message: '15位、17位、18位、20位数字和大写英文字母',
message: '请输入15位、18位的社会统一代码/税号', message: '请输入15位、18位的社会统一代码/税号',
validateTrigger: 'onBlur' validateTrigger: 'blur'
} }
], ],
validateTrigger: 'blur' validateTrigger: 'blur'
@@ -3270,7 +3303,7 @@ export default {
{ {
pattern: /^((13[0-9])|(14[579])|(15([0-3]|[5-9]))|(17[0135678])|(18[0-9])|(19[8|9])|(16[6]))\d{8}$|^([0-9]{3,4}-)[0-9]{7,8}$/, pattern: /^((13[0-9])|(14[579])|(15([0-3]|[5-9]))|(17[0135678])|(18[0-9])|(19[8|9])|(16[6]))\d{8}$|^([0-9]{3,4}-)[0-9]{7,8}$/,
message: '请输入正确格式的电话号码', message: '请输入正确格式的电话号码',
validateTrigger: 'onBlur' validateTrigger: 'blur'
} }
], ],
validateTrigger: 'blur' validateTrigger: 'blur'
@@ -4397,7 +4430,7 @@ export default {
}) })
}, },
handleTableChange(pagination, filters, sorter) { handleTableChange(pagination) {
this.ipagination = pagination this.ipagination = pagination
this.paymentSearchQuery() this.paymentSearchQuery()
}, },