央行可视化完成

src/views/visual/components/merkle.vue

@@ -64,31 +64,31 @@ const getData=async()=>{
 const height=ref(1084)
 const toggleFullscreen = () => {
   toggleFullscreenContainer('.merkleTree')
-  // document.addEventListener('fullscreenchange', exitFullscreenHandler);
-  // document.addEventListener('webkitfullscreenchange', exitFullscreenHandler);
-  // document.addEventListener('mozfullscreenchange', exitFullscreenHandler);
-  // document.addEventListener('MSFullscreenChange', exitFullscreenHandler);
-  // const element = document.querySelector('.umlMain');
-  // element.style.position='relative'
-  // element.style.transform='scale(1)'
-  // element.style.top='0'
-  // element.style.right='0'
+  document.addEventListener('fullscreenchange', exitFullscreenHandler);
+  document.addEventListener('webkitfullscreenchange', exitFullscreenHandler);
+  document.addEventListener('mozfullscreenchange', exitFullscreenHandler);
+  document.addEventListener('MSFullscreenChange', exitFullscreenHandler);
+  const element = document.querySelector('.umlMain');
+  element.style.position='relative'
+  element.style.transform='scale(1)'
+  element.style.top='0'
+  element.style.right='0'
   // height.value =950
 }
   // 处理退出全屏的函数
-//   function exitFullscreenHandler() {
-//   if (!document.fullscreenElement && !document.mozFullScreenElement &&
-//       !document.webkitFullscreenElement && !document.msFullscreenElement) {
-//     // 退出全屏后执行的代码
-//     // console.log('已退出全屏');
-//     const element = document.querySelector('.umlMain');
-//   element.style.position='absolute'
-//   element.style.transform='scale(0.44)'
-//   element.style.top=''
-//   element.style.right=''
-//     // 在这里可以添加你想要执行的操作
-//   }
-// }
+  function exitFullscreenHandler() {
+  if (!document.fullscreenElement && !document.mozFullScreenElement &&
+      !document.webkitFullscreenElement && !document.msFullscreenElement) {
+    // 退出全屏后执行的代码
+    // console.log('已退出全屏');
+    const element = document.querySelector('.umlMain');
+  element.style.position='absolute'
+  element.style.transform='scale(0.44)'
+  element.style.top=''
+  element.style.right=''
+    // 在这里可以添加你想要执行的操作
+  }
+}
 const cell=ref([])
 const graph=ref([])
 const umlContainer=ref(null)
@@ -1757,10 +1757,10 @@ graph.value.zoomToFit({ padding: 10, maxScale: 1 })
     .umlMain{
       width: 3840px;
       height: 1084px;
-    //   transform: scale(0.44) translateX(0);
-    // position: absolute;
-    // right: -1085px;
-    // top: -135px;
+      transform: scale(0.44) translateX(0);
+    position: absolute;
+    right: -1085px;
+    top: -135px;
     }
        } 
        #umlContainer {