fixed

src/components/service-info/service-info.vue

@@ -9,7 +9,7 @@
       <div class="main_container-left" v-if="data.cover">
         <img :src="data.cover" width="100%" v-if="data.type !== 'workflow'" />
         <workflows-view
-          :zoom="0.6"
+          :isShop="true"
           :id="parseInt(data.workflows_id)"
           :hideDetail="true"
           v-if="data.type == 'workflow'"
@@ -381,8 +381,8 @@ export default {
 }
 .main_container-left > .map_view {
   position: absolute;
-  right: 3px;
-  bottom: 3px;
+  right: 1px;
+  bottom: 2px;
 }
 .main_container-right {
   width: 896px;

src/components/work-flow/workflows-view.vue

 <template>
-  <div class="workflows-view" ref="flowContainer" :style="{ zoom: zoom, height: Number(max_height + 180) + 'px' }">
+  <div class="workflows-view" ref="flowContainer" :style="{ zoom: isShop ? maxParentHeight / Number(max_height + 180) : zoom, height: Number(max_height + 180) + 'px' }">
     <super-flow
       ref="superFlow"
       :node-list="nodeList"
@@ -80,6 +80,14 @@ export default {
       type: Number,
       default: 1,
     },
+    maxParentHeight: {
+      type: Number,
+      default: 200,
+    },
+    isShop: {
+      type: Boolean,
+      default: false,
+    }
   },
   data() {
     return {

src/pages/workbench/workPlace.vue

@@ -1628,7 +1628,7 @@ export default {
         }
       };
       var data = [];
-      var color = ["#515fe7", "#36a5ec", "#da9f2a", "#23b2a7", "#d46002"];
+      var color = ["#515fe7", "#36a5ec", "#da9f2a", "#23b2a7", "#d46002", "#44a072"];
       var legendarr = [];
       var temp2_data = 0;
       data_val.forEach(e => {
@@ -1661,8 +1661,8 @@ export default {
           name: "",
           type: "pie",
           clockWise: false,
-          radius: [52, 54],
-          center: ["51%", "45%"],
+          radius: [44, 46],
+          center: ["50%", "45%"],
           z:5,
           hoverAnimation: false,
           itemStyle: {
@@ -1693,8 +1693,8 @@ export default {
         {
         type:'pie',
         z:4,
-        center:['51%','45%'],
-        radius:['43%','63%'],
+        center:['50%','45%'],
+        radius:['36%','54%'],
         hoverAnimation:false,
         avoidLabelOverlap: false,
         label: {