修改首页面板

src/style/home.scss

@@ -12,6 +12,24 @@
 		color: var(--el-color-dark);
 		font-size: 14px;
 	}
+	.cardTitleFlex{
+		display: flex;align-items: center;justify-content: space-between;
+		.titleBtnView{
+			display: flex;align-items: center;
+			background: #F4F5F9;
+			border-radius: 4px;
+			.btnItem{
+				padding: 3px 16px;
+				color: #444;font-size: 12px;font-weight: initial;
+				cursor: pointer;
+			}
+			.trueItem{
+				background: var(--el-color-primary);
+				border-radius: 4px;
+				color: var(--el-color-white);
+			}
+		}
+	}
 	.cardBody{
 		flex: 1;
 		display: flex;
@@ -123,6 +141,57 @@
 		}
 	}
 }
+
+.workOrderView{
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	.item{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-wrap: wrap;
+		width: 25%;
+		.cardContent{
+			.num{font-size: 26px;font-weight: 500;color: var(--el-color-dark);margin-bottom: 8px;}
+			.name{font-size: 12px;color: #888;width: 120px;}
+		}
+	}
+	.item:nth-child(1),.item:nth-child(5){
+
+	}
+	.item:nth-child(4),.item:nth-child(8){
+
+	}
+}
+
+.spareParts{
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	.item{
+		width: calc(50% - 8px);
+		height: 100%;
+		padding: 10px;
+		background: #F8F8F8;
+		border-radius: 8px;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		justify-content: center;
+		.icon{font-size: 56px;}
+		.num{font-size: 26px;font-weight: 500;margin: 8px 0;}
+		.name{font-size: 12px;color: #555;}
+	}
+}
+.orderNum{
+	.item{
+		flex: 1;
+		padding: 10px;
+	}
+}
+
 .middleBox{
 	.briefing{
 		display: flex;