From 20d63bf572e4d8e2ee94fb038a658a63c609e7ae Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期一, 16 十月 2023 13:38:38 +0800 Subject: [PATCH] # --- pages/LoginDemo/LoginDemo.vue | 80 ++++++++++++++++++++++++++++++--------- 1 files changed, 61 insertions(+), 19 deletions(-) diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue index 9742c46..590a03f 100644 --- a/pages/LoginDemo/LoginDemo.vue +++ b/pages/LoginDemo/LoginDemo.vue @@ -17,9 +17,10 @@ <switch :checked='remberPassword' color="#FFCC33" style="zoom:.5" @change="remberChange"/> </view> </view> - <view class="button" @click="login"> - 鐧诲綍 - </view> + <!-- <view class="button" @click="login" :loading="load.loading"> + {{load.btnText}} + </view> --> + <button class="button" @click="onLogin()" :loading="load.loading">{{load.btnText}}</button> </view> <!-- 璁剧疆寮圭獥鍖哄煙 --> <uni-popup ref="settings" type="dialog"> @@ -49,8 +50,6 @@ </view> </uni-popup> - - <!-- 鐗堟湰鍙� --> <!-- #ifdef APP-PLUS --> <view class="version"> @@ -61,6 +60,9 @@ </template> <script> + // import { data } from 'jquery' + import { mapState } from 'vuex'//寮曞叆mapState + import md5 from '../../static/js/md5.js' export default { data() { return { @@ -70,13 +72,15 @@ {name: 'wms',ip:'192.168.1.1',port: '8080',address: 'pswms'}, {name: 'wcs',ip:'192.168.1.1',port: '9090',address: 'pswcs'} ], - url: { - ip: '', - port: '', - project: '' + load: { + loading: false, + btnText: '鐧诲綍' }, } }, + computed: mapState({ + project: state => state.project + }) , mounted() { uni.getSystemInfo({ success(res) { @@ -106,18 +110,50 @@ uni.setStorageSync('Network', this.network); this.$refs.settings.close() }, - login() { - let _this = this - let path = 'demo' - if(uni.getStorageSync('Network')) { - path = uni.getStorageSync('Network')[0].address + onLogin() { + let _this = this,path = 'demo',network = uni.getStorageSync('Network'); + if(!network) { + uni.showToast({ + icon: 'error', + title: '璇烽厤缃綉缁滀俊鎭�' + }) } - uni.navigateTo({ - url: `/pages/project/${path}/home/home`, - fail(res) { - console.log(`娌℃湁${path}椤圭洰,璇疯仈绯荤鐞嗗厓`); + // path = network[0].address + // path = path.substring(0, path.length - 3); + path = _this.project.name + let baseUrl = `http://${network[0].ip}:${network[0].port}/${network[0].address}` + uni.request({ + url: `${baseUrl}/login.action`, + data: { + username: 'super', + password: md5.hex_md5('xltys1995') + }, + success(res) { + res = res.data + if (res.code === 200) { + _this.load.loading = true; + _this.load.btnText = '鐧诲綍涓�'; + uni.setStorageSync('token', res.data.token); + _this.load.btnText = '鐧诲綍涓�'; + setTimeout(() => { + uni.showToast({ + title: '鐧诲綍鎴愬姛' + }) + setTimeout(() => { + uni.reLaunch({ + url: `/pages/home/home`, + }); + }, 300) + }, 700) + } + // uni.navigateTo({ + // url: `/pages/project/${path}/home/home`, + // fail(res) { + // console.log(`娌℃湁${path}椤圭洰,璇疯仈绯荤鐞嗗厓`); + // } + + // }) } - }) } } @@ -195,6 +231,12 @@ inset -4px -4px 4px rgba(255,255,255,.4), -4px -4px 5px rgba(0,0,0,.4); } + .button:active { + transform: translateY(5px) scale(0.99, 0.99); + box-shadow: inset 4px 4px 4px rgba(0, 0, 0, .3), + inset -4px -4px 8px rgba(255, 255, 255, .7), + -5px -5px 5px rgba(0, 0, 0, .3); + } @media screen and (orientation: portrait) { /* 绔栧睆 */ .main { -- Gitblit v1.9.1