| | |
| | | <div class="tags-box"> |
| | | <tags /> |
| | | </div> |
| | | <search class="avue-view" v-show="isSearch"></search> |
| | | <search class="main-avue-view-container" v-show="isSearch"></search> |
| | | <!-- 主体视图层 --> |
| | | <div id="avue-view" v-show="!isSearch" v-if="isRefresh"> |
| | | <div class="main-avue-view-container" v-show="!isSearch" v-if="isRefresh"> |
| | | <router-view #="{ Component }"> |
| | | <keep-alive :include="$store.getters.tagsKeep"> |
| | | <component :is="Component" /> |
| | |
| | | <!-- <wechat></wechat> --> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import index from '@/mixins/index'; |
| | | import wechat from './wechat.vue'; |
| | | import index from '@/mixins/index' |
| | | import wechat from './wechat.vue' |
| | | //import { validatenull } from 'utils/validate'; |
| | | import { mapGetters } from 'vuex'; |
| | | import tags from './tags.vue'; |
| | | import search from './search.vue'; |
| | | import logo from './logo.vue'; |
| | | import top from './top/index.vue'; |
| | | import sidebar from './sidebar/index.vue'; |
| | | import { mapGetters } from 'vuex' |
| | | import tags from './tags.vue' |
| | | import search from './search.vue' |
| | | import logo from './logo.vue' |
| | | import top from './top/index.vue' |
| | | import sidebar from './sidebar/index.vue' |
| | | |
| | | export default { |
| | | mixins: [index], |
| | |
| | | wechat, |
| | | }, |
| | | name: 'index', |
| | | provide() { |
| | | provide () { |
| | | return { |
| | | index: this, |
| | | }; |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | |
| | | 'menu', |
| | | 'setting', |
| | | ]), |
| | | validSidebar() { |
| | | validSidebar () { |
| | | return !( |
| | | (this.$route.meta || {}).menu === false || (this.$route.query || {}).menu === 'false' |
| | | ); |
| | | ) |
| | | }, |
| | | }, |
| | | props: [], |
| | | methods: { |
| | | //打开菜单 |
| | | openMenu(item = {}) { |
| | | openMenu (item = {}) { |
| | | this.$store.dispatch('GetMenu', item.id).then(data => { |
| | | if (data.length !== 0) { |
| | | this.$router.$avueRouter.formatRoutes(data, true) |
| | | |
| | | // 获取url里面的redirect |
| | | const redirect = decodeURIComponent(this.$route.query.redirect || ''); |
| | | if (redirect){ |
| | | console.log('redirect',redirect); |
| | | const [path, queryString] = redirect.split('?'); |
| | | const query = queryString ? Object.fromEntries(new URLSearchParams(queryString)) : {}; |
| | | this.$router.push({ path,query}) |
| | | const redirect = decodeURIComponent(this.$route.query.redirect || '') |
| | | if (redirect) { |
| | | console.log('redirect', redirect) |
| | | const [path, queryString] = redirect.split('?') |
| | | const query = queryString ? Object.fromEntries(new URLSearchParams(queryString)) : {} |
| | | this.$router.push({ path, query }) |
| | | } |
| | | } |
| | | //当点击顶部菜单后默认打开第一个菜单 |
| | |
| | | }, itemActive.meta) |
| | | }); |
| | | }*/ |
| | | }); |
| | | }) |
| | | }, |
| | | }, |
| | | }; |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | :deep(.basic-container){ |
| | | height: none !important;} |
| | | // #avue-view{ |
| | | // :deep(){ |
| | | // .avue-crud__body{ |
| | |
| | | // } |
| | | // } |
| | | |
| | | .tags-box{ |
| | | .tags-box { |
| | | background: transparent; |
| | | padding: 0 10px; |
| | | --el-color-primary: rgba(20, 65, 255, 1); |
| | | height: pxToVh(55); |
| | | } |
| | | </style> |