<template>
|
<view>
|
<view>
|
<image src="../../static/img/bg2.jpg" style="width: 100%; display: block;"></image>
|
</view>
|
<view>
|
<u--form labelPosition="left" :model="userInfo" ref="uForm">
|
<u-form-item label="用户名" labelWidth=65 prop="userInfo.account" borderBottom>
|
<u--input v-model="userInfo.account" border="none" placeholder="请输入用户名"></u--input>
|
</u-form-item>
|
<u-form-item label="密码" labelWidth=65 prop="userInfo.password">
|
<u--input v-model="userInfo.password" placeholder="请输入用户密码" border="none" :password="showPassward"
|
@click="this.showPassward = !this.showPassward " suffixIcon="eye-fill"
|
suffixIconStyle="color: #909399"></u--input>
|
</u-form-item>
|
</u--form>
|
<u-button text="登陆" type="primary" style="margin-top: 10px;" @click="login()"></u-button>
|
</view>
|
<u-toast ref="uToast" />
|
</view>
|
</template>
|
|
<script>
|
import {
|
login
|
} from '../../api/login'
|
export default {
|
data() {
|
return {
|
showPassward: true,
|
userInfo: {
|
account: '',
|
password: ''
|
}
|
}
|
},
|
methods: {
|
login() {
|
// 输入检验
|
if (this.userInfo.account == null || this.userInfo.account == '') {
|
this.$refs.uToast.show({
|
message: '用户名为空',
|
type: 'error'
|
})
|
return
|
}
|
|
if (this.userInfo.password == null || this.userInfo.password == '') {
|
this.$refs.uToast.show({
|
message: '密码为空',
|
type: 'error'
|
})
|
return
|
}
|
|
|
console.log(this.userInfo)
|
login(this.userInfo.account, this.userInfo.password).then(response => {
|
console.log(response)
|
if (!response.result) {
|
this.$refs.uToast.show({
|
message: response.msg,
|
type: 'error'
|
})
|
return
|
}
|
uni.navigateTo({
|
url:'/pages/index/index'
|
})
|
})
|
|
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.uni-input {
|
height: 28px;
|
line-height: 28px;
|
font-size: 15px;
|
padding: 0px;
|
flex: 1;
|
background-color: #FFFFFF;
|
}
|
</style>
|
