工单统计

pages.json

@@ -186,6 +186,14 @@
         		"navigationBarTitleText" : "",
         		"enablePullDownRefresh" : false
         	}
+        },
+        {
+        	"path" : "pages/workOrderManagement/faultReport",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
        
     ],

pages/equipmentDataMonitoring/dataMonitoring-list.vue

@@ -387,6 +387,9 @@
 </script>
 
 <style lang="scss" scoped>
+	page{
+		padding-bottom: 100rpx;
+	}
 	.back {
 		z-index: 999;
 		width: 200rpx;
@@ -406,7 +409,7 @@
 	.dropdown{
 		background-color: #fff;
 		position: sticky;
-		 top: 87rpx;	
+		top: 87rpx;	
 		z-index: 999;
 	}
 	

pages/workorderManagement/workOrderStatistics.vue

@@ -66,14 +66,57 @@
 				<view class="progress">
 					<view class="progress-item">
 						<view class="circle-progress">
-							
+							<u-circle-progress active-color="#FF7B00" width="136" :percent="12" >
+									<view class="u-progress-content">
+										
+										<text class='u-progress-info1'>12%</text>
+									</view>
+								</u-circle-progress>
 						</view>
 						<view class="state">
 							待指派
 						</view>
 					</view>
+					<view class="progress-item">
+						<view class="circle-progress">
+							<u-circle-progress active-color="#008FA9" width="136" :percent="15">
+									<view class="u-progress-content">
+										
+										<text class='u-progress-info2'>15%</text>
+									</view>
+								</u-circle-progress>
+						</view>
+						<view class="state">
+							进行中
+						</view>
+					</view>
+					<view class="progress-item">
+						<view class="circle-progress">
+							<u-circle-progress active-color="#18C272" width="136" :percent="73">
+									<view class="u-progress-content">
+										
+										<text class='u-progress-info3'>73%</text>
+									</view>
+								</u-circle-progress>
+						</view>
+						<view class="state">
+							已解决
+						</view>
+					</view>
 				</view>
 			</view>
+			
+		</view>
+		<!-- 每月工单数量 -->
+		<view class="workOrder-amount">
+			<view class="title">
+				每月工单数量
+			</view>
+			<view class="chat">
+				
+				<image class="chat-img" src="@/assets/img/AUgyKM0@1x2.png" mode=""></image>
+				
+			</view>
 		</view>
 	</view>
 </template>
@@ -94,6 +137,9 @@
 </script>
 
 <style lang="scss" scoped>
+	page{
+		padding-bottom: 100rpx;
+	}
 	/deep/.uicon-nav-back{
 		color: #FFF !important;
 		
@@ -176,9 +222,57 @@
 			font-size: 36rpx;
 			font-weight: bold;
 		}
-		
+		.progress{
+			display: flex;
+			justify-content: space-between;
+			margin-top: 24rpx;
+			.progress-item{
+				text-align: center;
+				.state{
+					color: rgba(51,51,51,1);
+					margin-top: 16rpx;
+				}
+			}
+			.u-progress-info1{
+				color:#FF7B00;
+				
+				font-weight: bold;
+			}
+			.u-progress-info2{
+				color:#008FA9;
+				
+				font-weight: bold;
+			}
+			.u-progress-info3{
+				color:#18C272;
+				
+				font-weight: bold;
+			}
+		}
 	}
 	
+	
+	}
+	// 每月工单数量
+.workOrder-amount{
+		border-radius: 8px;
+		background-color: rgba(255,255,255,1);
+		margin: 24rpx 32rpx;
+		padding: 24rpx 0;
+		.title{
+			color: rgba(16,16,16,1);
+			font-size: 36rpx;
+			font-weight: bold;
+			padding: 0 24rpx;
+		}
+		.chat{
+			width: 100%;
+			height: 692rpx;
+			margin-top: 54rpx;
+			.chat-img{
+				width: 100%;
+				height: 100%;
+			}
+		}
 	}
-
 </style>