iframe 嵌套缓存处理 暂缓

fe/PC/src/layout/components/AppMain.vue

@@ -8,22 +8,58 @@
 			<!-- 不要缓存，即切换tab页就刷新 -->
 			<router-view v-if="$route.meta.keepAlive" :key="key" />
 		</transition>
+		<!--iframe页-->
+		<!-- <component
+			v-for="item in hasOpenComponentsArr"
+			:key="item.path"
+			:is="item.name"
+			v-show="$route.path.indexOf(item.path) > -1"
+		></component> -->
 	</section>
 </template>
 
 <script>
+// import Vue from 'vue'
 import Bus from '../Bus.js';
 export default {
 	name: "AppMain",
+	// data() {
+	// 	return {
+	// 		componentsArr: []
+	// 	}
+	// },
 	computed: {
 		cachedViews() {
 			return this.$store.state.tagsView.cachedViews;
 		},
 		key() {
 			return this.$route.fullPath;
-		}
 		},
+		// 实现懒加载，只渲染已经打开过（hasOpen:true）的iframe页
+		// hasOpenComponentsArr() {
+		// 	return this.componentsArr.filter(item => {
+		// 	return item.hasOpen
+		// 	});
+		// }
+	},
+	// watch: {
+	// 	$route() {
+	// 		// 判断当前路由是否iframe页
+	// 		this.isOpenIframePage();
+	// 	}
+	// },
 	mounted() {
+		// 设置iframe页的数组对象
+		// setTimeout(() => {
+		// 	const componentsArr = this.getComponentsArr();
+		// 	componentsArr.forEach((item) => {
+		// 		Vue.component(item.name, item.component);
+		// 	});
+		// 	this.componentsArr = componentsArr;
+		// 	// 判断当前路由是否iframe页
+		// 	this.isOpenIframePage();
+		// }, 1000)
+
 		// 关闭标签触发
 		Bus.$on('removeCache', (name, view) => {
 			this.removeCache(name, view);
@@ -38,6 +74,33 @@ export default {
 		Bus.$off('removeRedirect');
 	},
 	methods: {
+		// iframe 页面 缓存处理-----------------start
+		// 根据当前路由设置hasOpen
+		// isOpenIframePage() {
+		// 	const target = this.componentsArr.find(item => {
+		// 		return this.$route.path.indexOf(item.path) > -1
+		// 	});
+		// 	if (target && !target.hasOpen) {
+		// 		target.hasOpen = true;
+		// 	}
+		// },
+		// // 遍历路由的所有页面，把含有iframeComponent标识的收集起来
+		// getComponentsArr() {
+		// 	const activeReportManage = this.$store.getters.permission_routes.find(item => item.path == '/activeReportManage')
+		// 	console.log('permission_routes', this.$store.getters.permission_routes)
+		// 	console.log('activeReportManage', activeReportManage)
+		// 	const reportForm = activeReportManage.children.find(item => item.path == 'reportForm').children
+		// 	console.log('reportForm', reportForm)
+		// 	// const reportForm = this.$store.getters.permission_routes.find(item => item.path == '/activeReportManage').children.find(item => item.path == 'reportForm').children
+		// 	const iframeArr = []
+		// 	reportForm.forEach(item => {
+		// 		item.component = item.iframeComponent
+		// 		iframeArr.push(item)
+		// 	})
+		// 	return iframeArr
+		// },
+		// iframe 页面 缓存处理-----------------end
+
 		// 获取有keep-alive子节点的Vnode
 		getVnode() {
 			// 判断子集非空
@@ -69,7 +132,6 @@ export default {
 			let keyStart = vnode.key.split('/')[0];
 			let thisKey = `${keyStart}${view.fullPath}`;
 			let regKey = `${keyStart}${view.path}`;
-
 			this[name]({ componentInstance, thisKey, regKey });
 		},
 		// 移除其他

fe/PC/src/store/modules/permission.js

@@ -46,6 +46,12 @@ export function generaMenu(routes, data) {
     } else {
       menu.level = 3
     }
+    // iframe页面处理
+    // if (item.permission.indexOf('Report') > -1) {
+    //   // delete menu.component
+    //   menu.iframeComponent = item.component === '@/layout' ? Layout : loadView(item.component)
+    //   menu.hasOpen = false // 是否打开过，默认false
+    // }
     if (item.children && item.children.length > 0) {
       generaMenu(menu.children, item.children)
     }