orders.wxml 12.8 KB
<import src ='defraudtip/defraudtip.wxml'/>
<view class="container order-page">
<form bindsubmit="formSubmit" report-submit='true'>

    <template is='fraudtip' data="{{tipimgsrc,arrowImg}}"></template>  
  

    <view id="order-nav" class="order-nav clearfix">
        <view class="tap-hightlight {{index == 0 ? 'active' : ''}}"data-type="1" bindtap="onSelectChanged">
            <view class="nav-tap" >全部</view>
            <button formType="submit" class="nav-tapButton" style='left: 0rpx;'></button> 
        </view>
        <view class="tap-hightlight {{index == 1 ? 'active' : ''}}" data-type="2" bindtap="onSelectChanged">
            <view class="nav-tap" >待付款</view>
            <button formType="submit" class="nav-tapButton" style='left: 188rpx;'></button> 
        </view>
        <view class="tap-hightlight {{index == 2 ? 'active' : ''}}"data-type="3" bindtap="onSelectChanged">
            <view class="nav-tap" >待发货</view>
            <button formType="submit" class="nav-tapButton" style='right: 188rpx;'></button> 
        </view>
        <view class="tap-hightlight {{index == 3 ? 'active' : ''}}"data-type="4" bindtap="onSelectChanged">
            <view class="nav-tap" >待收货</view>
            <button formType="submit" class="nav-tapButton" style='right: 0rpx;'></button> 
        </view>
    </view>

    <view id="order-container" class="order-container">
        <view class="firstscreen-orders">
            <block wx:for="{{orders}}" wx:key="order_code">
                <view class="order" data-order_code="{{item.order_code}}" data-attribute="{{item.attribute}}" bindtap="navToOrderDetail">
                    <view class="header">
                        订单编号:{{item.order_code}}
                        <view class="order-status">{{item.status_str}}</view>
                    </view>
                    <view class="order-goods">
                        <block wx:for="{{item.order_goods}}" wx:for-item="good" wx:key="product_id">
                            <view class="order-good" data-id="">
                                <view class="thumb-wrap">
                                    <image class="thumb" src="{{good.goods_image}}"></image>
                                    <image wx:if="{{good.goods_type=='gift'}}" class='productTag' src='images/zp-lab@2x.png'></image>
                                    <image wx:elif="{{good.goods_type=='price_gift'}}" class='productTag' src='images/jjg-lab@2x.png'></image>
                                    <image wx:elif="{{good.goods_type=='virtual'}}" class='productTag' src='images/vitual@2x.png'></image>
                                </view>
                                <view class="deps">
                                    <view class="name row">{{good.product_name}}</view>
                                    <view class="row">
                                    <block wx:if="{{good.goods_type=='virtual'}}">
                                        <view class="color">
                                            日期:{{good.color_name}}
                                        </view>
                                        <view class="size">
                                            区域:{{good.size_name}}
                                        </view>
                                    </block>
                                    <block wx:else>
                                        <view class="color">
                                            颜色:{{good.color_name}}
                                        </view>
                                        <view class="size">
                                            {{good.sku_title || '尺码'}}:{{good.size_name}}
                                        </view>

                                        <block wx:if="{{good.expect_arrival_time && good.goods_type!=='ordinary'}}">
                                          <text class="order-tip" >上市期:{{good.expect_arrival_time}}</text>
                                         </block>

                                    </block>
                                    </view>
                                    <view class="row price-wrap">
                                        <view class="price">
                                            ¥{{good.real_pay_price}}
                                        </view>
                                        <view wx:if="{{good.sales_price}}" class="count" style='text-decoration:line-through;'>
                                            ¥{{good.sales_price}}
                                        </view>
                                        <view class="count">
                                            ×{{good.buy_number}}
                                        </view>
                                    </view>
                                </view>
                            </view>
                            <block wx:if="{{item.order_deposit_amount && good.expect_arrival_time && good.expect_arrival_time !== ''}}">
                              <view class="finalPaymentTime">
                                <text class="color">尾款支付时间:{{good.expect_arrival_time}}</text>
                              </view>
                            </block>
                        </block>
                    </view>
                    <view class="footer">
                        共{{item.buy_total}}件商品
                        <block wx:if="{{item.payment_stage === '1'}}">
                          待付定金 <view class="sum-cost">¥{{item.order_deposit_amount}}</view> 
                        </block>
                        <block wx:elif="{{item.payment_stage === '2'}}">
                          已付定金 <view class="sum-cost">¥{{item.order_deposit_amount}}</view>
                        </block>
                        <block wx:elif="{{item.payment_stage === '3'}}">
                          待付尾款 <view class="sum-cost">¥{{item.order_tail_pay_amount}}</view>
                          (含运费¥{{item.shipping_cost}})
                        </block>
                        <block wx:else>
                          实付 <view class="sum-cost">¥{{item.amount}}</view> 
                          (含运费¥{{item.shipping_cost}})
                        </block>
                    </view>
                    <!-- <view wx:if="{{item.attribute == 9}}" class="order-opt" style='font-size:28rpx;color:#444444'>*此订单只能在APP端操作</view> -->
                    <view wx:if="{{item.links.length > 0}}" class="order-opt">
                      <block wx:if="{{item.counter_flag == 'Y' && item.is_cancel != 'Y' && item.pay_lefttime > 0}}"> 
                        <view class="counterView">
                          <image class="timeIcon" src='images/shijian@3x.png'></image>  
                          <text class="counter">剩余 {{item.time_left}}</text> 
                        </view>
                      </block> 
                        <block wx:for="{{item.links}}" wx:for-item="link" wx:key="order_code">
                            <block wx:if="{{link == 'closeOrder'}}">
                                <button class="button" formType="submit" type="default" size="{{defaultSize}}" plain='true' catchtap="onCloseOrderTapped" data-order_code="{{item.order_code}}" data-tips="{{item.closeOrder_tips}}" data-tab_index='0' >取消订单</button>
                            </block>
                            <block wx:if="{{link == 'cancelPayTail'}}">
                                <button class="button" formType="submit" style="width: 180rpx;" type="default" size="{{defaultSize}}" plain='true' catchtap="onCloseTailOrderTapped" data-tips="{{item.closeOrder_tips}}" data-order_code="{{item.order_code}}" >取消尾款支付</button>
                            </block>
                            <block wx:if="{{link == 'readd'}}">
                                <view class="btn cancel" style="margin-left: 20rpx;" catchtap="onReaddTapped" data-order_code="{{item.order_code}}" data-tab_index='1'>再次购买</view>
                            </block>
                            <!-- <block wx:if="{{link == 'refundApply'}}">
                                <view class="btn cancel" catchtap="onCloseOrderTapped" data-order_code="{{item.order_code}}" data-tab_index='1'>申请退款</view>  </block>-->
                           <block wx:if="{{link == 'payDeposit'}}">
                                <view class="btn pay" catchtap="onBuyNowTapped" data-order_code="{{item.order_code}}" data-group_no="{{item.group_no}}" data-activity_id="{{item.activity_id}}" data-payment_stage="{{item.payment_stage}}" data-order_deposit_amount="{{item.order_deposit_amount}}">支付定金</view>
                            </block>
                            <block wx:if="{{link == 'payTail'}}">
                                <view class="btn pay" catchtap="onBuyNowTapped" data-order_code="{{item.order_code}}" data-group_no="{{item.group_no}}" data-activity_id="{{item.activity_id}}" data-attribute="{{item.attribute}}" data-payment_stage="{{item.payment_stage}}">支付尾款</view>
                            </block>
                            <block wx:if="{{link == 'buyNow'}}">
                                <view class="btn pay" catchtap="onBuyNowTapped" data-order_code="{{item.order_code}}" data-group_no="{{item.group_no}}" data-activity_id="{{item.activity_id}}" data-amount="{{item.amount}}">立即付款</view>
                            </block>
                            <!--拼团购商品 的立即购买操作-->
                             <block wx:if="{{link == 'buyAtApp'}}">
                                <view class="btn pay" catchtap="onBuyFromApp" data-order_code="{{item.order_code}}" data-group_no="{{item.group_no}}" data-activity_id="{{item.activity_id}}">立即付款</view>
                             </block> 
                            <block wx:if="{{link == 'delOrder'}}">
                                <view class="btn cancel" catchtap="onDelOrderTapped" data-order_code="{{item.order_code}}">删除订单</view>
                            </block>
                            <block wx:if="{{link == 'getExpress'}}">
                                <view class="btn cancel" catchtap="onExpressTapped" data-order_code="{{item.order_code}}">查看物流</view>
                            </block>
                            <block wx:if="{{link == 'confirm'}}">
                                
                                <button formType="submit" class="button pay" catchtap="onConfirmTapped" data-order_code="{{item.order_code}}">确认收货</button>
                            </block>
                            <block wx:if="{{link == 'refundApply'}}"><!--link == 'refundApply'-->
                                <button class="button" formType="submit" type="default" size="{{defaultSize}}" plain='true' catchtap="onRefundApplyTapped" data-refund_tips="{{item.refundApply_tips}}" data-order_code="{{item.order_code}}">申请退款</button>
                            </block>
                            <block wx:if="{{link == 'afterService'}}">
                                <button formType="submit" class="pay" catchtap="onAfterServiceTapped" data-order_code="{{item.order_code}}">申请售后</button>
                            </block>
                            <block wx:if="{{link == 'groupInvite'}}">
                                <button class="inviteBtn" catchtap="gotoGroupBuyDetail" data-shareType='groupInvite' size="{{defaultSize}}" plain='true' data-order_code="{{item.order_code}}" data-group_no="{{item.group_no}}" data-activity_id="{{item.activity_id}}">查看拼团详情</button>
                            </block>
                           
                        </block>                      
                    </view>
                </view>
            </block>
            <view wx:if="{{showEmptyContainer}}" style="width:750rpx;height:100%;margin-top:350rpx" class="clearfix">
            <image src="images/empty@2x.png" style="width:220rpx;height:220rpx"></image>
            <br />
            <view style="font-size:30rpx;text-align:center;margin-top:20rpx">您还没有任何订单,赶快去逛逛吧</view>
            <button bindtap="goBackToTab" class="loginBtn"> 去逛逛</button>
            </view>
        </view>
    </view>


    <picker-view wx:if="{{showReason}}"class='picker-view' value='{{value}}' bindchange='bindChange' indicator-style="height: 50px;">
        <picker-view-column>
        <!-- bindtap='chooseReason' data-id="{{item.id}}" data-reason="{{item.reason}}" -->
              <view  wx:for="{{refundReason}}" class="addr-item">{{item.reason}}</view>
        </picker-view-column>
    </picker-view>
     <view wx:if="{{showReason}}" class='chooseBtn' bindtap='reasonSure'>确定</view>
    <view wx:if="{{showReason}}" bindtap='hidderPicker' class='mask'></view>
</form>
</view>