fix: dahua iframe

src/components/MarkerMap/index.tsx

@@ -261,6 +261,8 @@ export default defineComponent({
               },
               '*',
             );
+            daHuaStore.dahuaUserVisible = true;
+
             // console.log(daHuaStore.deviceUser);
           };
           return GET_SINGLE_DEVICE_DIALOG_HTML(

src/layout/BaseLayout/index.tsx

@@ -59,22 +59,22 @@ export default defineComponent({
       // }
       const DAHUA = document.getElementById('DAHUA') as HTMLIFrameElement;
       if (!DAHUA) return
-      DAHUA.onload = function(){
+      DAHUA.onload = function () {
         // @ts-ignore
-        DAHUA.contentWindow.postMessage('onload','*');
+        DAHUA.contentWindow.postMessage('onload', '*');
       }
-      window.addEventListener('message',e=>{
-          if (e.data === 'closeIframe') {
-            daHuaStore.dahuaUserVisible = false;
-          }
-      },false)
+      window.addEventListener('message', e => {
+        if (e.data === 'closeIframe') {
+          daHuaStore.dahuaUserVisible = false;
+        }
+      }, false)
 
     });
 
     return () => (
       <section class="base-layout-container">
-        <iframe style={{visibility: 'hidden'}} class={clsx('dahua-content',{['display']: daHuaStore.dahuaUserVisible})}
-                id="DAHUA" name="DAHUA" src="http://127.0.0.1:8080" frameborder="0" />
+        <iframe style={{ visibility: 'hidden', height: '100vh', width: '100%' }} class={clsx('dahua-content', { ['display']: daHuaStore.dahuaUserVisible })}
+          id="DAHUA" name="DAHUA" src="http://127.0.0.1:8080" frameborder="0" />
         <header class="base-layout-title-contatisner">
           <div class="back-to-home" onClick={() => router.push('/home')}></div>
         </header>
@@ -82,7 +82,7 @@ export default defineComponent({
           <RouterView />
           <MarkerMap
             readonly={route.path.includes('incidentDetail')}
-            // marker={store.incidentDetail}
+          // marker={store.incidentDetail}
           />
         </main>
       </section>