riku
2025-07-15 c40f4c1267dae4fcf27dbbd75ea83014fba87783
src/components/core/Header.vue
@@ -1,20 +1,16 @@
<template>
  <el-row align="middle" class="header">
    <el-col :span="1">
      <el-button
        @click="collapsedSider"
        icon="Fold"
        circle
        :class="rotateIcon"
      />
    <el-col :span="12">
      <el-space>
        <el-button @click="collapsedSider" icon="Fold" circle :class="rotateIcon" />
        <el-breadcrumb separator="/" style="white-space: nowrap">
          <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{ t }}</el-breadcrumb-item>
        </el-breadcrumb>
      </el-space>
    </el-col>
    <el-col :span="18">
      <el-breadcrumb separator="/" style="white-space: nowrap;">
        <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{t}}</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>
    <el-col :span="5" class="logout">
        <el-button icon="SwitchButton">退出登录</el-button>
    <el-col :span="12" class="logout">
      <FYBgTaskDialog></FYBgTaskDialog>
      <el-button icon="SwitchButton">退出登录</el-button>
    </el-col>
  </el-row>
</template>
@@ -25,16 +21,16 @@
  props: {
    collapse: {
      type: Boolean,
      default: false,
      default: false
    },
    navTitles: {
      type: Array,
      default: () => ['home','promotion list', 'promotion detail'],
      default: () => ['home', 'promotion list', 'promotion detail']
    }
  },
  data() {
    return {
      isCollapsed: this.collapse,
      isCollapsed: this.collapse
    };
  },
  watch: {},
@@ -44,7 +40,7 @@
     */
    rotateIcon() {
      return ['menu-icon', this.isCollapsed ? 'rotate-icon' : ''];
    },
    }
  },
  methods: {
    /**
@@ -53,8 +49,8 @@
    collapsedSider() {
      this.isCollapsed = !this.isCollapsed;
      this.$emit('collapsedSider', this.isCollapsed);
    },
  },
    }
  }
};
</script>