From 3d36807577412cbee856ebbfffe391c6bf4179c9 Mon Sep 17 00:00:00 2001
From: wyx <you@example.com>
Date: Thu, 12 Jan 2023 17:30:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=A2=9E=E5=8A=A0=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=A1=B5=E7=AD=BE=EF=BC=8C=E7=99=BB=E5=87=BA?=
 =?UTF-8?q?=E5=92=8C=E5=85=B3=E9=97=AD=E9=A1=B5=E9=9D=A2=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E5=AD=98=E5=82=A8=E5=8F=8Astore=E5=AD=98?=
 =?UTF-8?q?=E5=82=A8=EF=BC=8C=E9=BB=98=E8=AE=A4=E6=98=BE=E7=A4=BA=E5=AD=A6?=
 =?UTF-8?q?=E4=B9=A0=E8=B7=AF=E5=BE=84=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                  | 31 ++++++++++++++++++++++++++++---
 src/components/NavTop.vue    | 14 +++++++++++++-
 src/components/OpenPages.vue |  6 +++---
 3 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ad2ec813..bce15edf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,9 +19,9 @@
 	</div>
 </template>
 <script>
-import { computed, defineComponent, ref } from "vue";
+import { computed, defineComponent, ref, onMounted } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { useStore } from "vuex";
+import { useStore, createStore } from "vuex";
 import NavLeft from "@/components/NavLeft";
 import NavTop from "@/components/NavTop";
 import OpenPages from "@/components/OpenPages";
@@ -71,6 +71,31 @@ export default defineComponent({
 			getOrgTree();
 		}
 
+		// 监听关闭浏览器
+		let time1 = ref(0);
+		let time2 = ref(0);
+
+		//添加监听事件
+		function beforeunloadHandler() {
+			time1.value = new Date().getTime();
+			// e.returnValue = '关闭提示'; 
+		}
+
+		function unloadHandler() {
+			time2.value = new Date().getTime() - time1.value;
+			if(time2.value<=5){
+				store.replaceState(createStore({state: {openpages:null}}).state);
+				localStorage.removeItem("openpages");
+			}
+		}
+		
+
+		onMounted(()=>{
+			window.addEventListener('beforeunload', e => beforeunloadHandler(e));
+			window.addEventListener('unload', e => unloadHandler(e));
+		})
+
+
 		async function getMemberInfo() {
 			const list = localStorage.getItem("memberInitInfo");
 			if (list) {
@@ -124,7 +149,7 @@ export default defineComponent({
 			name: currentRouteName,
 			zhCN,
 		};
-	},
+	}
 });
 </script>
 <style lang="scss">
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index 3eca704c..27df740c 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -63,12 +63,16 @@ import DownLoad from "../components/drawers/DownLoad";
 import * as api from "../api/index1";
 import { studentUrl } from "../api/method";
 import router from "@/router";
+import { useStore, createStore } from "vuex";
+
 export default {
   name: "NavTop",
   components: {
     DownLoad,
   },
   setup() {
+    const store = useStore();
+
     const state = reactive({
       selectRole: "管理员",
       username: "",
@@ -120,6 +124,9 @@ export default {
     getUser();
 
     const logOut = () => {
+      
+      store.replaceState(createStore({state: {openpages:null}}).state);
+
       localStorage.removeItem("faceclassPic");
       localStorage.removeItem("faceclassClass");
       localStorage.removeItem("faceclassScene");
@@ -138,7 +145,12 @@ export default {
       localStorage.removeItem("projectId");
       localStorage.removeItem("projectTemplateId");
       localStorage.removeItem("orgtreeList");
-      process.env.NODE_ENV === 'development' ? router.push({path: 'login'}) : (window.location.href = process.env.VUE_APP_LOGIN_URL)
+      process.env.NODE_ENV === 'development' ?  router.push({path: '/learningpath'}) : (window.location.href = process.env.VUE_APP_LOGIN_URL)
+      if(process.env.NODE_ENV === 'development'){
+        setTimeout(() => {
+          window.location.reload();
+        }, 3000);
+      }
     };
     return {
       ...toRefs(state),
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index b683f706..4bf83780 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -51,12 +51,12 @@ export default {
     const store = useStore();
     const $router = useRouter();
     const state = reactive({
-      //openList: store.state.openpages,
+      openList: store.state.openpages,
     });
 
     const closePage = (value) => {
       console.log("点击关闭页面", value, state.openList);
-   
+      
       state.openList.map((item, key) => {
         if (item.href === value.href) {
           if (state.openList.length === 1) {
@@ -92,7 +92,7 @@ export default {
 <style lang="scss">
 .openPages {
   width: 100%;
-  // height: 50px;
+  height: 50px;
   display: flex;
   background-color: rgba(255, 255, 255, 1);
   box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);