预约安排

@@ -160,6 +160,9 @@ Page({
     setUserInfoSuccess(){
         util.toast('授权成功，可以继续转发','none');
     },
+  toast(){
+    util.toast('本区域暂无配送人员','none');
+  },
     reserveCancel(){
       let userInfo = util.cache('userInfo');
       if (userInfo) {
@@ -198,5 +201,24 @@ Page({
             path: '/pages/customer/index?id='+this.id+'&fromid='+getApp().openid+'&invite_name='+nickname+'&hasInvitation=1',
             imageUrl:util.cgi('App.Reserve.MakePic&rid=')+this.id,
         }
+    },
+  cookbook(){
+    if(this.data.detail.order && this.data.detail.order.cookbooklist.length>0){
+      wx.navigateTo({
+        url:util.http_build_query({rid:this.id,oid:this.data.detail.order.id,identity:1},'/pack-cookbook/pages/success')
+      });
+    }else{
+      App.Advance.CreateOrder({
+        rid:this.id,
+      }).then(res=>{
+        if(res.ret!=200){
+          return util.toast(res.msg,'none')
+        }
+        wx.navigateTo({
+          url:util.http_build_query({rid:this.id,oid:res.data.id,identity:1,sid:res.data.sellerid},'/pack-cookbook/pages/index')
+        });
+      })
     }
+
+  },
 })

@@ -3,18 +3,8 @@
 <view class="page">
     <view class="flex-vc" style="position: relative;">
         <view class="invit-logo">
-            <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-logo.png"></image>
+            <image src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_owner_invitation-1.png"></image>
         </view>
-        <!--
-        <view class="avatar">
-            <image src="{{detail.customers[0].headimgurl}}"></image>
-        </view>
-        <view class="invit flex-cc">
-            <view style="margin-right: 20rpx;">{{detail.rnameStr}}</view>
-            <view>{{detail.eatStr}}</view>
-        </view>
-        <view class="hr-one"></view>
-        -->
         <view class="seller flex-vc">
             <view class="title">餐厅</view>
             <view class="content name">{{detail.seller.sellername}}</view>
@@ -22,17 +12,22 @@
             <view class="content">{{detail.tableFirst}}{{detail.tableSubInfo}}</view>
             <view class="title">时间</view>
             <view class="content">{{detail.rdateStr}}</view>
-            <view class="title">地址</view>
-            <view class="content flex-ll" bindtap="lookLocation">
-                <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-addr.png" class="invit-addr"></image>
-                <view>{{detail.seller.real_address||detail.seller.map_address}}</view>
-            </view>
         </view>
     </view>
-</view>
-<view class="opt-view">
-    <view class="opt flex-cc">
-        <formids class="but button-none flex-vc"  bindclick="lookLocation">一键导航</formids>
-        <userinfo-share class="but button-none flex-vc" binduserinfo="setUserInfoSuccess">转发好友</userinfo-share>
+    <view class="opt-button">
+        <view class="opt flex-cc">
+            <userinfo class="button-none flex-vc" binduserinfo="toast">
+                <image class="buts" src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_owner_invitation-2.png"></image>
+            </userinfo>
+            <formids class="button-none flex-vc"  bindclick="cookbook">
+                <image class="buts" src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_owner_invitation-3.png"></image>
+            </formids>
+        </view>
     </view>
 </view>
+<view class="opt-view flex-vc">
+    <view class="opt-view-tip">发邀请函给朋友，获知朋友反馈</view>
+    <userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess">
+        <view class="buts-share"></view>
+    </userinfo-share>
+</view>

@@ -15,8 +15,8 @@ image{
   height: 100%;
 }
 .invit-logo{
-  width: 352rpx;
-  height: 164rpx;
+  width: 400rpx;
+  height: 170rpx;
   margin-top: 156rpx;
 }
 .avatar{
@@ -39,50 +39,63 @@ image{
   width: 90%;
 }
 .seller{
-  margin-top: 110rpx;
+  margin-top: 80rpx;
 }
 .seller .title{
   font-size: 28rpx;
   color:#999999;
-  margin-bottom: 32rpx;
+  margin-bottom: 18rpx;
+  height: 40rpx;
+  line-height: 40rpx;
 }
 .seller .content{
-  margin-bottom: 68rpx;
-  font-size: 30rpx;
-  line-height: 30rpx;
-}
-.seller .name{
-  font-size: 44rpx;
-  line-height: 44rpx;
+  margin-bottom: 40rpx;
+  font-size: 36rpx;
+  line-height: 50rpx;
+  height: 50rpx;
 }
 .invit-addr{
   width: 20rpx;
   height: 20rpx;
   margin-right: 18rpx;
 }
-
+.opt-button{
+  margin-top: 100rpx;
+  width: 100%;
+}
 
 .opt-view{
   position: fixed;
-  bottom: 120rpx;
+  bottom: 100rpx;
   width: 100%;
 }
 .opt{
   width: 90%;
   margin: 0 auto;
 }
-.opt .but{
-  width: 100%;
+
+.opt .buts{
+  width: 288rpx;
   height: 80rpx;
-  border: 2rpx solid #ECD9B7;
-  border-radius: 6rpx;
-  line-height: 78rpx;
-  text-align: center;
-  font-size: 30rpx;
-  color:#ECD9B7;
-  margin-right: 5%;
-  padding-bottom: 4rpx!important;
-}
-.opt .but:last-child{
-  margin-right: 0;
 }
+.buts-share{
+  width: 560rpx;
+  height: 86rpx;
+  margin: 0 auto;
+  background-image: url("http://qn.colorcun.com/custom/lite-yd-cook/image/detail_owner_invitation-5.png");
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  animation-name: butAnimation;
+  animation-duration: 0.7s;
+  animation-iteration-count:9999;
+}
+.opt-view-tip{
+  font-size: 26rpx;
+  color: #999999;
+  margin-bottom: 20rpx;
+}
+@keyframes butAnimation
+{
+  50%   {background-size:90%;}
+}
\ No newline at end of file