完善工单列表详情

src/style/order.scss

@@ -5,26 +5,33 @@
 		.headerView{
 			border-bottom: 1px solid #e8e8e8;
 			display: flex;justify-content: space-between;align-items: center;
-			padding: 0 0 15px 0;
+			padding: 5px 0 17px 0;
 		}
 		.title{
 			font-weight: 500;
 			font-size: 13px;
 		}
 		.cardBody{
-			padding: 15px 0 0 0;
+			padding: 12px 0 0 0;
 			display: flex;flex-direction: column;
 			.el-row{
-				padding: 12px 0;
+				padding: 10px 0;
 				.el-col{
+					display: flex;
+
 					.label{
-						width: 100px;
-						display: inline-block;
-						text-align: right;
+						flex-basis: 100px;
+						justify-content: flex-end;
 						color: #303133;
+						display: flex;
+					}
+					.labelText{
+						align-items: center;
 					}
 					.text{
 						color: #222;
+						display: flex;
+						flex: 1;
 					}
 				}
 			}
@@ -34,8 +41,8 @@
 		min-height: 800px;
 		margin-top: 10px;
 		.cardItem{
-			margin-bottom: 15px;
-			border-bottom: 1px solid #e8e8e8;
+			margin-bottom: 12px;
+			border-bottom: 1px solid #e9e9e9;
 			padding: 0 0 10px 0;
 		}
 		.cardItem:last-child{
@@ -43,3 +50,33 @@
 		}
 	}
 }
+
+
+.orderSteps{
+	.el-step__main{
+		.el-step__title{
+			font-size: 12px;
+		}
+	}
+	.is-success .el-step__icon{
+		background: var(--el-color-success);
+		border-color: var(--el-color-success-light-5);
+		.el-icon{
+			color: var(--el-color-white);
+		}
+	}
+	.is-finish .el-step__icon{
+		background: var(--el-color-primary);
+		border-color: var(--el-color-primary-light-5);
+		.el-step__icon-inner{
+			color: var(--el-color-white);
+		}
+	}
+	.is-wait .el-step__icon{
+		background: var(--el-color-info);
+		border-color: var(--el-color-info-light-5);
+		.el-step__icon-inner{
+			color: var(--el-color-white);
+		}
+	}
+}