<template>
|
<div class="homeLayoutBox">
|
<PageHeader
|
:hideNav="$route.name == 'register' || $route.name == 'login'"
|
:hideSerch="$route.name == 'register' || $route.name == 'login'"
|
v-if="!$route.meta.noWrapHeadFooter"
|
></PageHeader>
|
<div class="pageContentBox">
|
<keep-alive v-if="keepAliveList.length > 0" :include="keepAliveList">
|
<router-view />
|
</keep-alive>
|
<router-view v-else />
|
</div>
|
<PageFooter v-if="!$route.meta.noWrapHeadFooter"></PageFooter>
|
</div>
|
</template>
|
|
<script>
|
import PageHeader from "./components/header";
|
import PageFooter from "./components/footer";
|
import { mapState } from "vuex";
|
export default {
|
components: {
|
PageHeader,
|
PageFooter
|
},
|
computed: {
|
...mapState(["keepAliveList"])
|
},
|
watch: {
|
$route(to, from) {
|
if (to.meta.keepAlive && this.keepAliveList.indexOf(to.name) == -1) {
|
// this.$store.commit("addKeepAlive", to.name);
|
}
|
}
|
}
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.homeLayoutBox {
|
width: 100%;
|
height: 100%;
|
.pageContentBox {
|
min-height: calc(100% - 447px);
|
}
|
}
|
</style>
|
