zhangzengfei
2021-11-19 8eb0c79dce085b8b86b908a4f7fdeef2fcfff54a
src/layouts/components/VabNavBar/index.vue
@@ -14,15 +14,9 @@
      </el-col>
      <el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
        <div class="right-panel">
          <vab-error-log />
          <vab-full-screen-bar @refresh="refreshRoute" />
          <vab-icon title="重载所有路由" :pulse="pulse" :icon="['fas', 'redo']" @click="refreshRoute" />
          <vab-avatar />
          <!--  <vab-icon
            title="退出系统"
            :icon="['fas', 'sign-out-alt']"
            @click="logout"
          />-->
        </div>
      </el-col>
    </el-row>
@@ -30,39 +24,39 @@
</template>
<script>
import { mapActions, mapGetters } from 'vuex'
import { mapActions, mapGetters } from "vuex";
export default {
  name: 'VabNavBar',
  name: "VabNavBar",
  data() {
    return {
      pulse: false,
    }
    };
  },
  computed: {
    ...mapGetters({
      collapse: 'settings/collapse',
      visitedRoutes: 'tabsBar/visitedRoutes',
      device: 'settings/device',
      routes: 'routes/routes',
      collapse: "settings/collapse",
      visitedRoutes: "tabsBar/visitedRoutes",
      device: "settings/device",
      routes: "routes/routes",
    }),
  },
  methods: {
    ...mapActions({
      changeCollapse: 'settings/changeCollapse',
      changeCollapse: "settings/changeCollapse",
    }),
    handleCollapse() {
      this.changeCollapse()
      this.changeCollapse();
    },
    async refreshRoute() {
      this.$baseEventBus.$emit('reload-router-view')
      this.pulse = true
      this.$baseEventBus.$emit("reload-router-view");
      this.pulse = true;
      setTimeout(() => {
        this.pulse = false
      }, 1000)
        this.pulse = false;
      }, 1000);
    },
  },
}
};
</script>
<style lang="scss" scoped>