<script>
export default {
data() {
return {
shangimg: "http://blog.img.duanshuilu.com/cccSnipaste_2022-09-09_21-01-33.png",
shangtext: "商户",
jishiimg: "http://blog.img.duanshuilu.com/aaaaSnipaste_2022-09-09_20-36-31.png",
jishitext: "技师",
heimg: "http://blog.img.duanshuilu.com/bbbSnipaste_2022-09-09_20-47-45.png",
hetext: "合伙人",
userindex: "技师", //当前的,登陆者的身份
//
myuserdata: [], //用户数据
title: '用户登陆', //填写logo或者app名称，也可以用：欢迎回来，看您需求
second: 60, //默认60秒
showText: true, //判断短信是否发送
phone: '', //手机号码
yzm: '', //验证码
backyzm: "", //后端验证码
checkBoxArr: [{
text: '',
selectStatus: 0
}, ]
};
},
methods: {
myclick(mnum) {
let that = this
console.log('打击了什么', mnum);
if (mnum == "商户") {
console.log('点击了商户');
//把商户放中心
that.jishiimg = "http://blog.img.duanshuilu.com/cccSnipaste_2022-09-09_21-01-33.png"
that.jishitext = "商户"
//把合伙人放左
that.shangimg = "http://blog.img.duanshuilu.com/bbbSnipaste_2022-09-09_20-47-45.png"
that.shangtext = "合伙人"
//把技师放右
that.heimg = "http://blog.img.duanshuilu.com/aaaaSnipaste_2022-09-09_20-36-31.png"
that.hetext = "技师"
that.userindex = "商户"
}
if (mnum == "技师") {
console.log('点击了技师');
//把技师放中心
that.jishiimg = "http://blog.img.duanshuilu.com/aaaaSnipaste_2022-09-09_20-36-31.png"
that.jishitext = "技师"
//把商户放左
that.shangimg = "http://blog.img.duanshuilu.com/cccSnipaste_2022-09-09_21-01-33.png"
that.shangtext = "商户"
//把合伙人放右
that.heimg = "http://blog.img.duanshuilu.com/bbbSnipaste_2022-09-09_20-47-45.png"
that.hetext = "合伙人"
that.userindex = "技师"
}
if (mnum == "合伙人") {
console.log('点击了合伙人');
//把合伙人放中心
that.jishiimg = "http://blog.img.duanshuilu.com/bbbSnipaste_2022-09-09_20-47-45.png"
that.jishitext = "合伙人"
//把合技师放左
that.shangimg = "http://blog.img.duanshuilu.com/aaaaSnipaste_2022-09-09_20-36-31.png"
that.shangtext = "技师"
//把商户放右
that.heimg = "http://blog.img.duanshuilu.com/cccSnipaste_2022-09-09_21-01-33.png"
that.hetext = "商户"
that.userindex = "合伙人"
}
},
getCurrentTime() {
//获取当前时间并打印
var _this = this;
let yy = new Date().getFullYear();
let mm = new Date().getMonth() + 1;
let dd = new Date().getDate();
let hh = new Date().getHours();
let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
let
ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date()
.getSeconds();
_this.gettime = yy + '.' + mm + '.' + dd + ' ' + hh + ':' + mf + ':' + ss;
console.log(_this.gettime)
return _this.gettime
},
clickCheckBox(index) {
if (this.checkBoxArr[index].selectStatus == 1) {
this.checkBoxArr[index].selectStatus = 0;
console.log(this.checkBoxArr[index].selectStatus) //选中输出1...没选中输出0
} else {
this.checkBoxArr[index].selectStatus = 1
console.log(this.checkBoxArr[index].selectStatus)
}
},
//当前登录按钮操作
uuulogin() {
let that = this;
//第一步,获取登陆者的身份,和校验填写数据
console.log("打印一下登陆用户类型", that.userindex)
console.log(this.checkBoxArr[0].selectStatus == 1)
if (this.checkBoxArr[0].selectStatus != 1) {
that.$toast("同意下面协议才能登陆");
return false
}
if (!that.phone) {
that.$toast("请填写手机号");
return;
}
if (!/^[1][3,4,5,7,8,9][0-9]{9}$/.test(that.phone)) {
that.$toast("手机号格式不正确");
return;
}
if (!that.yzm) {
that.$toast("请输入验证码");
return;
}
if (that.yzm != that.backyzm) {
that.$toast("验证码不正确");
return;
}
//第二步,登录操作
// let thistime = that.getCurrentTime();
var kkkdata = {
"myuserphone": that.phone, //
"musertype": that.userindex
}
console.log(kkkdata)
let kkk = JSON.stringify(kkkdata)
let params = new URLSearchParams();
params.append('kkk', kkk)
that.Axios({
url: 'api/threeuserlogin/',
method: 'post',
data: params,
responseType: "text",
}).then(function (obj) {
console.log("收到后端返回的数据--xzy", obj.data); //
//如果后端无此数据
if (obj.data.length == 0) {
that.$toast("无此用户");
return;
}
//
that.myuserdata = obj.data
window.localStorage.setItem("threeuserdata", JSON.stringify(obj.data))
window.localStorage.setItem("threeLoginusertype", that.userindex)
that.$toast("成功登陆");
setTimeout(function () {
that.$router.push("/Main")
}, 1500);
})
},
//获取短信验证码
getCode() {
var that = this;
console.log("执行了获取验证码")
if (that.phone == '') {
that.$toast("手机号不能为空");
return
}
let reg = /^1[3456789]\d{9}$/;
if (!reg.test(that.phone)) {
that.$toast("手机号格式不正确");
return
}
var interval = setInterval(() => {
that.showText = false;
var times = that.second - 1;
//that.second = times<10?'0'+times:times ;//小于10秒补 0
that.second = times;
console.log(times);
}, 1000);
setTimeout(() => {
clearInterval(interval);
that.second = 60;
that.showText = true;
}, 60000);
//这里请求后台获取短信验证码
// console.log("222222222222222222222222222222222222222222222222222", that.youreturndata)
/////////////////////////////////
let myurl = 'api/PHONESMS/' + that.phone + '/'
that.Axios.get(myurl)
.then(function (resp) {
console.log("写入数据库后前端接收到的返回值", resp.data); //
that.backyzm = resp.data
that.showText = false;
}).catch(function (error) {
console.log(error);
})
},
}
};
</script>firstitem.vue登录代码下
标签：
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
上一篇：
firstitem.vue登录代码上
下一篇：
firstitem.vue登录代码中