91 lines
2.4 KiB
Vue
91 lines
2.4 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="login-icon">
|
|
<image class="login-img" src="../../image/icon/login-background.svg"></image>
|
|
</view>
|
|
<view class="login-from">
|
|
<view class="inputView">
|
|
<!--账号-->
|
|
<input class="inputText" placeholder="账号" v-model="username" />
|
|
<!--密码-->
|
|
<input class="inputText" placeholder="密码" v-model="password" password="true" />
|
|
</view>
|
|
<view class="loginBtnView">
|
|
<!--按钮-->
|
|
<button class="loginBtn" type="primary" @tap="login">登录</button>
|
|
<button class="loginBtn" type="secondary" bindtap="visitor">访客申请</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Taro from '@tarojs/taro'
|
|
import md5 from 'blueimp-md5'
|
|
|
|
import './login.css'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
...Taro.getApp().globalData,
|
|
username: '',
|
|
password: ''
|
|
}
|
|
},
|
|
methods: {
|
|
login() {
|
|
if (this.username == '' || this.password == '') {
|
|
Taro.showToast({
|
|
title: "请完善登录信息",
|
|
icon: 'error',
|
|
duration: 2000
|
|
})
|
|
} else {
|
|
let passwordHash = md5(this.password);
|
|
Taro.request({
|
|
url: `${this.baseUrl}/user/login`,
|
|
method: "POST",
|
|
header: {
|
|
"Content-Type": "application/x-www-form-urlencoded" //用于post
|
|
},
|
|
data: {
|
|
username: this.username,
|
|
password: passwordHash,
|
|
},
|
|
success: function (d) {
|
|
let result = d.data;
|
|
if (result.success) {
|
|
Taro.setStorageSync("userInfo", result.data.userInfo);
|
|
console.log("userInfo", Taro.getStorageSync("userInfo"))
|
|
Taro.showToast({
|
|
title: "登录成功",
|
|
icon: 'success',
|
|
success: function () {
|
|
Taro.switchTab({
|
|
url: '/pages/index/index'
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
Taro.showToast({
|
|
title: result.msg,
|
|
icon: 'error',
|
|
duration: 2000
|
|
})
|
|
}
|
|
},
|
|
fail: function () {
|
|
Taro.showToast({
|
|
title: "请求失败",
|
|
icon: 'error',
|
|
duration: 2000
|
|
})
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|