添加无人机巡查模块

src/views/farmlandProtection/indexNew.vue

@@ -5,10 +5,10 @@
       <div class="headerCheck" v-show="isHeader">
         <ul>
           <li
-            :class="{ liActive: i == activeIndex }"
-            v-for="(item, i) in checkList"
-            :key="i"
-            @click="onClick(i)"
+            :class="{ liActive: item.id == activeIndex }"
+            v-for="item in checkList"
+            :key="item.id"
+            @click="onClick(item.id)"
           >
             {{ item.title }}
           </li>
@@ -21,8 +21,13 @@
         @contrast="goContrast"
         @handleView="handleView"
       ></Gdzl>
-      <Jctb v-if="activeIndex == 2" ref="jctb" @updateParent="changeData"></Jctb>
+      <Jctb
+        v-if="activeIndex == 2"
+        ref="jctb"
+        @updateParent="changeData"
+      ></Jctb>
       <Fzyp v-if="activeIndex == 3"></Fzyp>
+      <Wrj v-if="activeIndex == 4"></Wrj>
     </div>
 
     <!-- <div
@@ -60,6 +65,7 @@ import Jctb from "./jctb/index.vue";
 import Details from "./gdzl/details.vue";
 import Contrast from "../LandConsolidation/components/contrast.vue";
 import Fzyp from "./index.vue";
+import Wrj from "./wrj/index.vue";
 import { legends } from "./config.js";
 import * as pick_cockpit_vector from "@/components/Query/clickQuery/pick_cockpit_vector.js";
 export default {
@@ -75,20 +81,22 @@ export default {
     // Xzgd,
     Contrast,
     Fzyp,
+    Wrj
   },
   data() {
     return {
-      isHeader:true,
+      isHeader: true,
       loading: false,
       drawer: false,
       xzqh: "",
       checkList: [
-        { title: "耕地" },
-        { title: "永久基本农田" },
-        { title: "监测图斑" },
-        { title: "辅助研判" },
+        { id: 0, title: "耕保一张图" },
+        // { title: "永久基本农田" },
+        { id: 2, title: "监测一张图" },
+        { id: 3, title: "辅助研判" },
+        { id: 4, title: "无人机巡查" },
       ],
-      activeIndex: 0,
+      activeIndex: 4,
       iscontrast: false,
       legends: legends,
     };
@@ -123,7 +131,7 @@ export default {
       this.iscontrast = false;
       this.$nextTick(() => {
         this.$refs.gdzl.sourcesshow(true);
-      })
+      });
     },
     handleView(row, type) {
       this.$refs.detailModal.handleView(row, type);