课程开发 弹窗

pages/courseware/index.vue

@@ -141,6 +141,8 @@
         style="margin-left: 10px;">您的手机号将作为手机端账号使用，未经授权不会主动公开，请放心</span>
       </p>
       <p class="tips-p">每个手机号只能绑定一个账号</p>
+
+      <div @click="dialogSave">申请方案</div>
     </el-dialog>
 
 
@@ -320,16 +322,34 @@
         this.sliderFun();
       },
 
-      saveTelword(){
+      dialogSave(){
+        this.$refs.ruleTelForm.validate((valid) => {
+          if (valid) {
+            // 请求后台
+            const options = {
+              phone:  this.telChangeDate.tel,
+              code: this.telChangeDate.verification,
+            };
+
+            this.$axios.$post('/develop/add',options).then(res=>{
+              if (res.code === 0 && res.data) {
+                this.telDl = false;
+                this.$message.success('申请成功');
+              } else {
+                this.$message.error('申请失败');
+              }
+            });
+          }
+        });
 
       },
 
 
       delDlClose(){
         this.telDl  =false
-        setTimeout(()=>{
-          __nc.reset();
-        },100)
+        this.$refs.ruleTelForm.resetFields();
+        __nc.reset();
+
 
       },
 
@@ -369,6 +389,7 @@
       // 滑块
       sliderFun() {
         const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
+        console.log(nc_token);
         const NC_Opt = {
           //声明滑动验证需要渲染的目标元素ID。
           renderTo:    '#your-dom-id',
@@ -411,6 +432,7 @@
               appkey: NC_Opt.appkey,
               scene:  NC_Opt.scene,
             });
+            console.log( this.sliderData);
           },
         };
         let date11 = () => {
@@ -458,7 +480,34 @@
       },
       // 验证码
       checkVerification() {
-
+        if (this.sliderData.appkey === undefined) {
+          return;
+        }
+        this.$axios.$post(`/develop/exists`,{  phone: this.telChangeDate.tel}).then(res=>{
+
+          if (res.code === 0 && res.data) {
+
+            let req = {
+              'appkey':    this.sliderData.appkey,
+              'phone':     this.telChangeDate.tel,
+              'scene':     this.sliderData.scene,
+              'sessionid': this.sliderData.csessionid,
+              'sig':       this.sliderData.sig,
+              'token':     this.sliderData.token,
+              'type':      0,
+            }
+            this.$axios.$post('/sendCode',req).then(res=>{
+              if (res.code === 0 && res.data) {
+                this.setTime();
+              }
+            })
+          } else {
+            debugger;
+            this.$message.error('手机号已存在');
+            return false;
+          }
+
+        })
       },