上传

components/work/WorkOrderitem.vue

@@ -1,20 +1,48 @@
 <template>
 	<view class="Urgent-Work-List" @click="$emit('click')">
 		<view class="Work-List">
-			任务号：{{ obj.taskNo }}
+			<view class="label">
+				任务号：
+			</view>
+			<view class="text">
+				{{ obj.taskNo }}
+			</view>
 		</view>
+		
 		<view class="Work-List">
-			担当信息：{{obj.responsibler}}
+			<view class="label">
+				担当信息：
+			</view>
+			<view class="text">
+				{{ obj.responsibler }}
+			</view>
 		</view>
+		
 		<view class="Work-List">
-
-			机型信息：{{obj.model}}
+			<view class="label">
+				机型信息：
+			</view>
+			<view class="text">
+				{{ obj.model }}
+			</view>
 		</view>
+		
 		<view class="Work-List">
-			数量：{{obj.number}}
+			<view class="label">
+				数量：
+			</view>
+			<view class="text">
+				{{ obj.number }}
+			</view>
 		</view>
+		
 		<view class="Work-List">
-			工单状态：{{obj.remark}}
+			<view class="label">
+				工单状态：
+			</view>
+			<view class="text">
+				{{ obj.remark }}
+			</view>
 		</view>
 	</view>
 </template>
@@ -35,14 +63,19 @@
 
 <style scoped lang="scss">
 	.Urgent-Work-List{
-		margin-top: 20rpx;
-		border: 6rpx solid $uni-color;
+		margin: 30rpx 0;
+		box-shadow: 0 0 10rpx 10rpx #00000009;
 		border-radius: 25rpx;
 		padding: 15rpx;
 		background-color: #fff;
+		font-size: 28rpx;
 		.Work-List{
-			margin: 15rpx 0rpx;
-			letter-spacing: 2px
+			display: flex;
+			padding: 20rpx 0rpx;
+			.label{
+				width: 150rpx;
+				flex-shrink: 0;
+			}
 		}
 	}
 </style>

pages_order/order/WorkOrders.vue

@@ -26,7 +26,7 @@
 					{{TemplateById.responsibler}}
 				</view>
 			</view>
-			<view class="work-boxx">
+			<view class="work-box">
 				<view class="works">
 					机型信息：
 				</view>
@@ -50,11 +50,11 @@
 					{{TemplateById.remark}}
 				</view>
 			</view>
-			<view class="work-boxx">
-				<view class="workss">
+			<view class="work-box">
+				<view class="works">
 					备注：
 				</view>
-				<view class="indexx">
+				<view class="index">
 					
 				</view>
 			</view>
@@ -80,7 +80,6 @@
 			@click="$utils.navigateTo('/pages_order/order/ModifyWorkOrder')">
 				修改
 			</view>
-			
 		</view>
 	</view>
 </template>
@@ -96,7 +95,6 @@
 		onLoad(args) {
 			this.id = args.id
 			this.queryTemplateById()
-			console.log(args)
 		},
 		methods: {
 			// 根据id获取工单详情
@@ -110,8 +108,6 @@
 				})
 				
 			},
-	
-	
 		}
 	}
 </script>
@@ -120,54 +116,34 @@
 	.page {
 		background-color: #fff;
 		height: 100vh;
+		font-size: 28rpx;
 		.Box{
 			margin-top: 40rpx;
 			.work-box {
 				padding: 0rpx 30rpx;
-				margin: 15rpx 0rpx;
+				margin: 20rpx 0rpx;
 				display: flex;
-				align-items: center;
-				font-size: 35rpx;
-			
-			}
-		
-			
-			.work-boxx {
-				padding: 0rpx 30rpx;
-				margin: 15rpx 0rpx;
-				display: flex;
-				  flex-wrap: wrap;
-				font-size: 35rpx;
-			
-				.indexx {
-					margin-top: 3rpx;
+				.works {
+					width: 150rpx;
+					flex-shrink: 0;
 				}
-			
-				.workss {
-					width: 170rpx;
-					font-size: 35rpx;
-			
+				.index {
+					margin-top: 3rpx;
 				}
 			}
-			
 		}
-
 		
 		.working-procedure {
 			text-align: center;
 			margin-top: 150rpx;
-			font-size: 35rpx;
-
 			.working {
 				margin: 25rpx 0rpx;
 				color: rgb(83, 125, 180);
-
 			}
 		}
 		.modify{
 			text-align: center;
 			margin-top: 150rpx;
-			
 			display: flex;
 			align-items: center;
 			justify-content: center;
@@ -177,7 +153,6 @@
 				border-radius: 15rpx;
 				color: #fff;
 			}
-			
 		}
 	}
 </style>