多形式活动-邀请码

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>