退出

src/views/notation/index.tsx

@@ -1,12 +1,14 @@
-import { defineComponent, onMounted, reactive, ref } from 'vue';
+import { defineComponent, onMounted, onUnmounted, reactive, ref } from 'vue';
 import { useUserStore } from '/src/store/modules/users';
 import styles from './index.module.less';
 import { state } from '/src/state';
 import { NButton, NModal, NSpace, NSpin } from 'naive-ui';
 import { exitFullscreen } from '/src/utils';
+import { useRouter } from 'vue-router';
 export default defineComponent({
   name: 'notation-a',
   setup() {
+    const router = useRouter();
     const show = ref(false);
     const previewModal = ref(false);
     const previewParams = ref({} as any);
@@ -53,11 +55,25 @@ export default defineComponent({
         console.log('进来');
 
         removeVisiable.value = true;
+      } else if (e.data?.api === 'onLogin') {
+        const documentDom: any = document;
+        documentDom.exitFullscreen
+          ? documentDom.exitFullscreen()
+          : documentDom.mozCancelFullScreen
+          ? documentDom.mozCancelFullScreen()
+          : documentDom.webkitExitFullscreen
+          ? documentDom.webkitExitFullscreen()
+          : '';
+        userStore.logout();
+        router.replace('/login');
       }
     };
     onMounted(() => {
       window.addEventListener('message', handleOpen);
     });
+    onUnmounted(() => {
+      window.removeEventListener('message', handleOpen);
+    });
     return () => (
       <div class={styles.wrap}>
         <iframe ref={iframeRef} src={data.src}></iframe>