feat:首页新增饼状图和调整部分样式

 <template>
 <template>
   <div v-show="dataSeries.length" ref="chartRef" :style="{ height, width }"></div>
   <div v-show="dataSeries.length" ref="chartRef" :style="{ height, width }"></div>
-  <div v-show="!dataSeries.length"><Empty :image="Empty.PRESENTED_IMAGE_SIMPLE" /></div>
+  <div class="empty-box" v-show="!dataSeries.length"
+    ><Empty :image="Empty.PRESENTED_IMAGE_SIMPLE"
+  /></div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, onMounted, toRefs } from 'vue';
   import { defineComponent, PropType, ref, Ref, onMounted, toRefs } from 'vue';
@@ -72,3 +74,11 @@
     },
     },
   });
   });
 </script>
 </script>
+
+<style>
+  .empty-box {
+    display: flex;
+    align-items: center;
+    margin: 0 120px;
+  }
+</style>