card.wxml 4.07 KB
<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<view class="view margin-lr-lg margin-top-sm  solid radius padding padding-bottom-lg" style="box-shadow: 0px 0px 20rpx 0px #EEF0F2;">
    <view class="view flex padding-bottom solid-bottom align-center">
        <view class="view round margin-right-sm"
              style="min-width:60rpx;width: 60rpx;height: 60rpx; background-image: url('{{reserve.seller.seller_image}}');">
        </view>
        <view class="view text-cut flex-treble">
			<view class="flex-lr" style="width: 100%;">
				<view class="text-lg text-cut Medium" style="margin-bottom: 16rpx;">{{reserve.seller.sellername}}</view>
				<view class="margin-left-sm text-blue text-lg Medium" style="min-width: 100rpx;margin-bottom: 16rpx;font-size: 30rpx;">
				    {{reserve.getStatusStr}}
				</view>
			</view>
            <view class="flex-lr" catchtap="openlocation">
				<view class="view text-df bg-white text-cut" style="max-width: 450rpx;">{{reserve.seller.map_address}}</view>
				<view class="more"></view>
			</view>
            
        </view>
        
    </view>
    <view class="view margin-top solid-bottom">
        <view class="view flex align-center" style="margin-bottom: 30rpx;">
            <view class="view flex-sub bg-white Medium">预订时间</view>
            <view class="view flex-treble text-bold" style="font-size: 36rpx;">
                <view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate || reserve.type==0}}">
                    <text wx:if="{{reserve.ddate>0}}">{{util.unixtoTime(reserve.ddate||'','MM月DD日')}} {{ddate_Str}}</text>
                </view>
                <view class="value" wx:else="">{{reserve.rdateStr}}</view>
            </view>
        </view>
        <view class="view flex align-center" style="margin-bottom: 30rpx;">
            <view class="view flex-sub bg-white Medium" style="min-width: 140rpx;">包间类型</view>
            <view class="view flex-treble text-bold text-cut" style="font-size: 36rpx;">
                {{reserve.tableFirst||util.getRoomName(reserve.room_demand)}}
            </view>
        </view>
		<view class="view flex align-center" style="margin-bottom: 30rpx;">
		    <view class="view flex-sub bg-white Medium" style="min-width: 140rpx;">预订人</view>
		    <view class="view flex-treble text-cut text-bold" style="font-size: 36rpx;">
		        {{reserve.rname}}
		    </view>
		</view>
		<view class="view flex align-center">
		    <view class="view flex-sub bg-white Medium" style="min-width: 140rpx;">联系电话</view>
		    <view class="view flex-treble text-cut text-bold" style="font-size: 36rpx;">
		        {{reserve.phone?reserve.phoneMask:''}}
		    </view>
		</view>
		<view style="height: 30rpx;"></view>
    </view>
	<view class="view button-cover flex-rr">
        <block wx:if="{{reserve.seller.is_online_reserve == '1'}}">
		    <navigator url="/pages/reserve/reserve?id={{reserve.seller.id}}&activeTab=reserve" class="second-book-button flex-cc item-button">再次预订</navigator>
        </block>
        <view class="remark-button flex-cc item-button" wx:if="{{tabType==6 && hasComment}}" catchtap="remark">评价</view>
		<block wx:if="{{tabType==5}}">
			<userinfo
			        binduserinfo="checkout"
			        share="{{reserve}}"
			        share-act="invitation" wx:if="{{reserve.hasRunning && reserve.seller.isopen_md==1}}">
						<view class="buy-button flex-cc item-button" >买单</view>
					</userinfo>
			
			<block wx:if="{{reserve.hasRunning && reserve.seller.is_open_order==1}}">
				<userinfo
				          binduserinfo="cookbook"
				          bindshare="share"
				          share="{{reserve}}"
				          share-act="invitation">
							<view class="item-button flex-cc order-button" wx:if="{{reserve.order && reserve.order.cookbooklist.length>0}}">查看菜品</view>
							<view class="item-button flex-cc order-button" wx:else>提前点餐</view>
						  </userinfo>
				
			</block>
		</block>
		
		
	</view>	
	
</view>
<showModal id="showModal" confirmText="知道了" bindshowModal="showModal" cla="checkout"></showModal>