diff --git a/src/views/inputs/index.vue b/src/views/inputs/index.vue
index 6f642e1..7ded830 100644
--- a/src/views/inputs/index.vue
+++ b/src/views/inputs/index.vue
@@ -1,57 +1,55 @@
 <template>
-  <div class="data-home-index">
-    <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>
+  <el-row class="data-home-index">
+    <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>
 <script setup>
 import centerMap from '@/components/centerMap.vue';
@@ -64,6 +62,9 @@ import inputsType from './components/inputsType.vue';
 </script>
 <style lang="scss" scoped>
 .data-home-index {
+  width: 100%;
+  height: 100%;
+
   .left-charts {
     display: flex;
     justify-content: space-around;