From d9c99e0480b4910cdb134778dd5c314b35ec4cf2 Mon Sep 17 00:00:00 2001 From: dengjunjie <dengjunjie@hnkhzn.com> Date: 星期一, 29 九月 2025 10:05:23 +0800 Subject: [PATCH] 1 --- 项目代码/WMS/WIDESEA_WMSClient/src/views/Login.vue | 107 +++++++++++++++++++++++++++++------------------------ 1 files changed, 59 insertions(+), 48 deletions(-) diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/Login.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/Login.vue" index 1e61cdf..7d169b5 100644 --- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/Login.vue" +++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/Login.vue" @@ -8,45 +8,65 @@ <div>娆㈣繋鐧诲綍...</div> <div class="login-line"></div> </div> - <div style="flex:1;"></div> + <div style="flex: 1"></div> </div> <div class="login-text-small">WELCOME TO LOGIN</div> <div class="item"> <div class="input-icon el-icon-user"></div> - <input type="text" v-focus v-model="userInfo.userName" placeholder="璇疯緭鍏ヨ处鍙�" /> + <input + type="text" + v-focus + v-model="userInfo.userName" + placeholder="璇疯緭鍏ヨ处鍙�" + /> </div> <div class="item"> <div class="input-icon el-icon-lock"></div> - <input type="password" v-focus v-model="userInfo.password" placeholder="璇疯緭鍏ュ瘑鐮�" /> + <input + type="password" + v-focus + v-model="userInfo.password" + placeholder="璇疯緭鍏ュ瘑鐮�" + /> </div> <div class="item"> <div class="input-icon el-icon-mobile"></div> - <input v-focus type="text" v-model="userInfo.verificationCode" placeholder="杈撳叆楠岃瘉鐮�" /> + <input + v-focus + type="text" + v-model="userInfo.verificationCode" + placeholder="杈撳叆楠岃瘉鐮�" + /> <div class="code" @click="getVierificationCode"> <img v-show="codeImgSrc != ''" :src="codeImgSrc" /> </div> </div> </div> <div class="loging-btn"> - <el-button size="large" :loading="loading" color="#3a6cd1" :dark="true" @click="login" long> + <el-button + size="large" + :loading="loading" + color="#3a6cd1" + :dark="true" + @click="login" + long + > <span v-if="!loading">鐧诲綍</span> <span v-else>姝e湪鐧诲綍...</span> </el-button> </div> <!-- 璐﹀彿淇℃伅 --> - <div class="account-info"> - <el-link type="primary">蹇樿瀵嗙爜</el-link> - <el-link type="primary" @click="gotoRegister">鐢ㄦ埛娉ㄥ唽</el-link> - <!-- <p>婕旂ず璐﹀彿锛歛dmin666 瀵嗙爜:123456</p> + <!-- <div class="account-info"> + <p>婕旂ず璐﹀彿锛歛dmin666 瀵嗙爜:123456</p> <p>鏈湴璐﹀彿锛歛dmin 瀵嗙爜:123456</p> <p><a href="https://jq.qq.com/?_wv=1027&k=Sqstuy0M" style="text-decoration: none" target="_blank">QQ3缇�:743852316</a> <a href="http://v2.volcore.xyz/document/guide" style="text-decoration: none" target="_blank">妗嗘灦鏂囨。</a> - </p> --> - </div> + </p> + </div> --> <!-- 閾炬帴浣嶇疆 --> <!-- <div class="app-link" > <a href="#" style="text-decoration: none">绉诲姩绔壂鐮�</a> @@ -75,8 +95,7 @@ <a href="http://120.48.115.252:9990" style="text-decoration: none" target="blank">瑙嗛婕旂ず鍦板潃</a> </div> --> - <!-- <img class="login-bg" src="/static/login_bg.png" /> --> - <img class="login-bg" :src="loginbg" /> + <img class="login-bg" src="/static/login_bg.png" /> </div> </template> @@ -87,32 +106,26 @@ ref, reactive, toRefs, - getCurrentInstance -} from 'vue'; -import { useRouter, useRoute } from 'vue-router'; -import store from '../store/index'; -import http from '@/../src/api/http.js'; -var imgUrl = require("@/assets/login_bg.png"); + getCurrentInstance, +} from "vue"; +import { useRouter, useRoute } from "vue-router"; +import store from "../store/index"; +import http from "@/../src/api/http.js"; export default defineComponent({ setup(props, context) { - store.commit('clearUserInfo', ''); + store.commit("clearUserInfo", ""); const loading = ref(false); - const codeImgSrc = ref(''); + const codeImgSrc = ref(""); const userInfo = reactive({ - userName: 'admin', - password: '123456', - verificationCode: '1234', - UUID: undefined + userName: "", + password: "", + verificationCode: "", + UUID: undefined, }); - const loginbg = ref(imgUrl); - - const gotoRegister=()=>{ - router.push({ path: '/register' }); - }; const getVierificationCode = () => { - http.get('/api/Sys_User/getVierificationCode').then((x) => { - codeImgSrc.value = 'data:image/png;base64,' + x.img; + http.get("/api/User/getVierificationCode").then((x) => { + codeImgSrc.value = "data:image/png;base64," + x.img; userInfo.UUID = x.uuid; }); }; @@ -123,21 +136,22 @@ let router = useRouter(); const login = () => { - if (!userInfo.userName) return $message.error('璇疯緭鍏ョ敤鎴峰悕'); - if (!userInfo.password) return $message.error('璇疯緭鍏ュ瘑鐮�'); - if (!userInfo.verificationCode) { - return $message.error('璇疯緭鍏ラ獙璇佺爜'); - } + if (!userInfo.userName) return $message.error("璇疯緭鍏ョ敤鎴峰悕"); + if (!userInfo.password) return $message.error("璇疯緭鍏ュ瘑鐮�"); + if (!userInfo.verificationCode) return $message.error("璇疯緭鍏ラ獙璇佺爜"); + if (userInfo.verificationCode != "1234") + return $message.error("楠岃瘉鐮佹湁璇�"); loading.value = true; - http.post('/api/Sys_User/login', userInfo, '姝e湪鐧诲綍....').then((result) => { + http.post("/api/User/login", userInfo, "姝e湪鐧诲綍....").then((result) => { if (!result.status) { loading.value = false; getVierificationCode(); return $message.error(result.message); } - $message.success('鐧诲綍鎴愬姛,姝e湪璺宠浆!'); - store.commit('setUserInfo', result.data); - router.push({ path: '/' }); + if (result.message != "") $message.error(result.message); + $message.success("鐧诲綍鎴愬姛,姝e湪璺宠浆!"); + store.commit("setUserInfo", result.data); + router.push({ path: "/" }); }); }; const loginPress = (e) => { @@ -146,7 +160,7 @@ } }; const openUrl = (url) => { - window.open(url, '_blank'); + window.open(url, "_blank"); }; return { loading, @@ -156,17 +170,15 @@ userInfo, loginPress, openUrl, - gotoRegister, - loginbg }; }, directives: { focus: { inserted: function (el) { el.focus(); - } - } - } + }, + }, + }, }); </script> <style lang="less" scoped> @@ -371,7 +383,6 @@ <style lang="less" scoped> @media screen and (max-width: 700px) { - .login-bg, .account-info, .app-link, -- Gitblit v1.9.3