<wxs src="../../../utils/format.wxs" module="format" /> 
<view class="container">
  <view class="orders-switch">
    <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 == 0 ? 'active' : ''}}" bindtap="switchTab" data-index='0'>
      <view class="txt">全部工单</view>
    </view>

  </view>
  <view class="no-order" wx:if="{{orderList.length <= 0}}">
    <view class="c">
      <text>还没有服务工单呢</text>
      <view style="display:flex;margin-top:30rpx"> 
  <button class="btn" style="margin:0 auto" bindtap="goProblemAdd">手动报备问题</button>
      </view>
    </view>
  </view>

  <view class="orders">
    <view class='order' wx:for="{{orderList}}" wx:for-item="item" wx:key="item">
      <view class="h">
        <view class="l">预约时间：{{item.bookTime}}</view>
        <view class="r">{{item.status}}</view>
      </view>
      <view class="goods"> 
        <view class="info">
          <text class="name">服务地址：{{item.address}}</text>
          <text class="number">工单编号:{{item.bookTradeNo}}</text>
          <text class="number" decode="{{true}}">客户名称：{{item.userName}}   &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  手机：{{item.userPhone}}</text>
        </view>    
      </view> 
      <view  class="order-item-operate">
           <view class="order-item-result"></view>
            <view class="order-operate-wrapper">
              <view catchtap="goProblemAdd" data-id='{{item.bookTradeNo}}'>问题报备</view>
              <!-- <view catchtap="payOrder">联系客户</view> -->
            </view>
      </view>

    </view>

  </view>
</view>