Merge branch 'feat-20220705-customTemplate' into 'release'

fix: batch运行状态样式修改

See merge request sunyihao/bkunyun!90

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]: data.executionStatus === "Done",
+				[styles.runBatchNode]: data.executionStatus === "Running",
+				[styles.doneBatchNode]: data.executionStatus === "Done",
+				[styles.errorBatchNode]: data.executionStatus === "Failed",
 			})}
 			style={style}
 		>