|
@@ -1,7 +1,7 @@
|
|
|
-<template>
|
|
|
- <view class="my-tel-dialog">
|
|
|
+<template>
|
|
|
+ <view class="my-tel-dialog">
|
|
|
<view class="my-tel-content">
|
|
|
- <view class="tel-close" @click="telClose"></view>
|
|
|
+ <view class="tel-close" @click="telClose(AWSC)"></view>
|
|
|
<view class="tel-row">
|
|
|
<view class="my-tel-title">绑定新手机号</view>
|
|
|
<view class="my-input-box">
|
|
@@ -10,7 +10,7 @@
|
|
|
<view class="close-btn" v-if="bindObj.clearTelIcon" @click="clearTel"></view>
|
|
|
</view>
|
|
|
<view id="my-yzm-slider"></view>
|
|
|
- <view class="get-yzm-btn" @click="AWSC.getSliderData"
|
|
|
+ <view class="get-yzm-btn" @click="getSliderData(AWSC)"
|
|
|
:class="{ 'get-yzm-disabled': bindObj.isDisabled}">{{bindObj.buttonText}}</view>
|
|
|
</view>
|
|
|
<view class="yzm-row">
|
|
@@ -23,7 +23,7 @@
|
|
|
<view @click="bindBtn" class="my-bind-btn">绑定</view>
|
|
|
</view>
|
|
|
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -51,15 +51,20 @@
|
|
|
buttonText: '获取验证码', // 按钮文本
|
|
|
getYzmFlag: false, // 是否发送验证码
|
|
|
},
|
|
|
+ activeAWSC:null
|
|
|
}
|
|
|
},
|
|
|
- methods: {
|
|
|
+ methods: {
|
|
|
+ getSliderData(AWSC) {
|
|
|
+ this.activeAWSC = AWSC
|
|
|
+ AWSC.getSliderData();
|
|
|
+ },
|
|
|
receiveRenderData(data) {
|
|
|
this.sliderObj =data;
|
|
|
this.getYzmBtn();
|
|
|
},
|
|
|
- telClose() {
|
|
|
- this.getReset();
|
|
|
+ telClose(AWSC) {
|
|
|
+ AWSC.getReset();
|
|
|
this.$emit('telClose')
|
|
|
},
|
|
|
|
|
@@ -101,7 +106,7 @@
|
|
|
}else{
|
|
|
this.startCountdown();
|
|
|
this.getMessage();
|
|
|
- this.getReset();
|
|
|
+ this.activeAWSC.getReset();
|
|
|
this.sliderObj = {};
|
|
|
}
|
|
|
},
|
|
@@ -199,8 +204,8 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</script>
|
|
|
-
|
|
|
+</script>
|
|
|
+
|
|
|
<script module="AWSC" lang="renderjs">
|
|
|
import {toast} from "../../utils/common";
|
|
|
export default {
|
|
@@ -232,7 +237,7 @@
|
|
|
// 声明滑动验证需要渲染的目标ID。
|
|
|
renderTo: "my-yzm-slider",
|
|
|
//前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID(sessionId)、签名串(sig)、请求唯一标识(token)字段记录下来,随业务请求一同发送至您的服务端调用验签。
|
|
|
- success: function(data) {
|
|
|
+ success: function(data) {
|
|
|
that.getData(data)
|
|
|
},
|
|
|
// 滑动验证失败时触发该回调参数。
|
|
@@ -245,12 +250,12 @@
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
- },
|
|
|
+ },
|
|
|
getData(data){
|
|
|
- this.sessionId =data.sessionId
|
|
|
- this.sig =data.sig
|
|
|
+ this.sessionId =data.sessionId
|
|
|
+ this.sig =data.sig
|
|
|
this.token =data.token
|
|
|
- AWSC.getSliderData;
|
|
|
+ AWSC.getSliderData;
|
|
|
},
|
|
|
getReset(){
|
|
|
this.sessionId = '';
|