detail_invitation.wxml 14.5 KB
<!--pages/customer/detail_owner.wxml-->
<import src="../tpl/invitation"></import>
<nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;" class="navhome" place="{{true}}"></nav>
<!-- detail.type==0 && detail.channel==5 -->
<block wx:if="{{detail}}">
	<!-- <view class="pages bg-1" style="max-height:{{height}}px;overflow-y: scroll;padding-top: {{statusBarHeight+titleBarHeight}}px;line-height: 1.4;padding-bottom: 60rpx;position: relative;">
		<view class="book-image flex-cc"></view>
		<view class="cover-conent flex-vc">
			<view class="staff-info flex-lr">
				<view class="staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>
				<view class="flex-vl" style="padding-top: 16rpx;">
					<view class="brown-font font34r font-bold" style="margin-bottom: 6rpx;">{{staffinfo.name}}</view>
					<view class="brown-font font26r" style="margin-bottom: 6rpx;">{{staffinfo.position}}</view>
					<view class="brown-font font26r" style="margin-bottom: 44rpx;">{{staffinfo.phone}}</view>
					<view class="bg-light-brown book-concat flex-cc" style="margin-bottom: 20rpx;" bindtap="call">
						<image src="http://sellershare.colorcun.com/share-call.png" class="book-concat-icon"></image>
						<view class="brown-font font24r">电话</view>
					</view>
					<view class="bg-light-brown book-concat flex-cc" bindtap="addwechat">
						<image src="http://sellershare.colorcun.com/share-wechat.png" class="book-concat-icon"></image>
						<view class="brown-font font24r">微信</view>
					</view>
				</view>
				<swiper class="seller-coupon" wx:if="{{list && list.length>0}}">
					<swiper-item wx:for="{{list}}">
						<view class="new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">
							<view class="font22r font-more font-bold" style="width:140rpx;display: block;">{{item.aname}}</view>
						</view>
					</swiper-item>
				</swiper>
				<block wx:else>
					<view class="mask-line"></view>
				</block>
			</view>
			<view class="order-info flex-vc">
				<view class="order-decrote top-decrote" style="margin-bottom: 60rpx;"></view>
				<view class="seller-name font34r font-bold brown-font">{{seller.name}}</view>
				<view class="font26r smooth light-brown-font" style="margin-bottom: 12rpx;">已为您安排在包间</view>
				<view class="room-info flex-cc">
					<view class="room-decrote left-decrote"></view>
					<view class="room-name font34r font-bold brown-font">{{seller.room}}</view>
					<view class="room-decrote right-decrote"></view>
				</view>
				<view class="font24r smooth brown-font book-button bg-light-brown flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
				<view class="font28r smooth brown-font" style="margin-top: 60rpx;margin-bottom: 20rpx;">时间:{{seller.date}}</view>
				<view class="font28r smooth brown-font">地址:{{seller.addr}}</view>
				<view class="font24r smooth brown-font book-button bg-light-brown flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>
				<view class="order-decrote bottom-decrote"></view>
			</view>
		</view>
		<button class="font32r font-bold main-button book-button font-bold flex-cc" wx:if="{{!detail.hasCanSuccess && detail.status!=4}}" catchtap="confirmed">确认收到</button>
		<view class="font34r smooth flex-cc font-bold" style="width:140rpx;color:#ECC88F;margin: 0 auto;" bindtap="secondbook">再次预订</view>
	</view> -->
	<!-- <scroll-view class="last-bg" style="padding-top: {{statusBarHeight+titleBarHeight}}px;line-height: 1.4;height:{{height}}px;" scroll-y>
		<view class="last-staff-info flex-lr">
			<view class="last-staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>
			<view class="last-staff-detail flex-vr" style="align-items: flex-end;">
				<view class="white-font font60r">{{staffinfo.name}}</view>
				<view class="white-font font32r">{{staffinfo.phone}}</view>
				<view class="white-font font34r" style="margin-bottom: 20rpx;">{{staffinfo.position}}</view>
				<view class="last-button-item flex-ll" style="margin-bottom: 20rpx;" bindtap="call">
					<image src="http://sellershare.colorcun.com/last-book-call.png" class="last-icon"></image>
					<view class="black-font font22r last-button-content flex-cc" >拨打电话</view>
				</view>
				<button class="last-button-item flex-ll" bindtap="addwechat">
					<image src="http://sellershare.colorcun.com/last-book-wechat.png" class="last-icon"></image>
					<view class="black-font font22r last-button-content flex-cc" >加我微信</view>
				</button>
			</view>
			<swiper class="last-seller-coupon" wx:if="{{list && list.length>0}}">
				<swiper-item wx:for="{{list}}">
					<view class="last-new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">
						<view class="font22r font-more font-bold last-coupon-content" style="width:290rpx;display: block;">{{item.aname}}</view>
						<view class="black-font font24r flex-cc last-use-button">立即使用</view>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="last-order-info flex-vc">
			<view class="font42r last-yellow-font" style="margin-bottom: 14rpx;">{{seller.name}}</view>
			<view class="font42r last-yellow-font" style="margin-bottom: 26rpx;">{{seller.date}}</view>
			<view class="white-font font32r" style="margin-bottom: 28rpx;">已为您安排在包间</view>
			<view class="last-room-rect flex-cc">
				<view class="font52r last-yellow-font font-bold">{{seller.room}}</view>
				<view class="last-look-button last-comoon-button black-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
			</view>
			<view class="font28r last-yellow-font" style="margin-bottom: 10rpx;">{{seller.addr}}</view>
			<view class="last-comoon-button black-font font22r flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>
		</view>
		<button class="last-share-button font38r flex-cc font-bold" wx:if="{{!detail.hasCanSuccess && detail.status!=4}}" catchtap="confirmed">确认收到</button>
		<view class="font24r last-yellow-font" style="width:140rpx;padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;" bindtap="secondbook">再次预订</view>
		<view style="height:40rpx;"></view>
	</scroll-view> -->
	<scroll-view class="last-book-bg" style="line-height: 1.4;height:{{height}}px;" scroll-y>
		<view style="height:{{statusBarHeight+titleBarHeight}}px;"></view>
		<view class="book-flower" style="top:{{statusBarHeight+titleBarHeight}}px;"></view><view style="padding-left: 40rpx;box-sizing: border-box;">
			<view class="last-book-staff flex-vr" style="align-items: flex-end;">
				<image src="{{staffinfo.photo}}" class="book-staff-headerimg" mode="aspectFit"></image>
				<view class="flex-rr" style="margin-bottom: 20rpx;">
					<view class="flex-rr font26r yellow-font">客户经理:{{staffinfo.name}}</view>
					<view class="book-staff-item-button flex-cc" bindtap="addwechat">
						<image src="http://nosqn.colorcun.com/book-wechat.png" class="book-header-icon"></image>
						<view class="font22r brown-font">加我微信</view>
					</view>
				</view>
				<view class="flex-rr" bindtap="call">
					<view class="flex-rr font26r yellow-font">{{staffinfo.phone ? staffinfo.phone : seller.tel}}</view>
					<view class="book-staff-item-button flex-cc">
						<image src="http://nosqn.colorcun.com/book-phone.png" class="book-header-icon"></image>
						<view class="font22r brown-font">拨打电话</view>
					</view>
				</view>
			</view>
			<view class="book-font"></view>
			<view class="yellow-font font44r" style="margin-bottom: 60rpx;">{{seller.name}}</view>
			<view>
				<view class="font26r" style="color: #C9BD89;margin-bottom: 20rpx;">已为您安排在包间</view>
				<view class="font40r" style="color: #E8D47E;margin-bottom: 20rpx;">{{seller.region}}</view>
				<view class="book-room-rect flex-cc">
					<view class="font44r yellow-font">{{seller.room}}</view>
					<view class="book-look-button brown-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
					<view class="book-look-button gray-font font22r flex-cc" wx:else  style="background: #CCCCCC;">浏览照片</view>
				</view>
				<view class="yellow-font font30r" style="margin-bottom: 24rpx;">时间:{{seller.date}}</view>
				<view class="flex-lr" style="line-height: 1.2;padding-right: 40rpx;box-sizing: border-box;margin-bottom: 200rpx;">
					<view class="yellow-font font30r">地址:{{seller.addr}}</view>
					<view class="loaction-button black-font font22r flex-cc" bindtap="lookLocation">一键导航</view>
				</view>
				
			</view>
		</view>
		<view class="confirm-cover" wx:if="{{showconfirm}}">
			<button class="book-share-button font38r flex-cc font-bold" bindtap="confirmed">确认收到</button>
			<view class="confirm-notice flex-vc">
				<view class="white-font font26r flex-cc">点击确认收到,可告知发起人已收到邀请</view>
				<view class="angel"></view>
			</view>
		</view>
		<view style="height: 240rpx;"></view>
	</scroll-view>
	<view class="all-button flex-lr" wx:if="{{!showconfirm}}">
		<block wx:if="{{detail.hasCancel}}">
		    <view class="book-item-font flex-cc">
		    	<image src="http://nosqn.colorcun.com/book-share-nouse-button.png" class="button-item-icon"></image>
		    	<view class="font30r" style="color: #999999;">转发好友</view>
		    </view>
		</block>
		<block wx:else>
		    <button class="book-item-font flex-cc" open-type="share">
		    	<image src="http://nosqn.colorcun.com/book-share-button.png" class="button-item-icon"></image>
		    	<view class="font30r">转发好友</view>
		    </button>
		</block>
		<view class="book-item-font second-book-button flex-cc" bindtap="secondbook" style="position: relative;">
			<image src="http://nosqn.colorcun.com/second-book.png" class="button-item-icon"></image>
			<view class="font30r">再次预订</view>
			<view class="notice" style="top: -10rpx;right: 0rpx;"></view>
		</view>
		<view class="line-border"></view>
		<block wx:if="{{list}}">
			<view class="book-notice flex-vc">
				<view class="white-font font26r flex-cc">再次预订可享“{{list[0].aname}}”优惠</view>
				<view class="angel"></view>
			</view>
		</block>
	</view>
	<view class="book-mask" hidden="{{selecthidden}}" bindtap="closeselect"></view>
	<view class="book-buttons">
		<view class="select-button white-font font28r flex-cc" bindtap="showselect">选项</view>
		<view hidden="{{selecthidden}}">	
		<navigator class="select-item-button flex-cc white-font font24r" style="left: 75rpx;bottom:290rpx;" open-type="redirect" url="/pages/customer/index?islove=custom">首页</navigator>
		<navigator class="select-item-button flex-cc white-font font24r" style="left: 150rpx;bottom:160rpx;" open-type="redirect" url="/pages/me/index">我的</navigator>
		<block wx:if="{{detail.hasCancel}}">
			<view class="select-item-button flex-cc gray-font font28r" style="left: 75rpx;bottom:30rpx;">取消订单</view>
		</block>
		<block wx:else>
			<view class="select-item-button flex-cc white-font font24r" style="left: 75rpx;bottom:30rpx;" bindtap="cancelmodal">取消订单</view>
		</block>
		<!-- <view class="select-item-button flex-cc white-font font24r" style="left: 42rpx;bottom:10rpx;" bindtap="closeselect">返回</view> -->
		</view>
	</view>
	<view class="book-mask" hidden="{{morehidden}}" bindtap="closemore"></view>
	<view class="service-buttons">
		<view class="more-button white-font font28r flex-vc" bindtap="showmore" hidden="true">更多<view>服务</view></view>
		<view hidden="{{morehidden}}">	
		<view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:681rpx;" bindtap="noopenservice">酒水</view>
		<view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:599rpx;" bindtap="noopenservice">代驾</view>
		<view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:473rpx;" bindtap="noopenservice">酒店</view>
		<view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:391rpx;" bindtap="noopenservice">茶楼沐足</view>
		<!-- <view class="select-item-button flex-cc white-font font24r" style="right: 0rpx;bottom:368rpx;" bindtap="closemore">返回</view> -->
		</view>
	</view>
	<block wx:if="{{detail.hasCancel}}">
		<view class="cancel-mark"></view>
	</block>
	
</block>
<block wx:else>
	<block wx:if="{{detail}}">
		<view class="pages bg-{{options.tplid}} flex-vc" style="height:{{height}}px; padding-top: 120rpx;overflow-y: auto;" wx:if="{{options.tplid}}">
			<template is="tpl-{{options.tplid}}" data="{{seller,options,hasOwner,animation,detail}}"></template>
			<view class="opt-view flex-vc" style="padding-bottom: 320rpx;">
				<block wx:if="{{!detail.hasCanSuccess && detail.status!=4}}">
					<button class="button-none flex-vc" catchtap="confirmed">
						<view class="buts-share animation customer"></view>
					</button>
				</block>
			</view>
		</view>
	</block>
	<view class="cancel-icon" wx:if="{{detail.status==4}}"></view>
</block>
<view class="opt-button flex-lr" wx:if="{{detail && detail.channel!=5}}">
	    <view bindtap="gotoHome" class="dingbaojian flex-vc">
	        <image src="http://nosqn.colorcun.com/reserve/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20191114105901.png" class="icon"></image>
	        <view class="text">订包间</view>
	    </view>
	    <view class="opt flex-cc">
	        <formids class="button-none flex-vc"  bindclick="lookLocation">
	            <view class="opt-text flex-cc">
	                <image class="buts-dh" src="http://nosqn.colorcun.com/manager-invitation/wx2/%E4%B8%80%E9%94%AE%E5%AF%BC%E8%88%AA.png"></image>
	                <view class="buts-text">一键导航</view>
	            </view>
	        </formids>
	        <button open-type="share" class="button-none flex-vc">
	            <view class="opt-text flex-cc">
	                <image class="buts-sh" src="http://nosqn.colorcun.com/manager-invitation/wx2/%E8%BD%AC%E5%8F%91%E7%BB%99%E5%A5%BD%E5%8F%8B.png"></image>
	                <view class="buts-text">转发给好友</view>
	            </view>
	        </button>
	    </view>
	</view>
<!--//商务-->
<template name="tpl-1">
    <view class="flex-vc shangwu" bindtap="{{options.rid?'goEditor':''}}">
        <template is="tpl-shangwu" data="{{...seller,options}}"></template>
    </view>
</template>

<!--//温馨-->
<template name="tpl-2">
    <template is="tpl-wenxin" data="{{...seller,options}}"></template>
</template>
<a2l bindshow="a2lshow" bindhide="a2lshow" key="INVIT"></a2l>
<activity-tips str="¥price" pos="pages/reserve/detail" cla="detail-invitation"></activity-tips>