bike-weapp/pages/personal/order/order.wxml

<!--我的订单-->
<view class="{{arr==''?'page':'order greyBg'}}">
  <view class="hasOrder">
    <view class="tabbar" wx:if="{{open_day_rent==1}}">
      <view bindtap="tabbar" data-index="0">
        <text style="height:78rpx;line-height:78rpx;">分时订单</text>
        <text class="{{index==0?'active':''}}"></text>
      </view>
      <view bindtap="tabbar" data-index="1">
        <text style="height:78rpx;line-height:78rpx;">日租订单</text>
        <text class="{{index==1?'active':''}}"></text>
      </view>
    </view>
    <view class="time flexB" style="width:100%;margin-top:{{open_day_rent==1 ? '99rpx' : '0rpx'}};">
      <view>
        <picker mode="date" fields="month" value="{{date}}" start="2019-01-01" end="2029-12-31" bindchange="getDateTime">
          <text>{{years}}年{{month}}月</text>
          <text class="iconfont iconiconfontxiangxiajiantou"></text>
        </picker>
      </view>
      <view>
        <text>总支出 ¥</text>
        <text>{{total_amount}}.00</text>
      </view>
    </view>
    <view class="noOrder" wx:if="{{arr==''}}">
      <image src="{{img}}weapp/bigbike.png" class="bike"></image>
      <view>您当前还没有交易记录</view>
    </view>
    <view class="orderList" wx:for="{{arr}}" wx:key="key" bindtap="detail" data-order="{{item.no}}" wx:if="{{arr!=''}}">
      <view class="listTop flexB">
        <view>
          <text>行程总计：</text>
          <text>¥  {{item.total_money}}</text>
        </view>
        <view>
          <text>查看详情</text>
          <text class="iconfont iconarrow-right"></text>
        </view>
      </view>
      <view class="orderTime">
        <text>订单时间：</text>
        <text>{{item.start_use_bike_time}}</text>
      </view>
      <view class="oderBottom">
        <view class="flexB">
          <text>订单号：{{item.no}}</text>
          <text wx:if="{{item.status==1}}">骑行中</text>
          <text wx:if="{{item.status==2}}" style="color:#18D5B9;">待支付</text>
          <text wx:if="{{item.status==3}}">订单完成</text>
          <text wx:if="{{item.status==4}}" style="color:#F4915B;">订单关闭</text>
          <text wx:if="{{item.status==0}}">临时停车</text>
        </view>
      </view>
    </view>
  </view>
</view>
<!-- 1=骑行中 2=待支付 3=订单关闭 4=订单关闭 0=临时停车 -->