test/pages/user/order/sceneOrderInfo/index.wxml

<!--pages/user/order/sceneOrderInfo/index.wxml-->
<wxs src="../../../../utils/filter.wxs" module="tool" />
<title title="订单详情"></title>
<view class="top-bg"></view>
<canvas wx:for="{{imgLen}}" 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-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> -->
<view class="code-box box" wx:if="{{info && codeImgs.length>0}}">
  <view bindtap="prevCodeImg" class="iconfont icon-you-copy"></view>
  <view wx:for="{{codeImgs}}" wx:if="{{index==codeIndex}}" style="position: relative;">
    <image src="{{item.img}}" mode="widthFix" style="width:300rpx;"></image>
    <!-- 代表核销后是否继续展示二维码（0否1是） -->
    <view class="text-shadow" wx:if="{{item.is_force_display_code != 1 && item.flag != 0}}">
      <view class="text-shadow-state">
        {{item.state}}
      </view>
    </view>
  </view>
  <view bindtap="nextCodeImg" class="iconfont icon-you"></view>
  <view class="code-text">{{codeImgs[codeIndex].text}}:{{codeImgs[codeIndex].code}}  <view class="copy-box" bindtap="copy">复制</view></view>
  <view class="code-state">{{codeImgs[codeIndex].state}} {{codeIndex+1}}/{{codeImgs.length}}</view>
</view>

<view wx:if="{{info && codeImgs.length>0}}">
	<advBox ids="{{ ids }}"></advBox>
</view>



<!-- 景点订单详情需要这个 -->
<!-- <view class="box" wx:if='{{product_model=="ticket"}}'>
  <view class="scene-box">
    <view class="scene-box-left">
      <view wx:if="{{info.state=='UNPAID'}}">库存有限，请尽快完成付款</view>
      <view wx:if="{{info.state=='CLOSED' || info.state=='REFUND'}}">您的订单已取消，您可以通过苏州文旅总入口再次预订</view>
      <view wx:if="{{info.order_product_list[0].state=='WAIT_USE'}}">预定已成功，祝您出游愉快</view>
      <view>订单号：{{info.order_id}}</view>
      <view>下单时间：{{info.create_time}}</view>

    </view>
    <view class="scene-box-right">
      <view class="price">￥{{info.paid_money/100}}</view>
      <view bindtap="showFeeInfo">费用明细</view>
    </view>
  </view>
</view> -->
<!--景点订单详情需要这个  -->
<view class="box" wx:for="{{info.order_product_list}}" wx:for-index='index'>
    <view wx:if="{{item.product_model!='post'}}">
        
        <view class="box-title" bindtap="goDetail" data-set='{{item}}'>
            <view style="display:flex;flex: 1;width: 1rpx;padding-right: 20rpx;align-items: center;">
                <view class="title-content textOver" style="padding-right: 14rpx;">{{item.product_title}}</view>
                <view class="iconfont icon-you" style="flex-shrink: 0;font-size: 13px;font-weight: normal;"></view>
            </view>
            <view class="child-status" style="flex-shrink: 0;">{{ item.state_text }}</view>
        </view>
        <view class="detail-item" wx:if="{{!item.order_advance.id}}">
            <view style="display:flex;width: 100%;">
                <text>出行日期：</text>
                <view>
                {{item.use_date}}<text style="padding-left: 20rpx;" wx:if="{{item.start_time && item.end_time}}">{{ item.start_time }}-{{ item.end_time }}</text> 
                </view>
            </view>
        </view>
        <view class="detail-item" wx:else>
            <view>使用日期：</view>
            <view>{{ item.order_advance.start_time }}-{{ item.order_advance.end_time }}</view>
        </view>
        <view class="goods-line"></view>
        <view class="detail-item">
            <text>{{item.sku_name}}</text>
            <view style="display: flex;">
                <view style="padding-right: 40rpx;">￥ {{item.product_price/100}}</view>
                <view >x{{item.product_num}}</view>
            </view>
        </view>
        <view class="detail-item">
            <text>小计：</text>
            <text style="color: #DC2525;">￥{{item.paid_money/100}}</text>
        </view>
        <view class="goods-line"></view>

        <view>
            <view class="box-title" style="position: relative;">
                出行人
                <text wx:if="{{item.contacts_info.length>1}}" bind:tap="expandPost" data-index="{{index}}" class="expand-tip">
                {{item.showMore?"收起":"展开"}}
                </text>
            </view>
            <view class="post-child" style="padding-top: 12rpx;">
                <view wx:if="{{item.sku_model.is_authentication == 0}}">
                    <view class="detail-item">
                        <text>手机号： {{item.phone}}</text>
                    </view>
                </view>
                <view wx:else style="overflow: hidden; max-height:{{item.showMore?'100vh':'180rpx'}};">
                    <view class="post-child-item" wx:for="{{item.contacts_info}}">
                        <view class="detail-item">
                            <text>姓名： {{item.name}}</text>
                        </view>
                        <view class="detail-item">
                            <text>手机号：{{item.tel}}</text>
                        </view>
                        <view class="detail-item">
                            <text>{{item.title}}：{{item.id_number}}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>

        <view class="goods-line"></view>

        <view>
            <view class="box-title" style="position: relative;">
                使用说明
                <text bind:tap="expandMsg" data-index="{{index}}" class="expand-tip">
                {{item.showMsg?"收起":"展开"}}
                </text>
            </view>
            <rich-text class="detail-item {{item.showMsg?'':'textOver2'}}" style="display:-webkit-box;padding-bottom: 0;height: auto;" nodes="{{tool.formateRichText(item.sku_model.bookinfo)}}"></rich-text>
        </view>

        

    </view>

    <view wx:else>
        <view class="product-info" bindtap="goDetail" data-set='{{item}}'>
            <view class="product-info-top">
                <image src="{{item.sku_headimg}}" mode="aspectFill"></image>
                <view class="title-box textOver2">
                    <view class="title textOver2">{{item.product_title}}</view>
                    <view class="subtitle textOver2">{{item.sku_name}}</view>
                </view>
                <view class="price-box-tip">
                    <view style="margin-bottom:10rpx">￥ {{item.product_price/100}}</view>
                    <view>x{{item.product_num}}</view>
                </view>
            </view>
            <view class="product-state">{{item.state_text}}</view>
        </view>
        <view class="detail-item">
            <text>收货方式：</text>
            <text wx:if="{{item.is_batch_shipment==1}}">分批收货 (共{{item.batch_count}}次)</text>
            <text wx:else>一次性收货</text>
        </view>
        <view class="detail-item">
            <text>运费：</text>
            <view>
                <text style="padding-right: 56rpx;" wx:if="{{item.post_fee&&item.is_batch_shipment==1}}">￥{{item.post_fee/item.batch_count/100}} x{{info.order_product_list[0].batch_count}}</text>
                <text>{{item.post_fee?("￥"+item.post_fee/100):"包邮"}}</text>
            </view>
        </view>
        <view class="detail-item">
            <text>小计：</text>
            <text>￥{{item.paid_money/100}}</text>
        </view>

        <!-- <view wx:if="{{item.post_detail_list.length>0}}"> -->
        <view style="border-top: 1px solid #ccc;margin-top: 12rpx;padding-top: 12rpx;">
            <!-- <view class="box-title">物流信息</view> -->
            <view class="box-title" style="position: relative;">
                物流信息
                <text bind:tap="expandPost" data-index="{{index}}" class="expand-tip" wx:if="{{item.is_batch_shipment==1}}">
                {{item.showMore?"收起":"展开"}}
                </text>
            </view>
            <!-- 多批次发货 -->
            <view wx:if="{{item.is_batch_shipment==1}}">
                <view class="detail-item post-line-info">
                    <text>当前已发：{{item.shipped_batch_count}}</text>
                </view>
                <view class="detail-item post-line-info">
                    <text>当前待发：{{item.batch_count - item.shipped_batch_count}}</text>
                </view>
                <view class="detail-item post-line-info">
                    <text>物流备注：{{item.batch_remark}}</text>
                </view>

                <view class="post-child" style="padding-top: 12rpx;" wx:if="{{item.showMore}}">
                    <view class="post-child-item" wx:for="{{item.post_detail_list}}" wx:for-item="shipment" wx:for-index="shipIndex">
                        <view class="detail-item">快递{{shipIndex+1}}</view>
                        <view class="detail-item post-line-info">
                            <text>快递公司：{{shipment.express_name}}</text>
                        </view>
                        <view class="detail-item post-line-info">
                            <text>快递单号：</text>
                            <view style="flex:1;width: 1rpx;">
                                {{shipment.courier_number}} <text data-num="{{shipment.courier_number}}" bindtap="copy" style="flex:1;color:#0B898E;margin-left:20rpx">复制</text>
                            </view>
                        </view>
                        <view class="detail-item post-line-info">
                            <text>发货时间：{{shipment.post_time}}</text>
                        </view>
                    </view>
                </view>

                <!-- <view class="post-child-btn" bind:tap="expandPost" data-index="{{index}}">{{item.showMore?"收起":"展开"}}</view> -->
            </view>
            
            <!-- 一次性发货 -->
            <view wx:elif="{{item.post_detail_list.length>=1}}">
                <view class="detail-item post-line-info">
                    <text>快递公司：{{item.post_detail_list[0].express_name}}</text>
                </view>
                <view class="detail-item post-line-info">
                    <text>快递单号：</text>
                    <view style="flex:1;width: 1rpx;">
                        {{item.post_detail_list[0].courier_number}} <text data-num="{{item.post_detail_list[0].courier_number}}" bindtap="copy" style="flex:1;color:#0B898E;margin-left:20rpx">复制</text>
                    </view>
                </view>
                <view class="detail-item post-line-info">
                    <text>发货时间：{{item.post_detail_list[0].post_time}} </text>
                </view>
            </view>
        </view>

        <view class="goods-line"></view>
        <view>
            <view class="box-title" style="position: relative;">
                使用说明
                <text bind:tap="expandMsg" data-index="{{index}}" class="expand-tip">
                {{item.showMsg?"收起":"展开"}}
                </text>
            </view>
            <rich-text class="detail-item {{item.showMsg?'':'textOver2'}}" style="display:-webkit-box;padding-bottom: 0;height: auto;" nodes="{{tool.formateRichText(item.sku_model.bookinfo)}}"></rich-text>
        </view>
    </view>

</view>

<view class="box" wx:if="{{info}}">
    <view class="box-title">订单信息</view>
    <view class="detail-item">
        <text>商品总价：</text>
        <text>￥{{info.total_money/100}}</text>
    </view>
    <view class="detail-item">
        <text>运费：</text>
        <view>
            <text style="padding-right: 56rpx;" wx:if="{{info.total_post_fee&&info.order_product_list[0].is_batch_shipment==1}}">
            ￥{{info.total_post_fee/info.order_product_list[0].batch_count/100}} x{{info.order_product_list[0].batch_count}}
            </text>
            <text>{{info.total_post_fee?("￥"+info.total_post_fee/100):"包邮"}}</text>
        </view>
    </view>
    <view class="detail-item" wx:if="{{info.preference_money}}" >
        <text>优惠券：</text>
        <text>-￥{{info.preference_money/100}}</text>
    </view>
    <view class="detail-item">
        <text>实付款</text>
        <view class="price">￥{{info.paid_money/100}}</view>
    </view>

    <view style="border-top:1rpx solid #ccc;margin: 12rpx 0;"></view>

    <view class="detail-item">
        <text>订单编号：</text>
        <view>{{info.order_id}}  <text data-num="{{info.order_id}}" bindtap="copy" style="flex:1;color:#0B898E;margin-left:20rpx">复制</text></view>
    </view>
    <view class="detail-item">
        <text>下单时间：</text>
        <text>{{info.create_time}}</text>
    </view>
    <view class="detail-item" wx:if="{{info.pay_at}}">
        <text>支付时间：</text>
        <text>{{info.pay_at}}</text>
    </view>
    <view class="detail-item" wx:if="{{info.pay_method}}">
        <text>支付方式：</text>
        <text>{{pay_methods[info.pay_method]}}</text>
    </view>

    <view class="btns" style="border-top:1rpx solid #ccc;margin-top: 12rpx;" wx:if="{{info.state!='CLOSED'}}">
        <view class="scene-btns" >
            <view class="scene-rest-time" wx:if="{{info.state=='UNPAID'}}">剩余时间：00:{{minute}}:{{second}}</view>
            <!-- <view wx:if="{{info.state!='UNPAID'}}">
                <navigator wx:if="{{info.order_product_list[0].is_package==1}}" url="/pages/info/postProductInfo/index?id={{info.order_product_list[0].product_id}}" class="btn">再次购买</navigator>
                <navigator wx:elif="{{info.order_product_list[0].is_package==2}}" url="/subPackages/goods/oneCardTour/info/index?id={{info.order_product_list[0].scene_id}}" class="btn">再次购买</navigator>

                <navigator wx:else  url="/pages/info/sceneProductInfo/index?id={{info.order_product_list[0].scene_id}}" class="btn">再次购买</navigator>
            </view> -->
            
            <!-- <view bindtap="leadRoad" data-url="{{info.order_product_list[0].btnUrl}}" class="btn" wx:if="{{info.state!='UNPAID' && !isRefund}}">行程规划</view> -->
            <navigator url="../refundInfo/index?id={{info.order_id}}" class="scene-btn" wx:if="{{isRefund}}">退款详情</navigator>
            <view class="scene-btn" wx:if="{{info.state=='PAID'}}" bindtap="refund">取消预订</view>
            <view class="scene-btn" wx:if="{{info.state=='UNPAID'}}" bindtap="close">取消预订</view>
            <navigator url="/pages/order/comment/index?id={{info.order_id}}&proId={{info.order_product_list[0].product_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>
    </view>
</view>


<sptj ids="{{ ids }}"></sptj>

<navigator wx:if="{{info && info.state!='CLOSED'}}" 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 style="height: 40rpx;"></view>


<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>