From 1c4794c5c1e90905ca66a6124cfcc8ad679f4bca Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 14 Mar 2025 04:34:00 +0100
Subject: [PATCH] =?UTF-8?q?feat:=E5=9C=9F=E5=9C=B0=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E5=88=86=E6=9E=90=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/apis/statisticAnalysis.js             | 17 ++++++
 .../resource/statisticAnalysis/land/index.vue | 60 +++++++++++++++----
 2 files changed, 67 insertions(+), 10 deletions(-)
 create mode 100644 sub-government-affairs-service/src/apis/statisticAnalysis.js

diff --git a/sub-government-affairs-service/src/apis/statisticAnalysis.js b/sub-government-affairs-service/src/apis/statisticAnalysis.js
new file mode 100644
index 0000000..f2d640e
--- /dev/null
+++ b/sub-government-affairs-service/src/apis/statisticAnalysis.js
@@ -0,0 +1,17 @@
+import request from '@/utils/axios';
+
+// 作物种植结构
+export function GetCropData(params = {}) {
+  return request('/land-resource/TotalAnalysis/cropPlan', {
+    method: 'GET',
+    params,
+  });
+}
+
+// 土地用途分析
+export function GetLandData(params = {}) {
+  return request('/land-resource/TotalAnalysis/landAnalysis', {
+    method: 'GET',
+    params,
+  });
+}
diff --git a/sub-government-affairs-service/src/views/resource/statisticAnalysis/land/index.vue b/sub-government-affairs-service/src/views/resource/statisticAnalysis/land/index.vue
index 13b17af..fedab7b 100644
--- a/sub-government-affairs-service/src/views/resource/statisticAnalysis/land/index.vue
+++ b/sub-government-affairs-service/src/views/resource/statisticAnalysis/land/index.vue
@@ -25,7 +25,10 @@
 
 <script setup>
 import { reactive } from 'vue';
+import { useApp } from '@/hooks';
+import { GetCropData, GetLandData } from '@/apis/statisticAnalysis';
 
+const app = useApp();
 const state = reactive({
   landOption: {
     color: ['#3685fe', '#41b879', '#ffd500'],
@@ -36,7 +39,7 @@ const state = reactive({
       },
     },
     legend: {
-      data: ['耕地', '林地', '建设用地'],
+      // data: ['耕地', '林地', '建设用地'],
     },
     label: {
       color: '#333',
@@ -53,9 +56,9 @@ const state = reactive({
     ],
   },
   landData: [
-    { value: 100, name: '耕地' },
-    { value: 105, name: '林地' },
-    { value: 217, name: '建设用地' },
+    // { value: 100, name: '耕地' },
+    // { value: 105, name: '林地' },
+    // { value: 217, name: '建设用地' },
   ],
   cropOption: {
     title: {
@@ -66,7 +69,7 @@ const state = reactive({
     },
     xAxis: {
       type: 'category',
-      data: ['土豆', '西红柿', '玉米', '花生', '水稻'],
+      // data: ['土豆', '西红柿', '玉米', '花生', '水稻'],
     },
     yAxis: {
       type: 'value',
@@ -84,11 +87,11 @@ const state = reactive({
     },
   },
   cropData: [
-    { value: 230, name: '土豆' },
-    { value: 165, name: '西红柿' },
-    { value: 217, name: '玉米' },
-    { value: 200, name: '花生' },
-    { value: 305, name: '水稻' },
+    // { value: 230, name: '土豆' },
+    // { value: 165, name: '西红柿' },
+    // { value: 217, name: '玉米' },
+    // { value: 200, name: '花生' },
+    // { value: 305, name: '水稻' },
   ],
   landTrendOption: {
     color: ['#3685fe', '#41b879', '#ffd500'],
@@ -173,6 +176,43 @@ const state = reactive({
     },
   ],
 });
+
+// 加载
+const loadData = () => {
+  state.loading = true;
+  GetCropData()
+    .then((res) => {
+      if (res.code === 200) {
+        state.cropData = res.data.map((item) => {
+          return {
+            name: item.crop,
+            value: item.area,
+          };
+        });
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+    });
+
+  GetLandData()
+    .then((res) => {
+      console.log(res);
+      if (res.code === 200) {
+        state.landData = res.data.map((item) => {
+          return {
+            name: item.landType,
+            value: item.area,
+          };
+        });
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+    });
+};
+
+loadData();
 </script>
 <style lang="scss" scoped>
 .analysis {