From 471057bc4ece00870751e7b1187f244e8cc4137d Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 18 四月 2023 13:58:49 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 409 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 223 insertions(+), 186 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index d09a580..e86f238 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,12 +1,12 @@
- <template>
+<template>
<view class="zai-box">
-
- <scroll-view scroll-y class="page">
-
- <view class="text-center" :style="[{animation: 'show ' + 0.4+ 's 1'}]">
+
+ <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" @longtap='longpressImg'></image>
</view>
- <view class="box padding-lr-xl login-paddingtop" :style="[{animation: 'show ' + 0.6+ 's 1'}]">
+ <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-login"><text class="cuIcon-people margin-right-xs"></text>璐﹀彿:</view>
@@ -16,49 +16,56 @@
<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>
+ <text :class="[showPassword ? 'cuIcon-attention' : 'cuIcon-attentionforbid']"
+ @click="changePassword"></text>
</view>
</view>
<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>
+ <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 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" style="position: fixed;width: 80%;bottom: 0;text-align: 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>
+ </scroll-view>
+
<view>
<uni-popup ref="popup" type="right">
<view class="config">
- <view class="config-title"><text >閰嶇疆</text></view>
+ <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;">
+ <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;">
+ <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;">
+ <input v-model="PROJECT" type="text" placeholder="wms"
+ placeholder-style="font-size:16rpx;text-indent: 10rpx;">
</view>
<view class="flex justify-around">
<button class="cu-btn bg-blue lg" @click="configConfirm">纭</button>
@@ -66,10 +73,10 @@
</view>
</uni-popup>
</view>
-
-
-
-
+
+
+
+
<!-- 鐧诲綍鍔犺浇寮圭獥 -->
<view class="cu-load load-modal" v-if="loading">
<!-- <view class="cuIcon-emojifill text-orange"></view> -->
@@ -78,32 +85,34 @@
</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-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-dialog ref="inputClose" mode="input" title="璁剧疆绔彛" v-model="PORT" placeholder="璇疯緭鍏ユ湇鍔″櫒绔彛鍙�"
+ @confirm="serverPortConfirm">
+ </uni-popup-dialog>
</uni-popup>
</view>
- </view>
+ </view>
</template>
<script>
// import { ACCESS_TOKEN,USER_NAME,USER_INFO } from "@/common/util/constants"
- import { mapActions } from "vuex"
+ import {
+ mapActions
+ } from "vuex"
import md5 from '../../common/md5.js'
- // import configService from '@/common/service/config.service.js';
-
- export default {
- data() {
- return {
- shape:'',//round 鍦嗗舰
+ // import configService from '@/common/service/config.service.js';
+
+ export default {
+ data() {
+ return {
+ shape: '', //round 鍦嗗舰
loading: false,
phoneNo: '',
smsCode: '',
@@ -112,25 +121,25 @@
smsCountDown: 0,
smsCountInterval: null,
toggleDelay: false,
- version:'',
+ version: '',
//绗笁鏂圭櫥褰曠浉鍏充俊鎭�
- thirdType:"",
- thirdLoginInfo:"",
- thirdLoginState:false,
- bindingPhoneModal:false,
- thirdUserUuid:'',
+ thirdType: "",
+ thirdLoginInfo: "",
+ thirdLoginState: false,
+ bindingPhoneModal: false,
+ thirdUserUuid: '',
url: {
bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone'
},
- type:'',
- userName:'',
- password:'',
- rember:true,
- IP:'10.20.192.200',
- PORT:'',// 榛樿绔彛鍙�
- PROJECT:''
- };
- },
+ type: '',
+ userName: '',
+ password: '',
+ rember: true,
+ IP: '10.20.192.200',
+ PORT: '', // 榛樿绔彛鍙�
+ PROJECT: ''
+ };
+ },
mounted() {
let that = this;
//缂撳瓨鐨勮处鍙�
@@ -139,59 +148,60 @@
const HCpassw = uni.getStorageSync('HCpassw');
//鏈夌紦瀛樺氨璧嬪�肩粰鏂囨湰娌℃湁灏辨竻绌�
if (HCuname && HCpassw) {
- that.userName = HCuname;
- that.password = HCpassw;
+ that.userName = HCuname;
+ that.password = HCpassw;
} else {
- that.userName = '';
- that.password = '';
+ that.userName = '';
+ that.password = '';
}
const UIP = uni.getStorageSync('UIP');
if (UIP) {
- that.IP = UIP;
+ that.IP = UIP;
that.baseIP = UIP;
} else {
- that.IP = '';
+ that.IP = '';
}
-
+
const UPORT = uni.getStorageSync('UPORT');
if (UPORT) {
- that.PORT = UPORT;
+ that.PORT = UPORT;
that.basePORT = UPORT;
} else {
- that.PORT = '';
+ that.PORT = '';
}
const PROJ = uni.getStorageSync('UPROJ');
this.PROJECT = PROJ;
this.baseUrl = PROJ
},
- onLoad:function(){
+ onLoad: function() {
// #ifdef APP-PLUS
- var that=this
- plus.runtime.getProperty( plus.runtime.appid, function ( wgtinfo ) {
- that.version=wgtinfo.version
+ var that = this
+ plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
+ that.version = wgtinfo.version
});
// #endif
-
+ // this.getVersion()
+ // this.downWgt()
},
computed: {
- isSendSMSEnable() {
- return this.smsCountDown <= 0 && this.phoneNo.length > 4;
- },
- getSendBtnText() {
- if (this.smsCountDown > 0) {
- return this.smsCountDown + '绉掑悗鍙戦��';
- } else {
- return '鍙戦�侀獙璇佺爜';
- }
- },
- canSMSLogin() {
- return this.userName.length > 4 && this.smsCode.length > 4;
- },
- canPwdLogin() {
- return this.userName.length > 4 && this.password.length > 4;
- },
+ isSendSMSEnable() {
+ return this.smsCountDown <= 0 && this.phoneNo.length > 4;
+ },
+ getSendBtnText() {
+ if (this.smsCountDown > 0) {
+ return this.smsCountDown + '绉掑悗鍙戦��';
+ } else {
+ return '鍙戦�侀獙璇佺爜';
+ }
+ },
+ canSMSLogin() {
+ return this.userName.length > 4 && this.smsCode.length > 4;
+ },
+ canPwdLogin() {
+ return this.userName.length > 4 && this.password.length > 4;
+ },
},
- methods: {
+ methods: {
// 閰嶇疆 URL PORT 椤圭洰(jkwms)
config() {
this.$refs.popup.open("center")
@@ -199,11 +209,13 @@
// 纭閰嶇疆
configConfirm() {
this.baseIP = this.IP
- uni.setStorageSync('UIP',this.baseIP)
+ uni.setStorageSync('UIP', this.baseIP)
this.basePORT = this.PORT
- uni.setStorageSync('UPORT',this.basePORT)
+ uni.setStorageSync('UPORT', this.basePORT)
this.baseUrl = this.PROJECT
- uni.setStorageSync('UPROJ',this.baseUrl)
+ uni.setStorageSync('UPROJ', this.baseUrl)
+ var baseUrl = this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl
+ uni.setStorageSync("baseUrl", baseUrl)
this.$refs.popup.close()
},
longpressImg() { // 闀挎寜鍥剧墖
@@ -213,70 +225,77 @@
this.basePORT = type
// 瀛樺叆鏈湴缂撳瓨
this.PORT = type
- uni.setStorageSync('UPORT',this.basePORT)
+ uni.setStorageSync('UPORT', this.basePORT)
},
- changeIP(){
+ changeIP() {
this.$refs.inputDialog.open()
},
- dialogInputConfirm(type){
+ dialogInputConfirm(type) {
this.baseIP = type
// 瀛樺叆鏈湴缂撳瓨
this.IP = type;
- uni.setStorageSync('UIP',this.baseIP)
+ 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');
- }
+ 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"})
- return;
- }
- if(!this.password || this.password.length==0){
- uni.showToast({title: '璇峰～鍐欏瘑鐮�',icon: "none"})
- return;
- }
- if(this.baseIP == undefined || this.baseIP == '' ) {
+ onLogin: function() {
+ if (!this.userName || this.userName.length == 0) {
uni.showToast({
- title:'璇峰厛璁剧疆IP',
- icon:'none'
+ title: '璇峰～鍐欒处鍙�',
+ icon: "none"
})
return;
}
- if(this.basePORT == undefined) {
+ if (!this.password || this.password.length == 0) {
uni.showToast({
- title:'闀挎寜鍥剧墖杈撳叆绔彛鍙�',
- icon:'none'
+ 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(){
+ setTimeout(function() {
uni.hideLoading();
uni.showToast({
title: '鐧诲綍瓒呮椂',
position: 'bottom',
duration: 1000
});
- },6000)
+ }, 6000)
uni.request({
- url: this.baseHttp + this.baseIP + ':' +this.basePORT +"/" +this.baseUrl + '/login.action',
- data: {
- username:this.userName,
- password:md5.hex_md5(this.password)
- },
- header: {
+ url: this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl +
+ '/login.action',
+ data: {
+ mobile: this.userName,
+ password: md5.hex_md5(this.password)
+ },
+ header: {
"content-type": "application/json"
- },
- success: (result) => {
+ },
+ success: (result) => {
let res = result.data;
uni.hideLoading();
if (res.code == 200) {
@@ -285,10 +304,10 @@
position: 'bottom',
duration: 1000
});
- if(this.rember){
+ if (this.rember) {
uni.setStorageSync('HCuname', this.userName);
uni.setStorageSync('HCpassw', this.password);
- }else{
+ } else {
uni.removeStorageSync('HCuname');
uni.removeStorageSync('HCpassw');
}
@@ -296,7 +315,7 @@
setTimeout(() => {
// uni.navigateBack(); // 灏忕▼搴忕敤杩欎釜 鎶婇椤佃矾鐢辨斁绗竴涓�
uni.reLaunch({
- url: '../index/index2'
+ url: '../index/index'
});
}, 1000);
} else {
@@ -306,63 +325,76 @@
position: 'top'
})
}
-
- }
+
+ }
});
},
- saveClientId(){
+ saveClientId() {
var info = plus.push.getClientInfo();
var cid = info.clientid;
- this.$http.get("/sys/user/saveClientId",{params:{clientId:cid}}).then(res=>{
+ this.$http.get("/sys/user/saveClientId", {
+ params: {
+ clientId: cid
+ }
+ }).then(res => {
this.$tip.success('鐧诲綍鎴愬姛!')
- this.$Router.replaceAll({name:'index'})
+ this.$Router.replaceAll({
+ name: 'index'
+ })
})
},
changePassword() {
this.showPassword = !this.showPassword;
},
loginSuccess() {
- // 鐧婚檰鎴愬姛锛岄噸瀹氬悜鍒颁富椤�
- this.$Router.replace({name:'index'})
+ // 鐧婚檰鎴愬姛锛岄噸瀹氬悜鍒颁富椤�
+ this.$Router.replace({
+ name: 'index'
+ })
},
requestFailed(err) {
- this.$message.warning("鐧诲綍澶辫触")
+ this.$message.warning("鐧诲綍澶辫触")
},
- },
- beforeDestroy() {
- if (this.smsCountInterval) {
- clearInterval(this.smsCountInterval);
- }
},
-
-
- }
+ beforeDestroy() {
+ if (this.smsCountInterval) {
+ clearInterval(this.smsCountInterval);
+ }
+ },
+
+
+ }
</script>
<style>
@import "../../colorui/main.css";
@import "../../colorui/icon.css";
@import "../../colorui/animation.css";
-
+
.config {
width: 500rpx;
height: 500rpx;
background-color: #fff;
+ border-radius: 20px;
}
+
.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;
@@ -373,62 +405,67 @@
border-radius: 10rpx;
font-size: 16rpx;
text-indent: 10rpx;
-
+
}
- .login-paddingtop {
- padding-top: 50upx;
- }
- .zai-box {
- padding: 0 20upx;
- padding-top: 100upx;
- position: relative;
- }
+ .login-paddingtop {
+ padding-top: 50upx;
+ }
- .zai-logo {
- width: 600upx;
- height: 150px;
- }
+ .zai-box {
+ padding: 0 20upx;
+ padding-top: 100upx;
+ position: relative;
+ }
- .zai-title {
- font-size: 58upx;
- color: #000000;
- text-align: center;
- }
+ .zai-logo {
+ width: 600upx;
+ height: 150px;
+ }
- .input-placeholder, .zai-input {
- color: #94afce;
- }
+ .zai-title {
+ font-size: 58upx;
+ color: #000000;
+ text-align: center;
+ }
- .zai-label {
- padding: 60upx 0;
- text-align: center;
- font-size: 30upx;
- color: #a7b6d0;
- }
+ .input-placeholder,
+ .zai-input {
+ color: #94afce;
+ }
- .zai-btn {
- background: #ff65a3;
- color: #fff;
- border: 0;
- border-radius: 100upx;
- font-size: 36upx;
- }
+ .zai-label {
+ padding: 60upx 0;
+ text-align: center;
+ font-size: 30upx;
+ color: #a7b6d0;
+ }
- .zai-btn:after {
- border: 0;
- }
+ .zai-btn {
+ background: #ff65a3;
+ color: #fff;
+ border: 0;
+ border-radius: 100upx;
+ font-size: 36upx;
+ }
- /*鎸夐挳鐐瑰嚮鏁堟灉*/
- .zai-btn.button-hover {
- transform: translate(1upx, 1upx);
- }
+ .zai-btn:after {
+ border: 0;
+ }
+
+ /*鎸夐挳鐐瑰嚮鏁堟灉*/
+ .zai-btn.button-hover {
+ transform: translate(1upx, 1upx);
+ }
+
.changeBox {
margin-top: 20upx;
}
+
.rember {
display: inline-block;
}
+
.changeIP {
float: right;
margin-right: 15upx;
--
Gitblit v1.9.1