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>