1

src/App.vue

@@ -39,7 +39,7 @@ export default {
   width: 7680px;
   height: 3240px;
   /* width: 100vw;
-    height: 100vh; */
+  height: 100vh; */
   overflow: hidden;
   /* background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
     url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png); */

src/views/Index.vue

@@ -124,7 +124,7 @@ export default {
       if (name == "生产工艺") {
         window.vuplex.postMessage({
           type: "video",
-          message: `${name}_true`,
+          message: "生产工艺动画",
         });
       } else {
         window.vuplex.postMessage({

src/views/lll/NYJCD.vue

@@ -115,6 +115,17 @@
         <div class="imgBox">
           <img src="../../assets/img/小标题栏.png" class="img" />
           <p>余热发电</p>
+          <img
+            src="../../assets/nyjc/余热发电.png"
+            alt=""
+            class="img1"
+            @click="
+              this.sendMessageToCSharp({
+                type: 'video',
+                message: '余热发电动画',
+              })
+            "
+          />
         </div>
         <div class="chartBox">
           <div id="yrfd"></div>
@@ -124,6 +135,17 @@
         <div class="imgBox">
           <img src="../../assets/img/小标题栏.png" class="img" />
           <p>垃圾发电量</p>
+          <img
+            src="../../assets/nyjc/垃圾发电.png"
+            alt=""
+            class="img1"
+            @click="
+              this.sendMessageToCSharp({
+                type: 'video',
+                message: '垃圾发电动画',
+              })
+            "
+          />
         </div>
         <div class="chartBox">
           <div id="ljfdl"></div>
@@ -371,16 +393,16 @@ export default {
       var myChart = this.$echarts.init(chartDom);
       myChart.setOption(option);
     },
-    sendMessageToCSharp(name) {
+    sendMessageToCSharp(obj) {
-      window.vuplex.postMessage({
+      window.vuplex.postMessage(obj);
-        type: "Tog",
-        message: `${name}_true`,
-      });
     },
     goOne(a) {
       this.click2 = "";
       this.click1 = a;
-      this.sendMessageToCSharp(this.click1);
+      this.sendMessageToCSharp({
+        type: "Tog",
+        message: `${this.click1}_true`,
+      });
       if (this.click1 == "配电室") {
         this.$router.replace(
           "/area/nyjcd/pds",
@@ -398,13 +420,17 @@ export default {
     goTwo(a) {
       this.click1 = "";
       this.click2 = a;
-      this.sendMessageToCSharp(this.click2);
+      this.sendMessageToCSharp({
+        type: "Tog",
+        message: `${this.click2}_true`,
+      });
       this.$router.replace(
         `/area/nyjcd/scx1?type=${this.click2}`,
         () => {},
         () => {}
       );
     },
+
     //余热发电  3d
     yrfd() {
       let xaxisData = ["1月", "2月", "3月", "4月", "5月"];
@@ -976,6 +1002,11 @@ export default {
         font-size: 30px;
         font-family: "MicrosoftYaHei";
       }
+      .img1 {
+        position: absolute;
+        top: 20px;
+        left: 250px;
+      }
     }
 
     .chartBox {
@@ -1004,6 +1035,11 @@ export default {
         font-size: 30px;
         font-family: "MicrosoftYaHei";
       }
+      .img1 {
+        position: absolute;
+        top: 20px;
+        left: 250px;
+      }
     }
 
     .chartBox {