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