修改默认登录账户

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 实例(新功能服务) // 配置新建第二个 axios 实例(新功能服务)
const newService: AxiosInstance = axios.create({ const newService: AxiosInstance = axios.create({
baseURL: 'http://192.168.3.95:8000/', baseURL: 'http://192.168.3.95:8000/',
// baseURL: 'http://192.168.3.49:8000/',
timeout: 50000, timeout: 50000,
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
paramsSerializer: { paramsSerializer: {

View File

@@ -1,11 +1,7 @@
<template> <template>
<el-form ref="loginForm" size="large" class="login-content-form" :model="ruleForm" :rules="formRules"> <el-form ref="loginForm" size="large" class="login-content-form" :model="ruleForm" :rules="formRules">
<el-form-item class="login-animation1" prop="username"> <el-form-item class="login-animation1" prop="username">
<el-input <el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username" clearable autocomplete="off">
type="text"
:placeholder="$t('message.account.accountPlaceholder1')"
v-model="ruleForm.username"
clearable autocomplete="off">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon"><ele-User /></el-icon> <el-icon class="el-input__icon"><ele-User /></el-icon>
</template> </template>
@@ -51,14 +47,7 @@
<el-col :span="1"></el-col> <el-col :span="1"></el-col>
<el-col :span="8"> <el-col :span="8">
<div class="login-content-code"> <div class="login-content-code">
<img <img class="login-content-code-img" @click="getCaptcha" width="130" height="38" :src="captchaSrc" style="cursor: pointer" />
class="login-content-code-img"
@click="getCaptcha"
width="130"
height="38"
:src="captchaSrc"
style="cursor: pointer"
/>
</div> </div>
</el-col> </el-col>
</el-form-item> </el-form-item>
@@ -71,15 +60,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { import { toRefs, reactive, defineComponent, computed, onMounted, getCurrentInstance, ref, unref } from 'vue';
toRefs,
reactive,
defineComponent,
computed,
onMounted,
getCurrentInstance,
ref, unref
} from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { ElMessage } from 'element-plus'; import { ElMessage } from 'element-plus';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
@@ -91,47 +72,43 @@ import { initBackEndControlRoutes } from '/@/router/backEnd';
import { Session } from '/@/utils/storage'; import { Session } from '/@/utils/storage';
import { formatAxis } from '/@/utils/formatTime'; import { formatAxis } from '/@/utils/formatTime';
import { NextLoading } from '/@/utils/loading'; import { NextLoading } from '/@/utils/loading';
import {login,captcha} from "/@/api/login"; import { login, captcha } from '/@/api/login';
export default defineComponent({ export default defineComponent({
name: 'loginAccount', name: 'loginAccount',
setup() { setup() {
const { t } = useI18n(); const { t } = useI18n();
const {proxy} = <any>getCurrentInstance(); const { proxy } = <any>getCurrentInstance();
const storesThemeConfig = useThemeConfig(); const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig); const { themeConfig } = storeToRefs(storesThemeConfig);
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const loginForm = ref(null) const loginForm = ref(null);
const state = reactive({ const state = reactive({
isShowPassword: false, isShowPassword: false,
ruleForm: { ruleForm: {
username: 'demo', username: 'admin',
password: '123456', password: '123456',
verifyCode: '', verifyCode: '',
verifyKey:'' verifyKey: '',
}, },
formRules:{ formRules: {
username: [ username: [{ required: true, trigger: 'blur', message: '用户名不能为空' }],
{ required: true, trigger: "blur", message: "用户名不能为空" } password: [{ required: true, trigger: 'blur', message: '密码不能为空' }],
], verifyCode: [{ required: true, trigger: 'blur', message: '验证码不能为空' }],
password: [
{ required: true, trigger: "blur", message: "密码不能为空" }
],
verifyCode: [{ required: true, trigger: "blur", message: "验证码不能为空" }]
}, },
loading: { loading: {
signIn: false, signIn: false,
}, },
captchaSrc:'', captchaSrc: '',
}); });
onMounted(() => { onMounted(() => {
getCaptcha(); getCaptcha();
}); });
const getCaptcha = () => { const getCaptcha = () => {
captcha().then((res:any)=>{ captcha().then((res: any) => {
state.captchaSrc = res.data.img state.captchaSrc = res.data.img;
state.ruleForm.verifyKey = res.data.key state.ruleForm.verifyKey = res.data.key;
}) });
}; };
// 时间获取 // 时间获取
const currentTime = computed(() => { const currentTime = computed(() => {
@@ -139,25 +116,26 @@ export default defineComponent({
}); });
// 登录 // 登录
const onSignIn = async () => { const onSignIn = async () => {
if(state.loading.signIn){ if (state.loading.signIn) {
return return;
} }
const formWrap = unref(loginForm) as any; const formWrap = unref(loginForm) as any;
if (!formWrap) return; if (!formWrap) return;
formWrap.validate((valid: boolean) => { formWrap.validate((valid: boolean) => {
if(valid){ if (valid) {
state.loading.signIn = true; state.loading.signIn = true;
login(state.ruleForm).then(async (res:any)=>{ login(state.ruleForm)
const userInfo = res.data.userInfo .then(async (res: any) => {
userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar) const userInfo = res.data.userInfo;
userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar);
// 存储 token 到浏览器缓存 // 存储 token 到浏览器缓存
Session.set('token', res.data.token); Session.set('token', res.data.token);
// 存储用户信息到浏览器缓存 // 存储用户信息到浏览器缓存
Session.set('userInfo', userInfo); 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` 中不同用户登录判断(模拟数据) // 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
Cookies.set('username', state.ruleForm.username); Cookies.set('username', state.ruleForm.username);
if (!themeConfig.value.isRequestRoutes) { if (!themeConfig.value.isRequestRoutes) {
@@ -171,12 +149,13 @@ export default defineComponent({
// 执行完 initBackEndControlRoutes再执行 signInSuccess // 执行完 initBackEndControlRoutes再执行 signInSuccess
signInSuccess(); signInSuccess();
} }
}).catch(()=>{ })
.catch(() => {
state.loading.signIn = false; state.loading.signIn = false;
getCaptcha(); getCaptcha();
}) });
} }
}) });
}; };
// 登录成功后的跳转 // 登录成功后的跳转
const signInSuccess = () => { const signInSuccess = () => {
@@ -210,7 +189,6 @@ export default defineComponent({
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.login-content-form { .login-content-form {
margin-top: 20px; margin-top: 20px;