shanxian-work-weapp/pages/recentOrder/recentOrder.wxml

<!--最近订单-->
<view class="recentOrder">
  <view class="cut">
    <view class="cutCon">
      <text class="{{curPage ==1 ? 'cur':''}}" bindtap="choose" data-idx="1">普通订单</text>
      <text class="{{curPage ==2 ? 'cur':''}}" bindtap="choose" data-idx="2">日租订单</text>
    </view>
  </view>
  <view class="list">
    <view class="orderList" wx:for="{{order}}" wx:key="{{index}}" bindtap="skipDetail" data-index="{{index}}">
      <view class="flexB">
        <view class="bikeNo">车辆编号：{{item.bike_no}}</view>
        <view class="state state1 flexC" wx:if="{{item.orders_status=='骑行中' || item.orders_status=='租车中'}}">{{item.orders_status}}</view>
        <view class="state state2 flexC" wx:if="{{item.orders_status=='订单关闭'}}">{{item.orders_status}}</view>
        <view class="state state3 flexC" wx:elif="{{item.orders_status=='已完成'}}">{{item.orders_status}}</view>
        <view class="state state4 flexC" wx:elif="{{item.orders_status=='待支付'}} ">{{item.orders_status}}</view>
        <view class="state state6 flexC" wx:elif="{{item.orders_status=='临时停车' ||  item.orders_status=='待支付租金'}}">{{item.orders_status}}</view>
      </view>
      <view class="flexB">
        <view style="width:300rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">用户：{{item.nickname}}</view>
        <view style="margin-right:30rpx;">手机：{{item.mobile}}</view>
      </view>
      <view>时间：{{item.start_use_bike_time}}——{{item.end_use_bike_time}}</view>
    </view>
  </view>
  <view class="noData" wx:if="{{order.length==0}}">
    <image src="http://resource.bike.hanyiyun.com/none.png"></image>
    <view>暂无相关数据~</view>
  </view>
</view>