参会人审核

This commit is contained in:
fengachen
2021-09-10 16:37:05 +08:00
parent b33562fb8c
commit 34ea25315f
2 changed files with 116 additions and 67 deletions
@@ -373,6 +373,7 @@ export default {
})
},
computed: {
// 标协会议类型
tbMeetingType() {
if (this.currentMeetingInfo.tbMeetingType === '1') {
return '标准宣贯'
@@ -8,77 +8,94 @@
@cancel="handleCancel"
cancelText="关闭">
<a-spin :spinning="confirmLoading">
<h3>报名信息</h3>
<section class="check">
<h3>报名信息</h3>
<a-row :gutter="24">
<a-col :span="24">
<label>参会企业</label>
<span>{{model.companyName}}</span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>姓名</label>
<span>{{model.companyContactName}}</span></a-col>
<a-col :span="12">
<label>手机号</label>
<span>{{model.phone}}</span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>身份</label>
<span>{{model.identity_dictText}}</span></a-col>
<a-col :span="12">
<label>是否入住协议酒店</label>
<span>{{model.checkInHotel_dictText}}</span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>抵达时间</label>
<span>{{model.arrivalTime}}</span></a-col>
<a-col :span="12">
<label>离开时间</label>
<span>{{model.departureTime}}</span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>缴费方式</label>
<span>{{model.payMode_dictText}}</span></a-col>
<a-col :span="12">
<label>需要发票</label>
<span>{{model.needInvoice_dictText}}</span></a-col>
</a-row>
</section>
<a-row :gutter="24">
<a-col :span="24">
<label>参会企业:</label>
<span></span>
<a-col :span="3">
<label>缴费凭证</label>
</a-col>
<a-col :span="10">
<j-image-upload :return-id="true" v-model="model.paymentMethod"></j-image-upload>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>姓名:</label>
<span></span></a-col>
<a-col :span="12">
<label>手机号:</label>
<span></span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>身份:</label>
<span></span></a-col>
<a-col :span="12">
<label>是否入住协议酒店:</label>
<span></span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>抵达时间:</label>
<span></span></a-col>
<a-col :span="12">
<label>抵达时间:</label>
<span></span></a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<label>缴费方式:</label>
<span></span></a-col>
<a-col :span="12">
<label>需要发票:</label>
<span></span></a-col>
</a-row>
<a-row :gutter="24">
<j-image-upload></j-image-upload>
</a-row>
<h3>审核</h3>
<a-form :form="form">
<a-row :gutter="24">
<a-col :xl="12" :sm="24">
<a-form-item label="会议对接人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['',]" placeholder="请选择机构类型">
<a-col :xl="12" :sm="24" >
<a-form-item label="审核" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['checkResult',validatorRules.checkResult]" placeholder="请选择审核结果" @change="changeCheck">
<a-radio value="1">
通过
</a-radio>
<a-radio value=0>
<a-radio value='0'>
驳回
</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="24" :sm="24">
<a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
<a-col :xl="24" :sm="24" v-if="checkBool">
<a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
<a-textarea
placeholder="请输入备注"
placeholder="请输入审核说明"
:auto-size="{ minRows: 3, maxRows: 6 }"
:maxLength='200'
v-decorator="['']"
v-decorator="['checkRemark',validatorRules.checkRemark]"
@change="e => {e.target.value = (e.target.value + '').trim()}"/>
</a-form-item>
</a-col>
<a-col :xl="24" :sm="24" v-if="!checkBool">
<a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
<a-textarea
placeholder="请输入审核说明"
:auto-size="{ minRows: 3, maxRows: 6 }"
:maxLength='200'
v-decorator="['checkRemark']"
@change="e => {e.target.value = (e.target.value + '').trim()}"/>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-spin>
@@ -91,6 +108,7 @@
<script>
import JImageUpload from '@comp/jero/JImageUpload'
import {httpAction} from '@api/manage'
export default {
name: 'AuditModal',
@@ -122,29 +140,28 @@ export default {
sm: {span: 21}
},
validatorRules: {
projectName: {
rules: [{required: true, message: '请输入会员项目'}],
checkRemark: {
rules: [{required: true, message: '请输入审核说明'}],
validateTrigger: 'blur'
},
particularYear: {
rules: [{required: true, message: '请选择年份'}],
validateTrigger: ['change', 'blur']
},
directorId: {
rules: [{required: true, message: '请选择负责人'}],
validateTrigger: ['change', 'blur']
checkResult: {
rules: [{required: true, message: '请选择审核结果'}],
validateTrigger: 'change'
}
},
url: {
add: '/jero/memberProject/add',
edit: '/jero/memberProject/edit',
}
check: '/meeting/payMeetingSituation/check',
},
// 审核结果选择
checkBool:false
}
},
methods: {
open(record) {
this.form.resetFields()
this.visible = true
this.model = Object.assign({}, record)
console.log(record)
},
close() {
this.$emit('close')
@@ -155,10 +172,10 @@ export default {
// 触发表单验证
this.form.validateFields((err, values) => {
if (!err) {
let httpurl = ''
let httpurl = this.url.check
let method = 'post'
const formData = Object.assign(this.model, values)
console.log('表单提交数据', formData)
const formData = Object.assign({}, values)
formData.id = this.model.id
httpAction(httpurl, formData, method).then((res) => {
if (res.success) {
that.$message.success(res.message)
@@ -176,13 +193,44 @@ export default {
handleCancel() {
this.close()
},
addContactsOk() {
this.$refs.selectContacts.getContactsList()
/*
* 选择审核结果
* */
changeCheck(e){
console.log(e)
// 审核结果选择拒绝 审核说明必填
if(e.target.value === '1'){
this.checkBool = false
}else if(e.target.value === '0'){
this.checkBool = true
}
}
}
}
</script>
<style scoped>
<style scoped lang="less">
.check {
.ant-row {
line-height: 3;
.ant-col {
label {
color: #999;
}
span {
color: black;
}
}
}
.label {
color: #999999;
}
.content {
color: black;
}
}
</style>