<script setup>
	import JtHeader from './components/header.vue';
	import modifyModule from './components/modifyPassword.vue';
	import ZhHeader from "./components/ZhHeader.vue"
</script>
<template>
	<div class="Mainpage">
		<!-- 顶栏容器 -->
		<!-- <JtHeader @handleSelect="handleSelect" /> -->
		<ZhHeader></ZhHeader>
		
		<!-- 控制路由页面是否缓存 -->
		<router-view v-slot="{ Component }">
			<keep-alive>
				<component :is=" Component" v-if="$route.meta.keepAlive" />
			</keep-alive>
			<component :is="Component" v-if="!$route.meta.keepAlive" />
		</router-view>
		
		<!-- 修改密码 -->
		<modifyModule ref="modifyMoudle"></modifyModule>
	</div>
	
</template>

<script>
	export default {
		name: 'MainView',

		/* 数据 */
		data() {
			return {}
		},

		/* 方法 */
		methods: {
			//修改密码弹出框事件
			modifyMoudle() {
				this.$refs.modifyMoudle.isshow = true
			},
		},
		mounted() {

		}
	}
</script>

<style lang="scss" scoped>
	.Mainpage{
		height: 100%;
		width: 100%;
		background: url('@/assets/images/backImg.png') no-repeat;
		background-size: 100% 100%;
	}
</style>
