| | |
| | | </view> |
| | | <view> |
| | | <u-form :model="form" ref="uForm" class="form" > |
| | | <u-form-item ><u-input color="#fff" v-model="form.name" placeholder="请输入用户名" /></u-form-item> |
| | | <u-form-item ><u-input color="#fff" v-model="form.pwd" type="password" placeholder="请输入密码" /></u-form-item> |
| | | <u-form-item style="width: 75%;"><u-input color="#fff" v-model="form.name" placeholder="请输入用户名" /></u-form-item> |
| | | <u-form-item style="margin-top: 10px;width: 75%;" ><u-input color="#fff" v-model="form.pwd" 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 ><u-button type="primary" style="width: 100%;" @click="Login">登录</u-button></u-form-item> |
| | | <view style="color: white;margin-left:25%;margin-top: 70%;">技术支持:中国科学院</view> |
| | | <u-form-item style="margin-top: 10px;width: 75%;"> |
| | | <u-button :loading="isLogining" type="primary" style="width: 100%;" @click="Login">登录</u-button> |
| | | </u-form-item> |
| | | <view style="color: white;margin-top: 150px;">技术支持:中国科学院</view> |
| | | </u-form> |
| | | </view> |
| | | </view> |
| | |
| | | <script> |
| | | import {login} from '../../api/index.js'; |
| | | import store from '@/store/index.js' |
| | | const jpushModule = uni.requireNativePlugin('JG-JPush') |
| | | export default { |
| | | data() { |
| | | return { |
| | | form: { |
| | | name: '', |
| | | pwd: '' |
| | | pwd: '', |
| | | registrationId: '' |
| | | }, |
| | | type: '' |
| | | type: '', |
| | | //极光推送 |
| | | connectStatus: '未连接', |
| | | registrationID: '未获得', |
| | | isLogining: false |
| | | } |
| | | }, |
| | | onShow() { |
| | | uni.clearStorageSync(); |
| | | uni.clearStorage(); |
| | | }, |
| | | onLoad() { |
| | | this.connect() |
| | | }, |
| | | methods: { |
| | | Login(){ |
| | | this.isLogining = true; |
| | | login(this.form).then(res => { |
| | | console.log("res",res) |
| | | if (res.code === 100) { |
| | | this.isLogining = false; |
| | | //登录成功后 |
| | | //设置别名 |
| | | jpushModule.setAlias({ |
| | | 'alias': this.phone, |
| | | 'sequence': 1 |
| | | }) |
| | | uni.setStorageSync("tk", res.data.tk); |
| | | uni.setStorageSync("uid",res.data.uid); |
| | | uni.setStorageSync('user', res.data); |
| | | uni.setStorageSync('roleName', res.data.role.roleName); |
| | | console.log("登录--------",res.data.tk) |
| | | if(res.data.role.roleName == '工作人员'){ |
| | | this.$store.commit('setRoleId', 'user_other'); |
| | | uni.switchTab({ |
| | |
| | | } |
| | | } |
| | | }).catch(err=>{ |
| | | this.form.name = ''; |
| | | this.form.pwd = ''; |
| | | this.isLogining = false; |
| | | }) |
| | | }, |
| | | connect() { |
| | | uni.$on('connectStatusChange', (connectStatus) => { |
| | | console.log('进入连接') |
| | | 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> |
| | |
| | | .box{ |
| | | width: 100%; |
| | | height: 100vh; |
| | | background: url('../../static/bg.jpeg') no-repeat; |
| | | background: url('../../static/shu.jpg') no-repeat; |
| | | background-size: 100% 100%; |
| | | background-attachment: fixed;/* 不设置的话页面滑动时,背景会不铺满*/ |
| | | display: flex; |
| | |
| | | text-shadow:0 0 1px #000; |
| | | } |
| | | .form{ |
| | | width: 80%; |
| | | margin: 100px auto 0px; |
| | | |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | margin-top: 25%; |
| | | } |
| | | .loginPsw{ |
| | | margin-bottom: 20px; |