From 01d453a6d5a751a78eab5f56ad0f35a0a2ebf281 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期三, 17 一月 2024 16:01:48 +0800 Subject: [PATCH] # --- pages/LoginDemo/LoginDemo.vue | 79 +++++++++++++++++++++++++++++++-------- 1 files changed, 62 insertions(+), 17 deletions(-) diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue index 967664c..7eb0309 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) { @@ -99,21 +103,56 @@ this.$refs.settings.open() }, cancel() { - console.log(uni.getStorageSync('Network')); this.$refs.settings.close() }, confirm() { uni.setStorageSync('Network', this.network); this.$refs.settings.close() }, - login() { - let path = 'demo' - uni.navigateTo({ - url: `/pages/project/${path}/home/home`, - fail(res) { - console.log(`娌℃湁${path}椤圭洰,璇疯仈绯荤鐞嗗厓`); + onLogin() { + let _this = this,path = 'demo',network = uni.getStorageSync('Network'); + if(!network) { + uni.showToast({ + icon: 'error', + title: '璇烽厤缃綉缁滀俊鎭�' + }) + } + // 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}椤圭洰,璇疯仈绯荤鐞嗗厓`); + // } + + // }) } - }) } } @@ -191,6 +230,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