【bug】备注框的显示
This commit is contained in:
fengachen
@@ -119,7 +119,7 @@
|
||||
|
||||
<span slot="action" class="action-span-cell" slot-scope="text, record">
|
||||
<!-- 待支付 不显示 -->
|
||||
<a v-if="record.certificateStatus !== '0' " @click="handleWithdraw(record)">撤回</a>
|
||||
<a v-if="record.certificateStatus+'' !== '0' " @click="handleWithdraw(record)">撤回</a>
|
||||
<a @click="handleDetail(record)">查看</a>
|
||||
<a v-show="record.certificateStatus == 4">
|
||||
<a href="javascript:;" @click="(record.certificateStatus == 4) && bindMember(record)">绑定会员</a>
|
||||
@@ -549,7 +549,6 @@ export default {
|
||||
},
|
||||
// 编辑: 包括免费证书，收费证书，续费，换证
|
||||
handleEditRenew: function (record) {
|
||||
console.log(record)
|
||||
record.certificateModality = Number(record.certificateModality) // 证书形式
|
||||
record.certificateStatus = Number(record.certificateStatus) // 证书的处理状态
|
||||
// 证书是否免费 1-免费 2-付费
|
||||
|
||||
@@ -199,7 +199,7 @@
|
||||
rows="5" v-decorator="['paymentMark' ]" placeholder="请输入备注" disabled
|
||||
:maxLength="500"></a-textarea>
|
||||
</a-form-item>
|
||||
<span style="color: #bfbfbf" v-show="!detailFlag && !checkFlag">一个缴费单可在多个缴费处上传</span>
|
||||
<span class="remark-notice" style="color: #bfbfbf" v-show="!detailFlag && !checkFlag">一个缴费单可在多个缴费处上传</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
@@ -865,7 +865,7 @@ export default {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.remark span {
|
||||
.remark .remark-notice {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
//margin-left: 100px;
|
||||
|
||||
@@ -253,7 +253,7 @@
|
||||
:maxLength="500"
|
||||
:disabled="checkFlag||detailFlag"></a-textarea>
|
||||
</a-form-item>
|
||||
<span style="color: #bfbfbf">一个缴费单可在多个缴费处上传</span>
|
||||
<span class="remark-notice" style="color: #bfbfbf">一个缴费单可在多个缴费处上传</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!--缴费 方式 费用类型end -->
|
||||
@@ -553,7 +553,7 @@ export default {
|
||||
memberPaymentAmount: {
|
||||
rules: [
|
||||
{
|
||||
required: true, message: '请输入会员缴费金额'
|
||||
required: false, message: '请输入会员缴费金额'
|
||||
},
|
||||
{
|
||||
pattern: /^0(\.[0-9]{1,2})*$|^[1-9]\d{0,7}(\.\d{1,2})*$/,
|
||||
@@ -1251,7 +1251,7 @@ export default {
|
||||
//margin-left: -100px;
|
||||
}
|
||||
|
||||
.remark span {
|
||||
.remark .remark-notice {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
margin-left: 145px;
|
||||
|
||||
@@ -1034,7 +1034,7 @@ export default {
|
||||
// 提示
|
||||
that.$confirm({
|
||||
title: '确认提交',
|
||||
content: '是否删除选中数据?',
|
||||
content: '当前已有待审核缴费订单，为避免重复提交，请确认是否再次提交缴费订单?',
|
||||
onOk:function () {
|
||||
that.handleSubmit(values)
|
||||
},
|
||||
|
||||
@@ -147,7 +147,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -811,7 +811,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -813,7 +813,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -263,7 +263,7 @@ export default {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -318,7 +318,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -389,7 +389,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -421,7 +421,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
|
||||
@@ -156,6 +156,7 @@
|
||||
dictCode="invoice_requirements"
|
||||
placeholder="请选择发票"/>
|
||||
</a-form-item>
|
||||
<span v-if="currentSelectInvoiceType === 0 " class="other-notice">本选项不提供任何形式的发票凭证</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!--只有电汇才会上传缴费凭证/付款说明-->
|
||||
@@ -170,6 +171,7 @@
|
||||
v-decorator="['paymentRecord',validatorRules.paymentRecord]"
|
||||
></j-image-upload>
|
||||
</a-form-item>
|
||||
<span v-if="!validateCompanyNameFlag && currentSelectInvoiceType && currentSelectInvoiceType !== 0" class="paymentRecord-notice">需上传"垫付款说明（盖章"文件）</span>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
@@ -180,6 +182,7 @@
|
||||
<a-form-item label="付款单位发票抬头" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||
<a-input
|
||||
:maxLength="50"
|
||||
@blur="validateCompanyName"
|
||||
v-decorator="['headerName',{ ...validatorRules.headerName,initialValue:currentMemberInfo.invoiceInfo}]"
|
||||
placeholder="请输入付款单位发票抬头"></a-input>
|
||||
</a-form-item>
|
||||
@@ -325,10 +328,11 @@ export default {
|
||||
title: '续费',
|
||||
visible: false,
|
||||
confirmLoading: false,
|
||||
validateCompanyNameFlag:false,// 验证单位名称与发票抬头是否一致
|
||||
pageType: 7,
|
||||
// 记录续费证书选择
|
||||
selectType: 1,
|
||||
currentSelectInvoiceType: 0,
|
||||
currentSelectInvoiceType: '',
|
||||
invoiceRequirementsFlag: false,
|
||||
form: this.$form.createForm(this),
|
||||
labelCol: {
|
||||
@@ -540,6 +544,7 @@ export default {
|
||||
this.checkEffectDate = record.effectDate
|
||||
this.$nextTick(() => {
|
||||
this.form.setFieldsValue(pick(this.model, 'paymentRecord', 'id', 'auditOpinion', 'address', 'postcode', 'mobile', 'liaisonMan', 'certificateValidDate', 'companyName', 'certificationDate', 'certificateType', 'applyDate', 'effectDate', 'invalidDate', 'certificateStatus', 'memberId', 'code', 'chargeType'))
|
||||
this.validateCompanyName()
|
||||
})
|
||||
},
|
||||
// 校验是否选择 要发票
|
||||
@@ -550,6 +555,11 @@ export default {
|
||||
} else {
|
||||
this.invoiceRequirementsFlag = false
|
||||
}
|
||||
if(value === '2'){
|
||||
this.validateCompanyName()
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
/* 缴费方式*/
|
||||
changePaymentMethod(value) {
|
||||
@@ -562,6 +572,12 @@ export default {
|
||||
this.paymentMethodFlag = false
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 校验发票抬头是否与公司名称一致
|
||||
* */
|
||||
validateCompanyName() {
|
||||
this.validateCompanyNameFlag = this.form.getFieldValue('headerName') === this.renewMemberInfo.companyName
|
||||
},
|
||||
/*
|
||||
* 续费选择换证
|
||||
* */
|
||||
@@ -677,7 +693,7 @@ export default {
|
||||
if (res.success) {
|
||||
that.$message.success(res.message)
|
||||
that.$emit('ok')
|
||||
that.close()
|
||||
that.handleCancel()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
@@ -691,6 +707,7 @@ export default {
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
this.currentSelectInvoiceType = ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -708,7 +725,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.v-middle {
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
@@ -791,4 +808,20 @@ export default {
|
||||
left: 25%
|
||||
}
|
||||
|
||||
|
||||
.other-notice {
|
||||
color: #f5222d;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
// 上传额外附件的缴费凭证
|
||||
.paymentRecord-notice {
|
||||
color: #f5222d;
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
left: 25%
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user