分屏对比数据

src/views/LandConsolidation/components/qhdb.vue

@@ -49,9 +49,9 @@ export default {
     return {
       // loading: false,
       jdData: {
-        legend_data: ["整治前", "整治后", "变化率"],
+        legend_data: ["整治前", "整治后", "变化面积"],
         x_data: [],
-        yAxis: [{ name: "面积（公顷）" }, { name: "变化面积（公顷）" }],
+        yAxis: [{ name: "面积（km²）" }, { name: "变化面积（km²）" }],
         legendmap: [{ type: "bar" }, { type: "bar" }, { type: "line" }],
         params: {},
         region: "",
@@ -67,6 +67,7 @@ export default {
       ],
       tab1: 0,
       tab: "sd",
+      dbdata: {},
     };
   },
   components: {
@@ -76,7 +77,7 @@ export default {
   mounted() {},
   methods: {
     contrast() {
-      this.$emit("contrast");
+      this.$emit("contrast", this.dbdata);
     },
     changeData(name, updata) {
       this[name] = updata;
@@ -99,6 +100,7 @@ export default {
         jscType: `qytuzz_sdzl_tdlyqhdb_dlbh_${this.tab}`,
         id: this.region,
       }).then((res) => {
+        this.dbdata = { fp: res.data };
         res.data.forEach((jdData) => {
           this.jdData.x_data.push(jdData.dlbmmc);
           this.jdData.result[0].push(jdData.qtbdlmj.toFixed(2));
@@ -106,6 +108,7 @@ export default {
           this.jdData.result[2].push(jdData.bhl.toFixed(2));
         });
         this.setEchart(this.jdData, 1);
+
         // this.loading = false;
       });
     },

src/views/LandConsolidation/index.vue

@@ -45,7 +45,7 @@
           <List
             @updateParent="changeData"
             @cockpit="cockpit"
-            @contrast="iscontrast = true"
+            @contrast="goContrast"
             ref="list"
             v-show="activeIndex == 1"
           ></List>
@@ -66,7 +66,7 @@
         <div class="xz_box">
           <Qhdb
             @updateParent="changeData"
-            @contrast="iscontrast = true"
+            @contrast="goContrast"
             ref="qhdb"
           ></Qhdb>
         </div>
@@ -88,7 +88,11 @@
       </div>
     </div>
     <Details ref="detailModal" @goxzgd="goxzgd"></Details>
-    <Contrast ref="contrastModal" v-if="iscontrast"></Contrast>
+    <Contrast
+      ref="contrastModal"
+      v-show="iscontrast"
+      @close="iscontrast = false"
+    ></Contrast>
     <RzDtails
       :rzBsm="rzBsm"
       :rzMc="nowObj.xmmc"
@@ -184,7 +188,10 @@ export default {
     changeData(name, updata) {
       this[name] = updata;
     },
-
+    goContrast(dbdata) {
+      this.iscontrast = true;
+      this.$refs.contrastModal.show(dbdata);
+    },
     rzClose() {
       this.$refs.preCheck.rzClose();
     },
@@ -193,7 +200,7 @@ export default {
     },
     regionChange() {
       this.onClick(this.activeIndex);
-      this.$refs.detailModal.closeInster()
+      this.$refs.detailModal.closeInster();
     },
     cockpit() {
       //驾驶舱矢量数据点选查询