流程管理详情页

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>