| | |
| | | <u-form :model="form" ref="uForm" class="form" > |
| | | <u-form-item style="width: 80%;"><u-input v-model="form.username" :class="{'isFocused': userFocused}" placeholder="请输入用户名" @focus="focusUser"/></u-form-item> |
| | | <u-form-item style="margin-top: 10px;width: 80%;" > |
| | | <u-input v-show="isPwd" v-model="form.password" :class="{'isFocused': codeFocused}" :password="true" placeholder="请输入密码" @focus="focusCode"> |
| | | <u-input v-model="form.password" :class="{'isFocused': codeFocused}" :password="isPwd" placeholder="请输入密码" @focus="focusCode"> |
| | | <template slot="suffix"> |
| | | <u-icon name="eye" color="#999" size="20" @click="isPwd = false"></u-icon> |
| | | </template> |
| | | </u-input> |
| | | <u-input v-show="!isPwd" v-model="form.password" :class="{'isFocused': codeFocused}" :password="false" placeholder="请输入密码" @focus="focusCode"> |
| | | <template slot="suffix"> |
| | | <u-icon name="eye-off" color="#999" size="20" @click="isPwd = true"></u-icon> |
| | | <u-icon :name="isPwd?'eye':'eye-off'" color="#999" size="20" @click="isPwd = !isPwd"></u-icon> |
| | | </template> |
| | | </u-input> |
| | | </u-form-item> |
| | |
| | | </u-form> |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="footer"> |
| | | 当前版本:1.2 |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | 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') |
| | | import loginTop from '../../static/loginBg.png' |
| | | import loginPic from '../../static/loginPic.png' |
| | | export default { |
| | |
| | | }, |
| | | isPwd: true, |
| | | type: '', |
| | | //极光推送 |
| | | connectStatus: '未连接', |
| | | registrationID: '未获得', |
| | | isLogining: false |
| | | } |
| | | }, |
| | | 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) { |
| | |
| | | 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 |
| | | this.registrationID = registerID |
| | | this.form.registrationId = registerID; |
| | | uni.setStorageSync('registrationID', registerID); |
| | | console.log("iddd",uni.getStorageSync('registrationID')) |
| | | }) |
| | | }, |
| | | |
| | | |
| | | focusUser(){ |
| | | this.userFocused = true |
| | |
| | | |
| | | .topImg{ |
| | | width: 100%; |
| | | filter: drop-shadow(0 3px 8px rgba(21,148,232,.4)); |
| | | } |
| | | .topPic{ |
| | | width: 80%; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .footer{ |
| | | width: 100%; |
| | | position: fixed; |
| | | bottom: 24rpx; |
| | | text-align: center; |
| | | font-size: 22rpx; |
| | | color: #999; |
| | | } |
| | | .titleFirst{ |
| | | width: 80%; |
| | | font-size: 34rpx; |