|
|
|
<!--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.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('{{order_info.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.real_address||couponinfo.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')}}-{{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>
|
|
|
|
|
...
|
...
|
|
