优化细节

src/views/dashboard/Analysis.vue

@@ -72,7 +72,7 @@
           <a-radio-button value="SFLX00005">暖气费</a-radio-button>
         </a-radio-group>
       </div>
-      <div>
+      <div v-if="barData.length > 0">
         <bar :dataSource="barData" style="padding: 0;" />
       </div>
     </div>
@@ -82,12 +82,14 @@
         <div class="pay-cost t-box">
           <h3 class="box-title">报修统计</h3>
           <pie :dataSource="repairData" />
+          <div class="number"><p>全部报修 {{pageForm.repairTotal}}</p><p v-for="(item, index) in repairData" :key="index">{{ item.item }} {{ item.count }}</p></div>
         </div>
       </a-col>
       <a-col :sm="24" :md="12" :xl="12" :style="{ marginBottom: '24px' }">
         <div class="pay-cost t-box">
           <h3 class="box-title">投诉统计</h3>
           <pie :dataSource="complaintsData" />
+          <div class="number"><p>全部投诉 {{pageForm.complaintTotal}}</p><p v-for="(item, index) in complaintsData" :key="index">{{ item.item }} {{ item.count }}</p></div>
         </div>
       </a-col>
     </a-row>
@@ -152,13 +154,13 @@ export default {
         }
       })
       this.repairData = [
-        { item: '全部报修', count: result.repairTotal || 0 },
+        // { item: '全部报修', count: result.repairTotal || 0 },
         { item: '待派单', count: result.waitDispatch || 0 },
         { item: '维修中', count: result.inRepair || 0 },
         { item: '已完成', count: result.repairOver || 0 },
       ]
       this.complaintsData = [
-        { item: '全部投诉', count: result.complaintTotal || 0 },
+        // { item: '全部投诉', count: result.complaintTotal || 0 },
         { item: '待处理', count: result.waitHandle || 0 },
         { item: '已完成', count: result.complaintOver || 0 },
       ]
@@ -241,10 +243,10 @@ export default {
   line-height: 20px;
 }
 .pay-cost {
-  height: 340px;
+  height: 380px;
 }
 .announcement {
-  height: 340px;
+  height: 380px;
   .title {
     .ant-btn {
       float: right;
@@ -274,4 +276,14 @@ export default {
     margin-right: 20px;
   }
 }
+.number{
+  width: 80%;
+  margin: 0 10%;
+  display: flex;
+  justify-content: space-evenly;
+  p{
+    font-size: 14px;
+    margin: 0;
+  }
+}
 </style>
\ No newline at end of file