修改大屏和继续完善官网

datav/src/components/Alert.vue

@@ -353,6 +353,7 @@ export default {
               name: '智能耳标',
               type: 'bar',
               stack: 'total',
+              barWidth: '40%',
               data: currentEarTags,
               itemStyle: {
                 color: '#00d4ff'
@@ -362,6 +363,7 @@ export default {
               name: '智能项圈',
               type: 'bar',
               stack: 'total',
+              barWidth: '40%',
               data: currentCollars,
               itemStyle: {
                 color: '#0099cc'
@@ -371,6 +373,7 @@ export default {
               name: '主机',
               type: 'bar',
               stack: 'total',
+              barWidth: '40%',
               data: currentHosts,
               itemStyle: {
                 color: '#336699'

datav/src/components/Home.vue

@@ -134,7 +134,7 @@
         <h3> 牛只参保统计</h3>
       </div>
       <div class="insurance-stats">
-        <div class="insurance-circle">
+        <div class="insurance-circle" style="display: flex; align-items: center;">
           <v-chart 
             class="insurance-chart" 
             :option="insuranceChartOption" 
@@ -274,8 +274,14 @@ export default {
           axisLabel: {
             color: '#ffffff',
             fontSize: 10,
-            rotate: 0
-          }
+            rotate: 0,
+            margin: 10
+          },
+          axisTick: {
+            alignWithLabel: true,
+            show: true
+          },
+          boundaryGap: true
         },
         yAxis: {
           type: 'value',
@@ -299,32 +305,22 @@ export default {
             }
           }
         },
-        series: [
-          {
-            name: '口蹄疫防疫',
-            type: 'bar',
-            data: [32.67],
-            itemStyle: {
-              color: '#00ffff'
-            }
-          },
-          {
-            name: '猪瘟防疫',
-            type: 'bar',
-            data: [0, 20.3],
-            itemStyle: {
-              color: '#84acf0'
-            }
-          },
-          {
-            name: '其他类型防疫',
-            type: 'bar',
-            data: [0, 0, 1.91],
-            itemStyle: {
-              color: '#96ceb4'
+        series: [{
+          name: '防疫统计',
+          type: 'bar',
+          data: [
+            { value: 32.67, itemStyle: { color: '#00ffff' } },
+            { value: 20.3, itemStyle: { color: '#84acf0' } },
+            { value: 1.91, itemStyle: { color: '#96ceb4' } }
+          ],
+          barWidth: '30%',
+          itemStyle: {
+            color: function(params) {
+              const colors = ['#00ffff', '#84acf0', '#96ceb4'];
+              return colors[params.dataIndex];
             }
           }
-        ]
+        }]
       },
       // 出售统计柱状图配置
       salesChartOption: {
@@ -383,6 +379,7 @@ export default {
           name: '出售统计',
           type: 'bar',
           data: [3000, 3500, 400, 425, 450, 4750],
+          barWidth: '30%', 
           itemStyle: {
             color: '#00ffff'
           },
@@ -1062,12 +1059,13 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 10px;
-  min-width: 120px;
+  min-width: 100px;
+  padding-top: 20px;
 }
 
 .flip-card {
   background-color: transparent;
-  width: 120px;
+  width: 100px;
   height: 90px;
   perspective: 1000px;
 }
@@ -1139,7 +1137,7 @@ export default {
 .cattle-insurance-panel .insurance-stats {
   display: flex;
   align-items: center;
-  height: 250px;
+  height: 220px;
   padding: 10px 15px 15px 15px;
 }
 
@@ -1149,6 +1147,8 @@ export default {
   height: 120px;
   margin-right: 20px;
   flex-shrink: 0;
+  align-self: flex-start;
+  margin-top: 15px;
 }
 
 .insurance-chart {