<template>
|
<view class="content">
|
<view class="p40 nav bbox">
|
<view class="">合肥市智改数转诊断服务平台</view>
|
<view class="">欢迎登录</view>
|
</view>
|
<view class="p40 mt30">
|
<u--input
|
placeholder="请输入账号"
|
prefixIcon="account"
|
clearable
|
v-model="form.account"
|
prefixIconStyle="font-size: 40rpx;color: #AAAAAA"
|
></u--input>
|
<view class="p20"></view>
|
<u--input
|
placeholder="请输入密码"
|
prefixIcon="lock"
|
password
|
clearable
|
v-model="form.password"
|
prefixIconStyle="font-size: 40rpx;color: #AAAAAA"
|
></u--input>
|
<view class="ptb50"></view>
|
<u-button
|
:loading="logining"
|
type="primary"
|
color="#216EEE"
|
text="登录"
|
size="large"
|
@click="loginAction"
|
></u-button>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
|
import { coustomLogin, wxEmpower } from '@/util/api/index'
|
export default {
|
data() {
|
return {
|
form: {
|
account: '',
|
password: '',
|
},
|
logining: false,
|
openId: ''
|
}
|
},
|
onLoad() {
|
uni.login({
|
success: data => {
|
this.wxLogin(data.code)
|
},
|
fail: err => {
|
uni.$u.toast(err)
|
}
|
})
|
},
|
methods: {
|
loginAction() {
|
if (!this.form.account || !this.form.password) {
|
uni.$u.toast('账号或者密码不能为空')
|
}
|
this.logining = true
|
coustomLogin({...this.form, openid: this.openId})
|
.then(res => {
|
this.$store.commit('SETTOKEN', res.token)
|
this.$store.commit('SETUSERINFO', res)
|
uni.navigateTo({
|
url:'/pages/projectList/projectList'
|
})
|
})
|
.finally(() => {
|
this.logining = false
|
})
|
},
|
wxLogin(code) {
|
wxEmpower({code})
|
.then(res => {
|
this.openId = res.openid
|
if (res.userInfo) {
|
this.$store.commit('SETTOKEN', res.userInfo.token)
|
this.$store.commit('SETUSERINFO', res.userInfo)
|
uni.navigateTo({
|
url:'/pages/projectList/projectList'
|
})
|
}
|
})
|
.catch(err => {
|
uni.$u.toast(err)
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.content {
|
// display: flex;
|
// flex-direction: column;
|
// align-items: center;
|
// justify-content: center;
|
height: 100vh;
|
background-color: #FFFFFF;
|
.nav {
|
|
width: 750rpx;
|
height: 520rpx;
|
background: linear-gradient(180deg, #C7EBFF 0%, #FFFFFF 100%);
|
display: flex;
|
flex-direction: column-reverse;
|
color: #293C5B;
|
:first-child {
|
height: 52rpx;
|
font-size: 36rpx;
|
line-height: 52rpx;
|
}
|
:last-child {
|
height: 80rpx;
|
font-size: 56rpx;
|
font-weight: 500;
|
line-height: 80rpx;
|
margin-bottom: 16rpx;
|
}
|
}
|
}
|
|
.logo {
|
height: 200rpx;
|
width: 200rpx;
|
margin-top: 200rpx;
|
margin-left: auto;
|
margin-right: auto;
|
margin-bottom: 50rpx;
|
}
|
|
.text-area {
|
display: flex;
|
justify-content: center;
|
}
|
|
.title {
|
font-size: 36rpx;
|
color: #8f8f94;
|
}
|
</style>
|
