Skip to content

N
newLive
Commit c26b3de1 authored by mengqr's avatar mengqr
Browse files
Options

登录修改逻辑

parent 2f2e4bff
Hide whitespace changes
Inline Side-by-side
Showing with 142 additions and 43 deletions
src/views/sign.vue
View file @ c26b3de1
......@@ -10,15 +10,15 @@
<span class="registerOne">短信已发送至：</span>
<span class="registerPhone">+86 {{userPhone}}</span>
<span class="registerTwo">手机验证码</span>
<input type="number" @blur="searchChangeTwo(0)" @focus="searchChange(0)" v-model="numberOne" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed0,wbkRed:ifRed0}">
<input type="number" @blur="searchChangeTwo(1)" style="left:20vw" @focus="searchChange(1)" v-model="numberTwo" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed1,wbkRed:ifRed1}">
<input type="number" @blur="searchChangeTwo(2)" style="left:35vw" @focus="searchChange(2)" v-model="numberThree" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed2,wbkRed:ifRed2}">
<input type="number" @blur="searchChangeTwo(3)" style="left:50vw" @focus="searchChange(3)" v-model="numberFour" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed3,wbkRed:ifRed3}">
<input type="number" @blur="searchChangeTwo(4)" style="left:65vw" @focus="searchChange(4)" v-model="numberFive" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed4,wbkRed:ifRed4}">
<input type="number" @blur="searchChangeTwo(5)" style="left:80vw" @focus="searchChange(5)" v-model="numberSix" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed5,wbkRed:ifRed5}">
<input type="number" id="firstNumber" @blur="searchChangeTwo(0)" @focus="searchChange(0)" v-model="numberOne" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed0,wbkRed:ifRed0}">
<input type="number" id="secondNumber" @blur="searchChangeTwo(1)" style="left:20vw" @focus="searchChange(1)" v-model="numberTwo" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed1,wbkRed:ifRed1}">
<input type="number" id="threeNumber" @blur="searchChangeTwo(2)" style="left:35vw" @focus="searchChange(2)" v-model="numberThree" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed2,wbkRed:ifRed2}">
<input type="number" id="fourNumber" @blur="searchChangeTwo(3)" style="left:50vw" @focus="searchChange(3)" v-model="numberFour" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed3,wbkRed:ifRed3}">
<input type="number" id="fiveNumber" @blur="searchChangeTwo(4)" style="left:65vw" @focus="searchChange(4)" v-model="numberFive" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed4,wbkRed:ifRed4}">
<input type="number" id="sixNumber" @blur="searchChangeTwo(5)" style="left:80vw" @focus="searchChange(5)" v-model="numberSix" oninput="if(value.length>1)value=value.slice(0,1)" :class="{wbk11:!ifRed5,wbkRed:ifRed5}">
<img class="default-img" v-if="ifSend==false" src="../common/img/default-img.png" alt="">
<img class="default-img" v-if="ifSend==true" @click="goTo()" src="../common/img/new-send.png" alt="">
<img class="default-img" v-if="ifClick==false" src="../common/img/default-img.png" alt="">
<img class="default-img" v-if="ifClick==true" @click="goTo()" src="../common/img/new-send.png" alt="">
<span v-show="ifSend" class="send" @click="sendButton()" >重新发送</span>
<span v-show="!ifSend" class="sendTwo" id="sendBtn">{{count}}S重新发送</span>
......@@ -63,6 +63,7 @@ export default {
ifRed4:false,
ifRed5:false,
ifSend:true,
ifClick:false,
device:'',
system:'',
times:null,
......@@ -78,7 +79,7 @@ export default {
mounted() {
this.showLog()
// this.sendButton()
this.sendButton()
},
......@@ -92,18 +93,85 @@ export default {
});
},
searchChange(e){
// let verification= this.numberOne +this.numberTwo+this.numberThree+this.numberFour+this.numberFive+this.numberSix
// console.log("岸上观光",verification)
// document.getElementById('firstNumber').focus();//设置用户名的文本框为焦点。
if(e==0){
this.ifRed0=true
}else if(e==1){
this.ifRed1=true
if(this.numberOne==''){
document.getElementById('firstNumber').focus();
this.ifRed0=true
}else{
this.ifRed1=true
}
}else if(e==2){
this.ifRed2=true
if(this.numberOne==''){
document.getElementById('firstNumber').focus();
this.ifRed0=true
}else if(this.numberTwo==''){
document.getElementById('secondNumber').focus();
this.ifRed1=true
}
else{
this.ifRed2=true
}
}else if(e==3){
this.ifRed3=true
if(this.numberOne==''){
document.getElementById('firstNumber').focus();
this.ifRed0=true
}else if(this.numberTwo==''){
document.getElementById('secondNumber').focus();
this.ifRed1=true
}else if(this.numberThree==''){
document.getElementById('threeNumber').focus();
this.ifRed2=true
}
else{
this.ifRed3=true
}
}else if(e==4){
this.ifRed4=true
if(this.numberOne==''){
document.getElementById('firstNumber').focus();
this.ifRed0=true
}else if(this.numberTwo==''){
document.getElementById('secondNumber').focus();
this.ifRed1=true
}else if(this.numberThree==''){
document.getElementById('threeNumber').focus();
this.ifRed2=true
}else if(this.numberFour==''){
document.getElementById('fourNumber').focus();
this.ifRed3=true
}
else{
this.ifRed4=true
}
}else if(e==5){
this.ifRed5=true
if(this.numberOne==''){
document.getElementById('firstNumber').focus();
this.ifRed0=true
}else if(this.numberTwo==''){
document.getElementById('secondNumber').focus();
this.ifRed1=true
}else if(this.numberThree==''){
document.getElementById('threeNumber').focus();
this.ifRed2=true
}else if(this.numberFour==''){
document.getElementById('fourNumber').focus();
this.ifRed3=true
}else if(this.numberFive==''){
document.getElementById('fiveNumber').focus();
this.ifRed4=true
}
else{
this.ifRed5=true
}
}
// console.log("dss双方都是",this.userPhone)
// if(this.userPhone &&this.ifCheck==true){
......@@ -125,9 +193,40 @@ export default {
}else if(e==4){
this.ifRed4=false
}else if(e==5){
let verification= this.numberOne +this.numberTwo+this.numberThree+this.numberFour+this.numberFive+this.numberSix
console.log("岸上观光",verification)
this.ifRed5=false
if(verification.length==6){
this.ifClick=true
}else{
this.ifClick=false
}
}
},
goTo(){
let verification= this.numberOne +this.numberTwo+this.numberThree+this.numberFour+this.numberFive+this.numberSix
let temp=this.qs.stringify({
pmAppVersion:884,
pmModel:'iphone',
pmSystem:'ios',
pmMac:11,
pmOperator:'无运营商',
pmIp:1,
phone:this.userPhone,
vcode:verification,
})
this.server.login.loginByPhone(temp).then(res=>{
let thisToken= res.data.data.token
let name=res.data.data.udNickname
let ubId=res.data.data.ubId
sessionStorage.setItem("ubId", ubId);
window.sessionStorage.setItem('token', thisToken);
sessionStorage.setItem("name", name);
store.commit("SET_TOKEN", thisToken);
this.getLive()
})
},
getLive(){
let temp=this.qs.stringify({
pmAppVersion:884,
......@@ -216,36 +315,36 @@ export default {
},
signButton(){
if(!this.verification){
alert('请输入验证码')
}else if(!this.userPhone){
alert('请输入手机号')
}else{
// console.log("121")
let temp=this.qs.stringify({
pmAppVersion:884,
pmModel:this.device,
pmSystem:this.system,
pmMac:11,
pmOperator:'无运营商',
pmIp:1,
phone:this.userPhone,
vcode:this.verification,
})
this.server.login.loginByPhone(temp).then(res=>{
let thisToken= res.data.data.token
let name=res.data.data.udNickname
let ubId=res.data.data.ubId
sessionStorage.setItem("ubId", ubId);
window.sessionStorage.setItem('token', thisToken);
sessionStorage.setItem("name", name);
store.commit("SET_TOKEN", thisToken);
this.getLive()
// signButton(){
// if(!this.verification){
// alert('请输入验证码')
// }else if(!this.userPhone){
// alert('请输入手机号')
// }else{
// // console.log("121")
// let temp=this.qs.stringify({
// pmAppVersion:884,
// pmModel:this.device,
// pmSystem:this.system,
// pmMac:11,
// pmOperator:'无运营商',
// pmIp:1,
// phone:this.userPhone,
// vcode:this.verification,
// })
// this.server.login.loginByPhone(temp).then(res=>{
// let thisToken= res.data.data.token
// let name=res.data.data.udNickname
// let ubId=res.data.data.ubId
// sessionStorage.setItem("ubId", ubId);
// window.sessionStorage.setItem('token', thisToken);
// sessionStorage.setItem("name", name);
// store.commit("SET_TOKEN", thisToken);
// this.getLive()
})
}
},
// })
// }
// },
showLog(){
let webLog = {}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment