From 1f2b04d14d400b1fe22153ebd0ca1c9b18ccac9b Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 17 八月 2022 14:53:38 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 236 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 221 insertions(+), 15 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 5769909..ee79c73 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,43 +1,95 @@
<template>
<view class="zai-box">
+
<scroll-view scroll-y class="page">
+
<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>
+ <image src="../../static/logo.png" mode='aspectFit' class="zai-logo" @longtap='longpressImg'></image>
</view>
<view class="box padding-lr-xl login-paddingtop" :style="[{animation: 'show ' + 0.6+ 's 1'}]">
<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>
+ <view class="title-login"><text class="cuIcon-people margin-right-xs"></text>璐﹀彿:</view>
<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>
+ <view class="title-login"><text class="cuIcon-lock margin-right-xs"></text>瀵嗙爜:</view>
<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 class="padding text-center margin-top">
- <button class="cu-btn bg-blue lg margin-right shadow" :loading="loading" :class="[shape=='round'?'round':'']"
+ <view class="flex margin-xs justify-between">
+ <checkbox-group class="rember">
+ <label>
+ <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> -->
+ <text class="changeIP" @click="config()">閰嶇疆</text>
+ </view>
+ <view class="flex padding justify-center margin-top">
+ <button class="cu-btn bg-blue lg shadow" :loading="loading" :class="[shape=='round'?'round':'']"
@tap="onLogin"><text space="emsp">{{loading ? "鐧诲綍涓�...":" 鐧诲綍 "}}</text>
</button>
</view>
</block>
<!-- #ifdef APP-PLUS -->
- <view class="padding flex flex-direction text-center">
+ <view class="padding flex flex-direction text-center" style="position: fixed;width: 80%;bottom: 0;text-align: center;">
褰撳墠鐗堟湰:{{version}}
</view>
<!-- #endif -->
</view>
</scroll-view>
+
+
+ <view>
+ <uni-popup ref="popup" type="right">
+ <view class="config">
+ <view class="config-title"><text >閰嶇疆</text></view>
+ <view class="config-item">
+ <text>ip鍦板潃锛�</text>
+ <input v-model="IP" type="text" placeholder="192.168.1.1" placeholder-style="font-size:16rpx;text-indent: 10rpx;">
+ </view>
+ <view class="config-item">
+ <text>绔彛鍙凤細</text>
+ <input v-model="PORT" type="text" placeholder="8080" placeholder-style="font-size:16rpx;text-indent: 10rpx;">
+ </view>
+ <view class="config-item">
+ <text>椤圭洰锛�</text>
+ <input v-model="PROJECT" type="text" placeholder="lywms" placeholder-style="font-size:16rpx;text-indent: 10rpx;">
+ </view>
+ <view class="flex justify-around">
+ <button class="cu-btn bg-blue lg" @click="configConfirm">纭</button>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+
+
+
+
<!-- 鐧诲綍鍔犺浇寮圭獥 -->
<view class="cu-load load-modal" v-if="loading">
<!-- <view class="cuIcon-emojifill text-orange"></view> -->
<image src="../../static/logo1.png" mode="aspectFit" class="round"></image>
<view class="gray-text">鐧诲綍涓�...</view>
+ </view>
+ <view>
+ <uni-popup ref="inputDialog" type="dialog">
+ <uni-popup-dialog ref="inputClose" mode="input" title="璁剧疆IP" v-model="IP"
+ placeholder="璇疯緭鍏ユ湇鍔″櫒IP" @confirm="dialogInputConfirm">
+ </uni-popup-dialog>
+ </uni-popup>
+ </view>
+ <view style="margin-top: 10rpx;">
+ <uni-popup ref="serverPort" type="dialog">
+ <uni-popup-dialog ref="inputClose" mode="input" title="璁剧疆绔彛" v-model="PORT"
+ placeholder="璇疯緭鍏ユ湇鍔″櫒绔彛鍙�" @confirm="serverPortConfirm">
+ </uni-popup-dialog>
+ </uni-popup>
</view>
</view>
@@ -54,8 +106,6 @@
return {
shape:'',//round 鍦嗗舰
loading: false,
- userName: '',
- password: '',
phoneNo: '',
smsCode: '',
showPassword: false, //鏄惁鏄剧ず鏄庢枃
@@ -72,9 +122,49 @@
thirdUserUuid:'',
url: {
bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone'
- }
+ },
+ type:'',
+ userName:'',
+ password:'',
+ rember:true,
+ IP:'10.20.192.200',
+ PORT:'',// 榛樿绔彛鍙�
+ PROJECT:''
};
},
+ 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;
+ that.baseIP = UIP;
+ } else {
+ that.IP = '';
+ }
+
+ const UPORT = uni.getStorageSync('UPORT');
+ if (UPORT) {
+ that.PORT = UPORT;
+ that.basePORT = UPORT;
+ } else {
+ that.PORT = '';
+ }
+ const PROJ = uni.getStorageSync('UPROJ');
+ this.PROJECT = PROJ;
+ this.baseUrl = PROJ
+ },
onLoad:function(){
// #ifdef APP-PLUS
var that=this
@@ -82,6 +172,7 @@
that.version=wgtinfo.version
});
// #endif
+
},
computed: {
isSendSMSEnable() {
@@ -102,6 +193,50 @@
},
},
methods: {
+ // 閰嶇疆 URL PORT 椤圭洰(jkwms)
+ config() {
+ this.$refs.popup.open("center")
+ },
+ // 纭閰嶇疆
+ configConfirm() {
+ this.baseIP = this.IP
+ uni.setStorageSync('UIP',this.baseIP)
+ this.basePORT = this.PORT
+ uni.setStorageSync('UPORT',this.basePORT)
+ this.baseUrl = this.PROJECT
+ uni.setStorageSync('UPROJ',this.baseUrl)
+
+ this.$refs.popup.close()
+ },
+ longpressImg() { // 闀挎寜鍥剧墖
+ this.$refs.serverPort.open()
+ },
+ serverPortConfirm(type) {
+ this.basePORT = type
+ // 瀛樺叆鏈湴缂撳瓨
+ this.PORT = type
+ uni.setStorageSync('UPORT',this.basePORT)
+ },
+ changeIP(){
+ this.$refs.inputDialog.open()
+ },
+ dialogInputConfirm(type){
+ this.baseIP = type
+ // 瀛樺叆鏈湴缂撳瓨
+ this.IP = type;
+ uni.setStorageSync('UIP',this.baseIP)
+ },
+ 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.userName || this.userName.length==0){
uni.showToast({title: '璇峰～鍐欒处鍙�',icon: "none"})
@@ -111,11 +246,34 @@
uni.showToast({title: '璇峰～鍐欏瘑鐮�',icon: "none"})
return;
}
+ if(this.baseIP == undefined || this.baseIP == '' ) {
+ uni.showToast({
+ title:'璇峰厛璁剧疆IP',
+ icon:'none'
+ })
+ return;
+ }
+ if(this.basePORT == undefined) {
+ uni.showToast({
+ title:'闀挎寜鍥剧墖杈撳叆绔彛鍙�',
+ icon:'none'
+ })
+ return;
+ }
uni.showLoading();
+ setTimeout(function(){
+ uni.hideLoading();
+ uni.showToast({
+ title: '鐧诲綍瓒呮椂',
+ position: 'bottom',
+ duration: 1000
+ });
+ },6000)
+ console.log(this.baseUrl)
uni.request({
- url: this.baseUrl + '/login.action',
+ url: this.baseHttp + this.baseIP + ':' +this.basePORT +"/" +this.baseUrl + '/login.action',
data: {
- mobile:this.userName,
+ username:this.userName,
password:md5.hex_md5(this.password)
},
header: {
@@ -130,6 +288,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(); // 灏忕▼搴忕敤杩欎釜 鎶婇椤佃矾鐢辨斁绗竴涓�
@@ -152,7 +317,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'})
})
@@ -173,6 +337,8 @@
clearInterval(this.smsCountInterval);
}
},
+
+
}
</script>
@@ -181,6 +347,37 @@
@import "../../colorui/icon.css";
@import "../../colorui/animation.css";
+ .config {
+ width: 500rpx;
+ height: 500rpx;
+ background-color: #fff;
+ }
+ .config-title {
+ height: 100rpx;
+ font-size: 32rpx;
+ text-align: center;
+ line-height: 100rpx;
+ }
+ .config-item {
+ height: 100rpx;
+ }
+ .config-item text {
+ display: inline-block;
+ float: left;
+ text-indent: 1em;
+ }
+ .config-item input {
+ display: inline-block;
+ float: right;
+ margin-right: 50rpx;
+ width: 300rpx;
+ height: 50rpx;
+ border: 1px solid #aaaaaa;
+ border-radius: 10rpx;
+ font-size: 16rpx;
+ text-indent: 10rpx;
+
+ }
.login-paddingtop {
padding-top: 50upx;
}
@@ -192,7 +389,7 @@
}
.zai-logo {
- width: 200upx;
+ width: 600upx;
height: 150px;
}
@@ -229,5 +426,14 @@
.zai-btn.button-hover {
transform: translate(1upx, 1upx);
}
-
+ .changeBox {
+ margin-top: 20upx;
+ }
+ .rember {
+ display: inline-block;
+ }
+ .changeIP {
+ float: right;
+ margin-right: 15upx;
+ }
</style>
--
Gitblit v1.9.1