card.wxml 2.94 KB
<!--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>