From 970f72b375466951b910590c990c80cc9280f651 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Mon, 24 Aug 2020 18:49:24 +0800
Subject: [PATCH] =?UTF-8?q?the-list=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/e-charts/the-list.vue          | 112 ++---
 .../data-analysis/operation-overview.vue      | 420 ++++++++++--------
 src/pages/data-analysis/service-control.vue   | 356 ++++++++-------
 3 files changed, 479 insertions(+), 409 deletions(-)

diff --git a/src/components/e-charts/the-list.vue b/src/components/e-charts/the-list.vue
index 167578a..d5c6821 100644
--- a/src/components/e-charts/the-list.vue
+++ b/src/components/e-charts/the-list.vue
@@ -1,12 +1,25 @@
 <template>
-  <div class="top_list apaas_scroll" @mouseenter="mouseenter" @mouseleave="mouseleave">
+  <div
+    class="the_list apaas_scroll"
+    @mouseenter="mouseenter"
+    @mouseleave="mouseleave"
+  >
     <ul>
-      <li class="item" v-for="(item ,idx) in data" :key="idx">
-        <span :class="idx==0?'one':idx==1?'two':idx==2?'three':'lis'" class="pm">{{idx+1}}.</span>
-        <img :src="item.img" alt />
-        <p class="name">{{item.name}}</p>
-        <p class="init">{{item.init}}</p>
-        <span class="count">{{getCount(item.count)}}次</span>
+      <li class="item" v-for="(item, idx) in data" :key="idx">
+        <span
+          :class="
+            idx == 0 ? 'one' : idx == 1 ? 'two' : idx == 2 ? 'three' : 'lis'
+          "
+          class="pm"
+        >
+          {{ idx + 1 }}.
+        </span>
+        <img :src="item.img" />
+        <p class="text_clip">
+          <span class="name">{{ item.name }}</span><br>
+          <span class="init">{{ item.init }}</span>
+        </p>
+        <span class="count">{{ getCount(item.count) }}次</span>
       </li>
     </ul>
   </div>
@@ -18,15 +31,9 @@ export default {
     data: {
       type: Array,
       default() {
-        return [
-          {
-            name: "123",
-            init: "122222",
-            count: 1080
-          }
-        ];
-      }
-    }
+        return [];
+      },
+    },
   },
   data() {
     return {};
@@ -34,7 +41,7 @@ export default {
   methods: {
     getCount(val) {
       let a = val + "";
-      //   console.log((val + "").length);
+
       if (a.length > 3) {
         return a.substr(0, 1) + "," + a.substr(1);
       } else {
@@ -42,6 +49,7 @@ export default {
       }
     },
     autoScroll() {
+      return;
       if (this.timer) {
         clearInterval(this.timer);
       }
@@ -70,37 +78,36 @@ export default {
     },
     mouseleave() {
       this.autoScroll();
-    }
+    },
   },
   mounted() {
     this.autoScroll();
     window.addEventListener("resize", () => {
       this.autoScroll();
     });
-  }
+  },
+  destroyed() {
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
 };
 </script>
 
 <style scoped>
-.top_list {
+.the_list {
   overflow-x: hidden;
   overflow-y: auto;
 }
-li {
-  list-style: none;
-}
 .item {
   height: 50px;
-  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
 }
-.item img {
-  height: 35px;
-  width: 35px;
-  border-radius: 50%;
-  margin-left: 15px;
-  margin-top: 7px;
-}
-.item .pm {
+.item > .pm {
+  flex-shrink: 0;
   width: 14px;
   height: 12px;
   font-family: Arial-Black;
@@ -109,38 +116,37 @@ li {
   letter-spacing: 0px;
   font-weight: bold;
   font-size: 20px;
-  float: left;
-  margin-top: 12px;
 }
-.one {
+.item > .pm.one {
   color: #d9ac64;
 }
-.two {
+.item > .pm.two {
   color: #c4c4c0;
 }
-.three {
+.item > .pm.three {
   color: #ba6e40;
 }
-.lis {
+.item > .pm.lis {
   color: #333;
 }
-.item p {
-  display: inline-block;
+.item > img {
+  flex-shrink: 0;
+  height: 35px;
+  width: 35px;
+  border-radius: 50%;
+  margin-left: 15px;
 }
-.item .name {
-  position: absolute;
-  left: 85px;
+.item > p {
+  flex-grow: 1;
+  flex-shrink: 1;
+  margin-left: 10px;
 }
-.item .init {
-  position: absolute;
-  top: 25px;
-  left: 85px;
+.item > p > .init {
   color: #8890a7;
+  margin-top: 3px;
 }
-.item .count {
-  float: right;
-  margin-right: 25px;
-  margin-top: 15px;
+.item > .count {
+  flex-shrink: 0;
   height: 19px;
   font-family: ArialMT;
   font-size: 22px;
@@ -149,5 +155,7 @@ li {
   line-height: 17px;
   letter-spacing: 0px;
   color: #515fe7;
+  white-space: nowrap;
+  margin-left: 10px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/data-analysis/operation-overview.vue b/src/pages/data-analysis/operation-overview.vue
index 89debf7..19dbf16 100644
--- a/src/pages/data-analysis/operation-overview.vue
+++ b/src/pages/data-analysis/operation-overview.vue
@@ -2,21 +2,21 @@
   <div>
     <el-breadcrumb separator="/" class="bread_crumb1">
       <el-breadcrumb-item :to="{ path: '/data_analysis' }">
-        {{
-        $t("lang.data_analysis")
-        }}
+        {{ $t("lang.data_analysis") }}
       </el-breadcrumb-item>
       <el-breadcrumb-item>
-        {{
-        $t("运行概况")
-        }}
+        {{ $t("运行概况") }}
       </el-breadcrumb-item>
     </el-breadcrumb>
     <el-row>
       <el-col :span="6">
         <el-row>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="组织用户概况" class="block">
+            <block-radius
+              :show_header="true"
+              title="组织用户概况"
+              class="block"
+            >
               <div class="part">
                 <img src="../../assets/imgs/yxgk_ic_zuzhiyh.png" alt />
                 <div class="part_right_1">
@@ -48,7 +48,11 @@
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="服务状态统计" class="block">
+            <block-radius
+              :show_header="true"
+              title="服务状态统计"
+              class="block"
+            >
               <line-chart :data="line_data" :zzfw="true"></line-chart>
             </block-radius>
           </el-col>
@@ -57,12 +61,20 @@
       <el-col :span="12">
         <el-row>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="服务注册发布数量排名" class="block">
+            <block-radius
+              :show_header="true"
+              title="服务注册发布数量排名"
+              class="block"
+            >
               <bar-charttwo :data="barData"></bar-charttwo>
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
-            <block-radius class="block" :show_header="true" title="应用构建数量排名">
+            <block-radius
+              class="block"
+              :show_header="true"
+              title="应用构建数量排名"
+            >
               <BarChart
                 :data="bar_data_area"
                 :colors="['#1034eb', '#4274f8']"
@@ -107,9 +119,12 @@
       </el-col>
     </el-row>
     <el-row>
-      <el-col :span='24' class="in_block default">
+      <el-col :span="24" class="in_block default">
         <block-radius class="block">
-          <img :src="require('@/assets/imgs/data_img_default.gif')" class="default_img" />
+          <img
+            :src="require('@/assets/imgs/data_img_default.gif')"
+            class="default_img"
+          />
         </block-radius>
       </el-col>
     </el-row>
@@ -132,7 +147,7 @@ export default {
         ["全程执法精细123", 43.3, 85.8],
         ["智能执法场所123", 83.1, 73.4],
         ["大数智能应用222", 86.4, 65.2],
-        ["刑事案件智能1111", 72.4, 53.9]
+        ["刑事案件智能1111", 72.4, 53.9],
       ],
       line_data: {
         xAxisData: [
@@ -142,102 +157,102 @@ export default {
           "08-04",
           "08-05",
           "08-06",
-          "08-07"
+          "08-07",
         ],
         seriesData: [
           {
             name: "服务数量",
-            data: [300, 400, 350, 280, 480, 520, 500, 460]
+            data: [300, 400, 350, 280, 480, 520, 500, 460],
           },
           {
             name: "应用数量",
-            data: [300, 350, 400, 280, 320, 450, 400, 350]
-          }
-        ]
+            data: [300, 350, 400, 280, 320, 450, 400, 350],
+          },
+        ],
       },
       bar_data_area: {
         legendData: [
           "全程执法精细123",
           "智能执法场所123",
           "大数智能应用222",
-          "刑事案件智能1111"
+          "刑事案件智能1111",
         ],
-        seriesData: [50, 63, 48, 58]
+        seriesData: [50, 63, 48, 58],
       },
       toplistData: [
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "postgresql V11.1",
-            request_count: 300
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "钉钉 V1.0",
-            request_count: 220
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "易智瑞 V11.3",
-            request_count: 210
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "CAS单点登录 V1.0",
-            request_count: 180
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "postgresql V11.1",
-            request_count: 150
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "CAS单点登录 V1.0",
-            request_count: 120
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "postgresql V11.1",
-            request_count: 100
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "CAS单点登录 V1.0",
-            request_count: 80
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "postgresql V11.1",
-            request_count: 60
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "CAS单点登录 V1.0",
-            request_count: 50
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "postgresql V11.1",
-            request_count: 40
-          },
-          {
-            cover:
-              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-            service_name: "CAS单点登录 V1.0",
-            request_count: 20
-          }
-        ], // 服务调用次数排名
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 300,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "钉钉 V1.0",
+          request_count: 220,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "易智瑞 V11.3",
+          request_count: 210,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 180,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 150,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 120,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 100,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 80,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 60,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 50,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 40,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 20,
+        },
+      ], // 服务调用次数排名
       toplistTargetValue: 400, // 服务调用次数排名 目标值
       serveiceNum: "",
       bsNum: "",
@@ -246,33 +261,38 @@ export default {
           name: "警综平台",
           init: "贵州省公安厅警务综合系统",
           count: 120,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
+          img:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
         },
         {
           name: "警综平台",
           init: "贵州省公安厅警务综合系统",
           count: 100,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
+          img:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
         },
         {
           name: "警综平台",
           init: "贵州省公安厅警务综合系统",
           count: 90,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
+          img:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
         },
         {
           name: "警综平台",
           init: "贵州省公安厅警务综合系统",
           count: 80,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
+          img:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
         },
         {
           name: "警综平台",
           init: "贵州省公安厅警务综合系统",
           count: 60,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        }
-      ]
+          img:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+        },
+      ],
     };
   },
   components: {
@@ -281,7 +301,7 @@ export default {
     BarCharttwo,
     BarChart,
     Toplist,
-    theList
+    theList,
   },
   methods: {
     getData() {},
@@ -293,74 +313,74 @@ export default {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 300
+            request_count: 300,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 220
+            request_count: 220,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 210
+            request_count: 210,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 180
+            request_count: 180,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 150
+            request_count: 150,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 120
+            request_count: 120,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 100
+            request_count: 100,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 80
+            request_count: 80,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 60
+            request_count: 60,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 50
+            request_count: 50,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 40
+            request_count: 40,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 20
-          }
+            request_count: 20,
+          },
         ];
       } else {
         this.toplistData = [
@@ -368,148 +388,158 @@ export default {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 35
+            request_count: 35,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 30
+            request_count: 30,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 27
+            request_count: 27,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 25
+            request_count: 25,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 15
+            request_count: 15,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 12
+            request_count: 12,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 11
+            request_count: 11,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 10
+            request_count: 10,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 4
+            request_count: 4,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 2
-          }
+            request_count: 2,
+          },
         ];
       }
     },
     //部署次数排名
     changeBsNumBtn(val) {
-      if(val===0){
-        this.bsData= [
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 120,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 100,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 90,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 80,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 60,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        }
-      ]
-      }else{
-        this.bsData= [
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 12,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 10,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 9,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 8,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        },
-        {
-          name: "警综平台",
-          init: "贵州省公安厅警务综合系统",
-          count: 6,
-          img: "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob"
-        }
-      ]
+      if (val === 0) {
+        this.bsData = [
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 120,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 100,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 90,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 80,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 60,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+        ];
+      } else {
+        this.bsData = [
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 12,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 10,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 9,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 8,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+          {
+            name: "警综平台",
+            init: "贵州省公安厅警务综合系统",
+            count: 6,
+            img:
+              "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          },
+        ];
       }
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped>
diff --git a/src/pages/data-analysis/service-control.vue b/src/pages/data-analysis/service-control.vue
index 9d48c36..4c07b46 100644
--- a/src/pages/data-analysis/service-control.vue
+++ b/src/pages/data-analysis/service-control.vue
@@ -2,26 +2,47 @@
   <div class="service-control">
     <el-breadcrumb separator="/" class="bread_crumb1">
       <el-breadcrumb-item :to="{ path: '/data_analysis' }">
-        {{
-        $t("lang.data_analysis")
-        }}
+        {{ $t("lang.data_analysis") }}
       </el-breadcrumb-item>
       <el-breadcrumb-item>
-        {{
-        $t("管控服务")
-        }}
+        {{ $t("管控服务") }}
       </el-breadcrumb-item>
     </el-breadcrumb>
     <el-row>
       <el-col :span="6">
         <el-row>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="管控分析概况" class="block" style="height:540px;">
+            <block-radius
+              :show_header="true"
+              title="管控分析概况"
+              class="block"
+              style="height:540px;"
+            >
               <div style="height:25px;"></div>
-              <gk-circle ref="left_1_r" :data="gk_data[0]" :is_word="true" class="left_1_r"></gk-circle>
-              <gk-circle ref="left_1_r" :data="gk_data[1]" :is_word="true" class="left_1_r"></gk-circle>
-              <gk-circle ref="left_1_r" :data="gk_data[2]" :is_word="true" class="left_1_r"></gk-circle>
-              <gk-circle ref="left_1_r" :data="gk_data[3]" :is_word="true" class="left_1_r"></gk-circle>
+              <gk-circle
+                ref="left_1_r"
+                :data="gk_data[0]"
+                :is_word="true"
+                class="left_1_r"
+              ></gk-circle>
+              <gk-circle
+                ref="left_1_r"
+                :data="gk_data[1]"
+                :is_word="true"
+                class="left_1_r"
+              ></gk-circle>
+              <gk-circle
+                ref="left_1_r"
+                :data="gk_data[2]"
+                :is_word="true"
+                class="left_1_r"
+              ></gk-circle>
+              <gk-circle
+                ref="left_1_r"
+                :data="gk_data[3]"
+                :is_word="true"
+                class="left_1_r"
+              ></gk-circle>
             </block-radius>
           </el-col>
         </el-row>
@@ -29,14 +50,18 @@
       <el-col :span="12">
         <el-row>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="敏感信息服务统计" class="block">
+            <block-radius
+              :show_header="true"
+              title="敏感信息服务统计"
+              class="block"
+            >
               <el-row>
                 <el-col :span="12">
                   <gkmultiple-circle
                     class="block-radius-content"
                     :data="mult_data_state"
                     :show_center_data="false"
-                    :bar_width="10 "
+                    :bar_width="10"
                     style="height:200px; margin-top:0"
                   ></gkmultiple-circle>
                 </el-col>
@@ -52,7 +77,11 @@
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
-            <block-radius class="block" :show_header="true" title="应用构建数量排名">
+            <block-radius
+              class="block"
+              :show_header="true"
+              title="应用构建数量排名"
+            >
               <doubleLine :data="doubleData"></doubleLine>
             </block-radius>
           </el-col>
@@ -66,7 +95,7 @@
               title="服务管控排名"
               class="block"
               style="height:540px;"
-              :buttons_arr="['完整性', '正确性','一致性','时效性']"
+              :buttons_arr="['完整性', '正确性', '一致性', '时效性']"
               @changeButton="changeServeiceGkBtn"
             >
               <toplist
@@ -83,7 +112,10 @@
     <el-row>
       <el-col :span="24" class="in_block default">
         <block-radius class="block">
-          <img :src="require('@/assets/imgs/data_img_default.gif')" class="default_img" />
+          <img
+            :src="require('@/assets/imgs/data_img_default.gif')"
+            class="default_img"
+          />
         </block-radius>
       </el-col>
     </el-row>
@@ -101,98 +133,98 @@ import Toplist from "@/components/e-charts/toplist";
 export default {
   data() {
     return {
-      toplistData:[
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "postgresql V11.1",
-        request_count: 30
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "钉钉 V1.0",
-        request_count: 22
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "易智瑞 V11.3",
-        request_count: 21
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "CAS单点登录 V1.0",
-        request_count: 18
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "postgresql V11.1",
-        request_count: 15
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "CAS单点登录 V1.0",
-        request_count: 12
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "postgresql V11.1",
-        request_count: 10
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "CAS单点登录 V1.0",
-        request_count: 8
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "postgresql V11.1",
-        request_count: 6
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "CAS单点登录 V1.0",
-        request_count: 6
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "postgresql V11.1",
-        request_count: 4
-      },
-      {
-        cover:
-          "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
-        service_name: "CAS单点登录 V1.0",
-        request_count: 2
-      }
-    ], // 服务管控排名分析
+      toplistData: [
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 30,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "钉钉 V1.0",
+          request_count: 22,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "易智瑞 V11.3",
+          request_count: 21,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 18,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 15,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 12,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 10,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 8,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 6,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 6,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "postgresql V11.1",
+          request_count: 4,
+        },
+        {
+          cover:
+            "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
+          service_name: "CAS单点登录 V1.0",
+          request_count: 2,
+        },
+      ], // 服务管控排名分析
       toplistTargetValue: 40, // 服务管控排名分析 目标值
       gk_data: [
         {
           data: 85,
-          text: "数据完整率"
+          text: "数据完整率",
         },
         {
           data: 50,
-          text: "数据正确性"
+          text: "数据正确性",
         },
         {
           data: 40,
-          text: "数据一致性"
+          text: "数据一致性",
         },
         {
           data: 20,
-          text: "数据时效性"
-        }
+          text: "数据时效性",
+        },
       ],
       doubleData: {
         title: [
@@ -200,14 +232,14 @@ export default {
           "通知中心服务字符",
           "省送达服务",
           "数据传输服务",
-          "证据检查服务"
+          "证据检查服务",
         ],
         dataOne: [100, 300, 256, 288, 176, 327],
-        dataTwo: [-60, -340, -226, -228, -136, -227]
+        dataTwo: [-60, -340, -226, -228, -136, -227],
       },
       mult_data_state: [
         { name: "含敏感字段的服务", value: 50 },
-        { name: "不含敏感字段的服务", value: 41 }
+        { name: "不含敏感字段的服务", value: 41 },
       ],
       line_data: {
         xAxisData: [
@@ -217,19 +249,19 @@ export default {
           "08-04",
           "08-05",
           "08-06",
-          "08-07"
+          "08-07",
         ],
         seriesData: [
           {
             name: "服务数量",
-            data: [300, 400, 350, 280, 480, 520, 500, 460]
+            data: [300, 400, 350, 280, 480, 520, 500, 460],
           },
           {
             name: "应用数量",
-            data: [300, 350, 400, 280, 320, 450, 400, 350]
-          }
-        ]
-      }
+            data: [300, 350, 400, 280, 320, 450, 400, 350],
+          },
+        ],
+      },
     };
   },
   components: {
@@ -238,7 +270,7 @@ export default {
     GkmultipleCircle,
     lineChart,
     doubleLine,
-    Toplist
+    Toplist,
   },
   methods: {
     getData() {},
@@ -249,303 +281,303 @@ export default {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 30
+            request_count: 30,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 22
+            request_count: 22,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 21
+            request_count: 21,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 18
+            request_count: 18,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 15
+            request_count: 15,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 12
+            request_count: 12,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 10
+            request_count: 10,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 8
+            request_count: 8,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 4
+            request_count: 4,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 2
-          }
+            request_count: 2,
+          },
         ];
-      } else if(val===1) {
+      } else if (val === 1) {
         this.toplistData = [
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 35
+            request_count: 35,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 30
+            request_count: 30,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 27
+            request_count: 27,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 25
+            request_count: 25,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 15
+            request_count: 15,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 12
+            request_count: 12,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 11
+            request_count: 11,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 10
+            request_count: 10,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 4
+            request_count: 4,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 2
-          }
+            request_count: 2,
+          },
         ];
-      }else if(val===2){
+      } else if (val === 2) {
         this.toplistData = [
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 33
+            request_count: 33,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 25
+            request_count: 25,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 20
+            request_count: 20,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 18
+            request_count: 18,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 15
+            request_count: 15,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 12
+            request_count: 12,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 11
+            request_count: 11,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 10
+            request_count: 10,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 4
+            request_count: 4,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 2
-          }
+            request_count: 2,
+          },
         ];
-      }else{
+      } else {
         this.toplistData = [
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 36
+            request_count: 36,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "钉钉 V1.0",
-            request_count: 34
+            request_count: 34,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "易智瑞 V11.3",
-            request_count: 32
+            request_count: 32,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 25
+            request_count: 25,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 15
+            request_count: 15,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 14
+            request_count: 14,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 12
+            request_count: 12,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 9
+            request_count: 9,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 6
+            request_count: 6,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "postgresql V11.1",
-            request_count: 4
+            request_count: 4,
           },
           {
             cover:
               "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob",
             service_name: "CAS单点登录 V1.0",
-            request_count: 2
-          }
+            request_count: 2,
+          },
         ];
       }
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped>
-- 
2.26.0