<view class='order-center'>
  <view class='top-nav'>
    <view class='left-btn'>
      <text bindtap='setShow'>{{tagList[tagBoxActive].name}}</text>
      <image mode='widthFix' src='../../../images/group/bx.png'></image>
    </view>
    <view class='right-nav'>
      <scroll-view scroll-x style="width: 100%;white-space: nowrap;padding-right: 80rpx;padding-left: 147rpx;">
        <view class='bottom-nav'>
          <view wx:for="{{TitList}}" class='{{active == index ? "active" : ""}}' wx:for-item="item" wx:for-index="index" wx:key="index" id="active{{index}}" bindtap='setActive'>
            {{item.Type}}
          </view>
        </view>
      </scroll-view>
    </view>
    <view wx:if="{{tagBoxShow}}" class='tab-box'>
      <text wx:for="{{tagList}}" bindtap='setActiveTag' class='tag{{index}} {{tagBoxActive == index ? "active" : ""}}' wx:for-item="item" wx:for-index="index" wx:key="index" id="active{{index}}">{{item.name}}</text>
    </view>
  </view>
  <scroll-view class='data_body' scroll-y bindscrolltolower="scrollGetMore">
  （{{tagID}}）
    <view wx:if="{{tagID !== 6 && tagID !== 8 && tagID !== 4}}">
      <view class='list-item' wx:for="{{dataList}}" wx:for-item="item" wx:key="index" wx:for-index="index">
      <!-- <form bindsubmit="formSubmit" report-submit> 
          <button hover-class="btn-hover" form-type="submit" data-url="/pages/member/orderCenter/orderCenter" data-index='{{index}}'> -->
            <text class='list-item-tag {{tagList[tagBoxActive].Class}}'>{{tagList[tagBoxActive].name}}</text>
            <view class='list-item-states'>
              <text wx:if="{{item.orderState == 1}}">待付定金</text>
              <text wx:elif="{{item.orderState == 2}}">待付尾款</text>
              <text wx:elif="{{item.orderState == 3}}">待发团</text>
              <text wx:elif="{{item.orderState == 4}}">交易完成</text>
              <text wx:elif="{{item.orderState == 5}}">取消</text>
            </view>
            <view class='list-item-info' data-index='{{index}}' bindtap='formSubmit'>
              <view class='list-item-name'>{{item.title}}</view>
              <view class='list-item-detail'>
                <view class='list-item-detail-left'>
                  <text>{{item.ltName+item.guestNum+'人'}}</text>
                  <text>{{item.day}}</text>
                </view>
                <view>￥{{item.preferPrice}}</view>
              </view>
            </view>
            <view class='list-item-btn'>
              <view wx:if="{{item.orderState == 1}}">联系客服</view>
              <view wx:if="{{item.orderState == 3 || item.orderState == 2}}">取消订单</view>
              <view wx:if="{{item.orderState == 1 || item.orderState == 2}}" catchtap="endPaoPao" class='btn-red'>付款</view>
              <!-- <view class='btn-red'>确认收货</view> -->
              <view class='btn-red' wx:if="{{item.orderState == 5 || item.orderState == 4}}">再次购买</view>
            </view>
          <!-- </button>  
        </form>  -->
      </view>
    </view>
    <view wx:elif="{{tagID ==8}}">
      <view class='list-item' wx:for="{{dataList}}" wx:for-item="item" wx:key="index" wx:for-index="index">
        <!-- <form bindsubmit="formSubmit" report-submit> 
          <button hover-class="btn-hover" form-type="submit" data-url="/pages/member/orderCenter/orderCenter" data-index='{{index}}'> -->
            <text class='list-item-tag {{tagList[tagBoxActive].Class}}'>{{tagList[tagBoxActive].name}}</text>
            <view class='list-item-states'>
              <text wx:if="{{item.status == 1}}">正常</text>
              <text wx:elif="{{item.status == 2}}">取消</text>
              <text wx:elif="{{item.status == 3}}">待付款</text>
            </view>
            <view class='list-item-info'>
              <view class='list-item-name'>{{item.diningName}}</view>
              <view class='list-item-detail'>
                <view class='list-item-detail-left'>
                  <text>{{item.guestNum+'人'}}</text>
                  <text>{{item.day}}</text>
                </view>
                <view>￥{{item.preferPrice}}</view>
              </view>
            </view>
            <view class='list-item-btn'>
              <view wx:if="{{item.status == 1}}">联系客服</view>
              <view wx:if="{{item.status == 1 || item.status == 3}}">取消订单</view>
              <view bindtap="goCommonPay" data-item="{{item}}" wx:if="{{item.status == 3}}" class='btn-red'>付款</view>
              <view class='btn-red' wx:if="{{item.orderState == 1}}">再次购买</view>
            </view>
          <!-- </button>  
        </form> -->
      </view>
    </view>
    <view wx:elif="{{tagID ==6}}">
      <view class='list-item' wx:for="{{dataList}}" wx:for-item="item" wx:key="index" wx:for-index="index">
      <!-- <form bindsubmit="formSubmit" report-submit> 
          <button hover-class="btn-hover" form-type="submit" data-index='{{index}}'> -->
            <text class='list-item-tag {{tagList[tagBoxActive].Class}}'>{{tagList[tagBoxActive].name}}</text>
            <view class='list-item-states'>
              <text wx:if="{{item.status == 1}}">正常</text>
              <text wx:elif="{{item.status == 2}}">取消</text>
              <text wx:elif="{{item.status == 3}}">待付款</text>
            </view>
            <view class='list-item-info' data-index='{{index}}' bindtap='formSubmit'>
              <view class='list-item-name'>{{item.couponsName}}</view>
              <view class='list-item-detail'>
                <view class='list-item-detail-left'>
                  <text>{{item.purchaseQuantity+'张'}}</text>
                  <text>{{item.day}}</text>
                </view>
                <view>￥{{item.preferPrice}}</view>
              </view>
            </view>
            <view class='list-item-btn'>
              <view wx:if="{{item.status == 1}}">联系客服</view>
              <view wx:if="{{item.status == 1 || item.status == 3}}">取消订单</view>
              <view bindtap="goCommonPay" data-item="{{item}}" wx:if="{{item.status == 3}}" class='btn-red'>付款</view>
              <view class='btn-red' wx:if="{{item.orderState == 1}}">再次购买</view>
            </view>
          <!-- </button>  
        </form>  -->
      </view> 
    </view>
    <!-- 机票 -->
    <view wx:elif="{{tagID == 4}}">
      <view class='list-item' wx:for="{{dataList}}" wx:for-item="item" wx:key="index" wx:for-index="index">
      <!-- <form bindsubmit="formSubmit" report-submit> 
          <button hover-class="btn-hover" form-type="submit" data-index='{{index}}'> -->
            <text class='list-item-tag {{tagList[tagBoxActive].Class}}'>{{tagList[tagBoxActive].name}}</text>
            <view class='list-item-states'>
              <text wx:if="{{item.orderState == 2}}">正常</text>
              <text wx:elif="{{item.orderState == 3}}">取消</text>
              <text wx:elif="{{item.orderState == 1}}">待付款</text>
            </view>
            <view class='list-item-info' data-index='{{index}}' bindtap='formSubmit'>
              <view class='list-item-name'  wx:if="{{item.airticket.ticketType==2}}">
                <text>往：{{item.airticket.goStartCityName}} - {{item.airticket.goEndCityName}}</text>
                <text style='color: #fff;'>......</text>                
                <text>返：{{item.airticket.backStartCityName}} - {{item.airticket.backEndCityName}}</text>
              </view>
              <view wx:else>
                {{item.airticket.goStartCityName}} - {{item.airticket.goEndCityName}}
              </view>
              <view class='list-item-detail'>
                <view class='list-item-detail-left'>
                  <text>{{item.guestNum+'张'}}</text>
                  <text>{{item.day}}</text>
                </view>
                <view>￥{{item.preferPrice}}</view>
              </view>
            </view>
            <view class='list-item-btn'>
              <view wx:if="{{item.orderState == 1}}">联系客服</view>
              <view wx:if="{{item.orderState == 1}}">取消订单</view>
              <view bindtap="airTicketPay" data-item="{{item}}" wx:if="{{item.orderState == 1}}" class='btn-red'>付款</view>
              <view class='btn-red' wx:if="{{item.orderState == 2}}">再次购买</view>
            </view>
          <!-- </button>  
        </form>  -->
      </view> 
    </view>
    <view class='body_footer'>{{pageIndex >= totalPage ?  '没有更多了...' : '上拉获取更多数据'}}</view>
  </scroll-view>
</view>