jzmall_wx/pages/ucenter/order/order.wxml

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

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

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

            </view>
            <view class="sku-name">
              规格:{{item.skuName}}
            </view>

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

            <text class="other-info">服务{{item.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="goAppoint" data-id="{{item.id}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}"
           wx:if="{{item.handleOption.book}}" data-detail="{{item.detailId}}" 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.goodsId}}" wx:if="{{item.orderStatusVal!='未支付'}}">
          再次购买
        </view>
      </view>


    </view>
  </view>

</view>