jzmall_wx/pages/referee/order/order.wxml

<view class="myqr" wx:if="{{myqr_show}}">
	<view>
		<image class="cancel" src="/static/images/cancel.png" bindtouchstart="qrtouchstart" ></image>
	</view>
	<view>
		<image class="img" src="{{myqr_url}}"mode="widthFix" />
	</view>
	<view>
		<image class="btn" bindtap="saveShare" src="/static/images/right.png" />
	</view>
</view>

<view class="container" style="filter:blur({{myqr_blur}}rpx)">

<view class="order-type">
  <view class="switch">
  <view class="left-switch {{orderType==0?'action':'common'}}" data-type='0' bindtap="goOrderType">推广订单</view>
  <view class="{{orderType==0?'common':'action'}}" data-type='1' bindtap="goOrderType">自购订单</view>
 </view>
</view> 
<!-- 搜索框 -->
<view class="search-box" bindtap="goSearch">
  <image class="search-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-search.png"></image>
  <text>输入商品名称搜索订单</text>
</view>
<van-tabs active="{{showType }}" color="#09afff" bind:change="onTabChange">
    <van-tab title="全部" name="0"></van-tab>
    <van-tab title="待付款" name="1"></van-tab>
    <van-tab title="服务中" name="3"></van-tab>
    <van-tab title="待评价" name="4"></van-tab>
  </van-tabs>



  <view class="no-order" wx:if="{{orderList.length <= 0}}">
    <view class="c">
      <text>还没有任何订单呢</text>
    </view>
  </view>

  <view class="orders">
   
      <view class="order"  wx:for="{{orderList}}" wx:key="id">
      <!-- <view class="h">
        <view class="l">订单编号：{{item.orderSn}}</view>
        <view class="r">{{item.bookStatus}}</view>
      </view> -->
      <navigator url="/pages/ucenter/orderDetail/orderDetail?id={{item.id}}"  open-type="redirect" >
      <view class="goods" wx:for="{{item.goodsList}}" wx:key="id" wx:for-item="gitem">
        <view class="img">
          <image src="{{gitem.picUrl}}"></image>
        </view>
        <view class="info">
          <text class="name">{{gitem.goodsName}}</text>
          <text class="number">规格：{{gitem.number}}</text>
          <text class="number">单价：{{gitem.price}}</text>
        </view>   
        <view class="order-status">  
          {{item.bookStatus}}
        </view>
      </view>
    </navigator>
    <view class="order-id-wrapper">
      <view>订单编号：{{item.orderSn}}</view>
      <image src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-copy-grey.png" bindtap="goCopyCode" mode="aspectFit" data-orderid="{{item.orderSn}}"/>
    </view>
      <view class="b">
        <view class="l"> 
          <!-- <view>{{item.orderStatusText}}</view> -->
          <view  wx:if="{{orderType==0}}">分享人：{{item.commissionFrom}}</view>
          <view  wx:if="{{orderType==0}}">购买人：{{item.buyer}}</view>
        </view>
        <view  class="r"> 
          <view class="main-amount">
            <text>实付金额：￥{{item.actualPrice}}</text>
          </view>
          <view class="main-amount">
            <text>预计佣金：￥{{item.commissionEstimate}}</text>
          </view>
        </view>
      </view>
      <!-- 操作事件 -->
      <view  class="order-item-operate" >
            <view class="order-item-result jz-color"> 
              {{item.orderStatusText}}
            </view>
            <view class="order-operate-wrapper">
              <view catchtap="payOrder" wx:if="{{item.handleOption.pay&&orderType==1}}" data-id="{{item.id}}">去付款</view>
              <!-- <view  catchtap="confirmOrder" wx:if="{{item.handleOption.confirm&&orderType==1}}" data-id="{{item.id}}">待上门</view> -->
               <view catchtap="deleteOrder" wx:if="{{item.handleOption.delete&&orderType==1}}" data-id="{{item.id}}">删除订单</view>
              <view  catchtap="cancelOrder" wx:if="{{item.handleOption.cancel&&orderType==1}}" data-id="{{item.id}}">取消订单</view> 
              <view  data-id="{{item.goodsList[0].goodsId}}" catchtap="shareFriendOrCircle" >分享商品</view>
               <view catchtap="viewService" data-id="{{item.id}}" wx:if="{{!(item.orderStatus==101||item.orderStatus==102||item.orderStatus==103)}}">查看服务</view>
            </view>
      </view>
 
  </view>
  </view> 

</view>