From 3744ef7e5aca4611cc669b84ea74d6e4aabffa13 Mon Sep 17 00:00:00 2001
From: fengchenchen <syxysoft.com>
Date: Tue, 21 Jun 2022 16:50:07 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90add=E3=80=91=20=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E7=A0=94=E8=AE=A8=E4=BC=9A=20=E6=8A=A5=E5=90=8D=E7=9A=84?=
 =?UTF-8?q?=E6=97=B6=E5=80=99=E5=A2=9E=E5=8A=A0=20=E9=82=80=E8=AF=B7?=
 =?UTF-8?q?=E7=A0=81=E7=9A=84=E6=A0=A1=E9=AA=8C=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/incomePaymentsApi.js    |  6 ++-
 src/views/signUp/InviteCode.vue | 73 +++++++++++++++++++++++++++++++++
 src/views/signUp/SignUpPage.vue | 64 +++++++++++++++++++++++------
 3 files changed, 129 insertions(+), 14 deletions(-)
 create mode 100644 src/views/signUp/InviteCode.vue

diff --git a/src/api/incomePaymentsApi.js b/src/api/incomePaymentsApi.js
index b10f342..7c18aae 100644
--- a/src/api/incomePaymentsApi.js
+++ b/src/api/incomePaymentsApi.js
@@ -49,6 +49,9 @@ const vipMemberCost = '10000'
 // 判断当前企业是否是内部企业
 const judgeInternalEnterprise = (param) => getAction('/company/payCompanyManagement/getInternalEnterprise', param)
 
+// 国际研讨会-判断当前的邀请码是否可用
+const judgeMeetingCode = (param) => getAction('/meeting/payMeetingSituation/validInvitationCode', param)
+
 export {
   queryCommonProjectById,
   getMeetInfoById,
@@ -72,5 +75,6 @@ export {
   queryContactByName,
   commonMemberCost,
   vipMemberCost,
-  judgeInternalEnterprise
+  judgeInternalEnterprise,
+  judgeMeetingCode
 }
diff --git a/src/views/signUp/InviteCode.vue b/src/views/signUp/InviteCode.vue
new file mode 100644
index 0000000..5263c3e
--- /dev/null
+++ b/src/views/signUp/InviteCode.vue
@@ -0,0 +1,73 @@
+<!--邀请码的组件，将两个输入框 合并成一个-->
+<template>
+<div class="invite-code-item">
+  <a-input
+    placeholder="请输入上半部分"
+    :maxLength="50"
+    @change="inputChange"
+    @blur="inputBlurFunc"
+    v-model="code"
+  ></a-input>
+  <span class="split-span"> - </span>
+  <a-input
+    placeholder="请输入下半部分"
+    :maxLength="50"
+    @change="inputChange"
+    @blur="inputBlurFunc"
+    v-model="randomCode"
+  ></a-input>
+</div>
+</template>
+
+<script>
+export default {
+  name: 'InviteCode',
+  props: {
+    value: {
+      type: [String, Object],
+      required: false,
+      default: undefined
+    },
+  },
+  data() {
+    return {
+      code: '',
+      randomCode: ''
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  methods: {
+    inputChange(event) {
+      event.target.value = event.target.value.trim()
+    },
+    inputBlurFunc() {
+      if(this.code && this.randomCode) {
+        this.$emit('change', `${this.code}-${this.randomCode}`)
+        this.$emit('change-value', `${this.code}-${this.randomCode}`)
+      } else {
+        this.$emit('change', undefined)
+        this.$emit('change-value', undefined)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.invite-code-item{
+  display: flex;
+  align-items: center;
+  .ant-input{
+    flex: 1;
+  }
+  .split-span{
+    display: inline-block;
+    width: 20px;
+    text-align: center;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/signUp/SignUpPage.vue b/src/views/signUp/SignUpPage.vue
index 73ddf4b..54a3938 100644
--- a/src/views/signUp/SignUpPage.vue
+++ b/src/views/signUp/SignUpPage.vue
@@ -163,12 +163,16 @@
 
                 <a-col :xxl="8" :xl="12" :sm="24" v-if="inviteCodeBool">
                   <a-form-item label="邀请码" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                    <a-input placeholder="请输入邀请码"
-                             :maxLength='50'
-                             @change="event => event.target.value = event.target.value.trim()"
-                             @blur="validateCode"
-                             v-decorator="[ 'code',
-                         validatorRules.code]"></a-input>
+<!--                    <div class="code-form-item">-->
+<!--                      <a-input-->
+<!--                        placeholder="请输入邀请码"-->
+<!--                        :maxLength="50"-->
+<!--                        @change="event => event.target.value = event.target.value.trim()"-->
+<!--                        @blur="validateCode"-->
+<!--                        v-decorator="[ 'code',validatorRules.code]"-->
+<!--                      ></a-input>-->
+<!--                    </div>-->
+                    <invite-code v-decorator="[ 'code', validatorRules.code]" @change-value="validateCode"></invite-code>
                   </a-form-item>
                 </a-col>
               </a-row>
@@ -227,7 +231,7 @@
 </template>
 
 <script>
-import {getMeetInfoById,validateStandard, judgeInternalEnterprise} from '@api/incomePaymentsApi'
+import {getMeetInfoById,validateStandard, judgeInternalEnterprise, judgeMeetingCode} from '@api/incomePaymentsApi'
 import SelectContacts from '@comp/company/SelectContacts'
 import CompanySelect from '@comp/company/CompanySelect'
 import {httpAction} from '@api/manage'
@@ -238,6 +242,7 @@ import {getContactsById} from '@api/incomePaymentsApi'
 import OtherMeetingForm from '@comp/signUpForm/OtherMeetingForm'
 import SeminarVipForm from '@comp/signUpForm/SeminarVipForm'
 import SeminarPartnerForm from '@comp/signUpForm/SeminarPartnerForm'
+import InviteCode from './InviteCode'
 
 
 export default {
@@ -250,7 +255,8 @@ export default {
     SeminarVipForm,
     PreviewFile,
     JImageUpload,
-    CompanySelect
+    CompanySelect,
+    InviteCode
   },
   data() {
     return {
@@ -295,8 +301,8 @@ export default {
           validateTrigger: 'change'
         },
         code: {
-          rules: [{required: true, message: '请输入邀请码'}],
-          validateTrigger: 'blur'
+          rules: [{required: true, validator: this.checkCode}],
+          validateTrigger: 'change'
         },
         companyContactId: {
           rules: [{required: true, message: '请选择参会人'}],
@@ -670,7 +676,8 @@ export default {
       this.form.validateFields(['code'],(err) => {
         if(!err){
           // 获取邀请码
-          let code = this.form.getFieldValue('code')
+          let currentCode = this.form.getFieldValue('code')
+          let code = currentCode.substring(0, currentCode.indexOf('-'))
           switch (code) {
             // 合作伙伴
             case this.currentMeetingInfo.cooperativeInvitationCode:
@@ -705,10 +712,11 @@ export default {
     * 校验邀请码是否正确 给出提示
     * */
     validateCode() {
-      let code = this.form.getFieldValue('code')
-      if(code === undefined || code === ''){
+      let currentCode = this.form.getFieldValue('code')
+      if(currentCode === undefined || currentCode === ''){
         return
       }
+      let code = currentCode.substring(0, currentCode.indexOf('-'))
       let flag = false
       switch (code) {
         // 合作伙伴
@@ -745,6 +753,22 @@ export default {
     },
     addContactsOk() {
       this.$refs.selectContacts.getContactsList()
+    },
+    // 验证邀请码输入是否正确的方法
+    checkCode(rules, value, callback) {
+      if (value) {
+        let params = {
+          meetingId: this.currentMeetingInfo.id,
+          randomCode: value
+        }
+        judgeMeetingCode(params).then(res => {
+          res['success'] ? callback() : callback(res['message'])
+        }).catch(err => {
+          callback(err.message || err)
+        })
+      } else {
+        callback('请输入邀请码')
+      }
     }
   }
 }
@@ -885,4 +909,18 @@ export default {
     flex-shrink: 0;
   }
 }
+// 邀请码内部的样式问题
+.code-form-item{
+  display: flex;
+  align-items: center;
+  .ant-input{
+    flex: 1;
+  }
+  .split-span{
+    display: inline-block;
+    width: 20px;
+    text-align: center;
+  }
+
+}
 </style>