card.wxml 2.87 KB
<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../../utils/util.wxs" module="util" />
<view class="view margin-lr-lg margin-top-lg solid padding padding-bottom-lg backF">
    <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 text-bold" 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="https://qn.colorcun.com/phoneIcon.png" style="width: 52rpx;height: 52rpx;"></image>
        </view>
    </view>
    <view class="view">
        <view class="view flex align-center margin-top">
            <view class="view flex-sub bg-white Medium texts">预订时间</view>
            <view class="view flex-treble text-bold text-df heiView">
                <view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate || reserve.type==0}}">
                    <text wx:if="{{reserve.ddate>0}}" class="font28r">{{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 margin-top">
            <view class="view flex-sub bg-white Medium texts">包间类型</view>
            <view class="view flex-treble text-bold text-cut text-df heiView font28r">
                {{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 texts">预订人</view>
            <view class="view flex-treble text-cut text-df heiView font28r text1">
                {{reserve.rname}}
            </view>
        </view>
        <view class="view flex align-center margin-top">
            <view class="view flex-sub bg-white Medium texts">电话</view>
            <view class="view flex-treble text-cut text-df heiView font28r text1">
                {{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 texts">备注</view>
            <view class="view flex-treble text-cut text-df heiView font28r text1">
                {{reserve.cusdem}}
            </view>
        </view>
    </view>
</view>
<as-phone id="as-phone"></as-phone>