weilaibike-work-weapp/pages/myWork/myWork.wxml

<view bindtouchstart="touchStart" bindtouchend="touchEnd" style="width:100%;height:100%">
  <view class="myWork">
    <van-tabs active="{{ active }}" bind:change="onChange" color="#18D5B9">
      <van-tab title="未认领">
        <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
          <view class="reason" wx:if="{{item.reason}}">{{item.reason}}</view>
          <view class="reason" wx:else>{{item.type_name}}</view>
          <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
            {{item.type_name}}
          </view>
          <view class="flexB" style="margin-top:0;">
            <view>
              <view>车辆编号：{{item.bike_no}}</view>
              <view>创建时间：{{item.created_at}}</view>
            </view>
            <view style="margin-right:50rpx;">
              <view>进度：{{item.planned}}</view>
              <view>来源：{{item.source}}</view>
            </view>
          </view>
        </view>
        <view class="noData" wx:if="{{workList.length == 0  && active ==0}}">
          <image src="http://resource.weilaibike.com/none.png"></image>
          <view>暂无相关数据~</view>
        </view>
      </van-tab>
      <van-tab title="处理中">
        <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
          <view class="reason" wx:if="{{item.reason}}">{{item.reason}}</view>
          <view class="reason" wx:else>{{item.type_name}}</view>
          <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
            {{item.type_name}}
          </view>
          <view>
            <view>当前负责人：{{item.worker}}</view>
            <view class="flexB" style="margin-top:0;">
              <view>
                <view>车辆编号：{{item.bike_no}}</view>
                <view>创建时间：{{item.created_at}}</view>
              </view>
              <view style="margin-right:50rpx;">
                <view>进度：{{item.planned}}</view>
                <view>来源：{{item.source}}</view>
              </view>
            </view>
          </view>
        </view>
        <view class="noData" wx:if="{{workList.length == 0  && active ==1}}">
          <image src="http://resource.weilaibike.com/none.png"></image>
          <view>暂无相关数据~</view>
        </view>
      </van-tab>
      <van-tab title="已处理">
        <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
          <view class="reason" wx:if="{{item.reason}}">{{item.reason}}</view>
          <view class="reason" wx:else>{{item.type_name}}</view>
          <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
            {{item.type_name}}
          </view>
          <view>
            <view>当前负责人：{{item.worker}}</view>
            <view class="flexB" style="margin-top:0;">
              <view>
                <view>车辆编号：{{item.bike_no}}</view>
                <view>创建时间：{{item.created_at}}</view>
              </view>
              <view style="margin-right:50rpx;">
                <view>进度：{{item.planned}}</view>
                <view>来源：{{item.source}}</view>
              </view>
            </view>

          </view>
        </view>
        <view class="noData" wx:if="{{workList.length == 0  && active ==2}}">
          <image src="http://resource.weilaibike.com/none.png"></image>
          <view>暂无相关数据~</view>
        </view>
      </van-tab>
      <van-tab title="已完成">
        <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
          <view class="reason" wx:if="{{item.reason}}">{{item.reason}}</view>
          <view class="reason" wx:else>{{item.type_name}}</view>
          <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
            {{item.type_name}}
          </view>
          <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
            {{item.type_name}}
          </view>
          <view>
            <view>当前负责人：{{item.worker}}</view>
            <view class="flexB" style="margin-top:0;">
              <view>
                <view>车辆编号：{{item.bike_no}}</view>
                <view>创建时间：{{item.created_at}}</view>
              </view>
              <view style="margin-right:50rpx;">
                <view>进度：{{item.planned}}</view>
                <view>来源：{{item.source}}</view>
              </view>
            </view>
          </view>
        </view>
        <view class="noData" wx:if="{{workList.length == 0  && active ==3}}">
          <image src="http://resource.weilaibike.com/none.png"></image>
          <view>暂无相关数据~</view>
        </view>
      </van-tab>
    </van-tabs>
  </view>
  <footer params="{{current}}" bind:scanCode="scanCode"></footer>
</view>