优化一部分

src/components/buildList.vue

@@ -38,8 +38,8 @@ export default {
   components: { gaojing },
   props: {
     osc: {
-      type: String || Number,
-      default: "10",
+      type: Number,
+      default: 10,
     },
   },
   data() {

src/views/anfang.vue

@@ -14,9 +14,19 @@
           <div class="style-line"></div>
         </div>
         <div class="option-box">
-          <div class="btn3 active">路线1</div>
-          <div class="btn3">路线2</div>
-          <div class="btn3">路线3</div>
+          <div
+            class="btn3"
+            :class="{ active: roadActiveIndex == index }"
+            v-for="(item, index) in roadList"
+            :key="index + 'c'"
+            @click="roadClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="option-box operation-box">
+          <div class="btn2">编辑</div>
+          <div class="btn2">新增</div>
         </div>
       </div>
     </div>
@@ -63,6 +73,8 @@ export default {
       optionActiveIndex: 0,
       osc: 11,
       oscName: "/EZ_AF",
+      roadList: ["路线1", "路线2", "路线3"],
+      roadActiveIndex: 0,
     };
   },
   methods: {
@@ -80,6 +92,9 @@ export default {
           });
         });
     },
+    roadClick(index) {
+      this.roadActiveIndex = index;
+    },
   },
 };
 </script>
@@ -138,6 +153,14 @@ export default {
       margin-right: 12px;
     }
   }
+  .operation-box {
+    margin-top: 15px;
+    flex-flow: row-reverse;
+    > div {
+      transform-origin: center;
+      transform: scale(0.8);
+    }
+  }
   .bottom {
     margin-top: 20px;
   }

src/views/tongxing.vue

@@ -51,15 +51,13 @@ export default {
       optionActiveIndex: 0,
     };
   },
-  created() {
-    this.init();
-  },
+  created() {},
   methods: {
     changeOption(index) {
       this.optionActiveIndex = index;
       this.$axios
         .post("/osc/sendInt", {
-          arg: 10,
+          arg: 15,
           name: "/YJ",
         })
         .then(() => {