完善部分界面

src/views/system/statistics/Personnel/index.vue

@@ -13,7 +13,7 @@
       <el-button>重置</el-button>
     </div>
     <el-row :gutter="20">
-      <el-col :span="8">
+      <el-col :lg="7" :xl="8">
         <div class="cardbox">
           <div>入住情况</div>
           <div class="cardbody" style="height: 200px">
@@ -27,7 +27,7 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :lg="9" :xl="8">
         <div class="cardbox">
           <div>住户分析情况</div>
           <div class="cardbody w-full" style="height: 150px">
@@ -35,7 +35,7 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :lg="8" :xl="8">
         <div class="cardbox">
           <div>男女比例</div>
           <div class="cardbody w-full" style="height: 150px">
@@ -44,21 +44,20 @@
         </div>
       </el-col>
     </el-row>
-    <div class="" style="height: 20px"></div>
-    <el-row :gutter="20">
-      <el-col :span="16">
+
+    <el-row style="margin-top: 20px" :gutter="20">
+      <el-col :lg="16" :xl="16">
         <div class="cardbox w-full" style="height: 400px">
           <Echarts :options="options3"></Echarts>
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :lg="8" :xl="8">
         <div class="cardbox w-full" style="height: 400px">
           <Echarts :options="options4"></Echarts>
         </div>
       </el-col>
     </el-row>
-    <div class="" style="height: 20px"></div>
-    <el-row>
+    <el-row style="margin-top: 20px">
       <el-col :span="24">
         <div class="cardbox w-full" style="height: 450px">
           <Echarts :options="flowLineOption"></Echarts>
@@ -103,9 +102,9 @@ const options = shallowRef<EChartsOption>({
       label: {
         show: true,
         position: 'center',
-        fontSize: 20,
+        fontSize: 18,
         fontWeight: 'bold',
-        formatter: '  85% \n\n 入住率'
+        formatter: '  85% \n 入住率'
       },
       data: [{ value: 85 }, { value: 15, itemStyle: { color: 'transparent' } }]
     }
@@ -461,6 +460,7 @@ const flowLineOption = shallowRef<EChartsOption>({
       justify-content: space-between;
       .card_leftbox {
         text-align: center;
+        margin-right: 20px;
         .labelbox {
           font-size: 16px;
         }