#532 作业编排关系图优化，按状态分类

vipshop · Dec 17, 2018 · 1eb573b · 1eb573b
1 parent 18950c2
commit 1eb573b
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 22 deletions.
diff --git a/saturn-console-web/src/components/common/dialog/arrange_layout_dialog.vue b/saturn-console-web/src/components/common/dialog/arrange_layout_dialog.vue
@@ -99,15 +99,6 @@ export default {
     },
   },
   computed: {
-    existJobTypes() {
-      const existJobArray = [];
-      this.arrangeLayoutInfo.levels.forEach((ele) => {
-        ele.forEach((ele2) => {
-          existJobArray.push(ele2.type);
-        });
-      });
-      return Array.from(new Set(existJobArray));
-    },
     optionInfo() {
       const resultInfo = {
         links: [],
@@ -118,7 +109,7 @@ export default {
       this.arrangeLayoutInfo.levels.forEach((ele) => {
         const levelItem = ele.map((obj) => {
           const rObj = { ...obj };
-          rObj.category = this.$map.jobTypeMap[obj.type];
+          rObj.category = this.$map.jobStatusMap[obj.jobStatus];
           return rObj;
         });
         relateDatas.push(levelItem);
@@ -140,11 +131,19 @@ export default {
         }
         return rObj;
       });
-      resultInfo.categories = this.existJobTypes.map((obj) => {
-        const rObj = {};
-        rObj.name = this.$map.jobTypeMap[obj];
-        return rObj;
-      });
+      resultInfo.categories = [{
+        name: this.$map.jobStatusMap.READY,
+        itemStyle: { color: '#487bb0' },
+      }, {
+        name: this.$map.jobStatusMap.RUNNING,
+        itemStyle: { color: '#23ad07' },
+      }, {
+        name: this.$map.jobStatusMap.STOPPING,
+        itemStyle: { color: '#E6A23C' },
+      }, {
+        name: this.$map.jobStatusMap.STOPPED,
+        itemStyle: { color: '#808080' },
+      }];
       return resultInfo;
     },
   },

diff --git a/saturn-console-web/src/pages/job_list/job_overview.vue b/saturn-console-web/src/pages/job_list/job_overview.vue
@@ -84,7 +84,7 @@
                             </el-table-column>
                             <el-table-column label="状态" prop="status" width="90px">
                                 <template slot-scope="scope"> 
-                                    <el-tag :type="statusTag[scope.row.status]" close-transition>{{translateStatus[scope.row.status]}}</el-tag>
+                                    <el-tag :type="statusTag[scope.row.status]" close-transition>{{$map.jobStatusMap[scope.row.status]}}</el-tag>
                                 </template>
                             </el-table-column>
                             <el-table-column prop="description" show-overflow-tooltip label="描述">
@@ -184,12 +184,6 @@ export default {
         STOPPING: 'warning',
         STOPPED: '',
       },
-      translateStatus: {
-        READY: '已就绪',
-        RUNNING: '运行中',
-        STOPPING: '停止中',
-        STOPPED: '已停止',
-      },
       multipleSelection: [],
     };
   },

diff --git a/saturn-console-web/src/utils/map.js b/saturn-console-web/src/utils/map.js
@@ -19,4 +19,10 @@ export default {
     PASSIVE_JAVA_JOB: 'JAVA被动',
     PASSIVE_SHELL_JOB: 'SHELL被动',
   },
+  jobStatusMap: {
+    READY: '已就绪',
+    RUNNING: '运行中',
+    STOPPING: '停止中',
+    STOPPED: '已停止',
+  },
 };