111

src/views/index/camp/SignUp.vue

@@ -36,6 +36,27 @@
     ></Pass>
     <Paying v-else-if="type == 'pay'" @getstatus="statuss"></Paying>
     <Success v-else-if="type == 'success'" @getstatus="statuss"></Success>
+
+    <el-dialog
+      style="font-size: 26px"
+      class="info"
+      title="营地声明"
+      :visible.sync="dialogVisible"
+      width="40%"
+      center
+    >
+      <div>
+        近日，营地工作组收到部分中学师生反映有机构及个人以高出营地费用的价格出售营地活动名额。
+        对此，营地工作组严正声明如下：营地工作组从未授权任何单位、媒体、机构或个人举办营利性商业讲座、培训班、训练营或其他形式的营地招生活动。工作组对有违规操作行为的机构或个人保留追究法律责任的权利。
+      </div>
+      <div>
+        希望广大师生以营地招生简章为准，不要轻信有关宣传，以免自身利益受损。如遇类似上述情况，可发送邮件至campcenter@163.com反映核实。特此声明！
+      </div>
+
+      <div class="btn">
+        <el-button @click="dialogVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -78,8 +99,8 @@ export default {
       getExamine: "",
       isNexts: "",
       signBackStatus: "",
-      invitation_code: "",//邀请码
-     
+      invitation_code: "", //邀请码
+      dialogVisible: false, //营地声明弹窗
     };
   },
   created() {
@@ -87,10 +108,10 @@ export default {
     // console.log(this.$route, "router");
     this.statuss();
     this.signUpInit();
+    this.dialogVisible = true; //营地声明弹窗
   },
 
   watch: {
-
     $route: {
       handler(val) {
         // console.log(val, "routeval");
@@ -210,7 +231,7 @@ export default {
         this.$emit("getStatus", this.type);
         // this.getExamine = res.data.examine_status;
         // console.log(res.data.examine_status, "res.data.examine_status");
-  this.invitation_code = res. data.invitation_code; //填写的邀请码回显需要
+        this.invitation_code = res.data.invitation_code; //填写的邀请码回显需要
         //订单支付金额
         let code = this.$store.state.indexIdentity;
         window.localStorage.setItem("has_amount" + code, res.data.has_amount);
@@ -255,6 +276,24 @@ export default {
   display: flex;
 }
 
+.btn {
+  text-align: center;
+  // padding-bottom: 224px;
+  .el-button {
+    width: 120px;
+    height: 35px;
+    background: var(--color);
+    border-radius: 4px;
+    border-color: var(--color);
+    opacity: 0.8;
+    line-height: 35px;
+    text-align: center;
+    color: #fff;
+    font-size: 16px;
+    padding: 0;
+    margin: 30px 0 0 0;
+  }
+}
 .signUp {
   /*background: #ffffff;*/
   /*width: 856px;*/
@@ -270,4 +309,18 @@ export default {
     padding: 50px 55px;
   }
 }
+// 声明
+
+.info {
+  .el-dialog__header {
+    padding: 30px 20px 0 20px;
+    .el-dialog__title {
+      font-size: 24px;
+    }
+  }
+  div {
+    font-size: 17px;
+    line-height: 30px;
+  }
+}
 </style>