<template>
|
<view class="box">
|
<view class="main">
|
<view class="header">
|
<view class="titleFirst"><b>安全在线教育平台</b></view>
|
</view>
|
<view>
|
<u-form :model="form" ref="uForm" class="form" >
|
<u-form-item style="width: 75%;"><u-input :customStyle="cstyle" v-model="form.username" placeholder="请输入用户名" /></u-form-item>
|
<u-form-item style="margin-top: 10px;width: 75%;" ><u-input :customStyle="cstyle" v-model="form.password" type="password" placeholder="请输入密码" /></u-form-item>
|
<!-- <view class="loginPsw">
|
<u-checkbox-group >
|
<u-checkbox disabled="true"></u-checkbox><text style="color: #fff;">自动登录</text>
|
</u-checkbox-group>
|
<text style="color: lightblue;">忘记密码</text>
|
</view> -->
|
<u-form-item style="margin-top: 10px;width: 75%;">
|
<u-button class="loginBtn" :loading="isLogining" style="width: 100%;height: 44px" @click="Login" type="primary">登录</u-button>
|
</u-form-item>
|
<!-- <view style="color: white;margin-top: 150px;">技术支持：技术保障部</view>-->
|
</u-form>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import {login,getLastApp} from '../../api/index.js';
|
import store from '@/store/index.js'
|
import VUE_APP_BASE_URL from '../../common/constant.js'
|
const jpushModule = uni.requireNativePlugin('JG-JPush')
|
export default {
|
data() {
|
return {
|
form: {
|
username: '',
|
password: '',
|
code: '',
|
uuid: ''
|
},
|
type: '',
|
//极光推送
|
connectStatus: '未连接',
|
registrationID: '未获得',
|
isLogining: false,
|
cstyle: {
|
background: '#fff',
|
padding: '10px',
|
boxShadow: '0 2px 4px rgba(0,0,0,.2),0 -2px 4px rgba(255,255,255,.2),inset 0 2px 4px rgba(0,0,0,.2)',
|
border: '1px solid #fff'
|
}
|
}
|
},
|
onShow() {
|
if(uni.getStorageSync('name') && uni.getStorageSync('pwd')){
|
// this.form.name = uni.getStorageSync('name');
|
// this.form.pwd = uni.getStorageSync('pwd');
|
// if(uni.getStorageSync('roleName') == '工作人员'){
|
// this.$store.commit('setRoleId', 'user_other');
|
// uni.switchTab({
|
// url: '/pages/tabBar/notice/notice'
|
// });
|
// }else if (uni.getStorageSync('roleName') == '管理员'){
|
// this.$store.commit('setRoleId', '');
|
// uni.showToast({
|
// icon: "none",
|
// title: '管理员请使用平台登录'
|
// });
|
// }else{
|
// this.$store.commit('setRoleId', 'user_leader');
|
// uni.switchTab({
|
// url: '/pages/tabBar/firstPage/firstPage'
|
// });
|
// }
|
}else{
|
uni.clearStorageSync();
|
uni.clearStorage();
|
}
|
},
|
onLoad() {
|
this.connect()
|
},
|
methods: {
|
base64Encode(str) {
|
return btoa(unescape(encodeURIComponent(str)));
|
},
|
Login(){
|
this.isLogining = true;
|
this.form.password = this.base64Encode(this.form.password)
|
login(this.form).then(res => {
|
if (res.code === 200) {
|
this.isLogining = false;
|
//登录成功后
|
//设置别名
|
// jpushModule.setAlias({
|
// 'alias': this.phone,
|
// 'sequence': 1
|
// })
|
uni.setStorageSync("name", this.form.username);
|
uni.setStorageSync("pwd", this.form.password);
|
uni.setStorageSync("tk", res.data.token);
|
uni.setStorageSync("uid",res.data.id);
|
uni.setStorageSync('user', res.data);
|
// uni.setStorageSync('unittype',res.data.unittype);
|
// uni.setStorageSync('roleName', res.data.role.roleName);
|
// if(res.data.role.roleName == '工作人员'){
|
// this.$store.commit('setRoleId', 'user_other');
|
// uni.switchTab({
|
// url: '/pages/tabBar/notice/notice'
|
// });
|
// }else if (res.data.role.roleName == '管理员'){
|
// this.$store.commit('setRoleId', '');
|
// uni.showToast({
|
// icon: "none",
|
// title: '管理员请使用平台登录'
|
// });
|
// }else{
|
this.$store.commit('setRoleId', 'user_leader');
|
uni.switchTab({
|
url: '/pages/tabBar/firstPage/firstPage'
|
})
|
// }
|
}else{
|
uni.showToast({
|
icon: "none",
|
title: res.message
|
});
|
this.form.name = '';
|
this.form.pwd = '';
|
this.isLogining = false;
|
}
|
}).catch(err=>{
|
this.form.name = '';
|
this.form.pwd = '';
|
this.isLogining = false;
|
})
|
},
|
connect() {
|
uni.$on('connectStatusChange', (connectStatus) => {
|
var connectStr = ''
|
if (connectStatus == true) {
|
connectStr = '已连接'
|
this.getRegistrationID()
|
} else {
|
connectStr = '未连接'
|
}
|
console.log('监听到了连接状态变化 --- ', connectStr)
|
this.connectStatus = connectStr
|
})
|
},
|
//获取推送ID
|
getRegistrationID() {
|
jpushModule.getRegistrationID(result => {
|
let registerID = result.registerID
|
console.log('registerID',registerID)
|
this.registrationID = registerID
|
this.form.registrationId = registerID;
|
uni.setStorageSync('registrationID', registerID);
|
console.log("iddd",uni.getStorageSync('registrationID'))
|
})
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
.box{
|
width: 100%;
|
height: 100vh;
|
background: url('../../static/login.jpg') no-repeat;
|
background-size: 100% 100%;
|
background-attachment: fixed;/* 不设置的话页面滑动时，背景会不铺满*/
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
}
|
|
.main{
|
width: 100%;
|
height: 50vh;
|
display: flex;
|
flex-direction: column;
|
justify-content: left;
|
}
|
|
.header {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
text-shadow:0 0 1px #000;
|
}
|
|
.titleFirst{
|
text-align: center;
|
font-size: 32px;
|
letter-spacing: 6px;
|
color:#fff;
|
text-shadow: 2px 2px 6px rgba(0,0,0,.1);
|
}
|
|
.titleSecond{
|
text-align: center;
|
font-size: 19px;
|
color:#fff;
|
margin-top: 10px;
|
}
|
.form{
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
margin-top: 40px;
|
}
|
.loginPsw{
|
margin-bottom: 20px;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.loginBtn{
|
border: 1px solid rgba(255,255,255,.4);
|
box-shadow: 0 2px 4px rgba(0,0,0,.2);
|
background-image: linear-gradient(#41a2ff,#0f7ff9);
|
transition: box-shadow .25s ease !important;
|
}
|
|
.loginBtn:active{
|
box-shadow: 0 2px 4px rgba(0,0,0,0);
|
background-image: linear-gradient(#0f7ff9,#41a2ff);
|
}
|
|
|
</style>
|
