<view class="container">
    <view class="orders-switch">
        <view class="item {{ showType == 0 ? 'active' : ''}}" bindtap="switchTab" data-index='0'>
            <view class="txt">全部</view>
        </view>
        <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 == 4 ? 'active' : ''}}" bindtap="switchTab" data-index='4'>
            <view class="txt">待评价</view>
        </view>
    </view>
    <view class="no-order" wx:if="{{orderList.length <= 0}}">
      <view class="c">
        <image src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/noCart-a8fe3f12e5.png" />
        <text>还没有任何订单呢</text>
      </view>
    </view>

    <view class="orders">
      <navigator url="../orderDetail/orderDetail?id={{item.id}}" class="order" open-type="redirect" wx:for="{{orderList}}" wx:key="id">
            <view class="h">
                <view class="l">订单编号：{{item.orderSn}}</view>
                <view class="r">{{item.orderStatusText}}</view>
            </view>
            <view class="goods" wx:for="{{item.goodsList}}" wx:key="id" wx:for-item="gitem">
                <view class="img">
                    <image src="{{gitem.picUrl}}"></image>
                </view>
                <view class="info">
                    <text class="name">{{gitem.goodsName}}</text>
                    <text class="number">共{{gitem.number}}件商品</text>
                </view>
                <view class="status"></view>
            </view>
            <view class="b">
                <view class="l">实付：￥{{item.actualPrice}}</view>
            </view>
      </navigator>
    </view>
</view>
