jzmall_wx/pages/ucenter/order/order.wxml

<!-- <view class="poster" wx:if="{{myqr_show}}">
  <view>
    <image src="{{myqr_url}}" style="width:{{myqr_width}}rpx;" mode="widthFix">
    </image>
    <view class="tool">
      <view>
        <button open-type='share' class="share-btn">
          <image class="img" style="width: 85rpx;margin-right: 25rpx;" mode="widthFix"
            src="/static/images/share/p_wx.png"></image>
        </button>
      </view>
      <view>
        <image class="img" mode="widthFix" bindtap="goSaveQrcode" src="/static/images/share/p_save.png"></image>
      </view>
    </view>
    <view style="text-align:center">
      <image class="closeImg" bindtap="hidePoster" src="/static/images/share/close.png"></image>
    </view>
  </view>
</view>

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


  <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.orderStatusText}}</view>
      </view>
      <navigator url="../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.product.specifications[0]}}</text>
            <text class="number"
              wx:if="{{item.increaseSumPrice>0}}">加购{{item.unitDescribe}}*{{item.unitIncreaseNumber}}</text>
         
            <text class="number">共{{gitem.number}}件商品</text>
            <view class="detail-btn">订单详情</view>
          </view>
          <view class="status">
          </view>
        </view>
      </navigator>
      <view class="b">
        <view class="l">实付：￥{{item.actualPrice}}</view>
      </view>
   
      <view class="order-item-operate">
        <view class="order-item-result">

        </view>
        <view class="order-operate-wrapper">
          <view catchtap="payOrder" wx:if="{{item.handleOption.pay}}" data-id="{{item.id}}" data-channel="{{item.orderChannel}}">去付款</view>
       
          <view catchtap="deleteOrder" wx:if="{{item.handleOption.delete}}" data-id="{{item.id}}">删除订单</view>
          <view catchtap="cancelOrder" wx:if="{{item.handleOption.cancel}}" data-id="{{item.id}}">取消订单</view>

         
          <view catchtap="viewService" data-id="{{item.id}}"
            wx:if="{{(item.goodsType==0||item.goodsType==3)&&!(item.orderStatus==101||item.orderStatus==102||item.orderStatus==103)}}">
            查看服务</view>
        </view>
      </view>

    </view>
  </view>

</view> -->
<wxs src="../../../utils/formatFuc.wxs" module="utils" />
<view class="poster" wx:if="{{myqr_show}}">
  <view>
    <image src="{{myqr_url}}" style="width:{{myqr_width}}rpx;" mode="widthFix">
    </image>
    <view class="tool">
      <view>
        <button open-type='share' class="share-btn">
          <image class="img" style="width: 85rpx;margin-right: 25rpx;" mode="widthFix"
            src="/static/images/share/p_dy.png"></image>
        </button>
      </view>
      <view>
        <image class="img" mode="widthFix" bindtap="goSaveQrcode" src="/static/images/share/p_save.png"></image>
      </view>
    </view>
    <view style="text-align:center">
      <image class="closeImg" bindtap="hidePoster" src="/static/images/share/close.png"></image>
    </view>
  </view>
</view>

<view class="appoint-tabs-wrapper">

  <view class="appoint-tab-item {{showType==2?'active':''}}" data-tab="2" bindtap="onTabChange">服务中</view>
  <view class="appoint-tab-item {{showType==1?'active':''}}" data-tab="1" bindtap="onTabChange">未支付</view>
  <view class="appoint-tab-item {{showType==0?'active':''}}" data-tab="0" bindtap="onTabChange">全 部</view>
  <!-- <view class="appoint-tab-item {{showType==4?'active':''}}" data-tab="4" bindtap="onTabChange">待评价</view> -->
</view>

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


  <!-- <view class="orders-switch">
    <view class="item {{ showType == 0 ? 'active' : ''}}" bindtap="switchTab" data-index='0'>
      <view class="txt">全部</view>
    </view>
    <view class="item {{ showType == 1 ? 'active' : ''}}" bindtap="switchTab" data-index='1'>
      <view class="txt">待付款</view>
    </view> -->

  <!-- <view class="item {{ showType == 2 ? 'active' : ''}}" bindtap="switchTab" data-index='2'>
      <view class="txt">待发货</view>
    </view> -->

  <!-- <view class="item {{ showType == 3 ? 'active' : ''}}" bindtap="switchTab" data-index='3'>
      <view class="txt">待上门</view>
    </view>
    <view class="item {{ showType == 4 ? 'active' : ''}}" bindtap="switchTab" data-index='4'>
      <view class="txt">待评价</view>
    </view>
  </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="appoint-tabs-wrapper">
    <view class="appoint-tab-item {{showType==0?'active':''}}" data-tab="0" bindtap="onTabChange">全 部</view>
    <view class="appoint-tab-item {{showType==1?'active':''}}" data-tab="1" bindtap="onTabChange">待付款</view>
    <view class="appoint-tab-item {{showType==3?'active':''}}" data-tab="3" bindtap="onTabChange">服务中</view>
    <view class="appoint-tab-item {{showType==4?'active':''}}" data-tab="4" bindtap="onTabChange">待评价</view>
</view> -->

  <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="index">
      <view class="h">
        <view class="l"
          wx:if="{{item.orderStatusText=='待预约'||item.orderStatusText=='服务中'||item.orderStatusText=='服务已完成'}}">已支付</view>
        <view class="l" wx:else>{{item.orderStatusText}}</view>
        <view class="r"
          wx:if="{{item.orderStatusText=='待预约'||item.orderStatusText=='服务中'||item.orderStatusText=='服务已完成'}}">
          {{item.orderStatusText}}</view>
        <view class="r" wx:else></view>
      </view>
      <!-- open-type="redirect" -->
      <navigator url="../orderDetail/orderDetail?id={{item.id}}">
        <view class="goods"  wx:for="{{item.goodsList}}" wx:key="id" wx:for-item="gitem">
          <view class="img">
            <image src="{{gitem.picUrl+'?w=200'}}"></image>
          </view>
          <view class="info">
            <!-- <view class="info-orderSn" >订单编号: {{item.orderSn}}</view> -->
            <view class="info-main">
              <text class="product-name">{{gitem.goodsName}}</text>
              <text class="price">¥{{gitem.price}}</text>
            </view>
            <view class="sku-name" wx:if="{{item.increaseSumPrice>0}}">
              <view> 加购: {{item.unitDescribe}}*{{item.unitIncreaseNumber}}</view>
              <view>¥{{item.increaseSumPrice}}</view>

            </view>
            <view class="sku-name">
              规格:{{gitem.product.specifications[0]}}
            </view>

            <!-- <text class="number">共{{item.number}}件商品</text> -->

            <text class="other-info">服务{{gitem.product.serviceTimes}}次</text>
            <!-- <text class="other-info" wx:if="{{utils.getNotServiceTimes(item.serviceTimes,item.servedTimes)>0}}">  {{utils.getNotServiceTimes(item.serviceTimes,item.servedTimes)}}次未服务</text> -->
            <!-- 支付倒计时 payOverTime-->
            <view wx:if="{{item.payOverTime>0}}" class="over-time">{{utils.formatOverTime(item.payOverTime)}} 后订单关闭
            </view>

          </view>
          <!-- <view class="status"> 
        </view> -->
        </view>
      </navigator>

      <view class="b">
        <view class="l"><text>实付款：￥{{item.actualPrice}}</text></view>
      </view>
      <!-- 提醒 -->
      <view class="status-tips" wx:if="{{item.orderStatusVal=='已退款'}}">
        <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-refund-tips.png"></image>
        <view class="tips-title">已退款</view>
        <view>已按照原支付路径退回</view>

      </view>
      <view class="status-tips" wx:if="{{item.orderStatusVal=='服务已完成'}}" data-id="{{item.id}}" bindtap="goCheck">
        <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-customer-msg.png"></image>
        <view class="tips-title">服务验收：</view>
        <view>服务已完成，请评价</view> 
      </view>

      <view class="customer-msg" wx:if="{{item.customerServiceReminder}}">
        <view class="msg-title">提醒：</view>
        <view class="msg-text">{{item.customerServiceReminder}}</view> 
      </view>

      <view class="customer-msg" wx:if="{{item.ticketStatus==1}}">
        <view class="msg-title">提醒：</view>
        <view class="msg-text">您的售后工单正在处理中，请耐心等待</view> 
      </view>

      
      <view class="customer-msg" wx:if="{{item.ticketStatus==2}}" data-id="{{item.id}}" bindtap="orderDetail">
        <view class="msg-title">提醒：</view>
        <view class="msg-text">您的售后工单已完成，可以去评价了哦</view> 
      </view>


      <!-- 操作事件 -->


      <view class="order-operate-wrapper">

        <!-- <view catchtap="deleteOrder" wx:if="{{item.handleOption.delete}}" data-id="{{item.id}}" class="del">删除订单
          </view> -->
        <view catchtap="cancelOrder" wx:if="{{item.handleOption.cancel}}" data-id="{{item.id}}" class="del">取消订单
        </view>
        <view catchtap="refundOrder" data-id="{{item.id}}" wx:if="{{item.handleOption.refund}}" class="del">售后/退款</view>
        <!-- <view  data-id="{{item.id}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}"
          data-type="{{item.type}}" wx:if="{{item.handleOption.book}}" class="eval-btn">评价</view> -->

        <!-- 抖音评价  20231007屏蔽 by leo 启用工单上的服务验收
        <rate-button class="eval-btn" order-id="{{item.orderSn}}" bind:init="handleInit" bind:success="handleSuccess" bind:error="handleError" />-->
        <!-- <view  catchtap="confirmOrder" wx:if="{{item.handleOption.confirm}}" data-id="{{item.id}}">待上门</view> -->
        <!-- <view  catchtap="refundOrder" wx:if="{{item.handleOption.refund&&item.goodsList[0].goodsSn!='1036016'}}" data-id="{{item.id}}">申请退款</view> -->
        <!-- <view  data-id="{{item.goodsList[0].goodsId}}" catchtap="shareFriendOrCircle" >分享商品</view> -->
        <view catchtap="appointService" data-id="{{item.id}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}"
          data-type="{{item.type}}" wx:if="{{item.handleOption.book}}" class="appoint">预约服务</view>
        <view catchtap="payOrder" data-id="{{item.id}}" data-sn="{{item.orderSn}}" wx:if="{{item.handleOption.pay}}">
          立即支付</view>
        <view class="btn-rebuy" bindtap="buyAgain" data-id="{{item.goodsList[0].goodsId}}" wx:if="{{item.orderStatusVal!='未支付'}}">
          再次购买
        </view>
      </view>


    </view>
  </view>

</view>