From 70acfdf2bb1afb2708fc7fd3e7e9ee2f8374e607 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期五, 18 二月 2022 13:56:27 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 105 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 74 insertions(+), 31 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 69f3dd1..0038b33 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,9 +1,8 @@
<template>
<view class="zai-box">
+
<scroll-view scroll-y class="page">
- <view class="changIP">
- <button @click="changeIP()">璁剧疆IP</button>
- </view>
+
<view class="text-center" :style="[{animation: 'show ' + 0.4+ 's 1'}]">
<image src="../../static/logo.png" mode='aspectFit' class="zai-logo "></image>
<view class="zai-title text-shadow ">Zoneyung</view>
@@ -12,21 +11,22 @@
<block v-if="loginWay==1">
<view class="cu-form-group margin-top shadow-warp" :class="[shape=='round'?'round':'']">
<view class="title"><text class="cuIcon-people margin-right-xs"></text>璐﹀彿:</view>
- <input placeholder="璇疯緭鍏ヨ处鍙�" name="input" v-model="info.userName"></input>
+ <input placeholder="璇疯緭鍏ヨ处鍙�" name="input" v-model="userName"></input>
</view>
<view class="cu-form-group margin-top shadow-warp" :class="[shape=='round'?'round':'']">
<view class="title"><text class="cuIcon-lock margin-right-xs"></text>瀵嗙爜:</view>
- <input class="uni-input" placeholder="璇疯緭鍏ュ瘑鐮�" :password="!showPassword" v-model="info.password" />
+ <input class="uni-input" placeholder="璇疯緭鍏ュ瘑鐮�" :password="!showPassword" v-model="password" />
<view class="action text-lg">
<text :class="[showPassword ? 'cuIcon-attention' : 'cuIcon-attentionforbid']" @click="changePassword"></text>
</view>
</view>
- <view>
- <checkbox-group>
+ <view class="changeBox">
+ <checkbox-group class="rember">
<label>
- <checkbox value="cb" checked="true" style="transform:scale(0.7)" />璁颁綇瀵嗙爜
+ <checkbox value="cb" :checked="rember" @tap="rember = !rember" style="transform:scale(0.7)" /><text>璁颁綇瀵嗙爜</text>
</label>
</checkbox-group>
+ <text class="changeIP" @click="changeIP()">璁剧疆IP</text>
</view>
<view class="padding text-center margin-top">
<button class="cu-btn bg-blue lg margin-right shadow" :loading="loading" :class="[shape=='round'?'round':'']"
@@ -52,7 +52,7 @@
<view>
<!-- 杈撳叆妗嗙ず渚� -->
<uni-popup ref="inputDialog" type="dialog">
- <uni-popup-dialog ref="inputClose" mode="input" title="璇疯緭鍏P" value="http://192.168.4.123:8082/xgmwms"
+ <uni-popup-dialog ref="inputClose" mode="input" title="璇疯緭鍏P" v-model="IP"
placeholder="璇疯緭鍏P" @confirm="dialogInputConfirm">
</uni-popup-dialog>
</uni-popup>
@@ -91,14 +91,34 @@
},
baseIP:'',
type:'',
- info:{
- userName:'',
- password:''
- },
+ userName:'',
+ password:'',
rember:true,
-
+ IP:'',
};
},
+ mounted() {
+ let that = this;
+ //缂撳瓨鐨勮处鍙�
+ const HCuname = uni.getStorageSync('HCuname');
+ //缂撳瓨鐨勫瘑鐮�
+ const HCpassw = uni.getStorageSync('HCpassw');
+ //鏈夌紦瀛樺氨璧嬪�肩粰鏂囨湰娌℃湁灏辨竻绌�
+ if (HCuname && HCpassw) {
+ that.userName = HCuname;
+ that.password = HCpassw;
+ } else {
+ that.userName = '';
+ that.password = '';
+ }
+ const UIP = uni.getStorageSync('UIP');
+ if (UIP) {
+ that.IP = UIP;
+ } else {
+ that.IP = '';
+ }
+
+ },
onLoad:function(){
// #ifdef APP-PLUS
var that=this
@@ -119,10 +139,10 @@
}
},
canSMSLogin() {
- return this.info.userName.length > 4 && this.smsCode.length > 4;
+ return this.userName.length > 4 && this.smsCode.length > 4;
},
canPwdLogin() {
- return this.info.userName.length > 4 && this.info.password.length > 4;
+ return this.userName.length > 4 && this.password.length > 4;
},
},
methods: {
@@ -131,25 +151,36 @@
},
dialogInputConfirm(type){
this.baseUrl=type
+ this.IP = type
+ this.UIP = type
+ uni.setStorageSync('UIP',type)
},
- chk(e){
- console.log(e)
+ checkboxChange: function(e) {
+ if (e.detail.value.length == 1) {
+
+ //鑾峰彇缂撳瓨鐨勮处鍙�
+ uni.getStorageSync('HCuname',this.userName);
+ uni.getStorageSync('HCpassw',this.password);
+ } else {
+ uni.removeStorageSync('HCuname');
+ uni.removeStorageSync('HCpassw');
+ }
},
onLogin: function (){
- if(!this.info.userName || this.info.userName.length==0){
+ if(!this.userName || this.userName.length==0){
uni.showToast({title: '璇峰～鍐欒处鍙�',icon: "none"})
return;
}
- if(!this.info.password || this.info.password.length==0){
+ if(!this.password || this.password.length==0){
uni.showToast({title: '璇峰～鍐欏瘑鐮�',icon: "none"})
return;
}
uni.showLoading();
uni.request({
- url: this.baseUrl + '/login.action',
+ url: 'http://'+ this.baseUrl + ':8082/xgmwms' + '/login.action',
data: {
- mobile:this.info.userName,
- password:md5.hex_md5(this.info.password)
+ mobile:this.userName,
+ password:md5.hex_md5(this.password)
},
header: {
"content-type": "application/json"
@@ -163,6 +194,13 @@
position: 'bottom',
duration: 1000
});
+ if(this.rember){
+ uni.setStorageSync('HCuname', this.userName);
+ uni.setStorageSync('HCpassw', this.password);
+ }else{
+ uni.removeStorageSync('HCuname');
+ uni.removeStorageSync('HCpassw');
+ }
uni.setStorageSync('token', res.data.token);
setTimeout(() => {
uni.navigateBack(); // 灏忕▼搴忕敤杩欎釜 鎶婇椤佃矾鐢辨斁绗竴涓�
@@ -185,7 +223,6 @@
var info = plus.push.getClientInfo();
var cid = info.clientid;
this.$http.get("/sys/user/saveClientId",{params:{clientId:cid}}).then(res=>{
- console.log("res::saveClientId>",res)
this.$tip.success('鐧诲綍鎴愬姛!')
this.$Router.replaceAll({name:'index'})
})
@@ -213,17 +250,17 @@
<style>
@import "../../colorui/main.css";
- /* @import "../../colorui/icon.css";
- @import "../../colorui/animation.css"; */
+ @import "../../colorui/icon.css";
+ @import "../../colorui/animation.css";
.login-paddingtop {
padding-top: 50upx;
}
.zai-box {
- /* padding: 0 20upx;
+ padding: 0 20upx;
padding-top: 100upx;
- position: relative; */
+ position: relative;
}
.zai-logo {
@@ -264,8 +301,14 @@
.zai-btn.button-hover {
transform: translate(1upx, 1upx);
}
- .changIP {
- margin-top: 0rpx;
+ .changeBox {
+ margin-top: 20upx;
}
-
+ .rember {
+ display: inline-block;
+ }
+ .changeIP {
+ float: right;
+ margin-right: 15upx;
+ }
</style>
--
Gitblit v1.9.1