多形式活动-邀请码

src/components/index/SignUp/invitation.vue

@@ -62,15 +62,20 @@
     <div class="btn">
       <el-button @click="next()">提交/跳过</el-button>
     </div>
+    <!--    多形式报名邀请码报错弹框   -->
+   <cueDialog :dialogVisible="dialogVisible" :msg="msg"></cueDialog>
   </div>
 </template>
 
 <script>
-/* eslint-disable */
-import { setInviteCode } from "r/index/signUp";
-export default {
+  /* eslint-disable */
+  import {setInviteCode} from "r/index/signUp";
+  import cueDialog from "c/index/cueDialog";
+
+  export default {
     name: "Invitation",
-  props: { invitation_code: String },
+    props: {invitation_code: String},
+    components:{cueDialog},
     data() {
       return {
         invatation1: "",
@@ -78,6 +83,8 @@ export default {
         invatation3: "",
         invatation4: "",
         inputFlag: true,
+        dialogVisible: false,
+        msg: null,
       };
     },
     created() {
@@ -121,13 +128,10 @@ export default {
       },
     },
     methods: {
-    // next() {
-    //   this.$router.push("/signUp/referInfo");
-    // },
       //第一个输入框
       changeValue1(e) {
         const code = e.trim();
-      console.log(code, "输入111");
+        // console.log(code, "输入111");
         if (code.indexOf("-") !== -1) {
           //如果是复制过来的带'-'邀请码
           let copyCode = code.split("-");
@@ -198,6 +202,7 @@ export default {
       getFocus(index, e) {
         this.currentIndex = index;
       },
+
       // 下一步
       async next() {
         // console.log(111);
@@ -224,27 +229,35 @@ export default {
             this.invatation4;
         }
 
-      setInviteCode({ code: code }).then((res) => {
+        setInviteCode({code: code}).then((res) => {
           // console.log(res, "code");
           if (res.data.code !== 200) {
             return this.$message.error(res.data.message);
           }
+          if (res.data.code == 4000346 || res.data.code == 4000347) {
+            this.dialogVisible = true;
+            this.msg = res.data.message
+            return;
+          }
           this.$emit("getstatus", res.data.status);
         });
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "a/scss/btn";
-.flex {
+  @import "a/scss/btn";
+
+  .flex {
     display: flex;
-}
-.invitation {
+  }
+
+  .invitation {
     .iv_content {
       justify-content: center;
       height: 44px;
+
       ::v-deep .el-input__inner {
         width: 110px;
         height: 38px;
@@ -252,6 +265,7 @@ export default {
         border: 2px solid var(--color);
         margin-right: 15px;
       }
+
       .code_titile {
         height: 16px;
         font-size: 16px;
@@ -260,10 +274,12 @@ export default {
         line-height: 48px;
         margin-right: 10px;
       }
+
       .errorCode {
         margin-top: 10px;
       }
     }
+
     .tips {
       font-size: 14px;
       font-weight: 500;
@@ -277,11 +293,14 @@ export default {
       width: 100%;
       height: 100%;
     }
+
     .errorCode {
       font-size: 12px;
       font-weight: 400;
       color: #d7373f;
       line-height: 12px;
     }
-}
+  }
+
+
 </style>

src/components/index/SignUp/referInfo.vue

@@ -929,6 +929,8 @@
         <el-button @click="confirm">提交资料</el-button>
       </div>
     </el-form>
+    <!--    多形式报名邀请码报错弹框   -->
+    <cueDialog :dialogVisible="cueDialogVisible" :msg="msg"></cueDialog>
   </div>
 </template>
 
@@ -946,10 +948,12 @@
   import {upload} from "r/index/network";
   import validator from "common/validator";
   import area from "config/area";
+  import cueDialog from "c/index/cueDialog";
 
   export default {
     name: "referInfo",
     props: {invitation_code: String},
+    components:{cueDialog},
     data() {
       const validateContent = (rule, value, callback) => {
         if (!this.referForm.birthday) {
@@ -973,6 +977,8 @@
         }
       };
       return {
+        cueDialogVisible:false,
+        msg:null,
         configJson: {},
         isUploading: false, // 图片上传蒙层
         isCode: false, // 邀请码是否禁用
@@ -2005,7 +2011,6 @@
             obj.code = _this.referForm.code;
           }
           setAccount(obj).then((res) => {
-            // console.log(res, "setAccount");
             if (res.data.code != 200) {
               if (res.data.code == 400068) {
                 this.$parent.statuss();
@@ -2013,11 +2018,13 @@
               }
               return this.$message.error(res.data.message);
             }
-            // console.log(3333);
+            if (res.data.code == 4000346 || res.data.code == 4000347) {
+              this.dialogVisible = true;
+              this.msg = res.data.message
+              return;
+            }
             this.$emit("getstatus", res.data.status);
             this.$message.success(res.data.message);
-            // let code = this.$store.state.indexIdentity;
-            // this.$router.push("/signUp/check?code=" + code);
             this.referForm = res.data.data;
           });
 

src/components/index/cueDialog.vue

+<template>
+  <el-dialog
+    :visible.sync="dialogVisibleFU"
+    width="30%"
+    :before-close="handleClose">
+    <div class="multiform">
+      <img src="../../assets/img/cue.png"/>
+      <span>{{msgFU}}</span>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    name: "cueDialog",
+    props: {dialogVisible: Boolean , msg: String,},
+    data() {
+      return {
+        dialogVisibleFU: this.dialogVisible,
+        msgFU: this.msg,
+      };
+    },
+    methods: {
+      handleClose(done) {
+        done();
+      },
+    },
+    watch: {
+      dialogVisible() {
+        this.dialogVisibleFU = this.dialogVisible;
+      },
+      signTitle() {
+        this.msgFU = this.msg;
+      },
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+  .multiform {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    img {
+      width: 35px;
+      height: 35px;
+      margin-bottom: 16px;
+    }
+
+  }
+
+  ::v-deep .el-dialog__body {
+    padding: 10px 30px 35px 30px;
+  }
+</style>

src/views/index/recruit/Index.vue

@@ -2,12 +2,12 @@
   <div class="recruit">
     <el-header height="104px">
       <Header></Header>
-      <div class="notify flex">
-        <div class="flex">
-          <img class="notify_img" src="../../../assets/img/notify.png" alt="" />
-        </div>
-        <div>注意：本次活动报名有人数限制，当前共有{{ info.order_num }}人申请，剩余名额为{{info.student_num}}人</div>
-      </div>
+<!--      <div class="notify flex">-->
+<!--        <div class="flex">-->
+<!--          <img class="notify_img" src="../../../assets/img/notify.png" alt="" />-->
+<!--        </div>-->
+<!--        <div>注意：本次活动报名有人数限制，当前共有{{ info.order_num }}人申请，剩余名额为{{info.student_num}}人</div>-->
+<!--      </div>-->
       <div class="bg-top"></div>
     </el-header>