修改

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%;

pages/Orderdetails/Orderdetails.vue

@@ -66,6 +66,7 @@
 				if (this.timecount <= 0) {
 					handCloseOrder().then(res => {
 						clearInterval(this.Timer); //清除该函数
+						this.list.trainingOrderStatus = 'CANCEL'
 					})
 				}
 			}