diff --git a/pages/Orderdetails/Orderdetails.scss b/pages/Orderdetails/Orderdetails.scss
index b5d3c9d..e83e2c5 100644
--- a/pages/Orderdetails/Orderdetails.scss
+++ b/pages/Orderdetails/Orderdetails.scss
@@ -124,6 +124,18 @@
 			}
 		}
 
+	.trainingOrderStatus{
+			text-align: center;
+			width: 300rpx;
+			height: 70rpx;
+			margin: 10rpx auto  0;
+			line-height: 70rpx;
+			background-color:#4C7BC9 ;
+			border-radius: 50rpx;
+			// color: #4C7BC9;
+			color: #FFFFFF;
+			border:  1rpx solid #4C7BC9;
+		}
 		.time {
 			height: 80rpx;
 			width: 95%;
diff --git a/pages/Orderdetails/Orderdetails.vue b/pages/Orderdetails/Orderdetails.vue
index 4d9b30a..c868afb 100644
--- a/pages/Orderdetails/Orderdetails.vue
+++ b/pages/Orderdetails/Orderdetails.vue
@@ -66,6 +66,7 @@
 				if (this.timecount <= 0) {
 					handCloseOrder().then(res => {
 						clearInterval(this.Timer); //清除该函数
+						this.list.trainingOrderStatus = 'CANCEL'
 					})
 				}
 			}