From a8fd7f483ed7a4de1e81b5f9d221aaf5ea0e12ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=96=AA=E5=90=8D?= <942005050@qq.com>
Date: Thu, 20 Apr 2023 10:44:22 +0800
Subject: [PATCH] =?UTF-8?q?iframe=20=E5=B5=8C=E5=A5=97=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=20=E6=9A=82=E7=BC=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/PC/src/layout/components/AppMain.vue | 98 ++++++++++++++++++++-----
 fe/PC/src/store/modules/permission.js   |  6 ++
 2 files changed, 86 insertions(+), 18 deletions(-)

diff --git a/fe/PC/src/layout/components/AppMain.vue b/fe/PC/src/layout/components/AppMain.vue
index 86e0c6b36..cfc25052a 100644
--- a/fe/PC/src/layout/components/AppMain.vue
+++ b/fe/PC/src/layout/components/AppMain.vue
@@ -8,36 +8,99 @@
 			<!-- 不要缓存，即切换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);
 		});
-        //刷新标签触发
-        Bus.$on('removeRedirect', (name, view) => {
-            this.removeRedirect(name, view);
-        })
+		//刷新标签触发
+		Bus.$on('removeRedirect', (name, view) => {
+			this.removeRedirect(name, view);
+		})
+	},
+	beforeDestroy() {
+		Bus.$off('removeCache');
+		Bus.$off('removeRedirect');
 	},
-    beforeDestroy() {
-        Bus.$off('removeCache');
-        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() {
 			// 判断子集非空
@@ -52,14 +115,14 @@ export default {
 			}
 			return vnode ? vnode : false;
 		},
-        //移除redirect组件缓存
-        removeRedirect(view={}){
-            const viewNew = {
-                fullPath:`/redirect${view.fullPath}`,
-                path:`/redirect${view.path}`
-            }
-            this.removeCache('closeSelectedTag',viewNew);
-        },
+		//移除redirect组件缓存
+		removeRedirect(view={}){
+			const viewNew = {
+				fullPath:`/redirect${view.fullPath}`,
+				path:`/redirect${view.path}`
+			}
+			this.removeCache('closeSelectedTag',viewNew);
+		},
 		// 移除keep-alive缓存
 		removeCache(name, view = {}) {
 			let vnode = this.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 });
 		},
 		// 移除其他
diff --git a/fe/PC/src/store/modules/permission.js b/fe/PC/src/store/modules/permission.js
index 073293aa3..cb96fc2d9 100644
--- a/fe/PC/src/store/modules/permission.js
+++ b/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)
     }