<view class="container">
  <view class='yuezhan-nav'>
    <view class="yuezhan-navbar">
      <block wx:for="{{tabs}}" wx:key="index">
        <view id="{{index}}" data-status='{{item.tag}}' class="nav-item {{index==activeIndex?'nav-item_on':''}}" bindtap='tabClick'>
          <view class="">
            {{item.name}}
          </view>
        </view>
        <view class="navbar__slider" style="width:{{100/tabs.length}}%; left: {{activeIndex * (100/tabs.length)}}%; ">
          <view class='navbar_slider-item'></view>
        </view>
      </block>
    </view>
  </view>
  <view class="weui-tab__panel" hidden="{{activeIndex!=0}}">
    <view class="weui-tab__content">
      <block wx:for="{{myOrders}}" wx:key="index">
        <view bindtap='_clickItem' data-paystatus="{{item.paymentStatus}}" data-orderSn="{{item.orderSn}}" data-amount="{{item.totalAmount}}" data-exhibitionid="{{item.orderItems[0].product.exhibition.id}}" class='weui-tab__content_item'>
          <view class="fdkk-cells">
            <view class="weui-cell">
              <view class="weui-cell__hd"></view>
              <view class="weui-cell__bd">订单编号：{{item.orderSn}}</view>
              <view class="weui-cell__ft" style='font-size:28rpx;'>
                {{item.paymentStatus}}
              </view>
            </view>
            <view class="weui-panel__bd">
              <view class="weui-media-box weui-media-box_appmsg">
                <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                  <image class="weui-media-box__thumb" mode='aspectFill' src="{{item.orderItems[0].product.exhibition.imageUrl}}" />
                </view>
                <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                  <view class="weui-media-box__title weui-flex">
                    <view class="weui-flex__item title-txt">{{item.orderItems[0].productName}}</view>
                  </view>
                  <view class="">
                    四维看看
                  </view>
                  <view class="weui-media-box__desc">
                    数量：{{item.productTotalQuantity}}
                    <text class='order_price'>合计:￥{{item.totalAmount}}</text>
                  </view>
                </view>
                <view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>

  <view class="weui-tab__panel" hidden="{{activeIndex!=1}}">
    <view class="weui-tab__content">
      <block wx:for="{{myOrders}}" wx:key="index">
        <view bindtap='_clickItem' data-paystatus="{{item.paymentStatus}}" data-orderSn="{{item.orderSn}}" data-amount="{{item.totalAmount}}" data-exhibitionid="{{item.orderItems[0].product.exhibition.id}}" class='weui-tab__content_item'>
          <view class="fdkk-cells">
            <view class="weui-cell">
              <view class="weui-cell__hd"></view>
              <view class="weui-cell__bd">订单编号：{{item.orderSn}}</view>
              <view class="weui-cell__ft" style='font-size:28rpx;'>
                {{item.paymentStatus}}
              </view>
            </view>
            <view class="weui-panel__bd">
              <view class="weui-media-box weui-media-box_appmsg">
                <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                  <image class="weui-media-box__thumb" mode='aspectFill' src="{{item.orderItems[0].product.exhibition.imageUrl}}" />
                </view>
                <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                  <view class="weui-media-box__title weui-flex">
                    <view class="weui-flex__item title-txt">{{item.orderItems[0].productName}}</view>
                  </view>
                  <view class="">
                    四维看看
                  </view>
                  <view class="weui-media-box__desc">
                    数量：{{item.productTotalQuantity}}
                    <text class='order_price'>合计:￥{{item.totalAmount}}</text>
                  </view>
                </view>
                <view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>

  <view class="weui-tab__panel" hidden="{{activeIndex!=2}}">
    <view class="weui-tab__content">
      <block wx:for="{{myOrders}}" wx:key="index">
        <view bindtap='_clickItem' data-paystatus="{{item.paymentStatus}}" data-ordersn="{{item.orderSn}}" data-amount="{{item.totalAmount}}" data-exhibitionid="{{item.orderItems[0].product.exhibition.id}}" class='weui-tab__content_item'>
          <view class="fdkk-cells">
            <view class="weui-cell">
              <view class="weui-cell__hd"></view>
              <view class="weui-cell__bd">订单编号：{{item.orderSn}}</view>
              <view class="weui-cell__ft" style='font-size:28rpx;'>
                {{item.paymentStatus}}
              </view>
            </view>
            <view class="weui-panel__bd">
              <view class="weui-media-box weui-media-box_appmsg">
                <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                  <image class="weui-media-box__thumb" mode='aspectFill' src="{{item.orderItems[0].product.exhibition.imageUrl}}" />
                </view>
                <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                  <view class="weui-media-box__title weui-flex">
                    <view class="weui-flex__item title-txt">{{item.orderItems[0].productName}}</view>
                  </view>
                  <view class="">
                    四维看看
                  </view>
                  <view class="weui-media-box__desc">
                    数量：{{item.productTotalQuantity}}
                    <text class='order_price'>合计:￥{{item.totalAmount}}</text>
                  </view>
                </view>
                <view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>

  <view class="weui-tab__panel" hidden="{{activeIndex!=3}}">
    <view class="weui-tab__content">
      <block wx:for="{{myOrders}}" wx:key="index">
        <view bindtap='_clickItem' data-paystatus="{{item.paymentStatus}}" data-ordersn="{{item.orderSn}}" data-amount="{{item.totalAmount}}" data-exhibitionid="{{item.orderItems[0].product.exhibition.id}}" class='weui-tab__content_item'>
          <view class="fdkk-cells">
            <view class="weui-panel__bd">
              <view class="weui-media-box weui-media-box_appmsg">
                <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                  <image class="weui-media-box__thumb" mode='aspectFill' src="{{item.orderItems[0].product.exhibition.imageUrl}}" mode='aspectFill' />
                </view>
                <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                  <view class="weui-media-box__title weui-flex">
                    <view class="weui-flex__item comment_txt">{{item.orderItems[0].productName}}</view>
                  </view>
                  <view class="comment_desc_txt">
                    上海美术馆
                  </view>
                  <view class="weui-media-box__desc ">
                    <image mode='widthFix' class='fdkzImg' src='{{testImg}}'></image>
                    <view class='btn-done'>评论</view>
                  </view>
                </view>
                <view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>


  <view class='noDataClass' hidden='{{myOrders.length>0||loading}}'>
    <image class='no_exhibitionImg' mode='aspectFit' src='{{noExhibitionImg}}'></image>
    <view class="tips">
      暂无订单信息
    </view>
  </view>

</view>