From 348d29c1cd601e269eae92e6ec55d31e77b3ecd0 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 23 十一月 2023 13:21:46 +0800 Subject: [PATCH] 修改指标排序界面相关逻辑 --- src/components/layout/AppHeader.vue | 32 ++++++++++++-------------------- 1 files changed, 12 insertions(+), 20 deletions(-) diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue index 54e7f4a..2c2d207 100644 --- a/src/components/layout/AppHeader.vue +++ b/src/components/layout/AppHeader.vue @@ -1,7 +1,7 @@ <script > import { isCollapse } from './isCollapse' - import { selectedName } from './selectName' import BreadCrumb from '@/sfc/BreadCrumb.vue' + import Cookie from 'js-cookie' export default { components:{ BreadCrumb, @@ -9,23 +9,19 @@ data() { return{ isCollapseHeader: isCollapse , //鎶樺彔 - selected: selectedName, - // selectedName: '', - // isCollapse: false + } }, mounted(){ - // 璁㈤槄浜嬩欢锛屽苟鍦ㄤ簨浠惰Е鍙戞椂鏇存柊閫変腑鐨勫悕瀛� - // this.$app.eventBus.on('updateSelectedName', (name) => { - // this.selectedName = name; - // }); - // EventBus.$on('updateSelectedName', (name) => { - // this.selectedName = name - // }) + }, methods: { - exit(){ - this.$router.push('/login') // 鍋囪鐧诲綍鎴愬姛鍚庤烦杞埌 '/dashboard' 椤甸潰 + handleCommand(command){ + if(command == 'a' ){ + Cookie.remove('token') + this.$router.push('/login') + } + } } } @@ -40,14 +36,13 @@ <i-ep-Expand v-show="isCollapseHeader" /> <i-ep-Fold v-show="!isCollapseHeader"/> </el-icon> - <!-- {{ selected }} --> <!-- 闈㈠寘灞� --> <BreadCrumb></BreadCrumb> <!-- 涓嬫媺鑿滃崟 --> - <el-dropdown> + <el-dropdown @command="handleCommand"> <span class="el-dropdown-link" > <el-avatar class="clickable" :size="50" :src="'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" /> <el-icon class="el-icon--right "> @@ -56,8 +51,7 @@ </span> <template #dropdown> <el-dropdown-menu> - <el-dropdown-item @click="exit">閫�鍑�</el-dropdown-item> - <!-- <el-dropdown-item divided>鍏朵粬</el-dropdown-item> --> + <el-dropdown-item command="a">閫�鍑�</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> @@ -75,9 +69,7 @@ align-items: center; color: white; background-color: #0093E9; -background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%); - - + background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%); .el-icon { margin-right: 17px; -- Gitblit v1.9.3