From 07b5dcb4905a15d0b39a51219d51c57fbd5ca4d1 Mon Sep 17 00:00:00 2001 From: hcong <1050828145@qq.com> Date: 星期四, 28 十一月 2024 13:35:04 +0800 Subject: [PATCH] 1. 新增登录页面 2. 新增登录接口 3. 新增stores/userToken.js 保存登录状态登录和退出登录 和 stores/activeCheck.js 保存登录超时和延时函数 4. components/core/Header完善退出登录点击事件 5. 新增cookie工具类 6. 新增登录工具类 --- src/components/core/Header.vue | 21 ++++++++++++++++++++- 1 files changed, 20 insertions(+), 1 deletions(-) diff --git a/src/components/core/Header.vue b/src/components/core/Header.vue index 3c742e0..8129a04 100644 --- a/src/components/core/Header.vue +++ b/src/components/core/Header.vue @@ -10,13 +10,21 @@ </el-col> <el-col :span="12" class="logout"> <FYBgTaskDialog></FYBgTaskDialog> - <el-button icon="SwitchButton">閫�鍑虹櫥褰�</el-button> + <el-button icon="SwitchButton" @click="logout">閫�鍑虹櫥褰�</el-button> </el-col> </el-row> </template> <script> +import { useUserStore } from '@/stores/userToken' +import { useRouter } from 'vue-router'; +import { ElNotification } from 'element-plus'; export default { + setup() { + const userStore = useUserStore() + const router = useRouter() + return { userStore, router } + }, name: 'CoreHeader', props: { collapse: { @@ -49,6 +57,17 @@ collapsedSider() { this.isCollapsed = !this.isCollapsed; this.$emit('collapsedSider', this.isCollapsed); + }, + logout() { + this.userStore.logout() + this.router.push('/common/loginView') + ElNotification({ + title: `閫�鍑烘垚鍔焋, + message: `閫�鍑烘垚鍔焋, + type: 'success', + // offset: 170, + position: 'bottom-left', + }); } } }; -- Gitblit v1.9.3