<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> 
 |