Merge branch 'feat-20220705-customTemplate' of…

Merge branch 'feat-20220705-customTemplate' of http://120.77.149.83/sunyihao/bkunyun into feat-20220705-customTemplate

src/views/Project/components/Flow/index.module.css

 .batchNode {
-  background-color: #fff;
-  border-radius: 4px;
-  /* padding: 12px 20px; */
-  border: 1px solid #e6e8eb;
-  border-left: 4px solid #e6e8eb;
-  display: flex;
-  align-items: center;
+	background-color: #fff;
+	border-radius: 4px;
+	/* padding: 12px 20px; */
+	border: 1px solid #e6e8eb;
+	border-left: 4px solid #e6e8eb;
+	display: flex;
+	align-items: center;
 }
 
-.selectBatchNode {
-  border-left: 4px solid #1370ff;
+.doneBatchNode {
+	border-left: 4px solid #0dd09b;
+}
+
+.runBatchNode {
+	border-left: 4px solid #1370ff;
+}
+
+.errorBatchNode {
+	border-left: 4px solid #ff4e4e;
 }
 
 .batchRotate {
-  transform: translateX(-50%) rotate(-90deg);
+	transform: translateX(-50%) rotate(-90deg);
 }
 
 .flowNode {
-  background-color: #f5f6f7;
-  border-radius: 2px;
-  padding: 6px 12px;
+	background-color: #f5f6f7;
+	border-radius: 2px;
+	padding: 6px 12px;
 }
 
 .successDot {
-  display: inline-block;
-  line-height: 22px;
-  vertical-align: middle;
-  width: 8px;
-  height: 8px;
-  background-color: #0dd09b;
-  border-radius: 8px;
-  margin-left: 8px;
+	display: inline-block;
+	line-height: 22px;
+	vertical-align: middle;
+	width: 8px;
+	height: 8px;
+	background-color: #0dd09b;
+	border-radius: 8px;
+	margin-left: 8px;
 }
 
 .selectedBatchBox {
-  border: 1px solid #1370ff;
-  border-left: 4px solid #1370ff;
+	border: 1px solid #1370ff;
+	border-left: 4px solid #1370ff;
 }

src/views/Project/components/Flow/index.tsx

@@ -61,7 +61,9 @@ const BatchNode = (props: IBatchNode) => {
 			className={classNames({
 				[styles.batchNode]: true,
 				[styles.selectedBatchBox]: selectedStatus,
-				[styles.selectBatchNode]: selectedStatus,
+				[styles.runBatchNode]: data.executionStatus === "Running",
+				[styles.doneBatchNode]: data.executionStatus === "Done",
+				[styles.errorBatchNode]: data.executionStatus === "Failed",
 			})}
 			style={style}
 		>

src/views/Project/components/Flow/interface.ts

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-06-23 11:00:29
  * @LastEditors: 吴永生#A02208 yongsheng.wu@wholion.com
- * @LastEditTime: 2022-07-04 14:26:18
+ * @LastEditTime: 2022-07-07 11:23:14
  * @FilePath: /bkunyun/src/views/Project/components/Flow/interface.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -38,6 +38,8 @@ export interface IBatchNodeData {
     selectedStatus?: boolean;
     /** 是否校验通过 */
     isCheck?: boolean;
+    /** 运行状态 */
+    executionStatus: string
 }
 export interface IBatchNode {
     data: IBatchNodeData