<template>
	<section class="app-main">
		<transition name="fade-transform" mode="out-in">
			<keep-alive :include="cachedViews">
				<router-view :key="key" />
			</keep-alive>
		</transition>

		<footer v-if="$route.path!=='/dashboard'" class="page-footer"></footer>

		<!-- <div v-if="$store.state.settings.showFooter" id="el-main-footer">
		  <span v-html="$store.state.settings.footerTxt" />
		  <span> ⋅ </span>
		  <a href="https://beian.miit.gov.cn" target="_blank">{{ $store.state.settings.caseNumber }}</a>
		</div> -->
		<!-- <div class="page-inline">
		</div> -->
	</section>
</template>

<script>
export default {
  name: 'AppMain',
  computed: {
    cachedViews() {
      return this.$store.state.tagsView.cachedViews
    },
    key() {
      return this.$route.path
    }
  },
	mounted() {},
}
</script>

<style lang="scss" scoped>
	.app-main {
		/* 50= navbar  50  */
		//min-height: calc(100vh - 50px);
		width: 100%;
		position: relative;
		overflow: hidden;
		/* overflow-y: auto; */
		flex:1;
		display:flex;
		flex-direction:column;
		//padding:.925vh 0;
		background-color:#00154e;
	}

	//.page-inline{height:100%;width:100%;display:flex;}
	.page-footer{
		display:flex;justify-content:center;background-color:#fff;line-height:2;
		&:after{
			color:#888;display:inline-block;font-weight:bold;
			content:'©  ⋅ 技术支持：威海晶合数字矿山技术有限公司';
		}
	}
</style>

<style lang="scss">
// fix css style bug in open el-dialog
.el-popup-parent--hidden {
  .fixed-header {
    padding-right: 15px;
  }
}
</style>
