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 @@ ...@@ -10,15 +10,15 @@
<span class="registerOne">短信已发送至：</span> <span class="registerOne">短信已发送至：</span>
<span class="registerPhone">+86 {{userPhone}}</span> <span class="registerPhone">+86 {{userPhone}}</span>
<span class="registerTwo">手机验证码</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" 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" @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="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" @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="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" @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="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" @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="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" @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="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="ifClick==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==true" @click="goTo()" src="../common/img/new-send.png" alt="">
<span v-show="ifSend" class="send" @click="sendButton()" >重新发送</span> <span v-show="ifSend" class="send" @click="sendButton()" >重新发送</span>
<span v-show="!ifSend" class="sendTwo" id="sendBtn">{{count}}S重新发送</span> <span v-show="!ifSend" class="sendTwo" id="sendBtn">{{count}}S重新发送</span>
...@@ -63,6 +63,7 @@ export default { ...@@ -63,6 +63,7 @@ export default {
ifRed4:false, ifRed4:false,
ifRed5:false, ifRed5:false,
ifSend:true, ifSend:true,
ifClick:false,
device:'', device:'',
system:'', system:'',
times:null, times:null,
...@@ -78,7 +79,7 @@ export default { ...@@ -78,7 +79,7 @@ export default {
mounted() { mounted() {
this.showLog() this.showLog()
// this.sendButton() this.sendButton()
}, },
...@@ -92,18 +93,85 @@ export default { ...@@ -92,18 +93,85 @@ export default {
}); });
}, },
searchChange(e){ 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){ if(e==0){
this.ifRed0=true this.ifRed0=true
}else if(e==1){ }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){ }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){ }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){ }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){ }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) // console.log("dss双方都是",this.userPhone)
// if(this.userPhone &&this.ifCheck==true){ // if(this.userPhone &&this.ifCheck==true){
...@@ -125,9 +193,40 @@ export default { ...@@ -125,9 +193,40 @@ export default {
}else if(e==4){ }else if(e==4){
this.ifRed4=false this.ifRed4=false
}else if(e==5){ }else if(e==5){
let verification= this.numberOne +this.numberTwo+this.numberThree+this.numberFour+this.numberFive+this.numberSix
console.log("岸上观光",verification)
this.ifRed5=false 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(){ getLive(){
let temp=this.qs.stringify({ let temp=this.qs.stringify({
pmAppVersion:884, pmAppVersion:884,
...@@ -216,36 +315,36 @@ export default { ...@@ -216,36 +315,36 @@ export default {
}, },
signButton(){ // signButton(){
if(!this.verification){ // if(!this.verification){
alert('请输入验证码') // alert('请输入验证码')
}else if(!this.userPhone){ // }else if(!this.userPhone){
alert('请输入手机号') // alert('请输入手机号')
}else{ // }else{
// console.log("121") // // console.log("121")
let temp=this.qs.stringify({ // let temp=this.qs.stringify({
pmAppVersion:884, // pmAppVersion:884,
pmModel:this.device, // pmModel:this.device,
pmSystem:this.system, // pmSystem:this.system,
pmMac:11, // pmMac:11,
pmOperator:'无运营商', // pmOperator:'无运营商',
pmIp:1, // pmIp:1,
phone:this.userPhone, // phone:this.userPhone,
vcode:this.verification, // vcode:this.verification,
}) // })
this.server.login.loginByPhone(temp).then(res=>{ // this.server.login.loginByPhone(temp).then(res=>{
let thisToken= res.data.data.token // let thisToken= res.data.data.token
let name=res.data.data.udNickname // let name=res.data.data.udNickname
let ubId=res.data.data.ubId // let ubId=res.data.data.ubId
sessionStorage.setItem("ubId", ubId); // sessionStorage.setItem("ubId", ubId);
window.sessionStorage.setItem('token', thisToken); // window.sessionStorage.setItem('token', thisToken);
sessionStorage.setItem("name", name); // sessionStorage.setItem("name", name);
store.commit("SET_TOKEN", thisToken); // store.commit("SET_TOKEN", thisToken);
this.getLive() // this.getLive()
}) // })
} // }
}, // },
showLog(){ showLog(){
let webLog = {} 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