From e6a7c077eee6b7c4f7c1c69dc4170e85adbbccb4 Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Thu, 24 Apr 2025 04:58:39 +0100
Subject: [PATCH] fix

---
 src/views/land/index.vue | 105 +++++++++++++++++++--------------------
 1 file changed, 51 insertions(+), 54 deletions(-)

diff --git a/src/views/land/index.vue b/src/views/land/index.vue
index 704a754..4e3511e 100644
--- a/src/views/land/index.vue
+++ b/src/views/land/index.vue
@@ -1,57 +1,55 @@
 <template>
-  <div class="data-home-index">
-    <el-row style="width: 100%; height: 100%">
-      <el-col :span="6" class="left-charts">
-        <div class="left-charts-item">
-          <customBack top-title="耕地面积统计" :top-postion="'left'">
-            <template #back>
-              <distributionCharts></distributionCharts>
-            </template>
-          </customBack>
-        </div>
-        <div class="left-charts-item">
-          <customBack top-title="农村土地资源" :top-postion="'left'">
-            <template #back>
-              <landCirculation></landCirculation>
-            </template>
-          </customBack>
-        </div>
-        <div class="left-charts-item">
-          <customBack top-title="项目效益分析" :top-postion="'left'">
-            <template #back>
-              <landPatrol></landPatrol>
-            </template>
-          </customBack>
-        </div>
-      </el-col>
-      <el-col :span="12">
-        <centerMap></centerMap>
-      </el-col>
-      <el-col :span="6" class="right-charts">
-        <div class="right-charts-item">
-          <customBack top-title="农用地数据统计" :top-postion="'right'">
-            <template #back>
-              <landuseCharts></landuseCharts>
-            </template>
-          </customBack>
-        </div>
-        <div class="right-charts-item">
-          <customBack top-title="年度农用地规划面积" :top-postion="'right'">
-            <template #back>
-              <landPlan></landPlan>
-            </template>
-          </customBack>
-        </div>
-        <div class="right-charts-item">
-          <customBack top-title="各地农用地利用面积" :top-postion="'right'">
-            <template #back>
-              <landareaCharts></landareaCharts>
-            </template>
-          </customBack>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
+  <el-row style="width: 100%; height: 100%" class="data-home-index">
+    <el-col :span="6" class="left-charts">
+      <div class="left-charts-item">
+        <customBack top-title="耕地面积统计" :top-postion="'left'">
+          <template #back>
+            <distributionCharts></distributionCharts>
+          </template>
+        </customBack>
+      </div>
+      <div class="left-charts-item">
+        <customBack top-title="农村土地资源" :top-postion="'left'">
+          <template #back>
+            <landCirculation></landCirculation>
+          </template>
+        </customBack>
+      </div>
+      <div class="left-charts-item">
+        <customBack top-title="项目效益分析" :top-postion="'left'">
+          <template #back>
+            <landPatrol></landPatrol>
+          </template>
+        </customBack>
+      </div>
+    </el-col>
+    <el-col :span="12">
+      <centerMap></centerMap>
+    </el-col>
+    <el-col :span="6" class="right-charts">
+      <div class="right-charts-item">
+        <customBack top-title="农用地数据统计" :top-postion="'right'">
+          <template #back>
+            <landuseCharts></landuseCharts>
+          </template>
+        </customBack>
+      </div>
+      <div class="right-charts-item">
+        <customBack top-title="年度农用地规划面积" :top-postion="'right'">
+          <template #back>
+            <landPlan></landPlan>
+          </template>
+        </customBack>
+      </div>
+      <div class="right-charts-item">
+        <customBack top-title="各地农用地利用面积" :top-postion="'right'">
+          <template #back>
+            <landareaCharts></landareaCharts>
+          </template>
+        </customBack>
+      </div>
+    </el-col>
+  </el-row>
 </template>
 <script setup>
 import centerMap from '@/components/centerMap.vue';
@@ -61,7 +59,6 @@ import landareaCharts from './components/landareaCharts.vue';
 import landCirculation from './components/landCirculation.vue';
 import landPlan from './components/landPlan.vue';
 import landPatrol from './components/landPatrol.vue';
-import { reactive } from 'vue';
 </script>
 <style lang="scss" scoped>
 .data-home-index {