临时跳着哦那个

src/App.vue

@@ -489,7 +489,7 @@ export default {
     right: 0;
     bottom: 0;
     z-index: 999;
-    background: rgba(0, 0, 0, 0.2);
+    background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -511,6 +511,8 @@ export default {
       .btn1 {
         background: rgba(255, 255, 255, 0.2);
         transform: scale(1.5);
+        border: 1px solid #737780;
+        border-radius: 5px;
       }
     }
   }

src/views/anfang.vue

@@ -10,61 +10,59 @@
       </div>
       <div class="right">
         <div class="title-box">
-          <div class="title">设备列表</div>
+          <div class="title">巡检路线</div>
           <div class="style-line"></div>
         </div>
-        <div class="option-box option-box1">
-          <!-- <div class="btn3 active2">SXT-121</div> -->
+        <div class="option-box">
           <div
-            class="btn2"
-            :class="{ active: monitorIndex == index }"
-            v-for="(item, index) in optionsList"
-            :key="index + 'list'"
-            @click="monitorChange(index)"
+            class="btn3"
+            :class="{ active: roadActiveIndex == index }"
+            v-for="(item, index) in roadList"
+            :key="index + 'c'"
+            @click="roadClick(index)"
           >
-            {{ item.monitorName }}
+            {{ item.lineName }}
           </div>
         </div>
-      </div>
-    </div>
-    <div class="bottom">
-      <div class="title-box">
-        <div class="title">设备类型</div>
-        <div class="style-line"></div>
-      </div>
-      <div class="option-box">
-        <div
-          class="btn3"
-          :class="{ active: optionActiveIndex == index }"
-          v-for="(item, index) in options"
-          :key="index + 'b'"
-          @click="changeOption(index)"
-        >
-          {{ item }}
+        <div class="option-box operation-box">
+          <div class="btn2" @click="editRoad">编辑</div>
+          <div class="btn2" @click="addRoad">新增</div>
+        </div>
+        <div class="title-box">
+          <div class="title">设备类型</div>
+          <div class="style-line"></div>
+        </div>
+        <div class="option-box">
+          <div
+            class="btn3"
+            :class="{ active: optionActiveIndex == index }"
+            v-for="(item, index) in options"
+            :key="index + 'b'"
+            @click="changeOption(index)"
+          >
+            {{ item }}
+          </div>
         </div>
       </div>
     </div>
     <div class="bottom">
       <div class="title-box">
-        <div class="title">巡检路线</div>
+        <div class="title">设备列表</div>
         <div class="style-line"></div>
       </div>
-      <div class="option-box">
+      <div class="option-box option-box1">
         <div
-          class="btn3"
-          :class="{ active: roadActiveIndex == index }"
-          v-for="(item, index) in roadList"
-          :key="index + 'c'"
-          @click="roadClick(index)"
+          class="btn2"
+          :class="{ active: monitorIndex == index }"
+          v-for="(item, index) in optionsList"
+          :key="index + 'list'"
+          @click="monitorChange(index)"
         >
-          {{ item.lineName }}
+          {{ item.monitorName }}
         </div>
       </div>
-      <div class="option-box operation-box">
-        <div class="btn2" @click="editRoad">编辑</div>
-        <div class="btn2" @click="addRoad">新增</div>
-      </div>
     </div>
+
     <div class="pop-box" v-if="showPop">
       <div class="bg"></div>
       <div class="pop">
@@ -413,15 +411,16 @@ export default {
   }
   .option-box1 {
     flex-wrap: wrap;
-    max-height: 240px;
+    max-height: 170px;
     overflow-y: auto;
     > div {
       width: 170px !important;
       margin-bottom: 10px;
+      font-size: 12px;
     }
   }
   .operation-box {
-    margin-top: -35px;
+    margin-top: 15px;
     flex-flow: row-reverse;
     > div {
       transform-origin: center;

src/views/dianti.vue

@@ -24,13 +24,13 @@
       </div>
       <div class="submit-box">
         <div
-          class="btn3"
+          class="btn2"
           :class="{ active: activeIndex2 == index }"
           @click="changeBuild2(index)"
           v-for="(item, index) in btnList2"
           :key="index + 'a'"
         >
-          {{ item.monitorName }}
+          {{ item.monitorName.slice(4) }}
         </div>
       </div>
     </section>
@@ -66,7 +66,7 @@ export default {
       //       OSC地址：
       // 打开电梯弹窗 DT_TC_OPEN string
       // 关闭电梯弹窗 DT_TC_CLOSE bool
-      this.$axios.post("/osc/sendInt", {
+      this.$axios.post("/osc/sendString", {
         arg: JSON.stringify(this.btnList2[index]),
         name: "/DT_TC_OPEN",
       });
@@ -88,6 +88,8 @@ export default {
     > div {
       margin-right: 20px;
       margin-bottom: 18px;
+      width: 150px;
+      font-size: 12px;
     }
   }
 }

src/views/nengyuan.vue

@@ -10,7 +10,7 @@
       </div>
       <div class="right">
         <div class="title-box">
-          <div class="title">展示维度切换</div>
+          <div class="title">设备分类</div>
           <div class="style-line"></div>
         </div>
         <div class="option-box">

src/views/yunying.vue

@@ -9,7 +9,7 @@
         <div
           class="btn1"
           :class="{ active: index == activeIndex }"
-          @click="activeIndex = index"
+          @click="change1(index)"
           v-for="(item, index) in btnList"
           :key="index"
         >
@@ -132,6 +132,20 @@ export default {
       //   name: "/LC",
       // });
     },
+    change1(index) {
+      if (index == 2 && this.activeIndex != 2) {
+        this.$axios.post("/osc/sendInt", {
+          arg: true,
+          name: "/JGDB",
+        });
+      } else if (this.activeIndex == 2 && index != 2) {
+        this.$axios.post("/osc/sendInt", {
+          arg: false,
+          name: "/JGDB",
+        });
+      }
+      this.activeIndex = index;
+    },
   },
   watch: {
     buildActiveIndex(n) {