ws

index.html

@@ -10,6 +10,10 @@
       href="https://minedata.cn/minemapapi/v2.1.0/minemap.css"
     />
     <script src="https://minedata.cn/minemapapi/v2.1.0/minemap.js"></script>
+    <script src="./public/webClient/defaultConfig.js"></script>
+    <!-- <script src="./webClient/defaultConfig.js"></script> -->
+    <script src="./public/webClient/initWebSocket.js"></script>
+    <script src="./public/webClient/webClient_initWnd.js"></script>
     <script>
       minemap.domainUrl = 'https://minedata.cn';
       minemap.dataDomainUrl = 'https://minedata.cn';

src/components/MarkerMap/index.tsx

@@ -312,7 +312,7 @@ export default defineComponent({
               if (
                 data.params.handleName === "#vPlayArea") {
                 //客户端窗口创建好后,界面显示窗口;
-                self.vPlayArea.resize();
+                vPlayArea.resize();
                 this.$Message.warning("视频窗口创建成功！");
               }
             }
@@ -324,6 +324,7 @@ export default defineComponent({
       theSocket
         .initWebSocket()
         .then(v => {
+          console.log();
           if (v) {
             this.$Message.warning("视频插件登陆完成!");
           }
@@ -347,7 +348,7 @@ export default defineComponent({
         playParams: {}
       };
       //左边窗口实例
-      window.vPlayArea = this.vPlayArea = new VideoPlay(
+      window.vPlayArea = vPlayArea = new VideoPlay(
         "#vPlayArea",
         window.theSocket.websocket,//一个浏览器tab页面公用一个
         window.theSocket.socketCode,//一个浏览器tab页面公用一个

src/views/HomePage/index.tsx

@@ -22,9 +22,14 @@ export default defineComponent({
       });
     });
     return () => (
+      <div>
       <div class="home-page-container">
         <MessageCard />
       </div>
+        <div id='vPlayArea'>
+           
+        </div>
+      </div>
     );
   },
 });