xt / xcx-book · Commits

Go to a project

Commit 0f9f7667b17f2e61df43e4647e0756afb86365af

Authored by vking
1 parent 1088f5f1
build: skipped

blue ui other

Inline Side-by-side
Showing 12 changed files with 510 additions and 261 deletions
  1 +// components/2.0/reserve/card.js
  2 +import util from '../../../../utils/util';
  3 +import RS from '../../../../utils/reserveStatus'
  4 +Component({
  5 + /**
  6 + * 组件的属性列表
  7 + */
  8 + properties: {
  9 + detail:Object,
  10 + },
  11 +
  12 + /**
  13 + * 组件的初始数据
  14 + */
  15 + data: {
  16 +
  17 + },
  18 + attached(){
  19 + //this.init()
  20 + },
  21 + observers: {
  22 + 'detail': function() {
  23 + this.init()
  24 + },
  25 + },
  26 +
  27 + /**
  28 + * 组件的方法列表
  29 + */
  30 + methods: {
  31 + init(){
  32 + let detail=RS.reserve(this.data.detail)
  33 + console.log('detail.init',detail)
  34 + let tableSubInfo = ''
  35 + let tableFirst = '';
  36 + if (detail.tableFirst) {
  37 + tableSubInfo = (detail.tableFirst || '') + ' ' + (detail.tableSubInfo || '');
  38 + tableFirst = detail.tableFirst
  39 + } else if(detail.tables && detail.tables.length>0) {
  40 + tableFirst = detail.tables[0].name
  41 + tableSubInfo = detail.tables[0].name;
  42 + if (detail.tables.length > 1) {
  43 + tableSubInfo += ' 等' + (detail.tables.length) + '个'
  44 + + (detail.tables[0].tid == 2 ? '包间' : '');
  45 + tableFirst += '等';
  46 + }
  47 + }
  48 + detail.tableFirst=tableFirst
  49 + detail.tableSubInfo=tableSubInfo
  50 + this.setData({
  51 + reserve:detail,
  52 + })
  53 + },
  54 + asPhone(){
  55 + this.selectComponent('#as-phone').show(this.data.reserve.seller);
  56 + },
  57 + }
  58 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {
  4 + "as-phone":"/components/2.0/dialog/phone"
  5 + }
  6 +}
  1 +<!--components/2.0/reserve/card.wxml-->
  2 +<wxs src="../../../../utils/util.wxs" module="util" />
  3 +<view class="view margin-lr-lg margin-top-lg solid radius padding padding-bottom-lg" style="box-shadow: 0px 0px 20rpx 0px #EEF0F2;">
  4 + <view class="view flex padding-bottom solid-bottom align-start">
  5 + <view class="view round margin-right-sm"
  6 + style="width: 60rpx;height: 60rpx; background-image: url('{{reserve.seller.seller_image}}');">
  7 + </view>
  8 + <view class="view text-cut flex-treble">
  9 + <view class="view text-lg text-cut Medium" style="margin-bottom: 16rpx;">{{reserve.seller.sellername}}</view>
  10 + <view class="view text-df bg-white text-cut">{{reserve.seller.map_address}}</view>
  11 + </view>
  12 + <view class="view margin-left-sm text-blue text-lg Medium flex justify-end"
  13 + bindtap="asPhone"
  14 + style="min-width: 100rpx;">
  15 + <image src="http://nosqn.colorcun.com/detail/x%20%2811%29.png" style="width: 40rpx;height: 40rpx;"></image>
  16 + </view>
  17 + </view>
  18 + <view class="view">
  19 + <view class="view flex align-center margin-top">
  20 + <view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">预订时间</view>
  21 + <view class="view flex-treble text-bold text-lg">
  22 + <view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate || reserve.type==0}}">
  23 + <text wx:if="{{reserve.ddate>0}}">{{util.unixtoTime(reserve.ddate||'','MM月DD日')}}　{{reserve.soltName}}</text>
  24 + </view>
  25 + <view class="value" wx:else="">{{reserve.rdateStr}}</view>
  26 + </view>
  27 + </view>
  28 + <view class="view flex align-center margin-top">
  29 + <view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">包间类型</view>
  30 + <view class="view flex-treble text-bold text-cut text-lg">
  31 + {{reserve.tableFirst||util.getRoomName(reserve.room_demand)}}
  32 + </view>
  33 + </view>
  34 + <view class="view flex align-center margin-top">
  35 + <view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">预订人</view>
  36 + <view class="view flex-treble text-cut text-lg">
  37 + {{reserve.rname}}
  38 + </view>
  39 + </view>
  40 + <view class="view flex align-center margin-top">
  41 + <view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">联系电话</view>
  42 + <view class="view flex-treble text-cut text-lg">
  43 + {{reserve.phone?reserve.phoneMask:''}}
  44 + </view>
  45 + </view>
  46 + <view class="view flex align-center margin-top" wx:if="{{reserve.cusdem}}">
  47 + <view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">备注信息</view>
  48 + <view class="view flex-treble text-cut text-lg">
  49 + {{reserve.cusdem}}
  50 + </view>
  51 + </view>
  52 + </view>
  53 +</view>
  54 +<as-phone id="as-phone"></as-phone>
  1 +/* components/2.0/reserve/card.wxss */
  2 +@import "/colorui/main.wxss";
  1 +// components/2.0/reserve/detail/status.js
  2 +const STATUS=[
  3 + //'待确认',//0：待确认
  4 + {
  5 + icon:'http://nosqn.colorcun.com/detail/s%20%281%29.png',//http://nosqn.colorcun.com/detail/s%20%284%29.png
  6 + title:'提交成功，商家处理中',//商家休息中
  7 + msg:'预计10分钟左右短信或微信告知您结果',//预计{rec_stime}左右营业并告知您结果
  8 + },
  9 + //'已预订',//1：已定座
  10 + {
  11 + icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
  12 + title:'订座成功',
  13 + msg:'选择通知好友将订座信息分享给朋友',
  14 + },
  15 + //'已完成',//2：确认到店（到店）
  16 + {
  17 + icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
  18 + title:'订座成功',
  19 + msg:'选择通知好友将订座信息分享给朋友',
  20 + },
  21 + //'已完成',//3：用餐完成（离店）
  22 + {
  23 + icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
  24 + title:'已完成',
  25 + msg:'您的订单已完成',
  26 + },
  27 + //'已取消',//4：取消预定
  28 + {
  29 + icon:'http://nosqn.colorcun.com/detail/s%20%282%29.png',
  30 + title:'已取消',
  31 + msg:'订单已取消，如有需要请重新预订',
  32 + },
  33 + //'已预订',//5：C端在线预定（分配包间）
  34 + {
  35 + icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
  36 + title:'订座成功',
  37 + msg:'选择通知好友将订座信息分享给朋友',
  38 + },
  39 + //'已拒绝'//6：拒单
  40 + {
  41 + icon:'http://nosqn.colorcun.com/detail/s%20%282%29.png',
  42 + title:'包间已订满',
  43 + msg:'周到安排可帮您抢订，并推荐更多优质餐厅',
  44 + },
  45 +]
  46 +Component({
  47 + /**
  48 + * 组件的属性列表
  49 + */
  50 + properties: {
  51 + detail:Object,
  52 + },
  53 +
  54 + /**
  55 + * 组件的初始数据
  56 + */
  57 + data: {
  58 +
  59 + },
  60 + observers: {
  61 + 'detail': function() {
  62 + this.setSta()
  63 + },
  64 + },
  65 + /**
  66 + * 组件的方法列表
  67 + */
  68 + methods: {
  69 + getSta(status=null){
  70 + status=status==null?this.data.detail.status:status
  71 + if(status==-1){
  72 + return {
  73 + icon:'http://nosqn.colorcun.com/detail/s%20%285%29.png',
  74 + title:'申请已提交',
  75 + msg:'等待处理，请留意公众号通知',
  76 + }
  77 + }
  78 + if(this.data.detail.hasFinished){
  79 + return {
  80 + icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
  81 + title:'已完成',
  82 + msg:'您的订单已完成',
  83 + }
  84 + }
  85 + let sta=STATUS[status]
  86 + return sta;
  87 + },
  88 + setSta(status=null){
  89 + let sta=this.getSta(status)
  90 + this.setData({
  91 + ...sta,
  92 + })
  93 + },
  94 + }
  95 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  1 +<!--components/2.0/reserve/detail/status.wxml-->
  2 +<view class="view padding-lg flex align-center">
  3 + <image src="{{icon}}" style="width:88rpx;height: 88rpx;"></image>
  4 + <view class="view flex-treble margin-left">
  5 + <view class="txt-44-h text-bold">{{title}}</view>
  6 + <view class="text-def text-666666" style="margin-top: 4rpx;">{{msg}}</view>
  7 + </view>
  8 +</view>
  1 +/* components/2.0/reserve/detail/status.wxss */
  2 +@import "/colorui/main.wxss";
@@ -20,6 +20,7 @@ Page({ @@ -20,6 +20,7 @@ Page({
20 hasLoadedCheckout:false, 20 hasLoadedCheckout:false,
21 subscribeHide:false,//顶部提示 21 subscribeHide:false,//顶部提示
22 subscribeYDHide:true,//顶部订阅引导 22 subscribeYDHide:true,//顶部订阅引导
  23 + loading:0,
23 }, 24 },
24 id: null, 25 id: null,
25 tpls: TP.tpls(), 26 tpls: TP.tpls(),
@@ -113,6 +114,7 @@ Page({ @@ -113,6 +114,7 @@ Page({
113 let Obj={ 114 let Obj={
114 detail: this.detail, 115 detail: this.detail,
115 hasOnlineReserve:res.data.type==1, 116 hasOnlineReserve:res.data.type==1,
  117 + loading:1,
116 } 118 }
117 if(this.detail.status==6){ 119 if(this.detail.status==6){
118 let room=[] 120 let room=[]
@@ -6,7 +6,6 @@ @@ -6,7 +6,6 @@
6 "userinfo-share": "/components/userinfo/share", 6 "userinfo-share": "/components/userinfo/share",
7 "userinfo": "/components/userinfo/userinfo", 7 "userinfo": "/components/userinfo/userinfo",
8 "manager": "/components/manager/manager", 8 "manager": "/components/manager/manager",
9 - "nav":"/components/nav/nav",  
10 "chatbot":"/components/userinfo/chatbot", 9 "chatbot":"/components/userinfo/chatbot",
11 "card":"/components/seller-card/seller-card", 10 "card":"/components/seller-card/seller-card",
12 "formids":"/components/formids/formids", 11 "formids":"/components/formids/formids",
@@ -18,6 +17,11 @@ @@ -18,6 +17,11 @@
18 "showModal":"/components/tips/showModal/showModal", 17 "showModal":"/components/tips/showModal/showModal",
19 "as-phone":"/components/actionSheet/phone", 18 "as-phone":"/components/actionSheet/phone",
20 "seller-discount":"/components/reserve/seller/discount", 19 "seller-discount":"/components/reserve/seller/discount",
21 - "service":"/components/tips/service" 20 + "service":"/components/tips/service",
  21 +
  22 + "detail-status":"/components/2.0/reserve/detail/status",
  23 + "detail-card":"/components/2.0/reserve/detail/card",
  24 + "nav":"/components/nav/nav"
  25 +
22 } 26 }
23 } 27 }
1 <!--pages/customer/detail_owner.wxml--> 1 <!--pages/customer/detail_owner.wxml-->
2 <nav hasHome>订座详情</nav> 2 <nav hasHome>订座详情</nav>
3 -<view class="flex-lr subscribe-tips" wx:if="{{!subscribeHide && (detail.hasRunning || detail.status==0)}}">  
4 - <view class="flex-ll" style="min-width: 678rpx;">  
5 - <view class="subscribe-icon"></view>  
6 - <view>点击开启预订提醒，第一时间获知预订结果。</view>  
7 - <subscribe ids="{{[0,1]}}" bindtap="subscribeEvent"  
8 - bindevent="subscribeEvent"  
9 - class="subscribe-but Semibold">开启提醒</subscribe>  
10 - </view>  
11 - <view class="subscribe-close-view flex-rr" bindtap="subscribeHide">  
12 - <view class="subscribe-close"></view> 3 +<page loading="{{loading}}">
  4 + <view class="view flex justify-start subscribe-tips align-center" wx:if="{{true || !subscribeHide && (detail.hasRunning || detail.status==0)}}">
  5 + <view class="view flex-treble flex align-center">
  6 + <view>点击开启预订提醒，第一时间获知预订结果。</view>
  7 + <subscribe ids="{{[0,1]}}" bindtap="subscribeEvent"
  8 + bindevent="subscribeEvent"
  9 + class="subscribe-but Semibold">开启提醒</subscribe>
  10 + </view>
  11 + <view class="subscribe-close close-x"></view>
13 </view> 12 </view>
14 -</view>  
15 -<view wx:if="{{!subscribeYDHide}}" bindtap="subscribeYDHide">  
16 - <view class="mask"></view>  
17 - <view class="subscribe-yd">  
18 - <view class="subscribe-jian"></view>  
19 - <view class="subscribe-dao Semibold">  
20 - <view class="flex-ll">点击<view class="icon-ddd"></view>——设置——订阅消息，</view>  
21 - <view>开启包间预订通知，第一时间知道预订结果。</view> 13 + <view wx:if="{{!subscribeYDHide}}" bindtap="subscribeYDHide">
  14 + <view class="mask"></view>
  15 + <view class="subscribe-yd">
  16 + <view class="subscribe-jian"></view>
  17 + <view class="subscribe-dao Semibold">
  18 + <view class="flex-ll">点击<view class="icon-ddd"></view>——设置——订阅消息，</view>
  19 + <view>开启包间预订通知，第一时间知道预订结果。</view>
  20 + </view>
22 </view> 21 </view>
23 </view> 22 </view>
24 -</view> 23 + <block wx:if="{{detail}}">
  24 +
  25 + <detail-status detail="{{detail}}" ></detail-status>
  26 + <detail-card detail="{{detail}}"></detail-card>
  27 + <view class="flex padding justify-end align-center">
25 28
26 -<view class="page">  
27 - <view class="flex-vc success" wx:if="{{hasCancel}}">  
28 - <view class="icon">  
29 - <icon type="waiting" size="47" color="#C8B16D"/>  
30 </view> 29 </view>
31 - <view class="title Medium">申请已提交，待商家处理</view>  
32 - <view class="info">  
33 - 请留意周到安排公众号通知 30 + <view class="fixed-buttons flex justify-center align-center">
  31 +
34 </view> 32 </view>
35 - </view>  
36 - <view class="flex-vc success" wx:else="">  
37 - <block wx:if="{{detail.hasRunning}}"> 33 + </block>
  34 +
  35 +
  36 + <view class="page">
  37 + <view class="flex-vc success" wx:if="{{hasCancel}}">
38 <view class="icon"> 38 <view class="icon">
39 - <icon type="success" size="47" color="#C8B16D"/> 39 + <icon type="waiting" size="47" color="#C8B16D"/>
40 </view> 40 </view>
41 - <view class="title Medium">订座成功</view>  
42 - <view class="info">分享订座信息给朋友，及时获知朋友们的反馈</view>  
43 - </block>  
44 - <block wx:elif="{{detail.hasCancel}}">  
45 - <view class="icon">  
46 - <icon type="info" size="47" color="#C9C9C9"/> 41 + <view class="title Medium">申请已提交，待商家处理</view>
  42 + <view class="info">
  43 + 请留意周到安排公众号通知
47 </view> 44 </view>
48 - <view class="title Medium">订座已取消</view>  
49 - </block>  
50 - <block wx:elif="{{detail.hasOvered}}">  
51 - <view class="icon">  
52 - <icon type="success" size="47" color="#C8B16D"/>  
53 - </view>  
54 - <view class="title Medium">订座已完成</view>  
55 - </block>  
56 - <block wx:else="">  
57 - <block wx:if="{{detail.status==0}}"> 45 + </view>
  46 + <view class="flex-vc success" wx:else="">
  47 + <block wx:if="{{detail.hasRunning}}">
58 <view class="icon"> 48 <view class="icon">
59 - <icon type="waiting" size="47" color="#C8B16D"/> 49 + <icon type="success" size="47" color="#C8B16D"/>
60 </view> 50 </view>
61 - <view class="title Medium">{{reserveSubmitInfo?reserveSubmitInfo:(firstShowMsg.length>10?'餐厅处理中':'餐厅休息中')}}</view>  
62 - <view class="info flex-vc" wx:if="{{firstShowMsg}}">  
63 - <block wx:if="{{firstShowMsg.length>10}}">  
64 - <view>预计10分钟左右餐厅将告知您结果</view>  
65 - <view>（请留意短信或微信通知 ）</view>  
66 - </block>  
67 - <block wx:else="">  
68 - <view>营业后将优先处理您的订单</view>  
69 - <view>预计{{firstShowMsg}}左右短信告知预订结果</view>  
70 - </block> 51 + <view class="title Medium">订座成功</view>
  52 + <view class="info">分享订座信息给朋友，及时获知朋友们的反馈</view>
  53 + </block>
  54 + <block wx:elif="{{detail.hasCancel}}">
  55 + <view class="icon">
  56 + <icon type="info" size="47" color="#C9C9C9"/>
  57 + </view>
  58 + <view class="title Medium">订座已取消</view>
  59 + </block>
  60 + <block wx:elif="{{detail.hasOvered}}">
  61 + <view class="icon">
  62 + <icon type="success" size="47" color="#C8B16D"/>
71 </view> 63 </view>
72 - <view class="flex-lr share-view-cookbook" wx:if="{{detail.seller.isopen_md==1}}">  
73 - <userinfo 64 + <view class="title Medium">订座已完成</view>
  65 + </block>
  66 + <block wx:else="">
  67 + <block wx:if="{{detail.status==0}}">
  68 + <view class="icon">
  69 + <icon type="waiting" size="47" color="#C8B16D"/>
  70 + </view>
  71 + <view class="title Medium">{{reserveSubmitInfo?reserveSubmitInfo:(firstShowMsg.length>10?'餐厅处理中':'餐厅休息中')}}</view>
  72 + <view class="info flex-vc" wx:if="{{firstShowMsg}}">
  73 + <block wx:if="{{firstShowMsg.length>10}}">
  74 + <view>预计10分钟左右餐厅将告知您结果</view>
  75 + <view>（请留意短信或微信通知 ）</view>
  76 + </block>
  77 + <block wx:else="">
  78 + <view>营业后将优先处理您的订单</view>
  79 + <view>预计{{firstShowMsg}}左右短信告知预订结果</view>
  80 + </block>
  81 + </view>
  82 + <view class="flex-lr share-view-cookbook" wx:if="{{detail.seller.isopen_md==1}}">
  83 + <userinfo
  84 + binduserinfo="checkout"
  85 + share="{{detail}}"
  86 + share-act="invitation"
  87 + class="share-but-view">
  88 + <view class="share-but Regular">
  89 + 在线买单
  90 + <seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"
  91 + cla="money-tips detail_owner"></seller-discount>
  92 + </view>
  93 + </userinfo>
  94 + </view>
  95 + </block>
  96 + <block wx:elif="{{detail.status==6}}">
  97 + <view class="icon">
  98 + <icon type="warn" size="47" color="#999999"/>
  99 + </view>
  100 + <view class="title Medium" style="font-size: 36rpx;margin-bottom: 42rpx;">包间已订满</view>
  101 + <view class="info" style="font-size: 30rpx;color: #353535; width: 100% ; text-align: left;height: auto;margin-bottom: 40rpx;">
  102 + <view>1、包间状态会实时更新，周到安排可帮忙抢订；</view>
  103 + <view>2、周到安排拥有全市包间资源，可为您推荐更多优质餐厅。</view>
  104 + </view>
  105 + <view class="flex-lr share-view" style="margin-top: 0">
  106 + <chatbot class="share-but-view" params="{{chatbotParams}}">
  107 + <view class="share-but flex-cc Medium">帮我<view class="qiang"></view>订</view>
  108 + </chatbot>
  109 + </view>
  110 + <view class="flex-lr share-view-cookbook" bindtap="gotoList">
  111 + <view class="share-but-view" params="{{chatbotParams}}">
  112 + <view class="share-but flex-cc Regular">帮我推荐附近可订餐厅</view>
  113 + </view>
  114 + </view>
  115 + </block>
  116 + </block>
  117 + </view>
  118 + <navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"
  119 + wx:if="{{detail.hasCancel}}"
  120 + hover-class="navigator-hover">
  121 + <view class="flex-lr share-view subscribe" style="margin-top: 60rpx;">
  122 + <view class="share-but">再次预订</view>
  123 + </view>
  124 + </navigator>
  125 + <block wx:if="{{detail.hasRunning}}">
  126 + <view class="flex-lr share-view" wx:if="{{detail.type==1}}">
  127 + <formids url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"
  128 + class="share-but-view">
  129 + <view class="share-but Regular">邀请同行好友</view>
  130 + </formids>
  131 + </view>
  132 + <view class="flex-lr share-view" wx:else="">
  133 + <userinfo-share
  134 + binduserinfo="userinfo"
  135 + bindshare="share"
  136 + share="{{detail}}"
  137 + share-act="invitation"
  138 + class="share-but-view">
  139 + <view class="share-but Regular">发邀请函</view>
  140 + </userinfo-share>
  141 + </view>
  142 + <block wx:if="{{(detail.seller.is_open_order==1 || detail.seller.is_open_wine==1 ) || (hasLoadedCheckout && detail.seller.isopen_md==1 && checkout.status!=3)}}">
  143 + <view class="flex-lr share-view-cookbook">
  144 + <userinfo wx:if="{{detail.seller.is_open_wine==1}}"
  145 + binduserinfo="wineGo"
  146 + bindshare="share"
  147 + share="{{detail}}"
  148 + share-act="invitation"
  149 + class="share-but-view">
  150 + <view class="share-but Regular">订酒水</view>
  151 + </userinfo>
  152 + <userinfo wx:if="{{detail.seller.is_open_order==1}}"
  153 + binduserinfo="cookbook"
  154 + bindshare="share"
  155 + share="{{detail}}"
  156 + share-act="invitation"
  157 + class="share-but-view">
  158 + <view class="share-but Regular flex-cc" wx:if="{{detail.order && detail.order.cookbooklist.length>0}}">
  159 + <view>查看菜品</view>
  160 + <image class="order-cook" src="http://nosqn.colorcun.com/custom/lite-yd-cook/image/order-cook.png"></image>
  161 + </view>
  162 + <view class="share-but Regular" wx:else="">提前点餐</view>
  163 + </userinfo>
  164 + <userinfo wx:if="{{detail.seller.isopen_md==1 && checkout.status!=3}}"
74 binduserinfo="checkout" 165 binduserinfo="checkout"
75 share="{{detail}}" 166 share="{{detail}}"
76 share-act="invitation" 167 share-act="invitation"
77 class="share-but-view"> 168 class="share-but-view">
78 <view class="share-but Regular"> 169 <view class="share-but Regular">
79 - 在线买单 170 + <view class="flex-cc">
  171 + <view class="checkout-icon checkout-icon-{{checkout.status}}" wx:if="{{checkout}}"></view>
  172 + 在线买单
  173 + </view>
80 <seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}" 174 <seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"
81 cla="money-tips detail_owner"></seller-discount> 175 cla="money-tips detail_owner"></seller-discount>
82 </view> 176 </view>
83 </userinfo> 177 </userinfo>
84 </view> 178 </view>
85 </block> 179 </block>
86 - <block wx:elif="{{detail.status==6}}">  
87 - <view class="icon">  
88 - <icon type="warn" size="47" color="#999999"/>  
89 - </view>  
90 - <view class="title Medium" style="font-size: 36rpx;margin-bottom: 42rpx;">包间已订满</view>  
91 - <view class="info" style="font-size: 30rpx;color: #353535; width: 100% ; text-align: left;height: auto;margin-bottom: 40rpx;">  
92 - <view>1、包间状态会实时更新，周到安排可帮忙抢订；</view>  
93 - <view>2、周到安排拥有全市包间资源，可为您推荐更多优质餐厅。</view>  
94 - </view>  
95 - <view class="flex-lr share-view" style="margin-top: 0">  
96 - <chatbot class="share-but-view" params="{{chatbotParams}}">  
97 - <view class="share-but flex-cc Medium">帮我<view class="qiang"></view>订</view>  
98 - </chatbot>  
99 - </view>  
100 - <view class="flex-lr share-view-cookbook" bindtap="gotoList">  
101 - <view class="share-but-view" params="{{chatbotParams}}">  
102 - <view class="share-but flex-cc Regular">帮我推荐附近可订餐厅</view>  
103 - </view>  
104 - </view>  
105 - </block>  
106 </block> 180 </block>
107 - </view>  
108 - <navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"  
109 - wx:if="{{detail.hasCancel}}"  
110 - hover-class="navigator-hover">  
111 - <view class="flex-lr share-view subscribe" style="margin-top: 60rpx;">  
112 - <view class="share-but">再次预订</view>  
113 - </view>  
114 - </navigator>  
115 - <block wx:if="{{detail.hasRunning}}">  
116 - <view class="flex-lr share-view" wx:if="{{detail.type==1}}">  
117 - <formids url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"  
118 - class="share-but-view">  
119 - <view class="share-but Regular">邀请同行好友</view>  
120 - </formids>  
121 - </view>  
122 - <view class="flex-lr share-view" wx:else="">  
123 - <userinfo-share  
124 - binduserinfo="userinfo"  
125 - bindshare="share"  
126 - share="{{detail}}"  
127 - share-act="invitation"  
128 - class="share-but-view">  
129 - <view class="share-but Regular">发邀请函</view>  
130 - </userinfo-share>  
131 - </view>  
132 - <block wx:if="{{(detail.seller.is_open_order==1 || detail.seller.is_open_wine==1 ) || (hasLoadedCheckout && detail.seller.isopen_md==1 && checkout.status!=3)}}">  
133 - <view class="flex-lr share-view-cookbook">  
134 - <userinfo wx:if="{{detail.seller.is_open_wine==1}}"  
135 - binduserinfo="wineGo"  
136 - bindshare="share"  
137 - share="{{detail}}"  
138 - share-act="invitation"  
139 - class="share-but-view">  
140 - <view class="share-but Regular">订酒水</view>  
141 - </userinfo>  
142 - <userinfo wx:if="{{detail.seller.is_open_order==1}}"  
143 - binduserinfo="cookbook"  
144 - bindshare="share"  
145 - share="{{detail}}"  
146 - share-act="invitation"  
147 - class="share-but-view">  
148 - <view class="share-but Regular flex-cc" wx:if="{{detail.order && detail.order.cookbooklist.length>0}}">  
149 - <view>查看菜品</view>  
150 - <image class="order-cook" src="http://nosqn.colorcun.com/custom/lite-yd-cook/image/order-cook.png"></image>  
151 - </view>  
152 - <view class="share-but Regular" wx:else="">提前点餐</view>  
153 - </userinfo>  
154 - <userinfo wx:if="{{detail.seller.isopen_md==1 && checkout.status!=3}}"  
155 - binduserinfo="checkout"  
156 - share="{{detail}}"  
157 - share-act="invitation"  
158 - class="share-but-view">  
159 - <view class="share-but Regular">  
160 - <view class="flex-cc">  
161 - <view class="checkout-icon checkout-icon-{{checkout.status}}" wx:if="{{checkout}}"></view>  
162 - 在线买单  
163 - </view>  
164 - <seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"  
165 - cla="money-tips detail_owner"></seller-discount>  
166 - </view>  
167 - </userinfo> 181 + <view style="height: 40rpx;"></view>
  182 + <card seller="{{detail.seller}}" detail="{{detail}}" bindevent="cardEvent"></card>
  183 + <view class="detail-info Medium" style="margin-top: 56rpx;">
  184 + <view class="flex-lr">
  185 + <view>用餐人</view>
  186 + <view class="detail-info-right">{{detail.rname}}{{detail.phone?'('+detail.phoneMask+')':''}}</view>
168 </view> 187 </view>
169 - </block>  
170 - </block>  
171 - <view style="height: 40rpx;"></view>  
172 - <card seller="{{detail.seller}}" detail="{{detail}}" bindevent="cardEvent"></card>  
173 - <view class="detail-info Medium" style="margin-top: 56rpx;">  
174 - <view class="flex-lr">  
175 - <view>用餐人</view>  
176 - <view class="detail-info-right">{{detail.rname}}{{detail.phone?'('+detail.phoneMask+')':''}}</view>  
177 - </view>  
178 - <view class="flex-lr" style="margin-top: 43rpx;" wx:if="{{detail.type!=1}}">  
179 - <view>用餐人数</view>  
180 - <view class="detail-info-right">{{detail.pnum||detail.pnum_str}}人</view>  
181 - </view>  
182 - <view class="flex-lr" wx:if="{{detail.cusman}}"  
183 - style="margin-top: 43rpx;"  
184 - bindtap="{{(detail.cusman_phone || detail.cusman_account)?'showManager':''}}">  
185 - <view>客户经理</view>  
186 - <view class="detail-info-right"  
187 - style="{{(detail.cusman_phone || detail.cusman_account)?'text-decoration: underline;':''}}"  
188 - >{{detail.cusman||''}}</view>  
189 - </view>  
190 - <view class="flex-lr" style="margin-top: 43rpx;align-items: flex-start;" wx:if="{{detail.cusdem}}">  
191 - <view style="line-height: 34rpx;">备注信息</view>  
192 - <view class="detail-info-right flex-rr" style="width:500rpx;line-height: 1.35;">{{detail.cusdem}}</view>  
193 - </view>  
194 - </view>  
195 - <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>  
196 - <block wx:if="{{detail.customers.length>1}}">  
197 - <formids url="./detail_owner_part?id={{detail.id}}" hover-class="navigator-hover" wx:if="{{detail.customers.length>0}}">  
198 - <view class="flex-lr customers_view">  
199 - <view class="customers flex-ll">  
200 - <block wx:for="{{detail.customers}}" wx:key="detail.customers.key">  
201 - <image src="{{item.headimgurl}}" class="avatar" mode="aspectFill" wx:if="{{index<3}}"></image>  
202 - </block>  
203 - <view style="margin-left: 12rpx;">等{{detail.customers.length}}人已参加</view>  
204 - </view>  
205 - <image src="http://nosqn.colorcun.com/custom/lite-yd/image/click.png" class="more"></image> 188 + <view class="flex-lr" style="margin-top: 43rpx;" wx:if="{{detail.type!=1}}">
  189 + <view>用餐人数</view>
  190 + <view class="detail-info-right">{{detail.pnum||detail.pnum_str}}人</view>
  191 + </view>
  192 + <view class="flex-lr" wx:if="{{detail.cusman}}"
  193 + style="margin-top: 43rpx;"
  194 + bindtap="{{(detail.cusman_phone || detail.cusman_account)?'showManager':''}}">
  195 + <view>客户经理</view>
  196 + <view class="detail-info-right"
  197 + style="{{(detail.cusman_phone || detail.cusman_account)?'text-decoration: underline;':''}}"
  198 + >{{detail.cusman||''}}</view>
  199 + </view>
  200 + <view class="flex-lr" style="margin-top: 43rpx;align-items: flex-start;" wx:if="{{detail.cusdem}}">
  201 + <view style="line-height: 34rpx;">备注信息</view>
  202 + <view class="detail-info-right flex-rr" style="width:500rpx;line-height: 1.35;">{{detail.cusdem}}</view>
206 </view> 203 </view>
207 - </formids>  
208 - </block>  
209 -  
210 - <view class="detail-info Medium tuiding">  
211 - <view class="flex-rr">  
212 - <service id="service"><view class="item">联系客服</view></service>  
213 - <view class="item" bindtap="callSeller">联系商家</view>  
214 - <navigator url="./cancel?id={{detail.id}}"  
215 - wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"  
216 - hover-class="navigator-hover">  
217 - <view class="item" >取消预订</view>  
218 - </navigator>  
219 - <navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"  
220 - wx:if="{{detail.hasFinished && hasComment}}"  
221 - hover-class="navigator-hover">  
222 - <view class="item" >评论</view>  
223 - </navigator>  
224 </view> 204 </view>
225 - </view>  
226 - <block wx:if="{{checkout.status==3}}">  
227 <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view> 205 <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
228 - <view class="detail-info Medium" style="margin-top: 56rpx;">  
229 - <view class="flex-lr">  
230 - <view>实付金额</view>  
231 - <view class="detail-info-right" style="color:rgba(224,32,32,1);">¥{{checkout.should_price}}</view>  
232 - </view>  
233 - <view class="flex-lr" style="margin-top: 26rpx;">  
234 - <view></view>  
235 - <navigator url="/pack-checkout/pages/index?sid={{detail.seller.id}}&rid={{detail.id}}">  
236 - <view class="detail-info-right see-pics">查看消费详情</view> 206 + <block wx:if="{{detail.customers.length>1}}">
  207 + <formids url="./detail_owner_part?id={{detail.id}}" hover-class="navigator-hover" wx:if="{{detail.customers.length>0}}">
  208 + <view class="flex-lr customers_view">
  209 + <view class="customers flex-ll">
  210 + <block wx:for="{{detail.customers}}" wx:key="detail.customers.key">
  211 + <image src="{{item.headimgurl}}" class="avatar" mode="aspectFill" wx:if="{{index<3}}"></image>
  212 + </block>
  213 + <view style="margin-left: 12rpx;">等{{detail.customers.length}}人已参加</view>
  214 + </view>
  215 + <image src="http://nosqn.colorcun.com/custom/lite-yd/image/click.png" class="more"></image>
  216 + </view>
  217 + </formids>
  218 + </block>
  219 +
  220 + <view class="detail-info Medium tuiding">
  221 + <view class="flex-rr">
  222 + <service id="service"><view class="item">联系客服</view></service>
  223 + <view class="item" bindtap="callSeller">联系商家</view>
  224 + <navigator url="./cancel?id={{detail.id}}"
  225 + wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"
  226 + hover-class="navigator-hover">
  227 + <view class="item" >取消预订</view>
  228 + </navigator>
  229 + <navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"
  230 + wx:if="{{detail.hasFinished && hasComment}}"
  231 + hover-class="navigator-hover">
  232 + <view class="item" >评论</view>
237 </navigator> 233 </navigator>
238 </view> 234 </view>
239 </view> 235 </view>
240 - </block>  
241 - <block wx:if="{{checkout.invoice}}">  
242 - <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>  
243 - <view class="detail-info Medium" style="margin-top: 56rpx;">  
244 - <view class="flex-lr">  
245 - <view>发票</view>  
246 - <view class="detail-info-right">{{checkout.invoice.title}}</view> 236 + <block wx:if="{{checkout.status==3}}">
  237 + <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
  238 + <view class="detail-info Medium" style="margin-top: 56rpx;">
  239 + <view class="flex-lr">
  240 + <view>实付金额</view>
  241 + <view class="detail-info-right" style="color:rgba(224,32,32,1);">¥{{checkout.should_price}}</view>
  242 + </view>
  243 + <view class="flex-lr" style="margin-top: 26rpx;">
  244 + <view></view>
  245 + <navigator url="/pack-checkout/pages/index?sid={{detail.seller.id}}&rid={{detail.id}}">
  246 + <view class="detail-info-right see-pics">查看消费详情</view>
  247 + </navigator>
  248 + </view>
  249 + </view>
  250 + </block>
  251 + <block wx:if="{{checkout.invoice}}">
  252 + <view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
  253 + <view class="detail-info Medium" style="margin-top: 56rpx;">
  254 + <view class="flex-lr">
  255 + <view>发票</view>
  256 + <view class="detail-info-right">{{checkout.invoice.title}}</view>
  257 + </view>
  258 + <view class="flex-lr" style="margin-top: 26rpx;">
  259 + <view></view>
  260 + <view class="detail-info-right">{{checkout.invoice.taxnumber}}</view>
  261 + </view>
247 </view> 262 </view>
248 - <view class="flex-lr" style="margin-top: 26rpx;">  
249 - <view></view>  
250 - <view class="detail-info-right">{{checkout.invoice.taxnumber}}</view> 263 + </block>
  264 + <block wx:if="{{false && rsl.length>0}}">
  265 + <view class="line-push">为你推荐</view>
  266 + <view class="transverse-list">
  267 + <swiper
  268 + indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
  269 + interval="2000" duration="500"
  270 + previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"
  271 + current="{{current}}" bindchange="bindtransition" bindanimationfinish="bindtransition">
  272 + <block wx:for="{{rsl}}" wx:key="rsl.key">
  273 + <swiper-item bindtap="gotoSellerDetail" id="{{item.id}}">
  274 + <view class="seller" id="seller-{{item.id}}">
  275 + <sb-tr seller="{{item}}"
  276 + hasInSwiper bindevent="sbtrEvent"
  277 + hasActivityTags="{{false}}"
  278 + hasActivityShort="{{true}}"
  279 + hasBrand="true" hasActivityTese="true"
  280 + hasSlogan="{{false}}"></sb-tr>
  281 + </view>
  282 + </swiper-item>
  283 + </block>
  284 + </swiper>
251 </view> 285 </view>
252 - </view>  
253 - </block>  
254 - <block wx:if="{{false && rsl.length>0}}">  
255 - <view class="line-push">为你推荐</view>  
256 - <view class="transverse-list">  
257 - <swiper  
258 - indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"  
259 - interval="2000" duration="500"  
260 - previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"  
261 - current="{{current}}" bindchange="bindtransition" bindanimationfinish="bindtransition">  
262 - <block wx:for="{{rsl}}" wx:key="rsl.key">  
263 - <swiper-item bindtap="gotoSellerDetail" id="{{item.id}}">  
264 - <view class="seller" id="seller-{{item.id}}">  
265 - <sb-tr seller="{{item}}"  
266 - hasInSwiper bindevent="sbtrEvent"  
267 - hasActivityTags="{{false}}"  
268 - hasActivityShort="{{true}}"  
269 - hasBrand="true" hasActivityTese="true"  
270 - hasSlogan="{{false}}"></sb-tr>  
271 - </view>  
272 - </swiper-item>  
273 - </block>  
274 - </swiper>  
275 - </view>  
276 - </block>  
277 - <view style="height: 50rpx;"></view>  
278 -</view> 286 + </block>
  287 + <view style="height: 50rpx;"></view>
  288 + </view>
  289 +</page>
  290 +
279 <manager manager="{{detail}}" id="manager"></manager> 291 <manager manager="{{detail}}" id="manager"></manager>
280 <as id="as" items="{{detail.seller.seller_tel}}" bindclick="callSellerPhone">拨打电话</as> 292 <as id="as" items="{{detail.seller.seller_tel}}" bindclick="callSellerPhone">拨打电话</as>
281 <getpos bindpos="onpos" id="getpos" hasAllowFail hasAllowLoading="{{false}}"></getpos> 293 <getpos bindpos="onpos" id="getpos" hasAllowFail hasAllowLoading="{{false}}"></getpos>
1 /* pages/customer/detail_owner.wxss */ 1 /* pages/customer/detail_owner.wxss */
  2 +@import "../../colorui/main.wxss";
  3 +.fixed-buttons{
  4 + position: fixed;
  5 + bottom: 0;
  6 + left: 0;
  7 +}
  8 +.close-x:after{left:-20rpx;}
  9 +
2 .page{ 10 .page{
3 width: 90%; 11 width: 90%;
4 margin: 0 5%; 12 margin: 0 5%;
@@ -188,30 +196,28 @@ @@ -188,30 +196,28 @@
188 border-bottom: 2rpx solid #353535; 196 border-bottom: 2rpx solid #353535;
189 } 197 }
190 .subscribe-tips{ 198 .subscribe-tips{
191 - position: fixed;  
192 width:100%; 199 width:100%;
193 height:60rpx; 200 height:60rpx;
194 - background:rgba(0,0,0,0.5); 201 + background: #FDF9F5;
195 202
196 font-size:26rpx; 203 font-size:26rpx;
197 font-family:PingFangSC-Semibold,PingFang SC; 204 font-family:PingFangSC-Semibold,PingFang SC;
198 - font-weight:600;  
199 - color:rgba(255,255,255,1); 205 + color:#FF7A00;
200 line-height:60rpx; 206 line-height:60rpx;
201 - padding-left: 10rpx; 207 + padding-left: 40rpx;
202 padding-right: 18rpx; 208 padding-right: 18rpx;
203 box-sizing: border-box; 209 box-sizing: border-box;
204 } 210 }
205 .subscribe-but{ 211 .subscribe-but{
206 - height:44rpx;  
207 - background:rgba(255,255,255,1);  
208 - border-radius:6rpx; 212 + height: 44rpx;
  213 + border-radius: 6rpx;
  214 + border: 2rpx solid #FFC2AA;
  215 + box-sizing: border-box;
209 216
210 font-size:24rpx; 217 font-size:24rpx;
211 font-family:PingFangSC-Semibold,PingFang SC; 218 font-family:PingFangSC-Semibold,PingFang SC;
212 - font-weight:600;  
213 - color:rgba(86,86,86,1);  
214 - line-height:44rpx; 219 + color:#FF7A00;
  220 + line-height:40rpx;
215 padding: 0 10rpx; 221 padding: 0 10rpx;
216 margin-left: 10rpx; 222 margin-left: 10rpx;
217 } 223 }
@@ -227,11 +233,7 @@ @@ -227,11 +233,7 @@
227 height:22rpx; 233 height:22rpx;
228 background-size: 100% 100%; 234 background-size: 100% 100%;
229 background-image: url("http://nosqn.colorcun.com/subscribe/close.png"); 235 background-image: url("http://nosqn.colorcun.com/subscribe/close.png");
230 -}  
231 -.subscribe-close-view{  
232 - width: 100%;  
233 - height: 60rpx;  
234 - line-height: 60rpx; 236 + background-color: #8dc63f;
235 } 237 }
236 .subscribe-yd{ 238 .subscribe-yd{
237 position: fixed; 239 position: fixed;