From 96b4812e475651fe1e832863e6491e5c0b6919bd Mon Sep 17 00:00:00 2001
From: 13713575202 <1345916905@qq.com>
Date: Fri, 25 Apr 2025 09:05:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=8E=9F=E6=9D=A5=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/breed/index.vue    | 152 +++++++++++++++++------------------
 src/views/early/index.vue    |  92 ++++++++++-----------
 src/views/entities/index.vue | 106 ++++++++++++------------
 src/views/inputs/index.vue   | 106 ++++++++++++------------
 src/views/plant/index.vue    | 152 +++++++++++++++++------------------
 src/views/trace/index.vue    | 106 ++++++++++++------------
 6 files changed, 345 insertions(+), 369 deletions(-)

diff --git a/src/views/breed/index.vue b/src/views/breed/index.vue
index c85c5a5..34b144e 100644
--- a/src/views/breed/index.vue
+++ b/src/views/breed/index.vue
@@ -1,88 +1,84 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'breed'" top-title="智慧养殖管理系统">
-      <template #center>
-        <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>
-                  <InventoryCharts></InventoryCharts>
-                </template>
-              </customBack>
+    <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>
+              <InventoryCharts></InventoryCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="饲料与饮水量监测" :top-postion="'left'">
+            <template #back>
+              <waterIntakeCharts></waterIntakeCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="生长指标监测" :top-postion="'left'">
+            <template #back>
+              <growthIndexesCharts></growthIndexesCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+      <el-col :span="12" style="height: 100%">
+        <el-row style="height: 67%">
+          <el-col :span="24" class="center-top" style="height: 100%">
+            <div class="notice">
+              <noticeBar :height="'40px'"></noticeBar>
             </div>
-            <div class="left-charts-item">
-              <customBack top-title="饲料与饮水量监测" :top-postion="'left'">
-                <template #back>
-                  <waterIntakeCharts></waterIntakeCharts>
-                </template>
-              </customBack>
+            <div class="top">
+              <environment></environment>
             </div>
-            <div class="left-charts-item">
-              <customBack top-title="生长指标监测" :top-postion="'left'">
-                <template #back>
-                  <growthIndexesCharts></growthIndexesCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-          <el-col :span="12" style="height: 100%">
-            <el-row style="height: 67%">
-              <el-col :span="24" class="center-top" style="height: 100%">
-                <div class="notice">
-                  <noticeBar :height="'40px'"></noticeBar>
-                </div>
-                <div class="top">
-                  <environment></environment>
-                </div>
-                <div class="map-gis">
-                  <plantgs></plantgs>
-                </div>
-              </el-col>
-            </el-row>
-            <el-row style="height: 33%" :gutter="30">
-              <el-col :span="12" style="height: 100%">
-                <customBack top-title="健康状况指标" :top-postion="'left'">
-                  <template #back>
-                    <healthStatusCharts></healthStatusCharts>
-                  </template>
-                </customBack>
-              </el-col>
-              <el-col :span="12" style="height: 100%">
-                <customBack top-title="智慧投喂控制" :top-postion="'right'">
-                  <template #back>
-                    <irrigationCharts></irrigationCharts>
-                  </template>
-                </customBack>
-              </el-col>
-            </el-row>
-          </el-col>
-          <el-col :span="6" class="right-charts">
-            <div class="right-charts-item">
-              <customBack top-title="智慧监控" :top-postion="'right'">
-                <template #back>
-                  <monitoringScreen></monitoringScreen>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="生产性能与效益数额" :top-postion="'right'">
-                <template #back>
-                  <benefitCharts></benefitCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="设备数据统计" :top-postion="'right'">
-                <template #back>
-                  <deviceCharts></deviceCharts>
-                </template>
-              </customBack>
+            <div class="map-gis">
+              <plantgs></plantgs>
             </div>
           </el-col>
         </el-row>
-      </template>
-    </baseBg>
+        <el-row style="height: 33%" :gutter="30">
+          <el-col :span="12" style="height: 100%">
+            <customBack top-title="健康状况指标" :top-postion="'left'">
+              <template #back>
+                <healthStatusCharts></healthStatusCharts>
+              </template>
+            </customBack>
+          </el-col>
+          <el-col :span="12" style="height: 100%">
+            <customBack top-title="智慧投喂控制" :top-postion="'right'">
+              <template #back>
+                <irrigationCharts></irrigationCharts>
+              </template>
+            </customBack>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="6" class="right-charts">
+        <div class="right-charts-item">
+          <customBack top-title="智慧监控" :top-postion="'right'">
+            <template #back>
+              <monitoringScreen></monitoringScreen>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="生产性能与效益数额" :top-postion="'right'">
+            <template #back>
+              <benefitCharts></benefitCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="设备数据统计" :top-postion="'right'">
+            <template #back>
+              <deviceCharts></deviceCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>
diff --git a/src/views/early/index.vue b/src/views/early/index.vue
index b1a4120..a37da9d 100644
--- a/src/views/early/index.vue
+++ b/src/views/early/index.vue
@@ -1,53 +1,49 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'early'" top-title="产业预警管理系统">
-      <template #center>
-        <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>
-                  <popularFeelings></popularFeelings>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="追溯主体统计" :top-postion="'left'">
-                <template #back>
-                  <backToCharts></backToCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="追溯产品分类" :top-postion="'left'">
-                <template #back>
-                  <productTypeWordClould></productTypeWordClould>
-                </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" style="height: 67%">
-              <customBack top-title="农场品实时价格" :top-postion="'right'">
-                <template #back>
-                  <realTimePrice></realTimePrice>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item" style="height: 33%">
-              <customBack top-title="农产品价格数据分析" :top-postion="'right'">
-                <template #back>
-                  <priceCharts></priceCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-        </el-row>
-      </template>
-    </baseBg>
+    <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>
+              <popularFeelings></popularFeelings>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="追溯主体统计" :top-postion="'left'">
+            <template #back>
+              <backToCharts></backToCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="追溯产品分类" :top-postion="'left'">
+            <template #back>
+              <productTypeWordClould></productTypeWordClould>
+            </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" style="height: 67%">
+          <customBack top-title="农场品实时价格" :top-postion="'right'">
+            <template #back>
+              <realTimePrice></realTimePrice>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item" style="height: 33%">
+          <customBack top-title="农产品价格数据分析" :top-postion="'right'">
+            <template #back>
+              <priceCharts></priceCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>
diff --git a/src/views/entities/index.vue b/src/views/entities/index.vue
index 381a70e..9b68ef8 100644
--- a/src/views/entities/index.vue
+++ b/src/views/entities/index.vue
@@ -1,60 +1,56 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'entities'" top-title="生产经主体管理系统">
-      <template #center>
-        <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>
-                  <entitiesCategoryCharts></entitiesCategoryCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="各乡镇经营主体统计" :top-postion="'left'">
-                <template #back>
-                  <entitiesStatistics></entitiesStatistics>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="生产经营主体信息" :top-postion="'left'">
-                <template #back>
-                  <entitieslist></entitieslist>
-                </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>
-                  <categoryCharts></categoryCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="类目效益统计(亿元)" :top-postion="'right'">
-                <template #back>
-                  <benefitCharts></benefitCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="热门产品" :top-postion="'right'">
-                <template #back>
-                  <hotCharts></hotCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-        </el-row>
-      </template>
-    </baseBg>
+    <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>
+              <entitiesCategoryCharts></entitiesCategoryCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="各乡镇经营主体统计" :top-postion="'left'">
+            <template #back>
+              <entitiesStatistics></entitiesStatistics>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="生产经营主体信息" :top-postion="'left'">
+            <template #back>
+              <entitieslist></entitieslist>
+            </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>
+              <categoryCharts></categoryCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="类目效益统计(亿元)" :top-postion="'right'">
+            <template #back>
+              <benefitCharts></benefitCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="热门产品" :top-postion="'right'">
+            <template #back>
+              <hotCharts></hotCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>
diff --git a/src/views/inputs/index.vue b/src/views/inputs/index.vue
index e635767..255d418 100644
--- a/src/views/inputs/index.vue
+++ b/src/views/inputs/index.vue
@@ -1,60 +1,56 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'inputs'" top-title="投入品管理系统">
-      <template #center>
-        <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>
-                  <inputsType></inputsType>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="投入品生产企业统计" :top-postion="'left'">
-                <template #back>
-                  <inputsGmp></inputsGmp>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="种养殖数据统计" :top-postion="'left'">
-                <template #back>
-                  <landbreedCharts></landbreedCharts>
-                </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>
-                  <casesAlerts></casesAlerts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="投入品月度使用统计" :top-postion="'right'">
-                <template #back>
-                  <monthlyuseCharts></monthlyuseCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="投入品经销商分布" :top-postion="'right'">
-                <template #back>
-                  <dealerDistributionCharts></dealerDistributionCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-        </el-row>
-      </template>
-    </baseBg>
+    <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>
+              <inputsType></inputsType>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="投入品生产企业统计" :top-postion="'left'">
+            <template #back>
+              <inputsGmp></inputsGmp>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="种养殖数据统计" :top-postion="'left'">
+            <template #back>
+              <landbreedCharts></landbreedCharts>
+            </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>
+              <casesAlerts></casesAlerts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="投入品月度使用统计" :top-postion="'right'">
+            <template #back>
+              <monthlyuseCharts></monthlyuseCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="投入品经销商分布" :top-postion="'right'">
+            <template #back>
+              <dealerDistributionCharts></dealerDistributionCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>
diff --git a/src/views/plant/index.vue b/src/views/plant/index.vue
index a5dad90..a16da55 100644
--- a/src/views/plant/index.vue
+++ b/src/views/plant/index.vue
@@ -1,88 +1,84 @@
 <template>
   <div class="data-plant-index">
-    <baseBg :name-val="'plant'" top-title="智慧种植管理系统">
-      <template #center>
-        <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>
-                  <plantTypeCharts></plantTypeCharts>
-                </template>
-              </customBack>
+    <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>
+              <plantTypeCharts></plantTypeCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="昆虫害监测" :top-postion="'left'">
+            <template #back>
+              <insectPestsCharts></insectPestsCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="病理害监测" :top-postion="'left'">
+            <template #back>
+              <pathologyCharts></pathologyCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+      <el-col :span="12" style="height: 100%">
+        <el-row style="height: 67%">
+          <el-col :span="24" class="center-top" style="height: 100%">
+            <div class="notice">
+              <noticeBar :height="'40px'"></noticeBar>
             </div>
-            <div class="left-charts-item">
-              <customBack top-title="昆虫害监测" :top-postion="'left'">
-                <template #back>
-                  <insectPestsCharts></insectPestsCharts>
-                </template>
-              </customBack>
+            <div class="top">
+              <environment></environment>
             </div>
-            <div class="left-charts-item">
-              <customBack top-title="病理害监测" :top-postion="'left'">
-                <template #back>
-                  <pathologyCharts></pathologyCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-          <el-col :span="12" style="height: 100%">
-            <el-row style="height: 67%">
-              <el-col :span="24" class="center-top" style="height: 100%">
-                <div class="notice">
-                  <noticeBar :height="'40px'"></noticeBar>
-                </div>
-                <div class="top">
-                  <environment></environment>
-                </div>
-                <div class="map-gis">
-                  <plantgs></plantgs>
-                </div>
-              </el-col>
-            </el-row>
-            <el-row style="height: 33%" :gutter="30">
-              <el-col :span="12" style="height: 100%">
-                <customBack top-title="水肥检测分析" :top-postion="'left'">
-                  <template #back>
-                    <waterfertilizerCharts></waterfertilizerCharts>
-                  </template>
-                </customBack>
-              </el-col>
-              <el-col :span="12" style="height: 100%">
-                <customBack top-title="智慧水肥灌溉" :top-postion="'right'">
-                  <template #back>
-                    <irrigationCharts></irrigationCharts>
-                  </template>
-                </customBack>
-              </el-col>
-            </el-row>
-          </el-col>
-          <el-col :span="6" class="right-charts">
-            <div class="right-charts-item">
-              <customBack top-title="智慧监控 A区 QQI" :top-postion="'right'">
-                <template #back>
-                  <monitoringScreen></monitoringScreen>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="种植产量分析" :top-postion="'right'">
-                <template #back>
-                  <yieldCharts></yieldCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="水质检测分析" :top-postion="'right'">
-                <template #back>
-                  <waterdetectionCharts></waterdetectionCharts>
-                </template>
-              </customBack>
+            <div class="map-gis">
+              <plantgs></plantgs>
             </div>
           </el-col>
         </el-row>
-      </template>
-    </baseBg>
+        <el-row style="height: 33%" :gutter="30">
+          <el-col :span="12" style="height: 100%">
+            <customBack top-title="水肥检测分析" :top-postion="'left'">
+              <template #back>
+                <waterfertilizerCharts></waterfertilizerCharts>
+              </template>
+            </customBack>
+          </el-col>
+          <el-col :span="12" style="height: 100%">
+            <customBack top-title="智慧水肥灌溉" :top-postion="'right'">
+              <template #back>
+                <irrigationCharts></irrigationCharts>
+              </template>
+            </customBack>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="6" class="right-charts">
+        <div class="right-charts-item">
+          <customBack top-title="智慧监控 A区 QQI" :top-postion="'right'">
+            <template #back>
+              <monitoringScreen></monitoringScreen>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="种植产量分析" :top-postion="'right'">
+            <template #back>
+              <yieldCharts></yieldCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="水质检测分析" :top-postion="'right'">
+            <template #back>
+              <waterdetectionCharts></waterdetectionCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>
diff --git a/src/views/trace/index.vue b/src/views/trace/index.vue
index 82ee624..4377c7b 100644
--- a/src/views/trace/index.vue
+++ b/src/views/trace/index.vue
@@ -1,60 +1,56 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'trace'" top-title="全程溯源管理系统">
-      <template #center>
-        <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>
-                  <codeNumCharts></codeNumCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="追溯主体类型统计" :top-postion="'left'">
-                <template #back>
-                  <principalTypeCharts></principalTypeCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="追溯产品分类" :top-postion="'left'">
-                <template #back>
-                  <productTypeCharts></productTypeCharts>
-                </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>
-                  <mainPartCharts></mainPartCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="溯源码数据统计" :top-postion="'right'">
-                <template #back>
-                  <traceBarCharts></traceBarCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="最新溯源检测信息" :top-postion="'right'">
-                <template #back>
-                  <detectionCharts></detectionCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-        </el-row>
-      </template>
-    </baseBg>
+    <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>
+              <codeNumCharts></codeNumCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="追溯主体类型统计" :top-postion="'left'">
+            <template #back>
+              <principalTypeCharts></principalTypeCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="追溯产品分类" :top-postion="'left'">
+            <template #back>
+              <productTypeCharts></productTypeCharts>
+            </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>
+              <mainPartCharts></mainPartCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="溯源码数据统计" :top-postion="'right'">
+            <template #back>
+              <traceBarCharts></traceBarCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="最新溯源检测信息" :top-postion="'right'">
+            <template #back>
+              <detectionCharts></detectionCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>

From d0e78ef2b7ac64b24232e481fc7fc7181a016f4d Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 02:06:54 +0100
Subject: [PATCH 2/2] fix:router

---
 src/components/custom-rank-list/index.vue     |  9 +-
 src/router/index.js                           | 67 ++------------
 src/router/modules/demo.js                    | 12 +--
 src/router/modules/v2.js                      | 88 +++++++++----------
 src/views/land/components/landCirculation.vue | 62 ++++++-------
 5 files changed, 97 insertions(+), 141 deletions(-)

diff --git a/src/components/custom-rank-list/index.vue b/src/components/custom-rank-list/index.vue
index f0d5024..789c9d5 100644
--- a/src/components/custom-rank-list/index.vue
+++ b/src/components/custom-rank-list/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="`custom-rank-list rank-${type}`" :style="`color: ${textColor}`">
-    <div v-for="(item, i) in status.rows" :key="item.toString() + item.scroll" class="row-item" :style="`height: ${status.heights[i]}px;`">
+    <div
+      v-for="(item, i) in status.rows"
+      :key="item.toString() + item.scroll"
+      :class="`row-item row-item-${item.ranking}`"
+      :style="`height: ${status.heights[i]}px;`"
+    >
       <div class="ranking-info">
         <div class="rank" :style="`color: ${color};font-size: ${indexFontSize}px`">{{ indexPrefix }}{{ item.ranking }}</div>
         <div class="info-name" :style="`font-size: ${leftFontSize}px`" v-html="item.name" />
@@ -223,7 +228,7 @@ onUnmounted(() => {
       height: 2px;
       background: radial-gradient(rgb(40 248 255) 5%, transparent 80%);
       transform: translateX(-100%);
-      animation: shine 3s ease-in-out infinite alternate;
+      // animation: shine 3s ease-in-out infinite alternate;
     }
   }
 
diff --git a/src/router/index.js b/src/router/index.js
index 275def0..ca4ceee 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from 'vue-router';
 import Layout from '@/layouts/index.vue';
 
 import demoRouters from './modules/demo';
-import path from 'path-browserify';
 import v2 from './modules/v2';
 
 export const constantRoutes = [
@@ -22,67 +21,17 @@ export const constantRoutes = [
     path: '/',
     name: 'layout',
     component: Layout,
-    redirect: '/home',
+    redirect: '/v2/land',
     meta: { title: '首页', icon: 'House' },
-    // children: [
-    //   {
-    //     path: '/home',
-    //     component: () => import('@/views/home/index.vue'),
-    //     name: 'home',
-    //     meta: { title: '首页', icon: 'House' },
-    //   },
-    //   {
-    //     path: '/land',
-    //     component: () => import('@/views/land/index.vue'),
-    //     name: 'land',
-    //     meta: { title: '土地资源', icon: 'House' },
-    //   },
-    //   {
-    //     path: '/inputs',
-    //     name: 'inputs',
-    //     component: () => import('@/views/inputs/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/entities',
-    //     name: 'entities',
-    //     component: () => import('@/views/entities/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/breed',
-    //     name: 'breed',
-    //     component: () => import('@/views/breed/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/plant',
-    //     name: 'plant',
-    //     component: () => import('@/views/plant/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/trace',
-    //     name: 'trace',
-    //     component: () => import('@/views/trace/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/early',
-    //     name: 'early',
-    //     component: () => import('@/views/early/index.vue'),
-    //     hidden: true,
-    //   },
-    // ],
   },
-  ...demoRouters,
+  // ...demoRouters,
   v2,
-  {
-    path: '/test',
-    name: 'test',
-    component: () => import('@/views/test/index.vue'),
-    hidden: true,
-  },
+  // {
+  //   path: '/test',
+  //   name: 'test',
+  //   component: () => import('@/views/test/index.vue'),
+  //   hidden: true,
+  // },
 ];
 
 /**
diff --git a/src/router/modules/demo.js b/src/router/modules/demo.js
index f146968..909726e 100644
--- a/src/router/modules/demo.js
+++ b/src/router/modules/demo.js
@@ -3,9 +3,9 @@ import Layout from '@/layouts/index.vue';
 export default [
   {
     path: '/demo',
-    name: 'layout',
+    name: 'demo',
     component: Layout,
-    redirect: '/demo/scrollBoard',
+    redirect: '/scrollBoard',
     meta: { title: '案例', icon: 'document' },
     children: [
       {
@@ -21,10 +21,10 @@ export default [
         meta: { title: '滚动排名列表', icon: 'document' },
       },
       {
-        path: '/demo/test',
-        component: () => import('@/views/land/index.vue'),
-        name: 'demo-land',
-        meta: { title: '土地资源', icon: 'document' },
+        path: '/page',
+        component: () => import('@/views/demo/test.vue'),
+        name: 'page',
+        meta: { title: '测试', icon: 'document' },
       },
     ],
   },
diff --git a/src/router/modules/v2.js b/src/router/modules/v2.js
index 0e91c01..aa33c41 100644
--- a/src/router/modules/v2.js
+++ b/src/router/modules/v2.js
@@ -2,58 +2,58 @@ import Layout from '@/layouts/index.vue';
 
 export default {
   path: '/v2',
-  name: 'layout',
+  name: 'v2',
   component: Layout,
   redirect: '/v2/home',
   meta: { title: '首页', icon: 'House' },
   children: [
+    // {
+    //   path: '/v2/home',
+    //   component: () => import('@/views/home/index.vue'),
+    //   name: 'home',
+    //   meta: { title: '首页', icon: 'House' },
+    // },
     {
-      path: 'home',
-      component: () => import('@/views/home/index.vue'),
-      name: 'home',
-      meta: { title: '首页', icon: 'House' },
-    },
-    {
-      path: 'land',
+      path: '/v2/land',
       component: () => import('@/views/land/index.vue'),
       name: 'land',
       meta: { title: '土地资源', icon: 'House' },
     },
-    {
-      path: 'inputs',
-      name: 'inputs',
-      component: () => import('@/views/inputs/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'entities',
-      name: 'entities',
-      component: () => import('@/views/entities/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'breed',
-      name: 'breed',
-      component: () => import('@/views/breed/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'plant',
-      name: 'plant',
-      component: () => import('@/views/plant/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'trace',
-      name: 'trace',
-      component: () => import('@/views/trace/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'early',
-      name: 'early',
-      component: () => import('@/views/early/index.vue'),
-      hidden: true,
-    },
+    // {
+    //   path: 'inputs',
+    //   name: 'inputs',
+    //   component: () => import('@/views/inputs/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'entities',
+    //   name: 'entities',
+    //   component: () => import('@/views/entities/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'breed',
+    //   name: 'breed',
+    //   component: () => import('@/views/breed/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'plant',
+    //   name: 'plant',
+    //   component: () => import('@/views/plant/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'trace',
+    //   name: 'trace',
+    //   component: () => import('@/views/trace/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'early',
+    //   name: 'early',
+    //   component: () => import('@/views/early/index.vue'),
+    //   hidden: true,
+    // },
   ],
 };
diff --git a/src/views/land/components/landCirculation.vue b/src/views/land/components/landCirculation.vue
index c642cca..ea7b307 100644
--- a/src/views/land/components/landCirculation.vue
+++ b/src/views/land/components/landCirculation.vue
@@ -55,39 +55,41 @@ const options = ref({
       font-family: 'DingTalk JinBuTi, DingTalk JinBuTi-Regular';
       font-weight: 700;
     }
+  }
 
-    &:nth-child(1) {
-      .ranking-info {
-        color: #fe7f03 !important;
-      }
-      .ranking-value {
-        color: #fe7f03 !important;
-      }
-      .inside-column {
-        background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
-      }
+  &:deep(.row-item-1) {
+    .ranking-info {
+      color: #fe7f03 !important;
     }
-    &:nth-child(2) {
-      .ranking-info {
-        color: #fef906 !important;
-      }
-      .ranking-value {
-        color: #fef906 !important;
-      }
-      .inside-column {
-        background: linear-gradient(90deg, rgba(254, 249, 6, 0), #fef906) !important;
-      }
+    .ranking-value {
+      color: #fe7f03 !important;
     }
-    &:nth-child(3) {
-      .ranking-info {
-        color: #02fd94 !important;
-      }
-      .ranking-value {
-        color: #02fd94 !important;
-      }
-      .inside-column {
-        background: linear-gradient(90deg, rgba(2, 253, 148, 0), #02fd94) !important;
-      }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
+    }
+  }
+
+  &:deep(.row-item-2) {
+    .ranking-info {
+      color: #fef906 !important;
+    }
+    .ranking-value {
+      color: #fef906 !important;
+    }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(254, 249, 6, 0), #fef906) !important;
+    }
+  }
+
+  &:deep(.row-item-3) {
+    .ranking-info {
+      color: #02fd94 !important;
+    }
+    .ranking-value {
+      color: #02fd94 !important;
+    }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(2, 253, 148, 0), #02fd94) !important;
     }
   }
 }