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
// components/2.0/reserve/card.js
import util from '../../../../utils/util';
import RS from '../../../../utils/reserveStatus'
Component({
/**
* 组件的属性列表
*/
properties: {
detail:Object,
},
/**
* 组件的初始数据
*/
data: {
},
attached(){
//this.init()
},
observers: {
'detail': function() {
this.init()
},
},
/**
* 组件的方法列表
*/
methods: {
init(){
let detail=RS.reserve(this.data.detail)
console.log('detail.init',detail)
let tableSubInfo = ''
let tableFirst = '';
if (detail.tableFirst) {
tableSubInfo = (detail.tableFirst || '') + ' ' + (detail.tableSubInfo || '');
tableFirst = detail.tableFirst
} else if(detail.tables && detail.tables.length>0) {
tableFirst = detail.tables[0].name
tableSubInfo = detail.tables[0].name;
if (detail.tables.length > 1) {
tableSubInfo += ' 等' + (detail.tables.length) + '个'
+ (detail.tables[0].tid == 2 ? '包间' : '');
tableFirst += '等';
}
}
detail.tableFirst=tableFirst
detail.tableSubInfo=tableSubInfo
this.setData({
reserve:detail,
})
},
asPhone(){
this.selectComponent('#as-phone').show(this.data.reserve.seller);
},
}
})
... ...
{
"component": true,
"usingComponents": {
"as-phone":"/components/2.0/dialog/phone"
}
}
\ No newline at end of file
... ...
<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../../utils/util.wxs" module="util" />
<view class="view margin-lr-lg margin-top-lg solid radius padding padding-bottom-lg" style="box-shadow: 0px 0px 20rpx 0px #EEF0F2;">
<view class="view flex padding-bottom solid-bottom align-start">
<view class="view round margin-right-sm"
style="width: 60rpx;height: 60rpx; background-image: url('{{reserve.seller.seller_image}}');">
</view>
<view class="view text-cut flex-treble">
<view class="view text-lg text-cut Medium" style="margin-bottom: 16rpx;">{{reserve.seller.sellername}}</view>
<view class="view text-df bg-white text-cut">{{reserve.seller.map_address}}</view>
</view>
<view class="view margin-left-sm text-blue text-lg Medium flex justify-end"
bindtap="asPhone"
style="min-width: 100rpx;">
<image src="http://nosqn.colorcun.com/detail/x%20%2811%29.png" style="width: 40rpx;height: 40rpx;"></image>
</view>
</view>
<view class="view">
<view class="view flex align-center margin-top">
<view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">预订时间</view>
<view class="view flex-treble text-bold text-lg">
<view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate || reserve.type==0}}">
<text wx:if="{{reserve.ddate>0}}">{{util.unixtoTime(reserve.ddate||'','MM月DD日')}}　{{reserve.soltName}}</text>
</view>
<view class="value" wx:else="">{{reserve.rdateStr}}</view>
</view>
</view>
<view class="view flex align-center margin-top">
<view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">包间类型</view>
<view class="view flex-treble text-bold text-cut text-lg">
{{reserve.tableFirst||util.getRoomName(reserve.room_demand)}}
</view>
</view>
<view class="view flex align-center margin-top">
<view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">预订人</view>
<view class="view flex-treble text-cut text-lg">
{{reserve.rname}}
</view>
</view>
<view class="view flex align-center margin-top">
<view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">联系电话</view>
<view class="view flex-treble text-cut text-lg">
{{reserve.phone?reserve.phoneMask:''}}
</view>
</view>
<view class="view flex align-center margin-top" wx:if="{{reserve.cusdem}}">
<view class="view flex-sub bg-white Medium" style="min-width: 172rpx;">备注信息</view>
<view class="view flex-treble text-cut text-lg">
{{reserve.cusdem}}
</view>
</view>
</view>
</view>
<as-phone id="as-phone"></as-phone>
\ No newline at end of file
... ...
/* components/2.0/reserve/card.wxss */
@import "/colorui/main.wxss";
\ No newline at end of file
... ...
// components/2.0/reserve/detail/status.js
const STATUS=[
//'待确认',//0：待确认
{
icon:'http://nosqn.colorcun.com/detail/s%20%281%29.png',//http://nosqn.colorcun.com/detail/s%20%284%29.png
title:'提交成功，商家处理中',//商家休息中
msg:'预计10分钟左右短信或微信告知您结果',//预计{rec_stime}左右营业并告知您结果
},
//'已预订',//1：已定座
{
icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
title:'订座成功',
msg:'选择通知好友将订座信息分享给朋友',
},
//'已完成',//2：确认到店（到店）
{
icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
title:'订座成功',
msg:'选择通知好友将订座信息分享给朋友',
},
//'已完成',//3：用餐完成（离店）
{
icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
title:'已完成',
msg:'您的订单已完成',
},
//'已取消',//4：取消预定
{
icon:'http://nosqn.colorcun.com/detail/s%20%282%29.png',
title:'已取消',
msg:'订单已取消，如有需要请重新预订',
},
//'已预订',//5：C端在线预定（分配包间）
{
icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
title:'订座成功',
msg:'选择通知好友将订座信息分享给朋友',
},
//'已拒绝'//6：拒单
{
icon:'http://nosqn.colorcun.com/detail/s%20%282%29.png',
title:'包间已订满',
msg:'周到安排可帮您抢订，并推荐更多优质餐厅',
},
]
Component({
/**
* 组件的属性列表
*/
properties: {
detail:Object,
},
/**
* 组件的初始数据
*/
data: {
},
observers: {
'detail': function() {
this.setSta()
},
},
/**
* 组件的方法列表
*/
methods: {
getSta(status=null){
status=status==null?this.data.detail.status:status
if(status==-1){
return {
icon:'http://nosqn.colorcun.com/detail/s%20%285%29.png',
title:'申请已提交',
msg:'等待处理，请留意公众号通知',
}
}
if(this.data.detail.hasFinished){
return {
icon:'http://nosqn.colorcun.com/detail/s%20%283%29.png',
title:'已完成',
msg:'您的订单已完成',
}
}
let sta=STATUS[status]
return sta;
},
setSta(status=null){
let sta=this.getSta(status)
this.setData({
...sta,
})
},
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--components/2.0/reserve/detail/status.wxml-->
<view class="view padding-lg flex align-center">
<image src="{{icon}}" style="width:88rpx;height: 88rpx;"></image>
<view class="view flex-treble margin-left">
<view class="txt-44-h text-bold">{{title}}</view>
<view class="text-def text-666666" style="margin-top: 4rpx;">{{msg}}</view>
</view>
</view>
... ...
/* components/2.0/reserve/detail/status.wxss */
@import "/colorui/main.wxss";
\ No newline at end of file
... ...
... ... @@ -20,6 +20,7 @@ Page({
hasLoadedCheckout:false,
subscribeHide:false,//顶部提示
subscribeYDHide:true,//顶部订阅引导
loading:0,
},
id: null,
tpls: TP.tpls(),
... ... @@ -113,6 +114,7 @@ Page({
let Obj={
detail: this.detail,
hasOnlineReserve:res.data.type==1,
loading:1,
}
if(this.detail.status==6){
let room=[]
... ...
... ... @@ -6,7 +6,6 @@
"userinfo-share": "/components/userinfo/share",
"userinfo": "/components/userinfo/userinfo",
"manager": "/components/manager/manager",
"nav":"/components/nav/nav",
"chatbot":"/components/userinfo/chatbot",
"card":"/components/seller-card/seller-card",
"formids":"/components/formids/formids",
... ... @@ -18,6 +17,11 @@
"showModal":"/components/tips/showModal/showModal",
"as-phone":"/components/actionSheet/phone",
"seller-discount":"/components/reserve/seller/discount",
"service":"/components/tips/service"
"service":"/components/tips/service",
"detail-status":"/components/2.0/reserve/detail/status",
"detail-card":"/components/2.0/reserve/detail/card",
"nav":"/components/nav/nav"
}
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner.wxml-->
<nav hasHome>订座详情</nav>
<view class="flex-lr subscribe-tips" wx:if="{{!subscribeHide && (detail.hasRunning || detail.status==0)}}">
<view class="flex-ll" style="min-width: 678rpx;">
<view class="subscribe-icon"></view>
<view>点击开启预订提醒，第一时间获知预订结果。</view>
<subscribe ids="{{[0,1]}}" bindtap="subscribeEvent"
bindevent="subscribeEvent"
class="subscribe-but Semibold">开启提醒</subscribe>
</view>
<view class="subscribe-close-view flex-rr" bindtap="subscribeHide">
<view class="subscribe-close"></view>
<page loading="{{loading}}">
<view class="view flex justify-start subscribe-tips align-center" wx:if="{{true || !subscribeHide && (detail.hasRunning || detail.status==0)}}">
<view class="view flex-treble flex align-center">
<view>点击开启预订提醒，第一时间获知预订结果。</view>
<subscribe ids="{{[0,1]}}" bindtap="subscribeEvent"
bindevent="subscribeEvent"
class="subscribe-but Semibold">开启提醒</subscribe>
</view>
<view class="subscribe-close close-x"></view>
</view>
</view>
<view wx:if="{{!subscribeYDHide}}" bindtap="subscribeYDHide">
<view class="mask"></view>
<view class="subscribe-yd">
<view class="subscribe-jian"></view>
<view class="subscribe-dao Semibold">
<view class="flex-ll">点击<view class="icon-ddd"></view>——设置——订阅消息，</view>
<view>开启包间预订通知，第一时间知道预订结果。</view>
<view wx:if="{{!subscribeYDHide}}" bindtap="subscribeYDHide">
<view class="mask"></view>
<view class="subscribe-yd">
<view class="subscribe-jian"></view>
<view class="subscribe-dao Semibold">
<view class="flex-ll">点击<view class="icon-ddd"></view>——设置——订阅消息，</view>
<view>开启包间预订通知，第一时间知道预订结果。</view>
</view>
</view>
</view>
</view>
<block wx:if="{{detail}}">
<detail-status detail="{{detail}}" ></detail-status>
<detail-card detail="{{detail}}"></detail-card>
<view class="flex padding justify-end align-center">
<view class="page">
<view class="flex-vc success" wx:if="{{hasCancel}}">
<view class="icon">
<icon type="waiting" size="47" color="#C8B16D"/>
</view>
<view class="title Medium">申请已提交，待商家处理</view>
<view class="info">
请留意周到安排公众号通知
<view class="fixed-buttons flex justify-center align-center">
</view>
</view>
<view class="flex-vc success" wx:else="">
<block wx:if="{{detail.hasRunning}}">
</block>
<view class="page">
<view class="flex-vc success" wx:if="{{hasCancel}}">
<view class="icon">
<icon type="success" size="47" color="#C8B16D"/>
<icon type="waiting" size="47" color="#C8B16D"/>
</view>
<view class="title Medium">订座成功</view>
<view class="info">分享订座信息给朋友，及时获知朋友们的反馈</view>
</block>
<block wx:elif="{{detail.hasCancel}}">
<view class="icon">
<icon type="info" size="47" color="#C9C9C9"/>
<view class="title Medium">申请已提交，待商家处理</view>
<view class="info">
请留意周到安排公众号通知
</view>
<view class="title Medium">订座已取消</view>
</block>
<block wx:elif="{{detail.hasOvered}}">
<view class="icon">
<icon type="success" size="47" color="#C8B16D"/>
</view>
<view class="title Medium">订座已完成</view>
</block>
<block wx:else="">
<block wx:if="{{detail.status==0}}">
</view>
<view class="flex-vc success" wx:else="">
<block wx:if="{{detail.hasRunning}}">
<view class="icon">
<icon type="waiting" size="47" color="#C8B16D"/>
<icon type="success" size="47" color="#C8B16D"/>
</view>
<view class="title Medium">{{reserveSubmitInfo?reserveSubmitInfo:(firstShowMsg.length>10?'餐厅处理中':'餐厅休息中')}}</view>
<view class="info flex-vc" wx:if="{{firstShowMsg}}">
<block wx:if="{{firstShowMsg.length>10}}">
<view>预计10分钟左右餐厅将告知您结果</view>
<view>（请留意短信或微信通知 ）</view>
</block>
<block wx:else="">
<view>营业后将优先处理您的订单</view>
<view>预计{{firstShowMsg}}左右短信告知预订结果</view>
</block>
<view class="title Medium">订座成功</view>
<view class="info">分享订座信息给朋友，及时获知朋友们的反馈</view>
</block>
<block wx:elif="{{detail.hasCancel}}">
<view class="icon">
<icon type="info" size="47" color="#C9C9C9"/>
</view>
<view class="title Medium">订座已取消</view>
</block>
<block wx:elif="{{detail.hasOvered}}">
<view class="icon">
<icon type="success" size="47" color="#C8B16D"/>
</view>
<view class="flex-lr share-view-cookbook" wx:if="{{detail.seller.isopen_md==1}}">
<userinfo
<view class="title Medium">订座已完成</view>
</block>
<block wx:else="">
<block wx:if="{{detail.status==0}}">
<view class="icon">
<icon type="waiting" size="47" color="#C8B16D"/>
</view>
<view class="title Medium">{{reserveSubmitInfo?reserveSubmitInfo:(firstShowMsg.length>10?'餐厅处理中':'餐厅休息中')}}</view>
<view class="info flex-vc" wx:if="{{firstShowMsg}}">
<block wx:if="{{firstShowMsg.length>10}}">
<view>预计10分钟左右餐厅将告知您结果</view>
<view>（请留意短信或微信通知 ）</view>
</block>
<block wx:else="">
<view>营业后将优先处理您的订单</view>
<view>预计{{firstShowMsg}}左右短信告知预订结果</view>
</block>
</view>
<view class="flex-lr share-view-cookbook" wx:if="{{detail.seller.isopen_md==1}}">
<userinfo
binduserinfo="checkout"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">
在线买单
<seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"
cla="money-tips detail_owner"></seller-discount>
</view>
</userinfo>
</view>
</block>
<block wx:elif="{{detail.status==6}}">
<view class="icon">
<icon type="warn" size="47" color="#999999"/>
</view>
<view class="title Medium" style="font-size: 36rpx;margin-bottom: 42rpx;">包间已订满</view>
<view class="info" style="font-size: 30rpx;color: #353535; width: 100% ; text-align: left;height: auto;margin-bottom: 40rpx;">
<view>1、包间状态会实时更新，周到安排可帮忙抢订；</view>
<view>2、周到安排拥有全市包间资源，可为您推荐更多优质餐厅。</view>
</view>
<view class="flex-lr share-view" style="margin-top: 0">
<chatbot class="share-but-view" params="{{chatbotParams}}">
<view class="share-but flex-cc Medium">帮我<view class="qiang"></view>订</view>
</chatbot>
</view>
<view class="flex-lr share-view-cookbook" bindtap="gotoList">
<view class="share-but-view" params="{{chatbotParams}}">
<view class="share-but flex-cc Regular">帮我推荐附近可订餐厅</view>
</view>
</view>
</block>
</block>
</view>
<navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"
wx:if="{{detail.hasCancel}}"
hover-class="navigator-hover">
<view class="flex-lr share-view subscribe" style="margin-top: 60rpx;">
<view class="share-but">再次预订</view>
</view>
</navigator>
<block wx:if="{{detail.hasRunning}}">
<view class="flex-lr share-view" wx:if="{{detail.type==1}}">
<formids url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"
class="share-but-view">
<view class="share-but Regular">邀请同行好友</view>
</formids>
</view>
<view class="flex-lr share-view" wx:else="">
<userinfo-share
binduserinfo="userinfo"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">发邀请函</view>
</userinfo-share>
</view>
<block wx:if="{{(detail.seller.is_open_order==1 || detail.seller.is_open_wine==1 ) || (hasLoadedCheckout && detail.seller.isopen_md==1 && checkout.status!=3)}}">
<view class="flex-lr share-view-cookbook">
<userinfo wx:if="{{detail.seller.is_open_wine==1}}"
binduserinfo="wineGo"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">订酒水</view>
</userinfo>
<userinfo wx:if="{{detail.seller.is_open_order==1}}"
binduserinfo="cookbook"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular flex-cc" wx:if="{{detail.order && detail.order.cookbooklist.length>0}}">
<view>查看菜品</view>
<image class="order-cook" src="http://nosqn.colorcun.com/custom/lite-yd-cook/image/order-cook.png"></image>
</view>
<view class="share-but Regular" wx:else="">提前点餐</view>
</userinfo>
<userinfo wx:if="{{detail.seller.isopen_md==1 && checkout.status!=3}}"
binduserinfo="checkout"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">
在线买单
<view class="flex-cc">
<view class="checkout-icon checkout-icon-{{checkout.status}}" wx:if="{{checkout}}"></view>
在线买单
</view>
<seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"
cla="money-tips detail_owner"></seller-discount>
</view>
</userinfo>
</view>
</block>
<block wx:elif="{{detail.status==6}}">
<view class="icon">
<icon type="warn" size="47" color="#999999"/>
</view>
<view class="title Medium" style="font-size: 36rpx;margin-bottom: 42rpx;">包间已订满</view>
<view class="info" style="font-size: 30rpx;color: #353535; width: 100% ; text-align: left;height: auto;margin-bottom: 40rpx;">
<view>1、包间状态会实时更新，周到安排可帮忙抢订；</view>
<view>2、周到安排拥有全市包间资源，可为您推荐更多优质餐厅。</view>
</view>
<view class="flex-lr share-view" style="margin-top: 0">
<chatbot class="share-but-view" params="{{chatbotParams}}">
<view class="share-but flex-cc Medium">帮我<view class="qiang"></view>订</view>
</chatbot>
</view>
<view class="flex-lr share-view-cookbook" bindtap="gotoList">
<view class="share-but-view" params="{{chatbotParams}}">
<view class="share-but flex-cc Regular">帮我推荐附近可订餐厅</view>
</view>
</view>
</block>
</block>
</view>
<navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"
wx:if="{{detail.hasCancel}}"
hover-class="navigator-hover">
<view class="flex-lr share-view subscribe" style="margin-top: 60rpx;">
<view class="share-but">再次预订</view>
</view>
</navigator>
<block wx:if="{{detail.hasRunning}}">
<view class="flex-lr share-view" wx:if="{{detail.type==1}}">
<formids url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"
class="share-but-view">
<view class="share-but Regular">邀请同行好友</view>
</formids>
</view>
<view class="flex-lr share-view" wx:else="">
<userinfo-share
binduserinfo="userinfo"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">发邀请函</view>
</userinfo-share>
</view>
<block wx:if="{{(detail.seller.is_open_order==1 || detail.seller.is_open_wine==1 ) || (hasLoadedCheckout && detail.seller.isopen_md==1 && checkout.status!=3)}}">
<view class="flex-lr share-view-cookbook">
<userinfo wx:if="{{detail.seller.is_open_wine==1}}"
binduserinfo="wineGo"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">订酒水</view>
</userinfo>
<userinfo wx:if="{{detail.seller.is_open_order==1}}"
binduserinfo="cookbook"
bindshare="share"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular flex-cc" wx:if="{{detail.order && detail.order.cookbooklist.length>0}}">
<view>查看菜品</view>
<image class="order-cook" src="http://nosqn.colorcun.com/custom/lite-yd-cook/image/order-cook.png"></image>
</view>
<view class="share-but Regular" wx:else="">提前点餐</view>
</userinfo>
<userinfo wx:if="{{detail.seller.isopen_md==1 && checkout.status!=3}}"
binduserinfo="checkout"
share="{{detail}}"
share-act="invitation"
class="share-but-view">
<view class="share-but Regular">
<view class="flex-cc">
<view class="checkout-icon checkout-icon-{{checkout.status}}" wx:if="{{checkout}}"></view>
在线买单
</view>
<seller-discount id="seller-discount" seller="{{detail.seller}}" wx:if="{{detail.seller}}"
cla="money-tips detail_owner"></seller-discount>
</view>
</userinfo>
<view style="height: 40rpx;"></view>
<card seller="{{detail.seller}}" detail="{{detail}}" bindevent="cardEvent"></card>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>用餐人</view>
<view class="detail-info-right">{{detail.rname}}{{detail.phone?'('+detail.phoneMask+')':''}}</view>
</view>
</block>
</block>
<view style="height: 40rpx;"></view>
<card seller="{{detail.seller}}" detail="{{detail}}" bindevent="cardEvent"></card>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>用餐人</view>
<view class="detail-info-right">{{detail.rname}}{{detail.phone?'('+detail.phoneMask+')':''}}</view>
</view>
<view class="flex-lr" style="margin-top: 43rpx;" wx:if="{{detail.type!=1}}">
<view>用餐人数</view>
<view class="detail-info-right">{{detail.pnum||detail.pnum_str}}人</view>
</view>
<view class="flex-lr" wx:if="{{detail.cusman}}"
style="margin-top: 43rpx;"
bindtap="{{(detail.cusman_phone || detail.cusman_account)?'showManager':''}}">
<view>客户经理</view>
<view class="detail-info-right"
style="{{(detail.cusman_phone || detail.cusman_account)?'text-decoration: underline;':''}}"
>{{detail.cusman||''}}</view>
</view>
<view class="flex-lr" style="margin-top: 43rpx;align-items: flex-start;" wx:if="{{detail.cusdem}}">
<view style="line-height: 34rpx;">备注信息</view>
<view class="detail-info-right flex-rr" style="width:500rpx;line-height: 1.35;">{{detail.cusdem}}</view>
</view>
</view>
<view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
<block wx:if="{{detail.customers.length>1}}">
<formids url="./detail_owner_part?id={{detail.id}}" hover-class="navigator-hover" wx:if="{{detail.customers.length>0}}">
<view class="flex-lr customers_view">
<view class="customers flex-ll">
<block wx:for="{{detail.customers}}" wx:key="detail.customers.key">
<image src="{{item.headimgurl}}" class="avatar" mode="aspectFill" wx:if="{{index<3}}"></image>
</block>
<view style="margin-left: 12rpx;">等{{detail.customers.length}}人已参加</view>
</view>
<image src="http://nosqn.colorcun.com/custom/lite-yd/image/click.png" class="more"></image>
<view class="flex-lr" style="margin-top: 43rpx;" wx:if="{{detail.type!=1}}">
<view>用餐人数</view>
<view class="detail-info-right">{{detail.pnum||detail.pnum_str}}人</view>
</view>
<view class="flex-lr" wx:if="{{detail.cusman}}"
style="margin-top: 43rpx;"
bindtap="{{(detail.cusman_phone || detail.cusman_account)?'showManager':''}}">
<view>客户经理</view>
<view class="detail-info-right"
style="{{(detail.cusman_phone || detail.cusman_account)?'text-decoration: underline;':''}}"
>{{detail.cusman||''}}</view>
</view>
<view class="flex-lr" style="margin-top: 43rpx;align-items: flex-start;" wx:if="{{detail.cusdem}}">
<view style="line-height: 34rpx;">备注信息</view>
<view class="detail-info-right flex-rr" style="width:500rpx;line-height: 1.35;">{{detail.cusdem}}</view>
</view>
</formids>
</block>
<view class="detail-info Medium tuiding">
<view class="flex-rr">
<service id="service"><view class="item">联系客服</view></service>
<view class="item" bindtap="callSeller">联系商家</view>
<navigator url="./cancel?id={{detail.id}}"
wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"
hover-class="navigator-hover">
<view class="item" >取消预订</view>
</navigator>
<navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"
wx:if="{{detail.hasFinished && hasComment}}"
hover-class="navigator-hover">
<view class="item" >评论</view>
</navigator>
</view>
</view>
<block wx:if="{{checkout.status==3}}">
<view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>实付金额</view>
<view class="detail-info-right" style="color:rgba(224,32,32,1);">¥{{checkout.should_price}}</view>
</view>
<view class="flex-lr" style="margin-top: 26rpx;">
<view></view>
<navigator url="/pack-checkout/pages/index?sid={{detail.seller.id}}&rid={{detail.id}}">
<view class="detail-info-right see-pics">查看消费详情</view>
<block wx:if="{{detail.customers.length>1}}">
<formids url="./detail_owner_part?id={{detail.id}}" hover-class="navigator-hover" wx:if="{{detail.customers.length>0}}">
<view class="flex-lr customers_view">
<view class="customers flex-ll">
<block wx:for="{{detail.customers}}" wx:key="detail.customers.key">
<image src="{{item.headimgurl}}" class="avatar" mode="aspectFill" wx:if="{{index<3}}"></image>
</block>
<view style="margin-left: 12rpx;">等{{detail.customers.length}}人已参加</view>
</view>
<image src="http://nosqn.colorcun.com/custom/lite-yd/image/click.png" class="more"></image>
</view>
</formids>
</block>
<view class="detail-info Medium tuiding">
<view class="flex-rr">
<service id="service"><view class="item">联系客服</view></service>
<view class="item" bindtap="callSeller">联系商家</view>
<navigator url="./cancel?id={{detail.id}}"
wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"
hover-class="navigator-hover">
<view class="item" >取消预订</view>
</navigator>
<navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"
wx:if="{{detail.hasFinished && hasComment}}"
hover-class="navigator-hover">
<view class="item" >评论</view>
</navigator>
</view>
</view>
</block>
<block wx:if="{{checkout.invoice}}">
<view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>发票</view>
<view class="detail-info-right">{{checkout.invoice.title}}</view>
<block wx:if="{{checkout.status==3}}">
<view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>实付金额</view>
<view class="detail-info-right" style="color:rgba(224,32,32,1);">¥{{checkout.should_price}}</view>
</view>
<view class="flex-lr" style="margin-top: 26rpx;">
<view></view>
<navigator url="/pack-checkout/pages/index?sid={{detail.seller.id}}&rid={{detail.id}}">
<view class="detail-info-right see-pics">查看消费详情</view>
</navigator>
</view>
</view>
</block>
<block wx:if="{{checkout.invoice}}">
<view class="hr" style="margin-top: 78rpx;margin-bottom: 78rpx;"></view>
<view class="detail-info Medium" style="margin-top: 56rpx;">
<view class="flex-lr">
<view>发票</view>
<view class="detail-info-right">{{checkout.invoice.title}}</view>
</view>
<view class="flex-lr" style="margin-top: 26rpx;">
<view></view>
<view class="detail-info-right">{{checkout.invoice.taxnumber}}</view>
</view>
</view>
<view class="flex-lr" style="margin-top: 26rpx;">
<view></view>
<view class="detail-info-right">{{checkout.invoice.taxnumber}}</view>
</block>
<block wx:if="{{false && rsl.length>0}}">
<view class="line-push">为你推荐</view>
<view class="transverse-list">
<swiper
indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
interval="2000" duration="500"
previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"
current="{{current}}" bindchange="bindtransition" bindanimationfinish="bindtransition">
<block wx:for="{{rsl}}" wx:key="rsl.key">
<swiper-item bindtap="gotoSellerDetail" id="{{item.id}}">
<view class="seller" id="seller-{{item.id}}">
<sb-tr seller="{{item}}"
hasInSwiper bindevent="sbtrEvent"
hasActivityTags="{{false}}"
hasActivityShort="{{true}}"
hasBrand="true" hasActivityTese="true"
hasSlogan="{{false}}"></sb-tr>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
</block>
<block wx:if="{{false && rsl.length>0}}">
<view class="line-push">为你推荐</view>
<view class="transverse-list">
<swiper
indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
interval="2000" duration="500"
previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"
current="{{current}}" bindchange="bindtransition" bindanimationfinish="bindtransition">
<block wx:for="{{rsl}}" wx:key="rsl.key">
<swiper-item bindtap="gotoSellerDetail" id="{{item.id}}">
<view class="seller" id="seller-{{item.id}}">
<sb-tr seller="{{item}}"
hasInSwiper bindevent="sbtrEvent"
hasActivityTags="{{false}}"
hasActivityShort="{{true}}"
hasBrand="true" hasActivityTese="true"
hasSlogan="{{false}}"></sb-tr>
</view>
</swiper-item>
</block>
</swiper>
</view>
</block>
<view style="height: 50rpx;"></view>
</view>
</block>
<view style="height: 50rpx;"></view>
</view>
</page>
<manager manager="{{detail}}" id="manager"></manager>
<as id="as" items="{{detail.seller.seller_tel}}" bindclick="callSellerPhone">拨打电话</as>
<getpos bindpos="onpos" id="getpos" hasAllowFail hasAllowLoading="{{false}}"></getpos>
... ...
/* pages/customer/detail_owner.wxss */
@import "../../colorui/main.wxss";
.fixed-buttons{
position: fixed;
bottom: 0;
left: 0;
}
.close-x:after{left:-20rpx;}
.page{
width: 90%;
margin: 0 5%;
... ... @@ -188,30 +196,28 @@
border-bottom: 2rpx solid #353535;
}
.subscribe-tips{
position: fixed;
width:100%;
height:60rpx;
background:rgba(0,0,0,0.5);
background: #FDF9F5;
font-size:26rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
color:#FF7A00;
line-height:60rpx;
padding-left: 10rpx;
padding-left: 40rpx;
padding-right: 18rpx;
box-sizing: border-box;
}
.subscribe-but{
height:44rpx;
background:rgba(255,255,255,1);
border-radius:6rpx;
height: 44rpx;
border-radius: 6rpx;
border: 2rpx solid #FFC2AA;
box-sizing: border-box;
font-size:24rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(86,86,86,1);
line-height:44rpx;
color:#FF7A00;
line-height:40rpx;
padding: 0 10rpx;
margin-left: 10rpx;
}
... ... @@ -227,11 +233,7 @@
height:22rpx;
background-size: 100% 100%;
background-image: url("http://nosqn.colorcun.com/subscribe/close.png");
}
.subscribe-close-view{
width: 100%;
height: 60rpx;
line-height: 60rpx;
background-color: #8dc63f;
}
.subscribe-yd{
position: fixed;
... ...