update:默认后台密码:FileCodeBox2023

This commit is contained in:
lan
2023-08-15 20:18:04 +08:00
parent 70a4e12963
commit a5c2de435e
8 changed files with 86 additions and 16 deletions
+37 -2
View File
@@ -1,5 +1,5 @@
<template>
<el-container style="height: 100vh;width: 100vw;position: relative;user-select: none">
<el-container v-if="isLogin" style="height: 100vh;width: 100vw;position: relative;user-select: none">
<el-header>
<el-menu mode="horizontal" router :default-active="route.path">
<el-menu-item v-for="menu in menus" :index="menu.path" :key="menu.path">{{menu.name}}</el-menu-item>
@@ -10,13 +10,32 @@
<router-view/>
</el-main>
</el-container>
<el-form size="large" v-else>
<el-form-item label="管理密码">
<el-input
v-model="adminData.adminPassword"
placeholder="请输入密码!"
type="password"
>
<template #append>
<el-button @click="refreshLoginStatus">登录</el-button>
</template>
</el-input>
</el-form-item>
</el-form>
</template>
<script setup lang="ts">
import { useDark,useToggle } from '@vueuse/core';
import { useDark, useToggle } from '@vueuse/core';
import { ref } from "vue";
const isDark = useDark()
const isLogin = ref(false);
const toggleDark = useToggle(isDark)
import { useRoute } from 'vue-router';
import { useAdminData } from "@/stores/adminData";
import { request } from "@/utils/request";
import { ElMessage } from "element-plus";
const adminData = useAdminData();
const route = useRoute();
const menus = ref([
{
@@ -32,6 +51,22 @@ const menus = ref([
path: '/admin/about',
}
]);
const refreshLoginStatus = () => {
console.log(adminData.adminPassword);
adminData.updateAdminPwd(adminData.adminPassword);
request({
url: '/admin/login',
method: 'post',
}).then((res: any) => {
if (res.code === 200) {
isLogin.value = true;
ElMessage.success('登录成功!');
} else {
ElMessage.error(res.detail);
}
});
};
refreshLoginStatus();
</script>
<style lang="scss" scoped>
</style>