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.
98 lines
5.6 KiB
98 lines
5.6 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}}">{{orderState[info.state]}}</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">
|
|
<view class="scene-rest-time" wx:if="{{info.state=='UNPAID'}}">剩余时间：00:{{minute}}:{{second}}</view>
|
|
<navigator wx:if="{{info.state!='UNPAID'}}" url="/pages/info/roadInfo/index?id={{info.order_product_list[0].product_id}}" class="btn">再次购买</navigator>
|
|
<navigator url="../refundInfo/index?id={{info.order_id}}" class="scene-btn" wx:if="{{isRefund}}">退款详情</navigator>
|
|
<navigator url="/pages/info/roadInfo/index?id={{info.order_product_list[0].product_id}}" class="scene-btn" wx:if="{{info.state=='COMPLETED'}}">再次购买</navigator>
|
|
<view class="scene-btn" wx:if="{{info.state=='PAID'}}" bindtap="refund">取消预订</view>
|
|
<view class="btn" wx:if="{{info.state=='UNPAID'}}" bindtap="close">取消订单</view>
|
|
<navigator url="/pages/order/comment/index?id={{info.order_id}}" class="scene-btn active1" wx:if="{{info.state=='WAIT_COMMENT'}}">去评价</navigator>
|
|
<navigator url="/pages/order/pay/index?id={{id}}" class="btn active" wx:if="{{info.state=='UNPAID'}}">立即支付</navigator>
|
|
<!-- <view class="scene-btn active" wx:if="{{info.state=='UNPAID'}}">立即支付</view> -->
|
|
</view>
|
|
</view>
|
|
<!--景点订单详情需要这个 -->
|
|
<navigator url="/pages/info/roadInfo/index?id={{info.order_product_list[0].product_id}}" class="box" wx:if='{{info}}'>
|
|
<view class="scene-box" style="align-items:center">
|
|
<view class="scene-box-left">
|
|
<view class="box-title">{{info.order_product_list[0].product_title}}</view>
|
|
<view>出行日期：{{info.order_product_list[0].use_date}}</view>
|
|
</view>
|
|
<view class="iconfont icon-you"></view>
|
|
</view>
|
|
<view class="line" style="margin-top:10rpx;margin-bottom:10rpx"></view>
|
|
<view class="detail-item" wx:for="{{info.order_product_list}}">
|
|
<text style="flex:1">{{item.sku_name}}</text>
|
|
<text style="flex-shrin:0">￥{{item.product_price/100}}</text>
|
|
<text style="flex-shrin:0;margin-left:60rpx">x{{item.product_num}}</text>
|
|
</view>
|
|
</navigator>
|
|
<view class="box">
|
|
<view class="box-title">出行人</view>
|
|
<view wx:for="{{info.order_product_list}}">
|
|
<view style="font-weight:bold;font-size:26rpx;margin-bottom:10rpx">{{item.sku_name}} {{index+1}}</view>
|
|
<!-- <view class="line"></view> -->
|
|
<view wx:for="{{item.contacts_info}}">
|
|
<view class="line"></view>
|
|
<view class="detail-item">
|
|
<text>姓名： {{item.name}}</text>
|
|
<!-- <text>￥168</text> -->
|
|
</view>
|
|
<view class="detail-item">
|
|
<text>{{cardTypes[item.idcard_type]}}：{{item.id_number}}</text>
|
|
<!-- <text>-￥10</te、xt> -->
|
|
</view>
|
|
<view class="detail-item">
|
|
<text>手机号： {{item.tel}}</text>
|
|
<!-- <text>-￥10</text> -->
|
|
</view>
|
|
|
|
</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>
|