|
|
@@ -18,15 +18,15 @@
|
|
|
</p>
|
|
|
<input type="text" v-model="loginForm.username" placeholder="请输入联系方式"
|
|
|
onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- maxlength="11" @keyup.enter="handleLogin">
|
|
|
+ maxlength="11">
|
|
|
</div>
|
|
|
<p class="text-p">{{text}}</p>
|
|
|
<div class="code-input-box">
|
|
|
<div class="code-input-left-box">
|
|
|
<img src="@/assets/ZDimages/medicUniversity-3_1/code.png" alt="">
|
|
|
- <input type="text" v-model="loginForm.code" placeholder="请输入验证码"
|
|
|
+ <input type="text" v-model="loginForm.password" placeholder="请输入验证码"
|
|
|
onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- maxlength="6" @keyup.enter="handleLogin">
|
|
|
+ maxlength="6">
|
|
|
</div>
|
|
|
<div class="login-code" @click="getCode">
|
|
|
获取验证码
|
|
|
@@ -44,9 +44,6 @@
|
|
|
<span v-if="!loading">登 录</span>
|
|
|
<span v-else>登 录 中...</span>
|
|
|
</el-button>
|
|
|
- <div style="float: right;" v-if="register">
|
|
|
- <router-link class="link-type" :to="'/register'">立即注册</router-link>
|
|
|
- </div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -55,14 +52,29 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { getCodeImg,initPage } from "@/api/login";
|
|
|
+ import { getCodeImg,initPage,sendCode,phoneLogin } from "@/api/login";
|
|
|
+ import { getLogoInfo } from "@/api/system/publicConfig";
|
|
|
export default {
|
|
|
name: "login",
|
|
|
data() {
|
|
|
return {
|
|
|
loading:false,
|
|
|
- loginForm:{},
|
|
|
+ loginForm:{
|
|
|
+ username:"",
|
|
|
+ password:"",
|
|
|
+ },
|
|
|
+ text:"",
|
|
|
rectangleLogo:localStorage.getItem('rectangleLogo'),
|
|
|
+ loginRules:{
|
|
|
+ username: [
|
|
|
+ { required: true, message: "请输入手机号码", trigger: "blur" },
|
|
|
+ { required: true, message: "请输入手机号码", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
+ ],
|
|
|
+ password: [
|
|
|
+ { required: true, message: "请输入验证码", trigger: "blur" },
|
|
|
+ { required: true, message: "请输入验证码", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
+ ],
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
@@ -74,10 +86,137 @@
|
|
|
},
|
|
|
methods: {
|
|
|
getCode(){
|
|
|
-
|
|
|
+ if(this.checkPhone(this.loginForm.username)){
|
|
|
+ sendCode(this.loginForm.username).then(response => {
|
|
|
+ if(response.code != 200){
|
|
|
+ this.text = "*"+response.msg;
|
|
|
+ if(response.code == 530){
|
|
|
+ this.text = "*用户不存在";
|
|
|
+ }
|
|
|
+ }else {
|
|
|
+ this.text = "";
|
|
|
+ this.msgSuccess('发送成功');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //手机号验证
|
|
|
+ checkPhone(value) {
|
|
|
+ if (!value) {
|
|
|
+ this.text = '*请输入手机号码';
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ const reg = /^1[3|4|5|7|8|9][0-9]\d{8}$/;
|
|
|
+ if (reg.test(value)) {
|
|
|
+ this.text = '';
|
|
|
+ console.log("*0")
|
|
|
+ return true
|
|
|
+ } else {
|
|
|
+ this.text = '*请输入正确的手机号码';
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
+ //登录
|
|
|
handleLogin(){
|
|
|
-
|
|
|
+ let self = this;
|
|
|
+ console.log("0")
|
|
|
+ if(this.checkPhone(this.loginForm.username)&&this.loginForm.password){
|
|
|
+ this.text = "";
|
|
|
+ console.log("1")
|
|
|
+ this.$refs.loginForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ console.log("2")
|
|
|
+ this.loading = true;
|
|
|
+ this.loginForm.authType = 'mobile'
|
|
|
+ this.$store.dispatch("LoginPhone", this.loginForm).then((res) => {
|
|
|
+ if(res.code != 200){
|
|
|
+ this.text = "*"+res.msg;
|
|
|
+ if(res.code == 530){
|
|
|
+ this.text = "*用户不存在";
|
|
|
+ }else if(res.code == 503){
|
|
|
+ this.text = "*验证码错误";
|
|
|
+ }
|
|
|
+ this.loading = false;
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(res.data.reset_password){
|
|
|
+ this.$confirm('账号当前登录密码为默认密码,是否现在修改?', "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ let routeData = JSON.parse(localStorage.getItem("routeData"))
|
|
|
+ for(let i=0;i<routeData.length;i++){
|
|
|
+ if(!routeData[i].hidden&&routeData[i].name != 'Https://www.sxitdlc.com'){
|
|
|
+ store.dispatch('settings/setPageName', routeData[i].meta.title)
|
|
|
+ self.$store.commit("SET_SIDEBAR_ROUTERS", routeData[i].children);
|
|
|
+ // self.$router.push({ path: '/mine' });
|
|
|
+ self.$router.push({ path: '/comprehensive/system/mine' });
|
|
|
+ // self.$router.push({ path: '/user/profile' });
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }).then(() => {
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if(res.data.type){
|
|
|
+ localStorage.setItem('userType',res.data.type)
|
|
|
+ localStorage.setItem('userId',res.data.user_id)
|
|
|
+ localStorage.setItem('identity',res.data.screen_token);
|
|
|
+ localStorage.setItem('identityType',res.data.screen_type);
|
|
|
+ }
|
|
|
+ this.fullScreen();
|
|
|
+ this.$router.push({ path: this.redirect || "/home" }).catch(()=>{});
|
|
|
+ }).catch(() => {
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ // phoneLogin(this.loginForm).then(res => {
|
|
|
+ // if(res.code != 200){
|
|
|
+ // this.text = "*"+res.msg;
|
|
|
+ // if(res.code == 530){
|
|
|
+ // this.text = "*用户不存在";
|
|
|
+ // }else if(res.code == 503){
|
|
|
+ // this.text = "*验证码错误";
|
|
|
+ // }
|
|
|
+ // this.loading = false;
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if(res.data.reset_password){
|
|
|
+ // this.$confirm('账号当前登录密码为默认密码,是否现在修改?', "提示", {
|
|
|
+ // confirmButtonText: "确定",
|
|
|
+ // cancelButtonText: "取消",
|
|
|
+ // type: "warning"
|
|
|
+ // }).then(function() {
|
|
|
+ // let routeData = JSON.parse(localStorage.getItem("routeData"))
|
|
|
+ // for(let i=0;i<routeData.length;i++){
|
|
|
+ // if(!routeData[i].hidden&&routeData[i].name != 'Https://www.sxitdlc.com'){
|
|
|
+ // store.dispatch('settings/setPageName', routeData[i].meta.title)
|
|
|
+ // self.$store.commit("SET_SIDEBAR_ROUTERS", routeData[i].children);
|
|
|
+ // // self.$router.push({ path: '/mine' });
|
|
|
+ // self.$router.push({ path: '/comprehensive/system/mine' });
|
|
|
+ // // self.$router.push({ path: '/user/profile' });
|
|
|
+ // break
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }).then(() => {
|
|
|
+ // }).catch(() => {
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // if(res.data.type){
|
|
|
+ // localStorage.setItem('userType',res.data.type)
|
|
|
+ // localStorage.setItem('userId',res.data.user_id)
|
|
|
+ // localStorage.setItem('identity',res.data.screen_token);
|
|
|
+ // localStorage.setItem('identityType',res.data.screen_type);
|
|
|
+ // }
|
|
|
+ // this.fullScreen();
|
|
|
+ // this.$router.push({ path: this.redirect || "/home" }).catch(()=>{});
|
|
|
+ // this.loading = false;
|
|
|
+ // })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
//获取首页配置
|
|
|
initPage(){
|
|
|
@@ -98,6 +237,31 @@
|
|
|
localStorage.setItem('videoCover',response.data.videoCover)
|
|
|
});
|
|
|
},
|
|
|
+ //全屏
|
|
|
+ fullScreen() {
|
|
|
+ var element = document.documentElement;
|
|
|
+ if (element.requestFullscreen) {
|
|
|
+ element.requestFullscreen();
|
|
|
+ } else if (element.msRequestFullscreen) {
|
|
|
+ element.msRequestFullscreen();
|
|
|
+ } else if (element.mozRequestFullScreen) {
|
|
|
+ element.mozRequestFullScreen();
|
|
|
+ } else if (element.webkitRequestFullscreen) {
|
|
|
+ element.webkitRequestFullscreen();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //退出全屏
|
|
|
+ exitFullscreen() {
|
|
|
+ if (document.exitFullscreen) {
|
|
|
+ document.exitFullscreen();
|
|
|
+ } else if (document.msExitFullscreen) {
|
|
|
+ document.msExitFullscreen();
|
|
|
+ } else if (document.mozCancelFullScreen) {
|
|
|
+ document.mozCancelFullScreen();
|
|
|
+ } else if (document.webkitExitFullscreen) {
|
|
|
+ document.webkitExitFullscreen();
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
dedsudiyu