修改默认登录账户

This commit is contained in:
WUSIJIAN
2025-12-04 16:48:20 +08:00
parent ac87fae81c
commit c00342ae09
2 changed files with 167 additions and 188 deletions

View File

@@ -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: {

View File

@@ -1,11 +1,7 @@
<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">
<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>
@@ -51,14 +47,7 @@
<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"
/>
<img class="login-content-code-img" @click="getCaptcha" width="130" height="38" :src="captchaSrc" style="cursor: pointer" />
</div>
</el-col>
</el-form-item>
@@ -71,15 +60,7 @@
</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,7 +72,7 @@ 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() {
@@ -101,23 +82,19 @@ export default defineComponent({
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:''
verifyKey: '',
},
formRules: {
username: [
{ required: true, trigger: "blur", message: "用户名不能为空" }
],
password: [
{ required: true, trigger: "blur", message: "密码不能为空" }
],
verifyCode: [{ required: true, trigger: "blur", message: "验证码不能为空" }]
username: [{ required: true, trigger: 'blur', message: '用户名不能为空' }],
password: [{ required: true, trigger: 'blur', message: '密码不能为空' }],
verifyCode: [{ required: true, trigger: 'blur', message: '验证码不能为空' }],
},
loading: {
signIn: false,
@@ -129,9 +106,9 @@ export default defineComponent({
});
const getCaptcha = () => {
captcha().then((res: any) => {
state.captchaSrc = res.data.img
state.ruleForm.verifyKey = res.data.key
})
state.captchaSrc = res.data.img;
state.ruleForm.verifyKey = res.data.key;
});
};
// 时间获取
const currentTime = computed(() => {
@@ -140,24 +117,25 @@ export default defineComponent({
// 登录
const onSignIn = async () => {
if (state.loading.signIn) {
return
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)
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('userMenu', res.data.menuList);
// 设置按钮权限
Session.set('permissions',res.data.permissions)
Session.set('permissions', res.data.permissions);
// 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
Cookies.set('username', state.ruleForm.username);
if (!themeConfig.value.isRequestRoutes) {
@@ -171,12 +149,13 @@ export default defineComponent({
// 执行完 initBackEndControlRoutes再执行 signInSuccess
signInSuccess();
}
}).catch(()=>{
})
.catch(() => {
state.loading.signIn = false;
getCaptcha();
})
});
}
})
});
};
// 登录成功后的跳转
const signInSuccess = () => {
@@ -210,7 +189,6 @@ export default defineComponent({
});
</script>
<style scoped lang="scss">
.login-content-form {
margin-top: 20px;