From 304be8b129314109e5f0e346fea8036a30e7f175 Mon Sep 17 00:00:00 2001
From: "2090205686@qq.com" <guoyongchao666>
Date: Thu, 22 May 2025 16:10:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=BF=E5=8A=A1=E4=BA=91=E6=99=BA=E6=85=A7?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F-=E9=83=A8=E5=88=86=E7=BB=86=E8=8A=82?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/components/businessThere.vue      | 18 +++++++++++-------
 .../src/views/land/components/basicInfo.vue    | 11 ++++++-----
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/new-digital-agriculture-screen/src/views/business/components/businessThere.vue b/new-digital-agriculture-screen/src/views/business/components/businessThere.vue
index 1fcb058..5e6f8f3 100644
--- a/new-digital-agriculture-screen/src/views/business/components/businessThere.vue
+++ b/new-digital-agriculture-screen/src/views/business/components/businessThere.vue
@@ -57,10 +57,10 @@ const series = types.map((type, idx) => {
     barGap: '0%', // 强制堆叠布局
     itemStyle: {
       color: colors[idx],
-      barBorderRadius: 8,
+      barBorderRadius: 0,
       shadowColor: colors[idx],
       // shadowBlur: 8,
-      shadowOffsetY: -16,
+      shadowOffsetY: 0,
     },
     label: {
       // 添加标签配置
@@ -70,16 +70,18 @@ const series = types.map((type, idx) => {
       backgroundColor: 'rgba(255,255,255,0.7)', // 白色背景
       padding: [2, 4],
       borderRadius: 4,
-      formatter: '{@value}万亩',
       z: 100,
       normal: {
         show: true,
         position: 'inside',
-        formatter: '{c}%',
+        formatter: '{c}万亩',
       },
     },
+    silent: true, // 禁用所有交互效果
+    animation: false, // 禁用动画
     emphasis: {
       focus: 'series',
+      disabled: true, // 禁用高亮效果
     },
     z: 100 - idx,
     data: towns.map((town) => {
@@ -96,8 +98,10 @@ const state = reactive({
     legend: {
       data: types,
       textStyle: {
-        color: '#ccc',
+        color: '#fff',
       },
+      selectedMode: false, // 禁用图例切换功能
+      inactiveColor: '#fff', // 设置非激活状态颜色（保持原色）
     },
     grid: {
       top: '15%',
@@ -117,7 +121,7 @@ const state = reactive({
     },
     yAxis: {
       type: 'category', // 分类轴（横向条形图的标签）
-      data: [120, 230, 152, 136, 145, 17], // 分类数据放在 yAxis
+      data: towns, // 分类数据放在 yAxis
       axisTick: { show: false }, // 隐藏刻度线
     },
     color: colors,
@@ -128,7 +132,7 @@ const state = reactive({
       axisPointer: {
         type: 'shadow',
       },
-      backgroundColor: 'rgba(0,0,0,0.6);',
+      backgroundColor: 'rgba(0,0,0,0);',
       borderColor: '#35d0c0',
       borderRadius: 8,
       formatter: (params) => `
diff --git a/new-digital-agriculture-screen/src/views/land/components/basicInfo.vue b/new-digital-agriculture-screen/src/views/land/components/basicInfo.vue
index ae246de..196197f 100644
--- a/new-digital-agriculture-screen/src/views/land/components/basicInfo.vue
+++ b/new-digital-agriculture-screen/src/views/land/components/basicInfo.vue
@@ -33,26 +33,27 @@ const props = defineProps({
 .basic {
   width: 100%;
   margin-top: 10px;
-  height: 100%;
+  height: 95%;
   border: 2px solid #01fefd;
   border-radius: 16px;
   backdrop-filter: blur(2px);
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-start;
   color: #ffffff;
   padding: 20px;
   .line {
     display: flex;
     justify-content: space-between;
     text-align: left;
-    line-height: 20px;
+    line-height: 50px;
     .title {
-      font-size: 16px;
+      font-size: 14px;
       width: 40%;
+      color: #ddd;
     }
     .values {
-      font-size: 20px;
+      font-size: 16px;
       width: 60%;
     }
   }