<template>
|
<view>
|
<view class="list">
|
<view class="list-call">
|
<customPagination
|
style="width:100%; height: 60rpx; font-size: 30rpx;"
|
:options="userList"
|
:value="username"
|
v-model="username"
|
@changeInput="changeInput2"
|
@input="handleInput2"
|
:placeholder="'请选择手机号'"
|
></customPagination>
|
</view>
|
</view>
|
<view class="loginBtn">
|
<view class="loginbutton">
|
<u-button type="primary"
|
text="人脸登录"
|
@click="submit()"
|
:loading="submitLoading">
|
</u-button>
|
</view>
|
<view class="loginbutton">
|
<u-button type="primary"
|
text="密码登录"
|
@click="gologin()"
|
:loading="submitLoading">
|
</u-button>
|
</view>
|
</view>
|
</view>
|
</template>
|
<script>
|
|
import { apiLoginPassword } from '@/api/publicInterface.js';
|
import customPagination from './user.vue'
|
import { mapMutations } from 'vuex';
|
import { setName, setToken, setRefreshToken, setUsernameKey, setCustomerId, redirectHome,redirectLogin } from '@/utils/status.js';
|
export default {
|
props: {
|
userList: {
|
type: Array,
|
default: () => {
|
return [];
|
}
|
}
|
},
|
data() {
|
return {
|
username: '', // 客户
|
password: '',
|
remember: true,
|
baseUrl: '',
|
submitLoading: false,
|
};
|
},
|
components: {
|
customPagination
|
},
|
mounted () {
|
window.identifyResult = this.identifyResult;
|
},
|
methods: {
|
gologin(){
|
redirectLogin()
|
},
|
async identifyResult(result){
|
if(result=='true'){
|
this.$u.toast('人脸检测完成');
|
//登录接口
|
uni.showLoading({
|
title: '登录中...'
|
});
|
this.submitLoading = true
|
let obj = this.userList.find(item => item.username.trim() === this.username.trim());
|
if (obj) {
|
this.password = obj.password;
|
}
|
await apiLoginPassword({
|
username: this.username,
|
password: this.password,
|
grant_type: 'password',
|
scope: 'server'
|
})
|
.then(res => {
|
setToken(res.access_token);
|
setRefreshToken(res.refresh_token);
|
this.submitLoading = false
|
if (res.code != 1) {
|
// 登陆成功，存储相关信息
|
setToken(res.access_token);
|
setRefreshToken(res.refresh_token);
|
setUsernameKey(res.username);
|
//查询用户详细信息并储存
|
this.$reqGet('getUserEntity')
|
.then(res => {
|
this.$u.toast('登录成功');
|
this.setUserTabbar(res.data.type);
|
uni.setStorageSync('roleType', res.data.type);
|
uni.setStorageSync("userId", res.data.userId)
|
uni.setStorageSync("carNo", res.data.carNo)
|
uni.setStorageSync("userInfo", res.data)
|
setCustomerId(res.data.customerid);
|
setName(res.data.name);
|
uni.hideLoading();
|
//跳转页面
|
this.$nextTick(() => {
|
redirectHome();
|
});
|
})
|
.catch(err => {
|
this.submitLoading = false
|
this.$u.toast('登录异常！');
|
console.log(err);
|
});
|
} else {
|
uni.hideLoading();
|
this.$u.toast(res.msg);
|
}
|
}).catch(e => {
|
this.submitLoading = false
|
this.$u.toast(e);
|
});
|
}else{
|
this.submitLoading = false
|
this.$u.toast('人脸检测失败！');
|
}
|
},
|
changeInput2(e){
|
this.username=e.username
|
this.password=e.password
|
},
|
handleInput2(e){
|
},
|
...mapMutations(['setUserTabbar']),
|
//登录
|
async submit() {
|
if (this.username.length === 0) {
|
this.$u.toast('请输入账号');
|
return;
|
}
|
if (this.userList.filter(item=> item.username.trim() == this.username.trim()).length == 0){
|
this.$u.toast('该账号未登录请先登录');
|
setTimeout(() => {
|
redirectLogin();
|
}, 1000);
|
return;
|
}
|
android.identifyByName(this.username);
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss">
|
@import 'index.scss';
|
|
.dengluBtn {
|
margin-top: 130rpx;
|
}
|
.loginbutton{
|
margin: 40rpx 0;
|
}
|
/* #ifdef H5 */
|
.loginBtn{
|
width: 80%;
|
margin: 0 auto;
|
}
|
/* #endif */
|
</style>
|
