优化首页的任务图

Author: ss1917

src/components/charts/pie.vue

@@ -45,7 +45,7 @@ export default {
             {
               type: 'pie',
               radius: '55%',
-              center: ['50%', '60%'],
+              center: ['68%', '60%'],
               data: this.value,
               itemStyle: {
                 emphasis: {

src/view/single-page/home/home.vue

@@ -113,7 +113,9 @@ export default {
       getTaskStatementlist().then(res => {
         if (res.data.code === 0) {
             const data = res.data.data
-            for (var item in data) {
+            // 切割下列表，历史任务可能有很多，限制到24个
+            const slice_data = data.slice(0,36)
+            for (var item in slice_data) {
               this.pieTaskData.push({
                 value: data[item].task_len,
                 name: data[item].task_type
@@ -130,7 +132,9 @@ export default {
       getTagList().then(res => {
         if (res.data.code === 0) {
             const data = res.data.data
-            for (var item in data) {
+            // 切割下列表，历史任务可能有很多，限制到24个
+            const slice_data = data.slice(0,36)
+            for (var item in slice_data) {
               this.pieCmdbData.push({
                 value: data[item].server_len,
                 name: data[item].tag_name
@@ -178,4 +182,4 @@ export default {
 .count-style{
   font-size: 50px;
 }
-</style>
+</style>