From 045e502fa06255c7ebe1ad6bb4ff503825006cbe Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期二, 14 十一月 2023 14:55:56 +0800 Subject: [PATCH] 去除ts --- src/components/layout/AppHeader.vue | 46 ++++++++++++++++++---------------------------- 1 files changed, 18 insertions(+), 28 deletions(-) diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue index 3d710a9..2c2d207 100644 --- a/src/components/layout/AppHeader.vue +++ b/src/components/layout/AppHeader.vue @@ -1,28 +1,27 @@ <script > import { isCollapse } from './isCollapse' - import { selectedName } from './selectName' + import BreadCrumb from '@/sfc/BreadCrumb.vue' + import Cookie from 'js-cookie' export default { - + components:{ + BreadCrumb, + }, 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') + } + } } } @@ -37,19 +36,13 @@ <i-ep-Expand v-show="isCollapseHeader" /> <i-ep-Fold v-show="!isCollapseHeader"/> </el-icon> - {{ selected }} <!-- 闈㈠寘灞� --> - <!-- <el-breadcrumb separator="/"> - <el-breadcrumb-item :to="{ path: '/hdata' }">涓婚〉</el-breadcrumb-item> - <el-breadcrumb-item><a href="/">promotion management</a></el-breadcrumb-item> --> - <!-- <el-breadcrumb-item>promotion list</el-breadcrumb-item> - <el-breadcrumb-item>promotion detail</el-breadcrumb-item> --> - <!-- </el-breadcrumb> --> - + + <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 "> @@ -58,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> @@ -77,9 +69,7 @@ align-items: center; color: white; background-color: #0093E9; -background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); - - + background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%); .el-icon { margin-right: 17px; -- Gitblit v1.9.3