新增耕地

src/views/LandConsolidation/components/preCheck.vue

@@ -1,7 +1,6 @@
 <!--合规性分析-->
 <template>
   <div class="preCheck">
-    {{ activeTabs }}
     <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch>
       <el-tab-pane label="整治预检" name="check">
         <Check

src/views/LandConsolidation/components/xzgd.vue

@@ -1,6 +1,10 @@
 <template>
-  <div class="sdgk">
+  <div class="xzgd">
     <div class="tdTitle">新增耕地（XXX项目）</div>
+    <span class="clearBtn" @click="cockpit">
+      <i class="el-icon-thumb"></i>
+      图斑详情查询
+    </span>
     <div class="content sdata">
       <div class="item" v-for="(sd, index) in sdlist" :key="index">
         <div class="text">
@@ -10,29 +14,32 @@
         </div>
       </div>
     </div>
-    <div class="echars">
-      <div class="echartTitle">
-        <div class="block-title">新增耕地</div>
+    <div class="echartlist">
+      <div class="echars">
+        <div class="echartTitle">
+          <div class="block-title">新增耕地</div>
+        </div>
+        <pie unit="亩" class="pie_echart" ref="echartRef0"></pie>
       </div>
-      <pie unit="亩" class="pie_echart" ref="echartRef0"></pie>
-    </div>
-    <div class="echars">
-      <div class="echartTitle">
-        <div class="block-title">新增耕地来源</div>
+      <div class="echars">
+        <div class="echartTitle">
+          <div class="block-title">新增耕地来源</div>
+        </div>
+        <pie unit="亩" class="pie_echart" ref="echartRef1"></pie>
       </div>
-      <pie unit="亩" class="pie_echart" ref="echartRef1"></pie>
-    </div>
-    <div class="echars">
-      <div class="echartTitle">
-        <div class="block-title">新增耕地来源流向</div>
+      <div class="echars">
+        <div class="echartTitle">
+          <div class="block-title">新增耕地来源流向</div>
+        </div>
+        <sankey class="echart" ref="echartRef2"></sankey>
       </div>
-      <sankey class="echart" ref="echartRef2"></sankey>
     </div>
   </div>
 </template>
 
 <script>
 import pie from "@/components/echartsTemplate/pie.vue";
+import sankey from "@/components/echartsTemplate/sankey.vue";
 import { overview, district, reason } from "@/api/Idleland.js";
 export default {
   props: {},
@@ -49,11 +56,15 @@ export default {
   },
   components: {
     pie,
+    sankey,
   },
   mounted() {
     this.getData();
   },
   methods: {
+    cockpit() {
+      this.$emit("cockpit");
+    },
     changeData(name, updata) {
       this[name] = updata;
     },
@@ -127,7 +138,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.sdgk {
+.xzgd {
   height: 100%;
   .content {
     width: 100%;
@@ -172,35 +183,18 @@ export default {
   .sdata {
     height: 50px;
   }
-  .ztzc {
-    height: 30px;
-    line-height: 30px;
-    font-size: 16px;
-    margin-top: 10px;
-  }
-  .tzcontent {
-    height: 100px;
-  }
-
   .echartlist {
     width: 100%;
-    height: calc(100% - 120px);
+    height: calc(100% - 50px);
     overflow-y: auto;
     overflow-x: hidden;
-    .block-title {
-      width: calc(100% - 130px) !important;
-    }
   }
   .echart {
     height: 200px !important;
   }
   .pie_echart {
     width: 400px;
-    height: 180px;
-  }
-  .tzdiv {
-    height: 20px;
-    margin: 5px 20px;
+    height: 160px;
   }
 }
 </style>