You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
5.7 KiB
85 lines
5.7 KiB
<!--pages/user/order/sceneOrderInfo/index.wxml-->
|
|
<wxs src="../../../../utils/filter.wxs" module="tool" />
|
|
<title title="订单详情"></title>
|
|
<view class="top-bg"></view>
|
|
<canvas wx:for="{{info.order_product_list[0].qrcode}}" class="code-img" style="position:absolute;z-index:-1;" canvas-id="damocode{{index}}"></canvas>
|
|
<view class="state-text" wx:if="{{info}}">{{info.state_text}}</view>
|
|
<view class="code-box box" wx:if="{{info && codeImgs.length>0}}">
|
|
<view bindtap="prevCodeImg" class="iconfont icon-you-copy"></view>
|
|
<view wx:for="{{info.order_product_list[0].qrcode}}" wx:if="{{codeIndex==index && codeImgs[codeIndex]}}">
|
|
<image src="{{codeImgs[codeIndex]}}" mode="widthFix" style="width:300rpx;"></image>
|
|
</view>
|
|
<view bindtap="nextCodeImg" class="iconfont icon-you"></view>
|
|
<!-- <view class="code-img"></view> -->
|
|
<view class="code-text" wx:if="{{info.order_product_list[0].qrcode[codeIndex].use_url}}">{{info.order_product_list[0].qrcode[codeIndex].use_code_display_text}}:{{info.order_product_list[0].qrcode[codeIndex].use_code}}</view>
|
|
<view class="code-text" wx:if="{{!info.order_product_list[0].qrcode[codeIndex].use_url}}">核销码:{{info.order_product_list[0].qrcode[codeIndex].use_code}}</view>
|
|
<view class="code-state">{{info.order_product_list[0].qrcode[codeIndex].stateText}} {{codeIndex+1}}/{{codeImgs.length}}</view>
|
|
<!-- <view bindtap="gotoSku" class="code-btn">查看苏康码</view> -->
|
|
</view>
|
|
<view class="box" wx:if='{{info}}'>
|
|
<view class="scene-box">
|
|
<view class="scene-box-left">
|
|
<view wx:if="{{info.state=='UNPAID'}}">库存有限，请尽快完成付款</view>
|
|
<view wx:if="{{info.state=='CLOSED'}}">您的订单已取消，您可以通过苏州文旅总入口再次预订</view>
|
|
<view wx:if="{{info.order_product_list[0].state=='WAIT_USE'}}">预定已成功，祝您出游愉快</view>
|
|
<view>订单号：{{info.order_id}}</view>
|
|
</view>
|
|
<view class="scene-box-right">
|
|
<view class="price">￥{{info.paid_money/100}}</view>
|
|
<view bindtap="showFeeInfo">费用明细</view>
|
|
</view>
|
|
</view>
|
|
<view class="scene-btns" wx:if="{{info.state!='CLOSED'}}">
|
|
<view class="scene-rest-time" wx:if="{{info.state=='UNPAID'}}">剩余时间：00:{{minute}}:{{second}}</view>
|
|
<navigator url="../refundInfo/index?id={{info.order_id}}" class="scene-btn" wx:if="{{isRefund}}">退款详情</navigator>
|
|
<view class="scene-btn" wx:if="{{info.state=='COMPLETED'}}">再次购买</view>
|
|
<view class="scene-btn" wx:if="{{info.state=='PAID'}}" bindtap="refund">取消预订</view>
|
|
<view class="scene-btn" wx:if="{{info.state=='UNPAID'}}" bindtap="close">取消预订</view>
|
|
<view class="scene-btn active1" wx:if="{{info.state=='WAIT_COMMENT'}}">去评价</view>
|
|
<navigator wx:if="{{info.state=='COMPLETED'}}" url="/pages/info/sceneProductInfo/index?id={{info.order_product_list[0].scene_id}}" class="btn">再次购买</navigator>
|
|
<navigator url="/pages/order/pay/index?id={{id}}" class="btn active" wx:if="{{info.state=='UNPAID'}}">立即支付</navigator>
|
|
</view>
|
|
</view>
|
|
<navigator url="/pages/info/hotelProductInfo/index?id={{item.scene_detail.id}}" class="box" wx:if='{{info}}' wx:for="{{info.order_product_list}}" style="padding-bottom:0">
|
|
<view class="scene-box" style="align-items:center">
|
|
<view class="scene-box-left">
|
|
<view class="box-title">{{item.scene_detail.title}}</view>
|
|
<view>地址：{{item.scene_detail.address}}</view>
|
|
</view>
|
|
<view class="iconfont icon-you"></view>
|
|
</view>
|
|
<view class="hotel-tel-box" catchtap="call" data-tel="{{item.scene_detail.tel}}"><text class="iconfont icon-dianhua2"></text>{{item.scene_detail.tel}}</view>
|
|
</navigator>
|
|
<view class="box" wx:if="{{info}}">
|
|
<view class="box-title">{{info.order_product_list[0].sku_name}} <text style="margin-left:10rpx">{{info.order_product_list[0].order_product_extend.days}}晚</text></view>
|
|
<view style="margin:10rpx auto;font-size:26rpx;color:#333">房间数：{{info.order_product_list[0].product_num}}间</view>
|
|
<view class="hotel-tips"><text class="hotel-date">{{info.order_product_list[0].order_product_extend.start_date_text}}</text><view class="hotel-days-num">{{info.order_product_list[0].order_product_extend.days}}晚</view><text class="hotel-date">{{info.order_product_list[0].order_product_extend.end_date_text}}</text></view>
|
|
<view class="hotel-tip">{{info.order_product_list[0].sku_model.bed_type}} | {{info.order_product_list[0].sku_model.breakfast}} | {{info.order_product_list[0].sku_model.area}} | {{info.order_product_list[0].sku_model.max_room_num}}人入住</view>
|
|
</view>
|
|
|
|
<view class="box" wx:if="{{info}}">
|
|
<view class="box-title">出行人</view>
|
|
<view>
|
|
<view class="detail-item">
|
|
<text>姓名： {{info.order_product_list[0].order_product_extend.customer_name}}</text>
|
|
<!-- <text>￥168</text> -->
|
|
</view>
|
|
<view class="detail-item">
|
|
<text>手机号： {{info.order_product_list[0].order_product_extend.reserve_mobile}}</text>
|
|
<!-- <text>-￥10</text> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<navigator url="/pages/user/service/index" class="bottom-btn">
|
|
<image src="https://static.ticket.sz-trip.com/xcxImages/index/service.png" mode="widthFix"></image>联系客服
|
|
</navigator>
|
|
<view class="mask" wx:if="{{feeInfoFlag}}">
|
|
<view class="mask-bg" bindtap="showFeeInfo"></view>
|
|
<view class="mask-content">
|
|
<view class="mask-title">费用明细</view>
|
|
<view class="iconfont icon-close" bindtap="showFeeInfo"></view>
|
|
<view class="mask-item"><text>商品总价</text><text>￥{{info.total_money/100}}</text></view>
|
|
<view class="mask-item"><text>优惠券抵扣</text><text>-￥{{info.preference_money/100}}</text></view>
|
|
<view class="mask-item"><text>订单实付</text><text>￥{{info.paid_money/100}}</text></view>
|
|
</view>
|
|
</view>
|