【bug】上传凭证不回显的bug

This commit is contained in:
fengachen
2021-10-22 10:23:14 +08:00
parent 24a447efef
commit df5ac3ae75
@@ -50,7 +50,8 @@
<span><j-ellipsis :value="model.needInvoice_dictText" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<!-- 打包 或者不需要发票 不显示 邮寄信息 -->
<a-row :gutter="24" v-if="model.needInvoice !== 0">
<a-col :span="12">
<label>发票邮寄地址</label>
<span><j-ellipsis :value="model.postContactAddress" :length="20"></j-ellipsis></span>
@@ -64,17 +65,18 @@
<section class="base-info">
<h3 class="title">付款凭证</h3>
<a-form :form="form">
<!-- 审核通过后 禁止上传 -->
<a-row :gutter="24">
<a-col :xl="12" :sm="24">
<a-form-item label="付款凭证" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload v-decorator="['paymentRecord',validatorRules.paymentRecord]"
<j-image-upload v-decorator="['paymentRecord',validatorRules.paymentRecord]" :disabled="checkBool"
:return-id="true"></j-image-upload>
</a-form-item>
</a-col>
<!-- 缴费方式线上缴费的需要订单后四位-->
<a-col :xl="12" :sm="24" v-if="payModeOnlineBool">
<a-form-item label="订单后四位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入订单后四位" :maxLength="4" v-decorator="['orderCode',validatorRules.orderCode]"
<a-input placeholder="请输入订单后四位" :maxLength="4" v-decorator="['orderCode',validatorRules.orderCode]" :disabled="checkBool"
@change="(e) => {e.target.value = e.target.value.replace(/[^0-9A-Za-z]/g,'')}"></a-input>
</a-form-item>
</a-col>
@@ -85,7 +87,8 @@
</a-spin>
<template slot="footer">
<a-button @click="handleCancel">关闭</a-button>
<a-button @click="handleOk" type="primary" :disabled="confirmLoading">确定</a-button>
<!-- 审核通过不显示确认按钮 -->
<a-button v-if="!checkBool" @click="handleOk" type="primary" :disabled="confirmLoading">确定</a-button>
</template>
</j-modal>
</template>
@@ -130,6 +133,8 @@ export default {
meetingName: '',
// 是否是线上缴费方式
payModeOnlineBool: false,
// 审核是否通过
checkBool:false,
// 参会人id
singUpPerosnId:''
}
@@ -159,7 +164,22 @@ export default {
// 获取参会人信息
this.querySingUpUserInfo(param.situationId).then(res => {
this.model = {}
this.model = res
this.model = res
// 如果缴费方式为汇款的并且上传了缴费凭证 回显缴费凭证
if(this.model.paymentRecord && this.model.payMode === 1 ){
this.form.setFieldsValue({'paymentRecord':this.model.paymentRecord})
}
// 如果缴费方式为线上缴费并且上传了缴费凭证和订单后四位 需要回显
if(this.model.paymentRecord && this.model.payMode === 2 ){
this.form.setFieldsValue({'paymentRecord':this.model.paymentRecord,'orderCode':this.model.orderCode})
}
// 审核通过以后不可在上传
if(this.model.checkResult === 1){
this.checkBool = true
}else {
this.checkBool = false
}
})
}
},
@@ -240,7 +260,7 @@ h3.title::before {
left: -10px;
content: "";
height: 20px;
width: 2px;
width: 3px;
background: #069f99;
}