[update]-1、会员报名页面增加发票信息 2、证书初步页面的修改

This commit is contained in:
fengchenchen
2023-07-18 18:34:20 +08:00
parent de47c7937b
commit 19d6804975
10 changed files with 435 additions and 137 deletions
@@ -66,7 +66,7 @@
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button @click="searchReset" icon="reload" style="margin-left: 8px" class="reset-button">重置</a-button>
<a-button
v-if="$store.getters.userInfo.roleCode !== '3' && showApply"
v-if="isMemberFlag && showApply"
type="primary"
@click="applyCertificate"
class="primary"
@@ -101,48 +101,35 @@
@change="handleTableChange">
<div slot="action" class="action-span-cell" slot-scope="text, record">
<!-- 待支付 不显示 ,其他状态均显示撤回-->
<a v-if="record.certificateStatus !== CertificateStatusEnums.toPay.index && isMemberFlag "
@click="handleWithdraw(record)">撤回</a>
<a @click="handleDetail(record)">查看</a>
<span slot="action" class="action-span-cell" slot-scope="text, record">
<!-- v-if="$store.getters.userInfo.roleCode !== '3'"-->
<!-- 待支付 不显示 -->
<a v-if="record.certificateStatus+'' !== '0' && $store.getters.userInfo.roleCode !== '3' "
@click="handleWithdraw(record)">撤回</a>
<a @click="handleDetail(record)">查看</a>
<a v-show="record.certificateStatus == 4 && $store.getters.userInfo.roleCode !== '3'">
<a href="javascript:;"
@click="(record.certificateStatus == 4) && $store.getters.userInfo.roleCode !== '3' && bindMember(record)">绑定会员</a>
</a>
<!-- v-show="record.chargeType != 1 && record.certificateModality == 3 && record.certificateStatus == 5"-->
<!-- 已绑定的证书不能续费 已支付已缴费的不能续费 需要流程走完才能续费 v-has="'vin:renew'"-->
<a
v-show="(Number(record.certificateStatus) === 4 ||Number(record.certificateStatus) === 5 || Number(record.certificateStatus) === 7) && $store.getters.userInfo.roleCode !== '3' ">
<a href="javascript:;" @click="renewCharge(record)">续费</a>
</a>
<!-- v-has="'vin:renewal'"-->
<a
v-show="record.certificateModality == 3 && (record.certificateStatus == 1 || record.certificateStatus == 4) && $store.getters.userInfo.roleCode !== '3'">
<a href="javascript:;"
@click="(record.certificateModality == 3 && (record.certificateStatus == 1 || record.certificateStatus == 4)) && replacement(record)">换证</a>
</a>
<a
v-show="($store.getters.userInfo.roleCode !== '3' && (record.certificateStatus == 6 && record.chargeType == 2) || record.certificateStatus == 0) && record.paymentStatus !== 4">
<a href="javascript:;"
@click="((record.certificateStatus == 6 && record.chargeType == 2 && record.paymentStatus !== 4) || record.certificateStatus == 0) && handleEditRenew(record) && $store.getters.userInfo.roleCode !== '3'">编辑</a>
</a>
<!-- 会员 只有企业证书才 正常使用 已绑定的证书 可授权申请-->
<a
v-show="roleCode === 'member'&& record.certificateType == 2 && (record.certificateStatus == 4 || record.certificateStatus == 1) && $store.getters.userInfo.roleCode !== '3'"
>
<a href="javascript:;" @click="authorizationFunc(record)">授权申请</a>
</a>
<!-- 管理员上传的缴费会员不能删除 record.paymentStatus !== 4-->
<a
v-show="(record.certificateStatus == 6 || record.certificateStatus == 0) && $store.getters.userInfo.roleCode !== '3' && record.paymentStatus !== 4">
<a v-show="(Number(record.certificateStatus) === 4 ||Number(record.certificateStatus) === 5 || Number(record.certificateStatus) === 7) && isMemberFlag ">
<a href="javascript:;" @click="renewCharge(record)">续费</a>
</a>
<a
@click="(record.certificateStatus == 6 || record.certificateStatus == 0) && record.paymentStatus !== 4 && handleDelete(record.id)">删除</a>
</a>
</span>
v-show="(isMemberFlag && (record.certificateStatus == 6 && record.chargeType == 2) || record.certificateStatus == 0) && record.paymentStatus !== 4">
<a href="javascript:;"
@click="((record.certificateStatus == 6 && record.chargeType == 2 && record.paymentStatus !== 4) || record.certificateStatus == 0) && handleEditRenew(record) && isMemberFlag">编辑</a>
</a>
<!-- 会员 只有企业证书才 正常使用 已绑定的证书 可授权申请-->
<a
v-show="roleCode === 'member'&& record.certificateType == 2 && (record.certificateStatus == 4 || record.certificateStatus == 1) && isMemberFlag"
>
<a href="javascript:;" @click="authorizationFunc(record)">授权申请</a>
</a>
<!-- 管理员上传的缴费会员不能删除 record.paymentStatus !== 4-->
<a
v-show="(record.certificateStatus == 6 || record.certificateStatus == 0) && isMemberFlag && record.paymentStatus !== 4">
<a
@click="(record.certificateStatus == 6 || record.certificateStatus == 0) && record.paymentStatus !== 4 && handleDelete(record.id)">删除</a>
</a>
</div>
<!-- 状态渲染模板 -->
<template slot="customRenderStatus" slot-scope="certificateStatus">
<a-tag v-if="certificateStatus==0" color="#c37e00">待支付</a-tag>
@@ -261,6 +248,7 @@ export default {
return {
getAction,
getFileAccessHttpUrl,
CertificateStatusEnums,
// 时间范围查询显示的类型
rangeDateFormat: {
begin: 'YYYY-MM-DD hh:mm:ss',
@@ -381,6 +369,10 @@ export default {
computed: {
importExcelUrl: function () {
return `${window._CONFIG['memberURL']}/${this.url.importExcelUrl}`
},
// 是否是会员企业
isMemberFlag() {
return this.$store.getters.userInfo.roleCode !== '3'
}
},
created(){
@@ -1094,11 +1094,11 @@ export default {
that.form.validateFields(async(err, values) => {
if (!err) {
// 校验缴费凭证 或打包协议必填
if(this.paymentMethodFlag && !values.paymentRecord){
// 选择了打包协议
this.$message.warning('请上传打包协议')
return
}
// if(this.paymentMethodFlag && !values.paymentRecord){
// // 选择了打包协议
// this.$message.warning('请上传打包协议')
// return
// }
if(!this.paymentMethodFlag && !values.paymentRecord) {
this.$message.warning('请上传缴费凭证/付款说明')
return
@@ -1226,11 +1226,11 @@ export default {
that.form.validateFields({ force: true }, async (err, values) => {
if (!err) {
// 校验缴费凭证 或打包协议必填
if(this.paymentMethodFlag && !values.paymentRecord){
// 选择了打包协议
this.$message.warning('请上传打包协议')
return
}
// if(this.paymentMethodFlag && !values.paymentRecord){
// // 选择了打包协议
// this.$message.warning('请上传打包协议')
// return
// }
if(!this.paymentMethodFlag && !values.paymentRecord) {
this.$message.warning('请上传缴费凭证/付款说明')
return
@@ -74,6 +74,9 @@
<!-- 企业管理员没有操作权限 -->
<a-button @click="handleAdd" type="primary" icon="plus" v-if="$store.getters.userInfo.roleCode !== '3'">新增
</a-button>
<div class="notice-msg">
附加证书需求,请转至“证书服务”工作区提交申请。
</div>
</div>
<!-- table区域-begin -->
@@ -101,6 +104,13 @@
<template slot-scope="text,record" slot="billNumber">
{{text}}<span v-if="record.paymentStatus === 0 && !record.paymentRecord " class="color-red">&nbsp;(待上传凭证)</span>
</template>
<!--缴费状态--费用核验中 的时候 提示 对公银行预计15个工作日完成费用核验,请耐心等待-->
<template slot-scope="text,record" slot="paymentStatus">
<a-tooltip>
<template slot="title">{{ record.paymentStatus === 1 ? '对公银行预计15个工作日完成费用核验,请耐心等待' : text }}</template>
<div class="table-text">{{ text }}<span class="inner-notice" v-if="record.paymentStatus === 1">?</span></div>
</a-tooltip>
</template>
<div slot="action" class="action-span-cell" slot-scope="text, record">
<!-- 会员缴费的相关操作 -->
@@ -108,13 +118,13 @@
<!-- 管理端上传的缴费 企业端只能上传凭证 -->
<template v-if="record.adminAddFlag === 0">
<!--已支付显示 撤回-->
<a v-show="record.paymentStatus === 1 && $store.getters.userInfo.roleCode !== '3' "
<a v-if="record.paymentStatus === 1 && $store.getters.userInfo.roleCode !== '3' "
@click="handleWithdraw(record)">撤回</a>
<a v-show="(record.paymentStatus<1 ||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'"
@click="(record.paymentStatus<1 ||record.paymentStatus==2) && handleEdit(record)">编辑</a>
<a v-if="(record.paymentStatus<1 ||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'"
@click="handleEdit(record)">编辑</a>
<a v-show="(record.paymentStatus<1||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'">
<a @click="(record.paymentStatus<1||record.paymentStatus==2) && handleDelete(record.id)">删除</a>
<a v-if="(record.paymentStatus<1||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'">
<a @click="handleDelete(record.id)">删除</a>
</a>
<a>
<a href="javascript:;" @click="handleDetail(record)">查看</a>
@@ -123,8 +133,8 @@
<template v-if="record.adminAddFlag === 1">
<!-- 待上传的可以上传凭证 -->
<a v-show="record.paymentStatus === 4 || record.paymentStatus === 2 " href="javascript:;"
@click="(record.paymentStatus === 4 || record.paymentStatus === 2) && handleUploadRecord(record)">上传凭证</a>
<a v-if="record.paymentStatus === 4 || record.paymentStatus === 2 " href="javascript:;"
@click="handleUploadRecord(record)">上传凭证</a>
<a href="javascript:;" @click="handleDetail(record)">查看</a>
</template>
</template>
@@ -173,7 +183,7 @@ import CombinationPaymentModal from '@views/standardsAssociation/PaymentInfo/mod
import UploadRecordModal from '@views/standardsAssociation/PaymentInfo/modules/UploadRecordModal'
import CertificatePaymentInfoModal from '../PaymentInfo/modules/CertificatePaymentInfoModal'
import {getAction} from '@/api/memberManage'
import {getAction, postAction} from '@/api/memberManage'
import {filterObj} from '../../../utils/util'
import {RangeDateMixin} from '@/mixins/RangeDateMixin'
import {mixinDevice} from '@/utils/mixin'
@@ -209,7 +219,7 @@ const columns = [
title: '缴费状态',
align: 'center',
dataIndex: 'paymentStatus_dictText',
scopedSlots: { customRender: 'status' }
scopedSlots: { customRender: 'paymentStatus' }
},
{
title: '缴费类别',
@@ -437,6 +447,36 @@ export default {
this.$refs.modalForm.title = '核对凭证'
this.$refs.modalForm.pageType = 2
},
handleEdit: function (record) {
this.$refs.modalForm.edit(record)
this.$refs.modalForm.title = '编辑'
this.$refs.modalForm.disableSubmit = false
},
handleDelete: function (id) {
if(!this.url.delete){
this.$message.error('请设置url.delete属性!')
return
}
var that = this
this.$confirm({
title: '确认删除',
content: '确定要删除此条数据吗?',
onOk: function() {
postAction(that.url.delete, {id: id}).then((res) => {
if (res.success) {
that.$message.success(res.message)
// 判断当前删除的数据是否是最后一页的最后一条数据,如果是的话页码减一
if (that.ipagination.current > 1 && ((that.ipagination.current - 1) * that.ipagination.pageSize) + 1 === that.ipagination.total) {
that.ipagination.current -= 1
}
that.loadData()
} else {
that.$message.warning(res.message)
}
})
}
})
},
// 查看
handleDetail: function (record) {
this.$refs.modalForm.detail(record)
@@ -486,7 +526,27 @@ export default {
/*列表td的padding设置 可以控制列表大小*/
.standard-table .ant-table-tbody .ant-table-row td .action-span-cell a{
.standard-table .ant-table-tbody .ant-table-row td .action-span-cell > a{
padding: 0 10px;
}
.color-red {
color: red;
}
.inner-notice{
display: inline-block;
width: 10px;
//height: 15px;
border-radius: 5px;
background-color: #f6f6f6;
margin: 0 5px;
color: red;
cursor: pointer;
}
.notice-msg{
display: inline-block;
color: red;
padding-bottom: 8px;
padding-left: 20px;
}
</style>