联调检测图斑总览接口并显示

src/views/farmlandProtection/components/jclxqk.vue

@@ -41,7 +41,7 @@
             <span style="color: #fff">监测图斑数</span>
           </div>
           <div>
-            <span class="numberColor">{{ 158.38 }}km²</span>
+            <span class="numberColor">{{ sdata.jcgs }}个</span>
           </div>
         </div>
       </div>
@@ -57,7 +57,7 @@
             <span style="color: #fff">监测面积</span>
           </div>
           <div>
-            <span class="numberColor">{{ 153.17 }}km²</span>
+            <span class="numberColor">{{  sdata.jcmj }}km²</span>
           </div>
         </div>
       </div>
@@ -106,13 +106,14 @@ export default {
   },
   data() {
     return {
-      region:'4602',
+      region: "4602",
       xzqTreeData: [], //申请范围
       tab: 1,
       options: [
         { name: "图斑数", value: 1 },
         { name: "监测面积", value: 2 },
       ],
+      sdata: {},
       myChart: null,
       cityList: [
         {
@@ -204,7 +205,7 @@ export default {
   mounted() {
     this.initEcharts();
     this.getXzqTreeData();
-    this.GetCityList()
+    this.getData();
   },
   methods: {
     getXzqTreeData() {
@@ -221,6 +222,20 @@ export default {
         }
       });
     },
+    getData() {
+      this.getzl();
+      this.GetCityList();
+    },
+    async getzl() {
+      let sdres = await QueryOne({
+        jscType: "t_gdbh_jctb_tbzl",
+        id: this.region,
+        val0: "2024-02-17 00:00:00",
+        val1: "2024-12-31 23:59:59",
+        val2: "",
+      });
+      this.sdata = sdres.data;
+    },
     async GetCityList() {
       this.cityList = [];
       let flres = await QueryList({