<view class="order_container">

    <view class='tabs_box'>
    
        <view class="tabs_item {{currentIndex==0?'selected':''}}" bindtap='onTabsItemEvent' data-index="">
            全部
        </view>
        <view class="tabs_item {{currentIndex==1?'selected':''}}" bindtap='onTabsItemEvent' data-index="1">
            待服务
        </view>
        <view class="tabs_item {{currentIndex==2?'selected':''}}" bindtap='onTabsItemEvent' data-index="2">
            已完成
        </view>
        <view class="tabs_item {{currentIndex==3?'selected':''}}" bindtap='onTabsItemEvent' data-index="3">
            已取消
        </view>
      
    </view>

    <view class="order-container" wx:if="{{!orderShow}}">

        <view class="order-list radius" wx:for="{{orderList}}" wx:key="ids" data-id="{{item.id}}" bindtap='intoDetail'>
            <view class='order-top'>
                <text class='grey'>订单编号：{{item.orderNo}}</text>
                <text class='explain'>{{item.dicMap.status}}</text>
            </view>
            <view class='order-middle'>
                <image src='{{item.shopProduct.imgMobile}}' class='order-image' mode="aspectFit"></image>
                <view class='order-info'>
                    <view class='name'>{{item.shopProduct.title}}</view>
                    <view class='grey norms'>{{item.shopInfo.shopName}} </view>
                    <view class="goods-group">
                    <!--    <view class='price'>￥{{item.shopProduct.price}}</view>-->
                    </view>
                </view>
                <text class='grey'></text>

                <view class='order-bottom'>

                    <text class='cancel-order' wx:if="{{item.status == 1}}" data-index="{{index}}" data-id="{{item.id}}" capture-catch:touchstart='cancelOrder'>取消订单</text>
                </view>
            </view>


        </view>
    </view>


</view>

<view class="toTap" bind:tap="goTap" hidden='{{!floorstatus}}'>
    <view class="iconfont icontop"></view>
</view>



<view class="no-order" wx:if="{{orderShow}}">
    <image src='/image/61.png'></image>
    <text class='no-text'>暂无订单记录</text>
    <text class='wait-active'>亲，您还没有订单，快去预约哦！</text>
</view>