1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <template>
- <el-container>
- <el-container>
- <el-aside style="width:auto !important;">
- <huan-zhe-lie-biao v-show="xianShiLieBiao"></huan-zhe-lie-biao>
- </el-aside>
- <el-main>
- <huan-zhe-xin-xi></huan-zhe-xin-xi>
- <router-view v-slot="{ Component }">
- <keep-alive>
- <component :is="Component"/>
- </keep-alive>
- </router-view>
- </el-main>
- </el-container>
- </el-container>
- </template>
- <script>
- import store from '../../../store'
- import {computed, ref, watch} from "vue";
- import HuanZheLieBiao from "../../../components/zhu-yuan-yi-sheng/HuanZheLieBiao.vue";
- import HuanZheXinXi from "../../../components/zhu-yuan-yi-sheng/HuanZheXinXi.vue";
- import YiZhuLuRuZhuJian from "./yi-zhu-lu-ru/YiZhuLuRu.vue";
- import router from "@/router";
- export default {
- name: "Home",
- components: {YiZhuLuRuZhuJian, HuanZheXinXi, HuanZheLieBiao},
- setup() {
- const tableHeight = computed(() => {
- return store.state.app.windowSize.h
- })
- const xianShiLieBiao = ref(true)
- watch(() => router.currentRoute.value.path, () => {
- xianShiLieBiao.value = !router.currentRoute.value.meta.blankPage;
- })
- return {
- tableHeight,
- xianShiLieBiao
- }
- }
- }
- </script>
- <style scoped>
- </style>
|