From c00342ae0994c1300d5d3535c3fad3e47911ff85 Mon Sep 17 00:00:00 2001
From: WUSIJIAN <13825895+wsj0228@user.noreply.gitee.com>
Date: Thu, 4 Dec 2025 16:48:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=BB=98=E8=AE=A4=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E8=B4=A6=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/request.ts                  |   1 +
 src/views/login/component/account.vue | 354 ++++++++++++--------------
 2 files changed, 167 insertions(+), 188 deletions(-)

diff --git a/src/utils/request.ts b/src/utils/request.ts
index 98375b3..246e1dd 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -21,6 +21,7 @@ const service: AxiosInstance = axios.create({
 // 配置新建第二个 axios 实例（新功能服务）
 const newService: AxiosInstance = axios.create({
 	baseURL: 'http://192.168.3.95:8000/',
+	// baseURL: 'http://192.168.3.49:8000/',
 	timeout: 50000,
 	headers: { 'Content-Type': 'application/json' },
 	paramsSerializer: {
diff --git a/src/views/login/component/account.vue b/src/views/login/component/account.vue
index 447d358..0e6554c 100644
--- a/src/views/login/component/account.vue
+++ b/src/views/login/component/account.vue
@@ -1,85 +1,66 @@
 <template>
-  <el-form ref="loginForm" size="large" class="login-content-form" :model="ruleForm"  :rules="formRules">
-    <el-form-item class="login-animation1" prop="username">
-      <el-input
-          type="text"
-          :placeholder="$t('message.account.accountPlaceholder1')"
-          v-model="ruleForm.username"
-          clearable autocomplete="off">
-        <template #prefix>
-          <el-icon class="el-input__icon"><ele-User /></el-icon>
-        </template>
-      </el-input>
-    </el-form-item>
-    <el-form-item class="login-animation2" prop="password">
-      <el-input
-          :type="isShowPassword ? 'text' : 'password'"
-          :placeholder="$t('message.account.accountPlaceholder2')"
-          v-model="ruleForm.password"
-          autocomplete="off"
-          @keyup.enter="onSignIn"
-      >
-        <template #prefix>
-          <el-icon class="el-input__icon"><ele-Unlock /></el-icon>
-        </template>
-        <template #suffix>
-          <i
-              class="iconfont el-input__icon login-content-password"
-              :class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
-              @click="isShowPassword = !isShowPassword"
-          >
-          </i>
-        </template>
-      </el-input>
-    </el-form-item>
-    <el-form-item class="login-animation3" prop="verifyCode">
-      <el-col :span="15">
-        <el-input
-            type="text"
-            maxlength="4"
-            :placeholder="$t('message.account.accountPlaceholder3')"
-            v-model="ruleForm.verifyCode"
-            clearable
-            autocomplete="off"
-            @keyup.enter="onSignIn"
-        >
-          <template #prefix>
-            <el-icon class="el-input__icon"><ele-Position /></el-icon>
-          </template>
-        </el-input>
-      </el-col>
-      <el-col :span="1"></el-col>
-      <el-col :span="8">
-        <div class="login-content-code">
-          <img
-              class="login-content-code-img"
-              @click="getCaptcha"
-              width="130"
-              height="38"
-              :src="captchaSrc"
-              style="cursor: pointer"
-          />
-        </div>
-      </el-col>
-    </el-form-item>
-    <el-form-item class="login-animation4">
-      <el-button type="primary" class="login-content-submit" round @click="onSignIn" :loading="loading.signIn">
-        <span>{{ $t('message.account.accountBtnText') }}</span>
-      </el-button>
-    </el-form-item>
-  </el-form>
+	<el-form ref="loginForm" size="large" class="login-content-form" :model="ruleForm" :rules="formRules">
+		<el-form-item class="login-animation1" prop="username">
+			<el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username" clearable autocomplete="off">
+				<template #prefix>
+					<el-icon class="el-input__icon"><ele-User /></el-icon>
+				</template>
+			</el-input>
+		</el-form-item>
+		<el-form-item class="login-animation2" prop="password">
+			<el-input
+				:type="isShowPassword ? 'text' : 'password'"
+				:placeholder="$t('message.account.accountPlaceholder2')"
+				v-model="ruleForm.password"
+				autocomplete="off"
+				@keyup.enter="onSignIn"
+			>
+				<template #prefix>
+					<el-icon class="el-input__icon"><ele-Unlock /></el-icon>
+				</template>
+				<template #suffix>
+					<i
+						class="iconfont el-input__icon login-content-password"
+						:class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
+						@click="isShowPassword = !isShowPassword"
+					>
+					</i>
+				</template>
+			</el-input>
+		</el-form-item>
+		<el-form-item class="login-animation3" prop="verifyCode">
+			<el-col :span="15">
+				<el-input
+					type="text"
+					maxlength="4"
+					:placeholder="$t('message.account.accountPlaceholder3')"
+					v-model="ruleForm.verifyCode"
+					clearable
+					autocomplete="off"
+					@keyup.enter="onSignIn"
+				>
+					<template #prefix>
+						<el-icon class="el-input__icon"><ele-Position /></el-icon>
+					</template>
+				</el-input>
+			</el-col>
+			<el-col :span="1"></el-col>
+			<el-col :span="8">
+				<div class="login-content-code">
+					<img class="login-content-code-img" @click="getCaptcha" width="130" height="38" :src="captchaSrc" style="cursor: pointer" />
+				</div>
+			</el-col>
+		</el-form-item>
+		<el-form-item class="login-animation4">
+			<el-button type="primary" class="login-content-submit" round @click="onSignIn" :loading="loading.signIn">
+				<span>{{ $t('message.account.accountBtnText') }}</span>
+			</el-button>
+		</el-form-item>
+	</el-form>
 </template>
 
 <script lang="ts">
-import {
-  toRefs,
-  reactive,
-  defineComponent,
-  computed,
-  onMounted,
-  getCurrentInstance,
-  ref, unref
-} from 'vue';
+import { toRefs, reactive, defineComponent, computed, onMounted, getCurrentInstance, ref, unref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
 import { useI18n } from 'vue-i18n';
@@ -91,92 +72,90 @@ import { initBackEndControlRoutes } from '/@/router/backEnd';
 import { Session } from '/@/utils/storage';
 import { formatAxis } from '/@/utils/formatTime';
 import { NextLoading } from '/@/utils/loading';
-import {login,captcha} from "/@/api/login";
+import { login, captcha } from '/@/api/login';
 export default defineComponent({
 	name: 'loginAccount',
 	setup() {
 		const { t } = useI18n();
-    const {proxy} = <any>getCurrentInstance();
+		const { proxy } = <any>getCurrentInstance();
 		const storesThemeConfig = useThemeConfig();
 		const { themeConfig } = storeToRefs(storesThemeConfig);
 		const route = useRoute();
 		const router = useRouter();
-    const loginForm = ref(null)
+		const loginForm = ref(null);
 		const state = reactive({
 			isShowPassword: false,
 			ruleForm: {
-        username: 'demo',
+				username: 'admin',
 				password: '123456',
-        verifyCode: '',
-        verifyKey:''
+				verifyCode: '',
+				verifyKey: '',
+			},
+			formRules: {
+				username: [{ required: true, trigger: 'blur', message: '用户名不能为空' }],
+				password: [{ required: true, trigger: 'blur', message: '密码不能为空' }],
+				verifyCode: [{ required: true, trigger: 'blur', message: '验证码不能为空' }],
 			},
-      formRules:{
-        username: [
-          { required: true, trigger: "blur", message: "用户名不能为空" }
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "密码不能为空" }
-        ],
-        verifyCode: [{ required: true, trigger: "blur", message: "验证码不能为空" }]
-      },
 			loading: {
 				signIn: false,
 			},
-      captchaSrc:'',
+			captchaSrc: '',
 		});
-    onMounted(() => {
-      getCaptcha();
-    });
-    const getCaptcha = () => {
-      captcha().then((res:any)=>{
-        state.captchaSrc = res.data.img
-        state.ruleForm.verifyKey = res.data.key
-      })
-    };
+		onMounted(() => {
+			getCaptcha();
+		});
+		const getCaptcha = () => {
+			captcha().then((res: any) => {
+				state.captchaSrc = res.data.img;
+				state.ruleForm.verifyKey = res.data.key;
+			});
+		};
 		// 时间获取
 		const currentTime = computed(() => {
 			return formatAxis(new Date());
 		});
 		// 登录
 		const onSignIn = async () => {
-      if(state.loading.signIn){
-        return
-      }
-      const formWrap = unref(loginForm) as any;
-      if (!formWrap) return;
-      formWrap.validate((valid: boolean) => {
-        if(valid){
-          state.loading.signIn = true;
-          login(state.ruleForm).then(async (res:any)=>{
-            const userInfo = res.data.userInfo
-            userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar)
-            // 存储 token 到浏览器缓存
-            Session.set('token', res.data.token);
-            // 存储用户信息到浏览器缓存
-            Session.set('userInfo', userInfo);
-            // 设置用户菜单
-            Session.set('userMenu',res.data.menuList)
-            // 设置按钮权限
-            Session.set('permissions',res.data.permissions)
-            // 模拟数据，对接接口时，记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断（模拟数据）
-            Cookies.set('username', state.ruleForm.username);
-            if (!themeConfig.value.isRequestRoutes) {
-              // 前端控制路由，2、请注意执行顺序
-              await initFrontEndControlRoutes();
-              signInSuccess();
-            } else {
-              // 模拟后端控制路由，isRequestRoutes 为 true，则开启后端控制路由
-              // 添加完动态路由，再进行 router 跳转，否则可能报错 No match found for location with path "/"
-              await initBackEndControlRoutes();
-              // 执行完 initBackEndControlRoutes，再执行 signInSuccess
-              signInSuccess();
-            }
-          }).catch(()=>{
-            state.loading.signIn = false;
-            getCaptcha();
-          })
-        }
-      })
+			if (state.loading.signIn) {
+				return;
+			}
+			const formWrap = unref(loginForm) as any;
+			if (!formWrap) return;
+			formWrap.validate((valid: boolean) => {
+				if (valid) {
+					state.loading.signIn = true;
+					login(state.ruleForm)
+						.then(async (res: any) => {
+							const userInfo = res.data.userInfo;
+							userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar);
+							// 存储 token 到浏览器缓存
+							Session.set('token', res.data.token);
+							// 存储用户信息到浏览器缓存
+							Session.set('userInfo', userInfo);
+							// 设置用户菜单
+							Session.set('userMenu', res.data.menuList);
+							// 设置按钮权限
+							Session.set('permissions', res.data.permissions);
+							// 模拟数据，对接接口时，记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断（模拟数据）
+							Cookies.set('username', state.ruleForm.username);
+							if (!themeConfig.value.isRequestRoutes) {
+								// 前端控制路由，2、请注意执行顺序
+								await initFrontEndControlRoutes();
+								signInSuccess();
+							} else {
+								// 模拟后端控制路由，isRequestRoutes 为 true，则开启后端控制路由
+								// 添加完动态路由，再进行 router 跳转，否则可能报错 No match found for location with path "/"
+								await initBackEndControlRoutes();
+								// 执行完 initBackEndControlRoutes，再执行 signInSuccess
+								signInSuccess();
+							}
+						})
+						.catch(() => {
+							state.loading.signIn = false;
+							getCaptcha();
+						});
+				}
+			});
 		};
 		// 登录成功后的跳转
 		const signInSuccess = () => {
@@ -202,60 +181,59 @@ export default defineComponent({
 		};
 		return {
 			onSignIn,
-      getCaptcha,
-      loginForm,
+			getCaptcha,
+			loginForm,
 			...toRefs(state),
 		};
 	},
 });
 </script>
 
-
 <style scoped lang="scss">
 .login-content-form {
-  margin-top: 20px;
-  @for $i from 1 through 4 {
-    .login-animation#{$i} {
-      opacity: 0;
-      animation-name: error-num;
-      animation-duration: 0.5s;
-      animation-fill-mode: forwards;
-      animation-delay: calc($i/10) + s;
-    }
-  }
-  .login-content-password {
-    display: inline-block;
-    width: 20px;
-    cursor: pointer;
-    &:hover {
-      color: #909399;
-    }
-  }
-  .login-content-code {
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    .login-content-code-img {
-      width: 100%;
-      height: 40px;
-      line-height: 40px;
-      background-color: #ffffff;
-      border: 1px solid rgb(220, 223, 230);
-      cursor: pointer;
-      transition: all ease 0.2s;
-      border-radius: 4px;
-      user-select: none;
-      &:hover {
-        border-color: #c0c4cc;
-        transition: all ease 0.2s;
-      }
-    }
-  }
-  .login-content-submit {
-    width: 100%;
-    letter-spacing: 2px;
-    font-weight: 300;
-    margin-top: 15px;
-  }
+	margin-top: 20px;
+	@for $i from 1 through 4 {
+		.login-animation#{$i} {
+			opacity: 0;
+			animation-name: error-num;
+			animation-duration: 0.5s;
+			animation-fill-mode: forwards;
+			animation-delay: calc($i/10) + s;
+		}
+	}
+	.login-content-password {
+		display: inline-block;
+		width: 20px;
+		cursor: pointer;
+		&:hover {
+			color: #909399;
+		}
+	}
+	.login-content-code {
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+		.login-content-code-img {
+			width: 100%;
+			height: 40px;
+			line-height: 40px;
+			background-color: #ffffff;
+			border: 1px solid rgb(220, 223, 230);
+			cursor: pointer;
+			transition: all ease 0.2s;
+			border-radius: 4px;
+			user-select: none;
+			&:hover {
+				border-color: #c0c4cc;
+				transition: all ease 0.2s;
+			}
+		}
+	}
+	.login-content-submit {
+		width: 100%;
+		letter-spacing: 2px;
+		font-weight: 300;
+		margin-top: 15px;
+	}
 }
 </style>