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

<view class="box">
  <view class="cut" >
    <text class="{{curPage ==1 ? 'cur':''}}" bindtap="choose" data-idx="1">普通订单</text>
    <text class="{{curPage ==2 ? 'cur':''}}" bindtap="choose" data-idx="2">日租订单</text>
  </view>
  <view class="view" wx:for="{{order}}" bindtap="detail" data-id="{{item.id}}">
    <view class="top">
      <text style="font-size:30rpx;font-family:PingFang SC;color:rgba(77,77,77,1);padding-left:24rpx;">车辆编号：{{item.bike_no}}</text>
      <view class="state1" wx:if="{{item.orders_status=='骑行中' || item.orders_status=='租车中'}}">
        <text>{{item.orders_status}}</text>
      </view>
      <view class="state2" wx:elif="{{item.orders_status=='订单关闭'}}">
        <text>{{item.orders_status}}</text>
      </view>
      <view class="state3" wx:elif="{{item.orders_status=='已完成'}}">
        <text>{{item.orders_status}}</text>
      </view>
      <view class="state4" wx:elif="{{item.orders_status=='待支付' || item.orders_status=='租车结束,待支付'}}">
        <text>{{item.orders_status}}</text>
      </view>
      <view class="state6" wx:elif="{{item.orders_status=='临时停车' || item.orders_status=='待支付租金'}}">
        <text>{{item.orders_status}}</text>
      </view>
    </view>
    <view class="center">
      <text style="width:300rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">用户：{{item.nickname}}</text>
      <text>手机号：{{item.mobile}}</text>
    </view>
    <text class="text">时间：{{item.start_use_bike_time}}</text>
  </view>
  <view class="noData" wx:if="{{order.length==0}}">
    <image src="http://resource.bike.hanyiyun.com/none.png"></image>
    <view>暂无相关数据~</view>
  </view>
</view>