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-24 14:14:43 +08:00
parent e067c8b3a4
commit cf0c5b437d
2 changed files with 86 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue
+63 -5
View File
@@ -377,6 +377,7 @@
<a-table
:pagination=false
bordered
:scroll="{x:true}"
:data-source="dataSource"
:columns="columns"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange,getCheckboxProps: getCheckboxProps }">
@@ -446,6 +447,48 @@
</a-select>
<span v-else> — </span>
</template>
<!-- 生效日期-->
<template slot="effectDate" slot-scope="text, record">
<a-form-item :colon='false' v-if="record.certificate === '企业名称代号证书' " class="transalte-y-10">
<j-date
:disabled="checkFlag||detailFlag|| (!!record.chargeType && record.chargeType === 2) ||( !!record.certificateStatus && record.certificateStatus === 1) || record.certificateStatus === 2 || record.certificateStatus === 3"
date-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择生效日期"
v-decorator="['effectDataVin',validatorRules.effectDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
<a-form-item :colon='false' v-if="record.certificate === '世界制造厂识别代号(WMI)证书' " class="transalte-y-10">
<j-date
:disabled="checkFlag||detailFlag|| (!!record.chargeType && record.chargeType === 2) ||( !!record.certificateStatus && record.certificateStatus === 1) || record.certificateStatus === 2 || record.certificateStatus === 3"
date-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择生效日期"
v-decorator="['effectDataWmi',validatorRules.effectDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
</template>
<!-- 失效日期-->
<template slot="invalidDate" slot-scope="text, record">
<a-form-item :colon='false' v-if="record.certificate === '企业名称代号证书' " class="transalte-y-10">
<j-date
:disabled="checkFlag||detailFlag|| (!!record.chargeType && record.chargeType === 2) ||( !!record.certificateStatus && record.certificateStatus === 1) || record.certificateStatus === 2 || record.certificateStatus === 3"
date-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择失效日期"
v-decorator="['invalidDateVin',validatorRules.invalidDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
<a-form-item :colon='false' v-if="record.certificate === '世界制造厂识别代号(WMI)证书' " class="transalte-y-10">
<j-date
:disabled="checkFlag||detailFlag|| (!!record.chargeType && record.chargeType === 2) ||( !!record.certificateStatus && record.certificateStatus === 1) || record.certificateStatus === 2 || record.certificateStatus === 3"
date-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择失效日期"
v-decorator="['invalidDateWmi',validatorRules.invalidDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
</template>
</a-table>
<div style="position: relative;top: 20px;" v-if="certificatesNum>0">
<a-row>
@@ -792,38 +835,53 @@ export default {
dataSource: [],
count: 2,
// 证书列表
// 证书列表
columns: [
{
title: '序号',
dataIndex: 'index',
width: '10%',
width: 80,
align: 'center'
},
{
title: '证书类型',
dataIndex: 'certificate',
width: '20%',
width: 160,
align: 'center',
scopedSlots: { customRender: 'certificate' }
},
{
title: '证书代码',
dataIndex: 'certificate_code',
width: '30%',
width: 160,
scopedSlots: { customRender: 'code' },
align: 'center'
},
{
title: '备案通知书',
dataIndex: 'recordNotice',
width: '30%',
width: 160,
scopedSlots: { customRender: 'recordNotice' },
align: 'center'
},
{
title: '生效日期',
dataIndex: 'effectDate',
width: 200,
align: 'center',
scopedSlots: { customRender: 'effectDate' }
},
{
title: '失效日期',
dataIndex: 'invalidDate',
width: 200,
align: 'center',
scopedSlots: { customRender: 'invalidDate' }
},
{
title: '证书附件',
dataIndex: 'text',
width: '30%',
width: 160,
align: 'center',
scopedSlots: { customRender: 'certificateImg' }
}
src/views/standardsAssociation/memberManagementModule/VinCertificateModal.vue
+23
View File
@@ -850,6 +850,29 @@
</a-form-item>
</a-col>
</a-row>
<a-row v-if="freeCertificate.code">
<a-col :span="12">
<a-form-item label="生效日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date
date-format="YYYY-MM-DD"
placeholder="请选择生效日期"
v-model="checkEffectDate"
v-decorator="['effectDate',validatorRules.effectDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="失效日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date
date-format="YYYY-MM-DD"
placeholder="请选择失效日期"
v-decorator="['invalidDate',validatorRules.invalidDate]"
:trigger-change="true"
style="width: 100%"/>
</a-form-item>
</a-col>
</a-row>
<a-divider orientation="left">
缴费信息
</a-divider>