| | |
| | | </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> |
| | |
| | | </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> |