diff --git a/.history/src/views/Index_20231128103501.vue b/.history/src/views/Index_20231128103501.vue
new file mode 100644
index 0000000..35bb95d
--- /dev/null
+++ b/.history/src/views/Index_20231128103501.vue
@@ -0,0 +1,332 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div class="box1" @click="go1">
+        <img src="../assets/img/生产工艺按钮.png" v-show="flag1" alt="" class="tabbars1" />
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" v-show="!flag1" class="tabbars1" />
+        <p>生产工艺</p>
+      </div>
+
+      <div class="box2" @click="go2">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" v-show="flag2" class="tabbars2" />
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" v-show="!flag2" class="tabbars2" />
+        <p>能源监测</p>
+      </div>
+
+      <div class="box3" @click="go3">
+        <img src="../assets/img/负荷管理按钮 .png" v-show="flag3" alt="" class="tabbars3" />
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" v-show="!flag3" class="tabbars3" />
+        <p>负荷管理</p>
+      </div>
+
+      <div class="box4" @click="go4">
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" v-show="flag4" class="tabbars4" />
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" v-show="!flag4" class="tabbars4" />
+        <p>能效管理</p>
+      </div>
+
+      <div class="box5" @click="go5">
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" v-show="flag5" class="tabbars5" />
+        <img src="../assets/img/智能运维按_hover.png" v-show="!flag5" alt="" class="tabbars5" />
+        <p>智能运维</p>
+      </div>
+
+      <div class="box6" @click="go6">
+        <img src="../assets/img/碳资产管理.png" v-show="flag6" alt="" class="tabbars6" />
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" v-show="!flag6" class="tabbars6" />
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+  data() {
+    return {
+      flag1: true,
+      flag2: true,
+      flag3: true,
+      flag4: true,
+      flag5: true,
+      flag6: true,
+    };
+  },
+  methods: {
+    sendMessageToCSharp(name) {
+      window.vuplex.postMessage({
+        type: "Tog",
+        message: `${name}_true`,
+      });
+    },
+    go1() {
+      this.flag1 = false;
+      this.flag2 = true;
+      this.flag3 = true;
+      this.flag4 = true;
+      this.flag5 = true;
+      this.flag6 = true;
+      this.sendMessageToCSharp("生产工艺");
+      // this.$router.push(
+      //   "/znywjk",
+      //   () => {},
+      //   () => {}
+      // );
+    },
+    go2() {
+      this.flag1 = true;
+      this.flag2 = false;
+      this.flag3 = true;
+      this.flag4 = true;
+      this.flag5 = true;
+      this.flag6 = true;
+      this.sendMessageToCSharp("能源监测");
+      this.$router.push(
+        "/area",
+        () => { },
+        () => { }
+      );
+    },
+    go3() {
+      this.flag1 = true;
+      this.flag2 = true;
+      this.flag3 = false;
+      this.flag4 = true;
+      this.flag5 = true;
+      this.flag6 = true;
+      this.sendMessageToCSharp("负荷管理");
+      this.$router.push(
+        "/fhgl",
+        () => { },
+        () => { }
+      );
+    },
+    go4() {
+      this.flag1 = true;
+      this.flag2 = true;
+      this.flag3 = true;
+      this.flag4 = false;
+      this.flag5 = true;
+      this.flag6 = true;
+      this.sendMessageToCSharp("能效管理");
+      this.$router.push(
+        "/nxgl",
+        () => { },
+        () => { }
+      );
+    },
+    go5() {
+      this.flag1 = true;
+      this.flag2 = true;
+      this.flag3 = true;
+      this.flag4 = true;
+      this.flag5 = false;
+      this.flag6 = true;
+      this.sendMessageToCSharp("智能运维");
+      this.$router.push(
+        "/znyw",
+        () => { },
+        () => { }
+      );
+    },
+    go6() {
+      this.flag1 = true;
+      this.flag2 = true;
+      this.flag3 = true;
+      this.flag4 = true;
+      this.flag5 = true;
+      this.flag6 = false;
+      this.sendMessageToCSharp("碳资产管理");
+      this.$router.push(
+        "/tzcgl",
+        () => { },
+        () => { }
+      );
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+* {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  background-color: transparent;
+
+  .box1 {
+    position: absolute;
+    // left: 0;
+    left: 2130px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box1 {
+    position: absolute;
+    // left: 0;
+    left: 2130px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box2 {
+    position: absolute;
+    // left: 0;
+    left: 2720px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box3 {
+    position: absolute;
+    // left: 0;
+    left: 3328px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box4 {
+    position: absolute;
+    // left: 0;
+    left: 3920px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box5 {
+    position: absolute;
+    // left: 0;
+    left: 4528px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 216px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .box6 {
+    position: absolute;
+    // left: 0;
+    left: 5168px;
+    bottom: 248px;
+    z-index: 100;
+
+    p {
+      position: absolute;
+      left: 96px;
+      bottom: 32px;
+      width: 316px;
+      height: 46px;
+      font-size: 50px;
+      font-family: "FZZhengHeiS-B-GB";
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 20px;
+    }
+  }
+
+  .footer {
+    width: 100%;
+    height: 200px;
+    position: relative;
+
+    div {
+      cursor: pointer;
+    }
+  }
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/src/App.vue b/src/App.vue
index ef8a319..0e5449a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,7 @@
   margin: 0;
   padding: 0;
   font-family: "MicrosoftYaHei" !important;
+  background: transparent;
 }
 
 #app {
@@ -17,8 +18,8 @@
   /* width: 100vw;
   height: 100vh; */
   overflow: hidden;
-  background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
-    url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png);
-  background-color: transparent;
+  /* background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
+    url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png); */
+  background: transparent;
 }
 </style>
diff --git a/src/utils/pds.js b/src/utils/pds.js
new file mode 100644
index 0000000..a2e4a2a
--- /dev/null
+++ b/src/utils/pds.js
@@ -0,0 +1,223 @@
+export let pdsJs = [
+  {
+    name: "总降电力室",
+    list: [
+      "6.3KV#1破碎出线",
+      "6.3KV#1窑头出线",
+      "6.3KV#1原料#1出线",
+      "6.3KV#1原料#2出线",
+      "6.3KV#2窑头出线",
+      "6.3KV#2原料#1出线",
+      "6.3KV#2原料#2出线",
+      "6.3KV#1发电机出线(安热线)",
+      "6.3KV#主变1进线",
+      "6.3KV#主变2进线",
+    ],
+  },
+  {
+    name: "矿山电力室",
+    list: [
+      "矿山进线柜",
+      "矿山变压器",
+      "1#石灰石破碎机",
+      "2#石灰石破碎机",
+      "矿山皮带机",
+    ],
+  },
+  {
+    name: "原材料电力室",
+    list: [
+      "仓库电源",
+      "水井总电源",
+      "1#圆锥取料机",
+      "2#圆锥取料机",
+      "28F1板喂机",
+      "28F2板喂机",
+      "2802皮带机",
+      "2803皮带机",
+      "2801皮带机",
+      "2302堆料机",
+      "2403皮带机",
+      "2402皮带机",
+      "2401皮带机",
+      "3504可逆皮带机",
+      "3502皮带机",
+      "3501皮带机",
+      "2306皮带机",
+      "2305皮带机",
+      "2304取料机",
+      "2303取料机",
+    ],
+  },
+  {
+    name: "一线生料磨电力室",
+    list: [
+      "1#进线",
+      "1#变压器",
+      "2#变压器",
+      "生料磨主电机",
+      "1#生料磨高温风机",
+      "原材料变压器",
+      "窑尾变压器",
+      "窑中整流变压器",
+      "1#循环风机",
+      "1#后排风机",
+      "2#进线",
+      "西院变压器",
+      "取暖泵1#2#3#",
+      "取暖泵4#",
+      "取暖泵5#",
+      "食堂公寓",
+      "1#空压机",
+      "2#空压机",
+      "3#空压机",
+      "选粉机",
+      "入库提升机",
+    ],
+  },
+  {
+    name: "二线生料磨电力室",
+    list: [
+      "1#进线",
+      "1#变压器",
+      "2#变压器",
+      "生料磨主电机",
+      "2#生料磨高温风机",
+      "窑尾变压器",
+      "窑中整流变压器",
+      "2#后排风机",
+      "2#循环风机",
+      "2#进线",
+      "6#水井",
+      "选粉机",
+      "4#空压机",
+      "入库提升机",
+    ],
+  },
+  {
+    name: "窑尾电力室",
+    list: ["南入窑提升机", "北入窑提升机", "入窑提升机1", "入窑提升机2"],
+  },
+  {
+    name: "一线窑头电力室1",
+    list: [
+      "辊式破碎机",
+      "FR风机",
+      "F7风机",
+      "F8风机",
+      "F4风机",
+      "F5风机",
+      "F9风机",
+      "5703空浮风机",
+      "煤磨控制柜电源",
+      "7517风机",
+      "7516风机",
+      "1#液压电源",
+      "2#液压电源",
+      "F3风机",
+      "F2风机",
+      "F1风机",
+      "FB风机",
+      "FA风机",
+      "7518风机",
+      "F6风机",
+      "斜斗",
+    ],
+  },
+  {
+    name: "一线窑头电力室2",
+    list: [
+      "1#窑头进线",
+      "1#煤磨主电机",
+      "1#煤磨通风机",
+      "1#变压器",
+      "2#变压器",
+      "1#过剩风机",
+      "熟料外放1",
+      "7602堆料机、7603取料机",
+      "老中控楼、化验室",
+      "循环水泵房",
+      "1#煤磨辅机设备",
+      "熟料外放2",
+    ],
+  },
+  {
+    name: "二线窑头电力室1",
+    list: [
+      "F1风机",
+      "F2风机",
+      "F3风机",
+      "F4风机",
+      "F5风机",
+      "F6风机",
+      "F7风机",
+      "F8风机",
+      "FA风机",
+      "原煤板喂机",
+      "6635风机",
+      "FB风机",
+      "FR风机",
+      "5703空浮风机",
+      "7516风机",
+      "液压站一段油泵",
+      "液压站二段油泵",
+      "辊破电源",
+      "熟料链斗输送机",
+      "5703备用风机",
+      "7517风机",
+      "老中控楼电源",
+      "空调",
+    ],
+  },
+  {
+    name: "二线窑头电力室2",
+    list: [
+      "2#窑头进线",
+      "2#煤磨主电机",
+      "2#煤磨通风机",
+      "1#变压器",
+      "2#变压器",
+      "2#过剩风机",
+      "2#煤磨辅机",
+      "2#熟料外放",
+    ],
+  },
+  {
+    name: "一线原煤电力室",
+    list: [
+      "7102皮带机",
+      "7103皮带机",
+      "7601皮带机",
+      "原煤输送皮带",
+      "7605皮带机",
+      "7610皮带机",
+      "7604皮带机",
+    ],
+  },
+  {
+    name: "水泥磨电力室",
+    list: [
+      "总进线柜",
+      "变压器",
+      "水泥磨主电机",
+      "水泥磨收尘风机",
+      "水泥磨辊压机",
+      "水泥库底1#斜槽风机",
+      "2#3#4#库侧卸料罗茨风机",
+      "1#库侧罗茨风机",
+      "水泥库底2#斜槽风机",
+      "2#库侧罗茨风机",
+      "3#库侧罗茨风机",
+      "1#2#3#4#库侧水泥散装机",
+      "1#包装斗式提升机",
+      "4#库侧罗茨风机",
+      "1#库侧卸料罗茨风机",
+      "4#空压机",
+      "万吨仓电源",
+      "4#库侧罗茨风机",
+      "4#库侧罗茨风机",
+      "4#库侧罗茨风机",
+      "4#库侧罗茨风机",
+    ],
+  },
+];
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 08b4645..35bb95d 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -60,10 +60,10 @@ export default {
     };
   },
   methods: {
-    sendMessageToCSharp() {
+    sendMessageToCSharp(name) {
       window.vuplex.postMessage({
         type: "Tog",
-        message: "碳资产管理_true",
+        message: `${name}_true`,
       });
     },
     go1() {
@@ -73,6 +73,7 @@ export default {
       this.flag4 = true;
       this.flag5 = true;
       this.flag6 = true;
+      this.sendMessageToCSharp("生产工艺");
       // this.$router.push(
       //   "/znywjk",
       //   () => {},
@@ -86,6 +87,7 @@ export default {
       this.flag4 = true;
       this.flag5 = true;
       this.flag6 = true;
+      this.sendMessageToCSharp("能源监测");
       this.$router.push(
         "/area",
         () => { },
@@ -99,6 +101,7 @@ export default {
       this.flag4 = true;
       this.flag5 = true;
       this.flag6 = true;
+      this.sendMessageToCSharp("负荷管理");
       this.$router.push(
         "/fhgl",
         () => { },
@@ -112,6 +115,7 @@ export default {
       this.flag4 = false;
       this.flag5 = true;
       this.flag6 = true;
+      this.sendMessageToCSharp("能效管理");
       this.$router.push(
         "/nxgl",
         () => { },
@@ -125,6 +129,7 @@ export default {
       this.flag4 = true;
       this.flag5 = false;
       this.flag6 = true;
+      this.sendMessageToCSharp("智能运维");
       this.$router.push(
         "/znyw",
         () => { },
@@ -138,6 +143,7 @@ export default {
       this.flag4 = true;
       this.flag5 = true;
       this.flag6 = false;
+      this.sendMessageToCSharp("碳资产管理");
       this.$router.push(
         "/tzcgl",
         () => { },
@@ -153,13 +159,12 @@ export default {
   padding: 0;
   border: none;
 }
-
 .content {
   width: 100%;
   height: 100%;
-  background-color: transparent !important;
   background: url(../assets/img/标题.png);
   background-size: cover;
+  background-color: transparent;
 
   .box1 {
     position: absolute;
@@ -175,7 +180,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
@@ -196,7 +201,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
@@ -217,7 +222,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
@@ -238,7 +243,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
@@ -259,7 +264,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
@@ -280,7 +285,7 @@ export default {
       width: 216px;
       height: 46px;
       font-size: 50px;
-      font-family: FZZhengHeiS-B-GB;
+      font-family: "FZZhengHeiS-B-GB";
       font-weight: 400;
       color: #ffffff;
       line-height: 20px;
diff --git a/src/views/lll/AREA.vue b/src/views/lll/AREA.vue
index 3aa774a..6201aa0 100644
--- a/src/views/lll/AREA.vue
+++ b/src/views/lll/AREA.vue
@@ -9,11 +9,12 @@
           (dian = true),
             (shui = false),
             (mei = false),
-            $router.push(
-              '/area/nyjcd',
-              () => {},
-              () => {}
-            )
+            sendMessageToCSharp('能源监测_电');
+          $router.push(
+            '/area/nyjcd',
+            () => {},
+            () => {}
+          );
         "
       />
       <img src="../../assets/nyjc/电.png" alt="" v-show="dian" />
@@ -25,11 +26,12 @@
           (dian = false),
             (shui = true),
             (mei = false),
-            $router.push(
-              '/area/nyjcs',
-              () => {},
-              () => {}
-            )
+            sendMessageToCSharp('能源监测_水');
+          $router.push(
+            '/area/nyjcs',
+            () => {},
+            () => {}
+          );
         "
       />
       <img src="../../assets/nyjc/水.png" alt="" v-show="shui" />
@@ -41,11 +43,12 @@
           (dian = false),
             (shui = false),
             (mei = true),
-            $router.push(
-              '/area/nyjcm',
-              () => {},
-              () => {}
-            )
+            sendMessageToCSharp('能源监测_煤');
+          $router.push(
+            '/area/nyjcm',
+            () => {},
+            () => {}
+          );
         "
       />
       <img src="../../assets/nyjc/煤.png" alt="" v-show="mei" />
@@ -64,6 +67,14 @@ export default {
       mei: false,
     };
   },
+  methods: {
+    sendMessageToCSharp(name) {
+      window.vuplex.postMessage({
+        type: "Tog",
+        message: `${name}_true`,
+      });
+    },
+  },
 };
 </script>
 <style scoped lang="less">
diff --git a/src/views/lll/NYJCD.vue b/src/views/lll/NYJCD.vue
index a832213..cd44b8d 100644
--- a/src/views/lll/NYJCD.vue
+++ b/src/views/lll/NYJCD.vue
@@ -336,9 +336,16 @@ export default {
       var myChart = this.$echarts.init(chartDom);
       myChart.setOption(option);
     },
+    sendMessageToCSharp(name) {
+      window.vuplex.postMessage({
+        type: "Tog",
+        message: `${name}_true`,
+      });
+    },
     goOne(a) {
       this.click2 = "";
       this.click1 = a;
+      this.sendMessageToCSharp(this.click1);
       if (this.click1 == "配电室") {
         this.$router.replace(
           "/area/nyjcd/pds",
@@ -356,6 +363,7 @@ export default {
     goTwo(a) {
       this.click1 = "";
       this.click2 = a;
+      this.sendMessageToCSharp(this.click2);
       this.$router.replace(
         `/area/nyjcd/scx1?type=${this.click2}`,
         () => {},