bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
652 Commits
1 Branch
0 Tags
4.6 MiB
 
Tree: d0d4263b3a
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd0d4263b3a'
${ noResults }
test/pages/user/order/sceneOrderInfo/index.wxml

385 lines
19 KiB
Raw Blame History

<!--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}}">
<view class="state-texts">
{{info.state_text}}
<block wx-if="{{info.order_type == 'reservation' || info.order_type == 'reserve'}}">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/order/loading.gif"></image>
<view class="progress-box" catchtap="openProgressPopup">查看进度 ></view>
</block>
</view>
<navigator url="/pages/user/service/index" class="kefu-img">
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/movieKefu.png" mode="widthFix"></image>
</navigator>
</view>
<view class="order-text" wx-if="{{info.order_type == 'reservation' || info.order_type == 'reserve'}}">
<view wx-if="{{info.order_type == 'reservation'}}">
我们将于{{info.reservation_date}} 00:00为您预约抢票，最晚在{{info.reservation_date}}
09:30前告知抢票结果，请您耐心等待
</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="{{info.order_product_list[0].qrcode}}" wx:if="{{codeIndex==index && codeImgs[codeIndex]}}">
<image lazy-load 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 lazy-load src="{{item.img}}" mode="widthFix" style="width:300rpx;height: 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" data-num="{{codeImgs[codeIndex].code}}" 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> -->
<!--景点订单详情需要这个 -->
<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}}">
<view class="detail-item">
<text>手机号： {{item.phone || item.reserve_mobile}}</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 lazy-load 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" wx:if="{{isPost}}">
<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>{{info.pay_method_text}}</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 lazy-load 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>
<!-- 自定义底部弹窗 -->
<!-- catchtouchmove 用于防止弹窗出现时底部页面还可以滚动 -->
<view class="custom-popup" wx:if="{{showProgressPopup}}" catchtouchmove="preventTouchMove">
<!-- 遮罩层 (点击关闭) -->
<view class="popup-mask" bindtap="closeProgressPopup"></view>
<!-- 弹窗内容容器 -->
<view class="popup-container">
<!-- 头部 -->
<view class="popup-header">
<view class="title">预订进度</view>
<!-- 关闭按钮 -->
<view class="close-btn" bindtap="closeProgressPopup">×</view>
</view>
<!-- 内容区 (可滚动) -->
<scroll-view scroll-y class="progress-content">
<view class="content-padding">
<!-- 列表循环 -->
<view class="timeline-item" wx:for="{{reversedProgressList}}" wx:key="index">
<!-- 左侧轴线 -->
<view class="timeline-left">
<!-- 连接线 -->
<view
class="line {{item.status == 1 && reversedProgressList[index+1].status == 1 ? 'active-line' : ''}}"
wx:if="{{index < reversedProgressList.length - 1}}"
></view>
<!-- 1. 抢票中 -->
<view class="icon-box processing" wx:if="{{item.status == 1 && item.remark == '抢票中'}}">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/order/loading.gif" class="loading-img" mode="aspectFit"></image>
</view>
<!-- 2. 其他已完成 (用CSS画对勾) -->
<view class="icon-box finished" wx:elif="{{item.status == 1}}">
<view class="css-checkmark"></view>
</view>
<!-- 3. 未完成 -->
<view class="icon-box pending" wx:else></view>
</view>
<!-- 右侧内容 -->
<view class="timeline-right">
<view class="item-title">{{ item.remark }}</view>
<view class="item-time" wx:if="{{item.execution_time}}">{{ item.execution_time }}</view>
</view>
</view>
</view>
</scroll-view>
</view>
</view>