From 289e204f67b8ae0144772707e028a4aa82f2002a Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 14 十二月 2022 17:00:41 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 71 +++++++++++++++++++++++++++++++----
1 files changed, 63 insertions(+), 8 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index bc94028..d03e312 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -6,19 +6,21 @@
<view class="user-info-item shadow-warp">
<view class="icons"><uni-icons type="person" size="20"></uni-icons></view>
<text>璐﹀彿锛�</text>
- <input type="text">
+ <input type="text" placeholder="璇疯緭鍏ヨ处鍙�!" v-model="user.userName"
+ placeholder-style="font-size:14px;color:#ccc;">
</view>
<view class="user-info-item shadow-warp">
<view class="icons"><uni-icons type="locked" size="20"></uni-icons></view>
<text>瀵嗙爜锛�</text>
- <input :password="!showPassword" v-model="password">
+ <input :password="!showPassword" v-model="user.password" placeholder="璇疯緭鍏ュ瘑鐮�!"
+ placeholder-style="font-size:14px;color:#ccc;">
<view class="showPassword" v-if="showPassword" @click="changePassword"><uni-icons type="eye" size="20"></uni-icons></view>
<view class="showPassword" v-if="!showPassword" @click="changePassword"><uni-icons type="eye-slash" size="20"></uni-icons></view>
</view>
</view>
<!-- 鐧诲綍鎸夐挳 -->
<view class="loging">
- <button class="button" >鐧诲綍</button>
+ <button class="button" @click="onLogin()" :loading="load.loading">{{load.btnText}}</button>
</view>
<!-- #ifdef APP-PLUS -->
<view class="version">
@@ -29,15 +31,24 @@
</template>
<script>
+ import md5 from '../../common/md5.js'
export default {
data() {
return {
- version:'',
- showPassword:false,
- password:'',
+ version: '',
+ showPassword: false,
+ user: {
+ userName: '',
+ password: '',
+ },
+ load: {
+ loading: false,
+ btnText: '鐧诲綍'
+ }
}
},
onLoad:function(){
+ this.user.userName = uni.getStorageSync('userName')
// #ifdef APP-PLUS
var that=this
plus.runtime.getProperty( plus.runtime.appid, function ( wgtinfo ) {
@@ -45,10 +56,49 @@
});
// #endif
+
},
methods: {
changePassword: function() {
this.showPassword = !this.showPassword;
+ },
+ onLogin() {
+ let that = this
+ uni.request({
+ url: 'http://localhost:9528/login.action',
+ fail(result) {
+ uni.showToast({title: '璇锋眰澶辫触'})
+ },
+ data: {
+ username:that.user.userName,
+ password:md5.hex_md5(that.user.password)
+ },
+ header: {
+ "content-type": "application/json"
+ },
+ success(result) {
+ let res = result.data
+ if (res.code === 200 ){
+ that.load.loading = true;
+ that.load.btnText = '鐧诲綍涓�';
+ uni.setStorageSync('token', res.data.token);
+ uni.setStorageSync('userName', that.user.userName);
+ uni.setStorageSync('baseUrl','http://localhost:9528')
+ setTimeout(()=> {
+ uni.showToast({title: '鐧诲綍鎴愬姛'})
+ setTimeout(()=> {
+ uni.reLaunch({
+ url: '../index/index'
+ });
+ },300)
+ },700)
+ } else {
+ uni.showToast({title: res.msg})
+ }
+ },
+
+
+ })
},
}
}
@@ -86,9 +136,14 @@
align-items:center;
background-color: #fff;
margin-bottom: 30rpx;
+ font-size: 28rpx;
+ font-weight: 500;
}
- .user-info-item input{
- width: 350rpx;
+ .user-info-item>input{
+ width: 400rpx;
+ color:#606266;
+ font-weight: 500;
+ caret-color:#606266; // 鍏夋爣棰滆壊
}
.icons {
margin-left: 20rpx;
--
Gitblit v1.9.1