|
@@ -21,9 +21,10 @@
|
|
placeholder="验证码"
|
|
placeholder="验证码"
|
|
:rules="[{ required: true, message: '请填写验证码' }]"
|
|
:rules="[{ required: true, message: '请填写验证码' }]"
|
|
>
|
|
>
|
|
- <template #button>
|
|
|
|
|
|
+ <van-button slot="button" size="small" type="primary" @click="sendS" :disabled="isdisabled">{{text}}</van-button>
|
|
|
|
+ <!-- <template #button>
|
|
<van-button size="small" type="default" @click="sendSms" ref="send" native-type="button" :disabled="isdisabled">{{text}}</van-button>
|
|
<van-button size="small" type="default" @click="sendSms" ref="send" native-type="button" :disabled="isdisabled">{{text}}</van-button>
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
</van-field>
|
|
</van-field>
|
|
<div style="margin: 16px;">
|
|
<div style="margin: 16px;">
|
|
<van-button round block type="info" native-type="submit">提交</van-button>
|
|
<van-button round block type="info" native-type="submit">提交</van-button>
|
|
@@ -35,7 +36,7 @@
|
|
<script>
|
|
<script>
|
|
import {login, sendSms} from '@/common/api/loginApi.js'
|
|
import {login, sendSms} from '@/common/api/loginApi.js'
|
|
export default {
|
|
export default {
|
|
- name: 'login',
|
|
|
|
|
|
+ name: 'loginbytel',
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
phone: '',
|
|
phone: '',
|
|
@@ -62,7 +63,7 @@ export default {
|
|
this.$toast(obj.errMsg)
|
|
this.$toast(obj.errMsg)
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- // 设置状态中的各种值
|
|
|
|
|
|
+ //设置状态中的各种值
|
|
this.$store.commit('setResult', obj.isSuccess)
|
|
this.$store.commit('setResult', obj.isSuccess)
|
|
this.$store.commit('setCode', obj.code)
|
|
this.$store.commit('setCode', obj.code)
|
|
this.$store.commit('setMsg', obj.errMsg)
|
|
this.$store.commit('setMsg', obj.errMsg)
|
|
@@ -80,8 +81,8 @@ export default {
|
|
onClickRight () {
|
|
onClickRight () {
|
|
// this.$toast('按钮')
|
|
// this.$toast('按钮')
|
|
},
|
|
},
|
|
- sendSms () { // 发送手机验证码
|
|
|
|
- var selft = this
|
|
|
|
|
|
+ sendS () { // 发送手机验证码
|
|
|
|
+ // var selft = this
|
|
sendSms(this.phone).then((res) => {
|
|
sendSms(this.phone).then((res) => {
|
|
console.info('sendSms res', res)
|
|
console.info('sendSms res', res)
|
|
if (!res.isSuccess) {
|
|
if (!res.isSuccess) {
|
|
@@ -90,26 +91,28 @@ export default {
|
|
}
|
|
}
|
|
// eslint-disable-next-line eqeqeq
|
|
// eslint-disable-next-line eqeqeq
|
|
if (res.data == 'success') {
|
|
if (res.data == 'success') {
|
|
- selft.GetNumber()
|
|
|
|
|
|
+ // selft.GetNumber()
|
|
|
|
+ selft.isdisabled = true
|
|
|
|
+ this.$toast('验证码已发送,请查收')
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- },
|
|
|
|
- GetNumber () // 发送短信验证码后间隔一定时间才能重新发送
|
|
|
|
- // eslint-disable-next-line brace-style
|
|
|
|
- {
|
|
|
|
- let self = this
|
|
|
|
- var timer = setInterval(function () {
|
|
|
|
- self.count--
|
|
|
|
- self.text = self.count + '秒后重新获取'
|
|
|
|
- self.isdisabled = true
|
|
|
|
-
|
|
|
|
- if (self.count <= 0) {
|
|
|
|
- self.isdisabled = false
|
|
|
|
- self.text = '获取验证码'
|
|
|
|
- clearInterval(timer)
|
|
|
|
- }
|
|
|
|
- }, 1000)
|
|
|
|
}
|
|
}
|
|
|
|
+ // GetNumber () // 发送短信验证码后间隔一定时间才能重新发送
|
|
|
|
+ // // eslint-disable-next-line brace-style
|
|
|
|
+ // {
|
|
|
|
+ // let self = this
|
|
|
|
+ // var timer = setInterval(function () {
|
|
|
|
+ // self.count--
|
|
|
|
+ // self.text = self.count + '秒后重新获取'
|
|
|
|
+ // self.isdisabled = true
|
|
|
|
+
|
|
|
|
+ // if (self.count <= 0) {
|
|
|
|
+ // self.isdisabled = false
|
|
|
|
+ // self.text = '获取验证码'
|
|
|
|
+ // clearInterval(timer)
|
|
|
|
+ // }
|
|
|
|
+ // }, 1000)
|
|
|
|
+ // }
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|