报名逻辑修改

src/views/signUp/SignUpPage.vue

@@ -143,8 +143,8 @@
                          validatorRules.email]"></a-input>
                 </a-form-item>
               </a-col>
-
+              <!--非国际研讨会-->
-              <a-col :xxl="8" :xl="12" :sm="24">
+              <a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType !== '3' ">
                 <a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
                     <a-radio :value="1">嘉宾</a-radio>
@@ -153,34 +153,56 @@
                   </a-radio-group>
                 </a-form-item>
               </a-col>
-
+              <a-col :xxl="8" :xl="12" :sm="24">
-              <!--身份选择嘉宾并且是研讨会议出现且必填-->
+                <a-form-item label="是否有邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-col :xxl="8" :xl="12" :sm="24" v-if="identifyType === 1 && 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="['guestType',validatorRules.guestType]" @change="changeGuestType">
+                    <a-radio :value="0">否</a-radio>
-                    <a-radio :value="1">VIP</a-radio>
-                    <a-radio :value="2">演讲嘉宾</a-radio>
-                    <a-radio :value="3">特邀嘉宾</a-radio>
-                    <a-radio :value="4">合作伙伴</a-radio>
                   </a-radio-group>
                 </a-form-item>
               </a-col>
+
+              <!--邀请码选择是出现填写邀请码 否选择身份-->
+              <a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '3' && !inviteCodeBool ">
+                <a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-radio-group v-decorator="['identity',validatorRules.identify]" @change="changeIdentify">
+                    <a-radio :value="2">参会人</a-radio>
+                    <a-radio :value="3">内部企业</a-radio>
+                  </a-radio-group>
+                </a-form-item>
+              </a-col>
+
+              <a-col :xxl="8" :xl="12" :sm="24" v-if="inviteCodeBool">
+                <a-form-item label="邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-input placeholder="请输入邀请码"
+                           :maxLength='50'
+                           v-decorator="[ 'code',
+                         validatorRules.code]"></a-input>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <!--邀请码选择是才出现-->
+            <a-row :gutter="24" class="center" v-if="inviteCodeBool">
+              <a-button @click="nextSetp" type="primary">下一步</a-button>
             </a-row>
             <!--个人信息end-->
             <!--除开国际研讨会的其他会议的显示-->
             <template v-if="meetingType !== '3' ">
-              <other-meeting-form ref="formother" :selected-company="selectedCompany" :meeting-cost-bool="meetingCostBool"
+              <other-meeting-form ref="formother" :selected-company="selectedCompany"
+                                  :meeting-cost-bool="meetingCostBool"
                                   :identify-type="identifyType" @formData="getFormData"></other-meeting-form>
             </template>
 
             <!--国际研讨会参会人与内部企业的显示 默认不展示  -->
             <template v-if="meetingType === '3' && identifyType !== 1 && identifyType !== null ">
-              <other-meeting-form ref="formother" :meeting-type="meetingType" :selected-company="selectedCompany" :meeting-cost-bool="meetingCostBool"
+              <other-meeting-form ref="formother" :meeting-type="meetingType" :selected-company="selectedCompany"
+                                  :meeting-cost-bool="meetingCostBool"
                                   :identify-type="identifyType" @formData="getFormData"></other-meeting-form>
             </template>
             <!-- 国际研讨会身份选择嘉宾 并且是VIP-->
             <template v-if="identifyType === 1 && guestType === 1">
-              <seminar-vip-form ref="seminarVipForm" @formData="getFormData" :identify-type="identifyType" :guest-type="guestType"></seminar-vip-form>
+              <seminar-vip-form ref="seminarVipForm" @formData="getFormData" :identify-type="identifyType"
+                                :guest-type="guestType"></seminar-vip-form>
             </template>
             <!-- 国际研讨会身份选择嘉宾 并且是演讲嘉宾-->
             <template v-if="identifyType === 1 && guestType === 2">
@@ -268,6 +290,14 @@ export default {
           rules: [{required: true, message: '请选择参会企业'}],
           validateTrigger: 'change'
         },
+        inviteCode: {
+          rules: [{required: true, message: '请选择是否有邀请码'}],
+          validateTrigger: 'change'
+        },
+        code: {
+          rules: [{required: true, message: '请输入邀请码'}],
+          validateTrigger: 'blur'
+        },
         companyContactId: {
           rules: [{required: true, message: '请选择参会人'}],
           validateTrigger: 'change'
@@ -288,7 +318,6 @@ export default {
           rules: [{required: true, message: '请选择嘉宾类型'}],
           validateTrigger: 'change'
         }
-
       },
       // 身份类型
       identifyType: null,
@@ -303,6 +332,8 @@ export default {
       meetingCostSum: '',
       // 会议费用是否为0
       meetingCostBool: false,
+      // 是否有邀请码
+      inviteCodeBool: false,
       url: {
         add: '/meeting/payMeetingSituation/signUp'
       }
@@ -499,12 +530,54 @@ export default {
         }
       })
     },
+    /*
+    *  是否有邀请码
+    * */
+    changeInviteCode(e) {
+      if (e.target.value === 1) {
+        // 选择是说明身份是嘉宾
+        this.identifyType = 1
+        this.inviteCodeBool = true
+      } else if (e.target.value === 0) {
+        this.inviteCodeBool = false
+      }
+    },
     /*
      * 取消
      * */
     handleCancel() {
       this.$router.go(-1)
     },
+    /*
+    * 下一步
+    * */
+    nextSetp() {
+      console.log(this.currentMeetingInfo)
+      // 获取邀请码
+      let code = this.form.getFieldValue('code')
+      console.log(code)
+      console.log(this.currentMeetingInfo.cooperativeInvitationCode === code)
+      switch (code) {
+        // 合作伙伴
+        case this.currentMeetingInfo.cooperativeInvitationCode:
+          this.guestType = 4
+          break
+        // 演讲嘉宾
+        case this.currentMeetingInfo.speakerInvitationCode:
+          this.guestType = 2
+          break
+        // 特邀嘉宾
+        case this.currentMeetingInfo.guestInvitationCode:
+          this.guestType = 3
+          break
+        // vip
+        case this.currentMeetingInfo.vipInvitationCode:
+          this.guestType = 1
+          break
+        default :this.guestType = null
+      }
+      console.log(this.guestType)
+    },
     addContactsOk() {
       this.$refs.selectContacts.getContactsList()
     }
@@ -517,9 +590,6 @@ export default {
   text-align: center;
   position: relative;
   user-select: none;
-  -webkit-user-seletct: none;
-  -moz-user-seletct: none;
-  -ms-user-seletct: none;
 
   .header-img {
     width: 100%;
@@ -588,6 +658,7 @@ export default {
 .mt-10 {
   margin-top: 10px;
 }
+
 .action {
   text-align: right;
 
@@ -595,6 +666,7 @@ export default {
     margin-right: 8px;
   }
 }
+
 .meetingCost {
   text-align: right;
   padding-right: 20px;
@@ -608,6 +680,7 @@ export default {
   line-height: 50px;
   margin-bottom: 10px;
 }
+
 .item-title {
   padding-left: 40px;
   box-sizing: border-box;
@@ -629,4 +702,8 @@ export default {
     left: 15px;
   }
 }
+.center {
+  text-align: center;
+  margin-bottom: 10px;
+}
 </style>