diff --git a/pages/orderdetail/orderdetail.js b/pages/orderdetail/orderdetail.js
index 6d4d6be..c9e658e 100644
--- a/pages/orderdetail/orderdetail.js
+++ b/pages/orderdetail/orderdetail.js
@@ -145,6 +145,14 @@ Page({
       refund_box: false
     })
   },
+  mengcengfwz() {
+    this.setData({
+      dingdan_msgfwz: false,
+      ewm_msg: false,
+      mengcengfwz: false,
+      refund_box: false
+    })
+  },
   //确认开始服务
   startService(){
     var that = this;
@@ -215,6 +223,13 @@ Page({
       mengceng: true
     })
   },
+  cancelOrderfwz() {
+    console.log('点击了取消订单')
+    this.setData({
+      dingdan_msgfwz: true,
+      mengcengfwz: true
+    })
+  },
   okcancel() {
     var that = this;
     wx.request({
@@ -231,6 +246,10 @@ Page({
             title: res.data.msg,
             icon: 'none'
           });
+          setTimeout(function () {
+            //要延时执行的代码
+            wx.navigateBack()
+          }, 2000) //延迟时间 这里是2秒         
         }
       }
     });
@@ -315,7 +334,6 @@ Page({
       },
       success: function (res) {
         var resp = res.data;
-        console.log(resp + "=================dddddddddddddddddddddddddddddddddddddddddddd")
         if (resp.erro == 0) {
           wx.showToast({
             title: resp.msg,
diff --git a/pages/orderdetail/orderdetail.wxml b/pages/orderdetail/orderdetail.wxml
index 7284f7e..e3c5fee 100644
--- a/pages/orderdetail/orderdetail.wxml
+++ b/pages/orderdetail/orderdetail.wxml
@@ -90,6 +90,15 @@
   </view>
 </view>
 
+<!-- 订单状态：3：服务中 -->
+<view wx:if="{{item.status==3}}" class="opt_view">
+  <view wx:if="{{item.status==3}}">
+    <view class="detail_btn" bindtap="cancelOrderfwz">
+      取消订单
+    </view>
+  </view>
+</view>
+
 
 
 
@@ -177,6 +186,20 @@
     <view class="msg_btn" bindtap="okcancel">坚持取消</view>
   </view>
 </view>
+
+<!-- 服务中的订单点击取消的蒙层 -->
+<view class="mengceng" wx:if="{{mengcengfwz}}" bindtap="mengcengfwz"></view>
+<!-- 服务中的订单取消订单弹窗 -->
+<view class="qxdd" wx:if="{{dingdan_msgfwz}}">
+  <view class="msg_title">
+    请联系客服
+  </view>
+  <view style="display: flex;">
+    <view class="msg_btn" style="border-right:1px solid #EBEBEB;color:#0A74B1" bindtap="nocancel">我在想想</view>
+    <view class="msg_btn" bindtap="okcancel">坚持取消</view>
+  </view>
+</view>
+
 <!-- 二维码弹窗 -->
 <view class="erweima_tanchang" wx:if="{{ewm_msg}}">
   <image style="width:242rpx;height:242rpx;margin:67rpx 0 23rpx;" src="{{qrcode}}"></image>