ui fix

@@ -148,10 +148,29 @@ Page({
             url:'./b_addnew?id='+this.data.bookInfo.id
             url:'./b_addnew?id='+this.data.bookInfo.id
         })
         })
     },
     },
-  cancelReserve(){
-        util.toast('不能取消预订','none');return;
-    this.setData({
-      actionSheetHidden:false
+  async cancelReserve(){
+    let enter_params=util.cache('enter_params');
+    let sc=(await App.Reserve.SellerInfo(enter_params)).data
+    let cause='';
+    if(sc.seller_user){
+      cause=(sc.seller_user.nick_name||sc.seller_user.nickname)+'手动取消'
+    }
+    wx.showModal({
+      title: '确认取消',
+      content: '你确认要取消预订吗',
+      success:(res)=>{
+        if (res.confirm) {
+          App.Reserve.SetReserveStatus({
+            rid:this.data.bookInfo.id,
+            status:4,
+            cause:cause,
+          }).then(()=>{
+            this.getDetail(this.data.bookInfo.id,true);
+          })
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
     })
     })
   },
   },
   actionSheetChange(e){
   actionSheetChange(e){

@@ -28,9 +28,11 @@
                 <view>{{detail.seller.real_address||detail.seller.map_address}}</view>
                 <view>{{detail.seller.real_address||detail.seller.map_address}}</view>
             </view>
             </view>
         </view>
         </view>
-        <view class="opt flex-cc">
-            <button class="but button-none flex-vc"  bindtap="lookLocation">一键导航</button>
-            <button class="but button-none flex-vc" open-type="share" >转发给同行人</button>
-        </view>
+    </view>
+</view>
+<view class="opt-view">
+    <view class="opt flex-cc">
+        <button class="but button-none flex-vc"  bindtap="lookLocation">一键导航</button>
+        <button class="but button-none flex-vc" open-type="share">转发好友</button>
     </view>
     </view>
 </view>
 </view>

@@ -39,21 +39,21 @@ image{
   width: 90%;
   width: 90%;
 }
 }
 .seller{
 .seller{
-  margin-top: 150rpx;
+  margin-top: 110rpx;
 }
 }
 .seller .title{
 .seller .title{
-  font-size: 26rpx;
+  font-size: 28rpx;
   color:#999999;
   color:#999999;
-  margin-bottom: 30rpx;
+  margin-bottom: 32rpx;
 }
 }
 .seller .content{
 .seller .content{
-  margin-bottom: 30rpx;
+  margin-bottom: 68rpx;
   font-size: 30rpx;
   font-size: 30rpx;
   line-height: 30rpx;
   line-height: 30rpx;
 }
 }
 .seller .name{
 .seller .name{
-  font-size: 42rpx;
-  line-height: 42rpx;
+  font-size: 44rpx;
+  line-height: 44rpx;
 }
 }
 .invit-addr{
 .invit-addr{
   width: 20rpx;
   width: 20rpx;
@@ -62,20 +62,26 @@ image{
 }
 }
 
 
 
 
-
+.opt-view{
+  position: fixed;
+  bottom: 120rpx;
+  width: 100%;
+}
 .opt{
 .opt{
-  margin-top: 52rpx;
+  width: 90%;
+  margin: 0 auto;
 }
 }
 .opt .but{
 .opt .but{
-  width: 330rpx;
+  width: 100%;
   height: 80rpx;
   height: 80rpx;
   border: 2rpx solid #ECD9B7;
   border: 2rpx solid #ECD9B7;
   border-radius: 6rpx;
   border-radius: 6rpx;
-  line-height: 80rpx;
+  line-height: 78rpx;
   text-align: center;
   text-align: center;
   font-size: 30rpx;
   font-size: 30rpx;
   color:#ECD9B7;
   color:#ECD9B7;
-  margin-right: 20rpx;
+  margin-right: 5%;
+  padding-bottom: 4rpx!important;
 }
 }
 .opt .but:last-child{
 .opt .but:last-child{
   margin-right: 0;
   margin-right: 0;

@@ -85,7 +85,7 @@ Page({
                       url = '/pages/customer/detail_invitation';
                       url = '/pages/customer/detail_invitation';
                     }
                     }
                     if (res.data.openid == opt.openid) {
                     if (res.data.openid == opt.openid) {
-                      //url = '/pages/customer/detail_owner';
+                      url = '/pages/customer/detail_owner';
                     }
                     }
                   }
                   }
                 }
                 }