项目详情饼图展示优化

src/views/workManagement/projectInfo.vue

@@ -124,12 +124,16 @@
             <div class="box">
                 <div class="boxContentA">
                     <div class="chart">
-                        <div class="peiTitle">任务运行状态统计:</div>
-                        <pie-chart id="pieX"></pie-chart>
+                        <div class="pieTitle">任务运行状态统计:</div>
+                        <div class="pie">
+                            <pie-chart id="pieX"></pie-chart>
+                        </div>
                     </div>
                     <div class="chart">
-                        <div class="peiTitle">结果动态统计:</div>
-                        <pie-chart id="pieZ"></pie-chart>
+                        <div class="pieTitle">结果动态统计:</div>
+                        <div class="pie">
+                            <pie-chart id="pieZ"></pie-chart>
+                        </div>
                     </div>
                 </div>
                 <div>
@@ -432,14 +436,17 @@ export default {
 
         .chart {
             width: 50%;
-            height: calc(20vh);
 
-            .peiTitle {
+            .pieTitle {
                 padding: 0 0 30px;
                 text-align: center;
                 font-size: 16px;
                 font-weight: bold;
             }
+
+            .pie {
+                height: calc(30vh);
+            }
         }
     }
 }