【bug】报名页面没有id的情况
This commit is contained in:
fengachen
@@ -70,7 +70,7 @@
|
|||||||
<a-row>
|
<a-row>
|
||||||
<img :src="singUpQRCode" class="qr-code"/>
|
<img :src="singUpQRCode" class="qr-code"/>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-button type="primary" style="margin-left: 19px;" @click="toSingUpPage" v-if="!invalidationBool">立即报名
|
<a-button type="primary" style="margin-left: 19px;" @click="toSingUpPage" v-if="!invalidationBool && urlHaveIdBool">立即报名
|
||||||
</a-button>
|
</a-button>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
@@ -105,12 +105,15 @@ export default {
|
|||||||
// 会议id
|
// 会议id
|
||||||
meetingId: '',
|
meetingId: '',
|
||||||
// 当前时间是否超过报名截止时间
|
// 当前时间是否超过报名截止时间
|
||||||
invalidationBool: false
|
invalidationBool: false,
|
||||||
|
// url是否有id参数
|
||||||
|
urlHaveIdBool:false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// 获取会议id
|
// 获取会议id
|
||||||
let id = this.GetQueryString('id')
|
let id = this.GetQueryString('id')
|
||||||
|
this.urlHaveIdBool = id ? true :false
|
||||||
this.meetingId = id
|
this.meetingId = id
|
||||||
document.title = '报名入口'
|
document.title = '报名入口'
|
||||||
if (id) {
|
if (id) {
|
||||||
@@ -179,7 +182,7 @@ export default {
|
|||||||
this.holdAddress = this.currentMeetingInfo.venue + '/' + this.currentMeetingInfo.address
|
this.holdAddress = this.currentMeetingInfo.venue + '/' + this.currentMeetingInfo.address
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log(res.message)
|
this.urlHaveIdBool = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
+135
-127
@@ -89,128 +89,133 @@
|
|||||||
<section class="main-content-title mt-10">
|
<section class="main-content-title mt-10">
|
||||||
<img src="../../assets/signUpImg/signUpInfo.png"/> 报名信息
|
<img src="../../assets/signUpImg/signUpInfo.png"/> 报名信息
|
||||||
</section>
|
</section>
|
||||||
<a-spin :spinning="confirmLoading">
|
<template v-if="urlHaveIdBool">
|
||||||
<a-form :form="form">
|
<a-spin :spinning="confirmLoading">
|
||||||
<!--个人信息begin-->
|
<a-form :form="form">
|
||||||
<div class="item-title">个人信息</div>
|
<!--个人信息begin-->
|
||||||
<a-row :gutter="24">
|
<div class="item-title">个人信息</div>
|
||||||
<a-col :xxl="8" :xl="12" :sm="24">
|
<a-row :gutter="24">
|
||||||
<a-form-item label="参会企业" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-col :xxl="8" :xl="12" :sm="24">
|
||||||
<company-select @change="changeCompany" v-decorator="['companyId',validatorRules.companyId]"
|
<a-form-item label="参会企业" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
placeholder="请选择参会企业"
|
<company-select @change="changeCompany" v-decorator="['companyId',validatorRules.companyId]"
|
||||||
:is-limit="true"
|
placeholder="请选择参会企业"
|
||||||
:maxLength='50'>
|
:is-limit="true"
|
||||||
</company-select>
|
:maxLength='50'>
|
||||||
</a-form-item>
|
</company-select>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
</a-row>
|
</a-col>
|
||||||
<a-row :gutter="24">
|
</a-row>
|
||||||
<a-col :xxl="8" :xl="12" :sm="24">
|
<a-row :gutter="24">
|
||||||
<a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-col :xxl="8" :xl="12" :sm="24">
|
||||||
<select-contacts :selected-company="selectedCompany"
|
<a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
placeholder="请选择参会人"
|
<select-contacts :selected-company="selectedCompany"
|
||||||
:is-limit="true"
|
placeholder="请选择参会人"
|
||||||
v-decorator="['companyContactId',validatorRules.companyContactId]"
|
:is-limit="true"
|
||||||
:maxLength='50'
|
v-decorator="['companyContactId',validatorRules.companyContactId]"
|
||||||
@change="changeContact"
|
:maxLength='50'
|
||||||
ref="selectMailContacts"
|
@change="changeContact"
|
||||||
@ok="addContactsOk"></select-contacts>
|
ref="selectMailContacts"
|
||||||
</a-form-item>
|
@ok="addContactsOk"></select-contacts>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<a-col :xxl="8" :xl="12" :sm="24">
|
</a-col>
|
||||||
<a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-col :xxl="8" :xl="12" :sm="24">
|
||||||
<a-input placeholder="请输入手机号"
|
<a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
@change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}"
|
<a-input placeholder="请输入手机号"
|
||||||
:maxLength='11'
|
@change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}"
|
||||||
disabled
|
:maxLength='11'
|
||||||
v-decorator="['phone',validatorRules.phone]"></a-input>
|
disabled
|
||||||
</a-form-item>
|
v-decorator="['phone',validatorRules.phone]"></a-input>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<!--非国际研讨会-->
|
</a-col>
|
||||||
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType !== '3' ">
|
<!--非国际研讨会-->
|
||||||
<a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType !== '3' ">
|
||||||
<a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
|
<a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
<a-radio :value="1">嘉宾</a-radio>
|
<a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
|
||||||
<a-radio :value="2">参会人</a-radio>
|
<a-radio :value="1">嘉宾</a-radio>
|
||||||
<a-radio :value="3">内部企业</a-radio>
|
<a-radio :value="2">参会人</a-radio>
|
||||||
</a-radio-group>
|
<a-radio :value="3">内部企业</a-radio>
|
||||||
</a-form-item>
|
</a-radio-group>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '3' ">
|
</a-col>
|
||||||
<a-form-item label="是否有邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '3' ">
|
||||||
<a-radio-group v-decorator="['inviteCode',validatorRules.inviteCode]" @change="changeInviteCode">
|
<a-form-item label="是否有邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
<a-radio :value="1">是</a-radio>
|
<a-radio-group v-decorator="['inviteCode',validatorRules.inviteCode]" @change="changeInviteCode">
|
||||||
<a-radio :value="0">否</a-radio>
|
<a-radio :value="1">是</a-radio>
|
||||||
</a-radio-group>
|
<a-radio :value="0">否</a-radio>
|
||||||
</a-form-item>
|
</a-radio-group>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
|
||||||
<!--邀请码选择是出现填写邀请码 否选择身份-->
|
<!--邀请码选择是出现填写邀请码 否选择身份-->
|
||||||
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '3' && identityBool ">
|
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '3' && identityBool ">
|
||||||
<a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
<a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
|
<a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
|
||||||
<a-radio :value="2">参会人</a-radio>
|
<a-radio :value="2">参会人</a-radio>
|
||||||
<a-radio :value="3">内部企业</a-radio>
|
<a-radio :value="3">内部企业</a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
||||||
<a-col :xxl="8" :xl="12" :sm="24" v-if="inviteCodeBool">
|
<a-col :xxl="8" :xl="12" :sm="24" v-if="inviteCodeBool">
|
||||||
<a-form-item label="邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label="邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
<a-input placeholder="请输入邀请码"
|
<a-input placeholder="请输入邀请码"
|
||||||
:maxLength='50'
|
:maxLength='50'
|
||||||
@change="event => event.target.value = event.target.value.trim()"
|
@change="event => event.target.value = event.target.value.trim()"
|
||||||
@blur="validateCode"
|
@blur="validateCode"
|
||||||
v-decorator="[ 'code',
|
v-decorator="[ 'code',
|
||||||
validatorRules.code]"></a-input>
|
validatorRules.code]"></a-input>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<!--邀请码选择是才出现-->
|
<!--邀请码选择是才出现-->
|
||||||
<a-row :gutter="24" class="center" v-if="inviteCodeBool">
|
<a-row :gutter="24" class="center" v-if="inviteCodeBool">
|
||||||
<a-button @click="nextSetp" type="primary">下一步</a-button>
|
<a-button @click="nextSetp" type="primary">下一步</a-button>
|
||||||
</a-row>
|
</a-row>
|
||||||
<!--个人信息end-->
|
<!--个人信息end-->
|
||||||
<!--除开国际研讨会的其他会议的显示-->
|
<!--除开国际研讨会的其他会议的显示-->
|
||||||
<template v-if="meetingType !== '3' ">
|
<template v-if="meetingType !== '3' ">
|
||||||
<other-meeting-form ref="formother" :selected-company="selectedCompany"
|
<other-meeting-form ref="formother" :selected-company="selectedCompany"
|
||||||
:meeting-cost-bool="meetingCostBool"
|
:meeting-cost-bool="meetingCostBool"
|
||||||
:identify-type="identifyType" @formData="getFormData" @isPack="isPack"></other-meeting-form>
|
:identify-type="identifyType" @formData="getFormData"
|
||||||
</template>
|
@isPack="isPack"></other-meeting-form>
|
||||||
|
</template>
|
||||||
|
|
||||||
<!--国际研讨会参会人与内部企业的显示 默认不展示 -->
|
<!--国际研讨会参会人与内部企业的显示 默认不展示 -->
|
||||||
<template v-if="meetingType === '3' && identifyType !== 1 && identifyType !== null ">
|
<template v-if="meetingType === '3' && identifyType !== 1 && identifyType !== null ">
|
||||||
<other-meeting-form ref="formother" :meeting-type="meetingType" :selected-company="selectedCompany"
|
<other-meeting-form ref="formother" :meeting-type="meetingType" :selected-company="selectedCompany"
|
||||||
:meeting-cost-bool="meetingCostBool"
|
:meeting-cost-bool="meetingCostBool"
|
||||||
@isPack="isPack"
|
@isPack="isPack"
|
||||||
:identify-type="identifyType" @formData="getFormData"></other-meeting-form>
|
:identify-type="identifyType" @formData="getFormData"></other-meeting-form>
|
||||||
</template>
|
</template>
|
||||||
<!-- 国际研讨会身份选择嘉宾 并且是VIP-->
|
<!-- 国际研讨会身份选择嘉宾 并且是VIP-->
|
||||||
<template v-if="identifyType === 1 && guestType === 1">
|
<template v-if="identifyType === 1 && guestType === 1">
|
||||||
<seminar-vip-form ref="seminarVipForm" @formData="getFormData" :identify-type="identifyType"
|
<seminar-vip-form ref="seminarVipForm" @formData="getFormData" :identify-type="identifyType"
|
||||||
:guest-type="guestType"></seminar-vip-form>
|
:guest-type="guestType"></seminar-vip-form>
|
||||||
</template>
|
</template>
|
||||||
<!-- 国际研讨会身份选择嘉宾 并且是演讲嘉宾-->
|
<!-- 国际研讨会身份选择嘉宾 并且是演讲嘉宾-->
|
||||||
<template v-if="identifyType === 1 && guestType === 2">
|
<template v-if="identifyType === 1 && guestType === 2">
|
||||||
<seminar-vip-form ref="seminarVipForm" @formData="getFormData" :guest-type="guestType"></seminar-vip-form>
|
<seminar-vip-form ref="seminarVipForm" @formData="getFormData"
|
||||||
</template>
|
:guest-type="guestType"></seminar-vip-form>
|
||||||
<!-- 国际研讨会身份选择嘉宾 并且是特邀嘉宾-->
|
</template>
|
||||||
<template v-if="identifyType === 1 && guestType === 3">
|
<!-- 国际研讨会身份选择嘉宾 并且是特邀嘉宾-->
|
||||||
<seminar-vip-form ref="seminarVipForm" @formData="getFormData" :guest-type="guestType"></seminar-vip-form>
|
<template v-if="identifyType === 1 && guestType === 3">
|
||||||
</template>
|
<seminar-vip-form ref="seminarVipForm" @formData="getFormData"
|
||||||
<!-- 国际研讨会身份选择嘉宾 并且是合作伙伴-->
|
:guest-type="guestType"></seminar-vip-form>
|
||||||
<template v-if="identifyType === 1 && guestType === 4">
|
</template>
|
||||||
<seminar-partner-form ref="seminarPartnerForm" @formData="getFormData"></seminar-partner-form>
|
<!-- 国际研讨会身份选择嘉宾 并且是合作伙伴-->
|
||||||
</template>
|
<template v-if="identifyType === 1 && guestType === 4">
|
||||||
<section class="meetingCost">
|
<seminar-partner-form ref="seminarPartnerForm" @formData="getFormData"></seminar-partner-form>
|
||||||
费用合计：{{ meetingCostSum }} 元
|
</template>
|
||||||
</section>
|
<section class="meetingCost">
|
||||||
<div class="action">
|
费用合计：{{ meetingCostSum }} 元
|
||||||
<a-button class="submit" type="primary" @click="handleOk" v-preventclick>确定</a-button>
|
</section>
|
||||||
<a-button @click="handleCancel">取消</a-button>
|
<div class="action">
|
||||||
</div>
|
<a-button class="submit" type="primary" @click="handleOk" v-preventclick>确定</a-button>
|
||||||
</a-form>
|
<a-button @click="handleCancel">取消</a-button>
|
||||||
</a-spin>
|
</div>
|
||||||
|
</a-form>
|
||||||
|
</a-spin>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!--内容end-->
|
<!--内容end-->
|
||||||
@@ -323,9 +328,11 @@ export default {
|
|||||||
// 邀请码错误状态
|
// 邀请码错误状态
|
||||||
codeErrorBool: true,
|
codeErrorBool: true,
|
||||||
// 是否是打包
|
// 是否是打包
|
||||||
isPackBool:false,
|
isPackBool: false,
|
||||||
// 国际研讨会身份的控制
|
// 国际研讨会身份的控制
|
||||||
identityBool:false,
|
identityBool: false,
|
||||||
|
// url是否有id字段 默认没有
|
||||||
|
urlHaveIdBool: false,
|
||||||
url: {
|
url: {
|
||||||
add: '/meeting/payMeetingSituation/signUp'
|
add: '/meeting/payMeetingSituation/signUp'
|
||||||
}
|
}
|
||||||
@@ -335,6 +342,7 @@ export default {
|
|||||||
document.title = '会议报名'
|
document.title = '会议报名'
|
||||||
// 获取会议id
|
// 获取会议id
|
||||||
let id = this.GetQueryString('id')
|
let id = this.GetQueryString('id')
|
||||||
|
this.urlHaveIdBool = id ? true : false
|
||||||
this.meetingId = id
|
this.meetingId = id
|
||||||
if (id) {
|
if (id) {
|
||||||
this.getMeetingInfo(id)
|
this.getMeetingInfo(id)
|
||||||
@@ -395,7 +403,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log(res.message)
|
this.urlHaveIdBool = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -431,11 +439,11 @@ export default {
|
|||||||
return null
|
return null
|
||||||
},
|
},
|
||||||
// 是否打包 打包会议费用为0
|
// 是否打包 打包会议费用为0
|
||||||
isPack(val){
|
isPack(val) {
|
||||||
this.isPackBool = val
|
this.isPackBool = val
|
||||||
if(this.isPackBool){
|
if (this.isPackBool) {
|
||||||
this.meetingCostSum = '0.00'
|
this.meetingCostSum = '0.00'
|
||||||
}else {
|
} else {
|
||||||
this.meetingCostSum = this.currentMeetingInfo.meetingCosts
|
this.meetingCostSum = this.currentMeetingInfo.meetingCosts
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -462,7 +470,7 @@ export default {
|
|||||||
this.form.validateFields((err, values) => {
|
this.form.validateFields((err, values) => {
|
||||||
if (!err) {
|
if (!err) {
|
||||||
// 判断邀请码是否错误 需要判断会议类型 以及 是否有邀请码
|
// 判断邀请码是否错误 需要判断会议类型 以及 是否有邀请码
|
||||||
if (this.codeErrorBool && this.currentMeetingInfo.meetingType === '3' && this.inviteCodeBool ) {
|
if (this.codeErrorBool && this.currentMeetingInfo.meetingType === '3' && this.inviteCodeBool) {
|
||||||
this.$message.error('邀请码填写错误')
|
this.$message.error('邀请码填写错误')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -523,7 +531,7 @@ export default {
|
|||||||
changeCompany(value) {
|
changeCompany(value) {
|
||||||
this.selectedCompany = value
|
this.selectedCompany = value
|
||||||
// 选择企业清空 姓名 手机号
|
// 选择企业清空 姓名 手机号
|
||||||
this.form.resetFields(['companyContactId','phone'])
|
this.form.resetFields(['companyContactId', 'phone'])
|
||||||
|
|
||||||
},
|
},
|
||||||
/*
|
/*
|
||||||
@@ -558,7 +566,7 @@ export default {
|
|||||||
// 选的否 身份置空
|
// 选的否 身份置空
|
||||||
this.identifyType = null
|
this.identifyType = null
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.$refs.formother){
|
if (this.$refs.formother) {
|
||||||
this.$refs.formother.isLimitBool = true
|
this.$refs.formother.isLimitBool = true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user