From 958d802af6bcb0c6d3b1b4de8e0891dd13053a7e Mon Sep 17 00:00:00 2001
From: zhangjun1 <zhangjun@bd-apaas.com>
Date: Mon, 10 Aug 2020 11:07:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=81=E7=A8=8B=E7=AE=A1=E7=90=86=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../process-management/designer/detail.vue    | 33 +++++++++++++++++--
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/pages/workbench/component-center/process-management/designer/detail.vue b/src/pages/workbench/component-center/process-management/designer/detail.vue
index 3dc6d57..fba663b 100644
--- a/src/pages/workbench/component-center/process-management/designer/detail.vue
+++ b/src/pages/workbench/component-center/process-management/designer/detail.vue
@@ -54,8 +54,24 @@
                           <line-chart class="block-radius-content" :area_flag="false" :data="line_data"></line-chart>
                         </block-radius>
                       </div>
-                      <div class="data_charts_box"></div>
-                      <div class="data_charts_box"></div>
+                      <div class="data_charts_box">
+                        <block-radius
+                          :show_header="true"
+                          title="节点平均耗时排行"
+                          class="block"
+                        >
+                          <toplist
+                            class="block-radius-content"
+                            :options="toplistData"
+                            :target-value="toplistTargetValue"
+                          ></toplist>
+                        </block-radius>
+                      </div>
+                      <div class="data_charts_box">
+                        <block-radius :show_header="true" title="节点超时率排行" class="block">
+                          <BarChart :data="bar_data_org" :colors="['#274fee', '#274fee']" :x_router="30" />
+                        </block-radius>
+                      </div>
                     </div>
                   </div>
                   <div slot="suvice">流程</div>
@@ -73,13 +89,17 @@ import infoList from '@/components/infoList'
 import tableUm from '@/components/table/table-um'
 import BlockRadius from "@/components/general/block-radius";
 import lineChart from "@/components/e-charts/line_chart";
+import Toplist from "@/components/e-charts/toplist";
+import BarChart from "@/components/e-charts/bar-chart";
 export default {
   components: {
         serviceHeader,
         infoList,
         tableUm,
         BlockRadius,
-        lineChart
+        lineChart,
+        Toplist,
+        BarChart
     },
   data(){
     return{
@@ -97,6 +117,9 @@ export default {
           fixed_url:'/',
           url:''
       },
+      toplistData:[],
+      toplistTargetValue:0,
+      bar_data_org: {},
       state:1,
       now_service:0,
       service_arr:[],
@@ -409,4 +432,8 @@ export default {
   height: calc(100% - 36px);
   margin-top: 15px;
 }
+.block {
+  width: 100%;
+  height: 100%;
+}
 </style>
-- 
2.26.0