zmc
2023-11-14 045e502fa06255c7ebe1ad6bb4ff503825006cbe
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;