coupon_detail.wxml 6.21 KB
<!--pages/taocan/detail.wxml-->
<wxs src="../../utils/util.wxs" module="util" />
<view class="view bg-blue-img"></view>
<nav hasHome backgroundColor="rgba(0,0,0,0)" color="#ffffff"></nav>
<view class="view padding-lr padding-bottom-lg" style="position: relative">
    <view class="text-white txt-40-h text-bold margin-top-sm">卡券{{statuslist[couponinfo.alias_status].status}}</view>
    <view class="text-white txt-28-h margin-bottom-lg" style="margin-top: 6rpx;">感谢您的支持,请您按尽快来店就餐哦</view>
    <view class="view flex flex-direction justify-center align-center margin-top-lg bg-white code-cover">
		<view class="header view flex align-center" bindtap="clickSeller">
		    <view class="view avatar margin-right-sm" style="background-image: url('{{couponinfo.seller_image}}?imageView2/2/w/320')"></view>
		    <view class="flex-treble" style="width: 450rpx;">
		        <view class="txt-32-h text-cut text-bold" style="margin-bottom: 2rpx;">{{couponinfo.sellername}}</view>
		        <view class="txt-24-h text-gray text-cut">{{couponinfo.address||couponinfo.map_address ? couponinfo.address||couponinfo.map_address : ''}}</view>
		    </view>
		    <view class="phone view"></view>
		</view>
        <view class="text-bold txt-36-h">{{couponinfo.aname}}</view>
		<block wx:if="{{couponinfo.qrcode}}">
			<image src="{{couponinfo.qrcode}}"
			       class="margin-tb-lg"
			       mode="heightFix" style="height: 340rpx;max-width: 365rpx;" ></image>
		</block>
		<block wx:else>
			<image src=""
			       class="margin-tb-lg"
			       mode="heightFix" style="height: 340rpx;max-width: 365rpx;" ></image>
		</block>
        
        <view class="text-bold txt-30-h text-blue">请将此码出示给店员</view>
    </view>
    <navigator url="/pages/reserve/reserve?id={{couponinfo.sellerid}}&activeTab=reserve">
        <view class="view card flex margin-tb-sm padding-lg justify-between">
            <view class="view text-bold txt-32-h">您还可以预订包间</view>
            <view class="view bg-blue-blue round text-bold" style="padding: 8rpx 20rpx;">订包间</view>
        </view>
    </navigator>
    <view class="view card">
        <view class="txt-30-h padding solid-bottom text-bold">使用须知</view>
        <view class="view padding block">
            <view class="flex align-center margin-bottom-sm">
                <view class="dot"></view>
                <view class="txt-30-h text-bold">有效期</view>
            </view>
            <view class="text-df">{{util.unixtoTime(couponinfo.stime,'YYYY.MM.DD HH:II')}}-{{util.unixtoTime(couponinfo.etime,'YYYY.MM.DD HH:II')}}</view>
        </view>
        <!-- <view class="view padding block">
            <view class="flex align-center margin-bottom-sm">
                <view class="dot"></view>
                <view class="txt-30-h text-bold">使用时间</view>
            </view>
            <view class="text-df">{{couponinfo.use_time}}</view>
        </view> -->
        <view class="view padding block padding-bottom-sm">
            <view class="flex align-center margin-bottom-sm">
                <view class="dot"></view>
                <view class="txt-30-h text-bold">使用规则</view>
            </view>
            <view class="text-df">
                <text style="line-height: 40rpx;">{{couponinfo.explain}}</text>
            </view>
            <!-- <view class="flex justify-center align-center rule margin-top-sm margin-bottom-sm" bindtap="toggleRule">
                <view class="txt-28-h">{{hasShowRule?'收起':'展开更多'}}</view>
                <view class="view icon {{hasShowRule?'show':''}}"></view>
            </view> -->
        </view>
    </view>
    <!-- <view class="view card margin-top-sm padding-bottom-xs">
        <view class="padding solid-bottom flex justify-between">
            <view class="txt-30-h text-bold">订单信息</view>
            <chatbot params="{{({act:'taocan',id:order_info.id,...order_tips})}}" wx:if="{{order_tips.optbut}}">
                <view class="text-df order-opt-but order-opt-but{{order_info.status}} flex align-center justify-center">
                    {{order_tips.optbut}}
                </view>
            </chatbot>

        </view>
        <view class="view padding padding-lr-lg flex justify-between">
            <view class="text-gray txt-28-h">商品总价</view>
            <view class="txt-28-h">¥{{order_info.price}}</view>
        </view>
        <view class="view padding-bottom padding-lr-lg flex justify-between">
            <view class="text-gray txt-28-h">实际付款</view>
            <view class="txt-28-h">¥{{order_info.should_price}}</view>
        </view>
        <navigator url="/pages/taocan/orderHis?id={{order_info.id}}">
            <view class="view padding-bottom padding-lr-lg flex justify-between">
                <view class="text-gray txt-28-h">交易快照</view>
                <view class="view txt-28-h flex-treble flex align-center justify-end">
                    <view class="padding-right-sm">发生交易纠纷时,可作为判断依据</view>
                    <view class="more"></view>
                </view>
            </view>
        </navigator>
        <view class="view padding-bottom padding-lr-lg flex justify-between">
            <view class="text-gray txt-28-h">订单编号</view>
            <view class="txt-28-h">{{order_info.order_no}}</view>
        </view>
        <view class="view padding-bottom padding-lr-lg flex justify-between">
            <view class="text-gray txt-28-h">下单时间</view>
            <view class="txt-28-h">{{util.unixtoTime(order_info.pay_time,'YYYY-MM-DD HH:II:SS')}}</view>
        </view>
        <view class="view padding-bottom padding-lr-lg flex justify-between" wx:if="{{order_info.status==3}}">
            <view class="text-gray txt-28-h">使用时间</view>
            <view class="txt-28-h">{{util.unixtoTime(order_info.use_time,'YYYY-MM-DD HH:II:SS')}}</view>
        </view>
        <view class="view padding-bottom padding-lr-lg flex justify-between" wx:if="{{order_info.status==5}}">
            <view class="text-gray txt-28-h">退款时间</view>
            <view class="txt-28-h">{{util.unixtoTime(order_info.refund_time,'YYYY-MM-DD HH:II:SS')}}</view>
        </view>
    </view> -->
</view>
<as-phone id="as"></as-phone>