 
<view class='TicketList commonF'> 
  <view class='top-date-box clearfix'>
    <scroll-view scroll-left="{{(leftpx*160) + 'rpx'}}" scroll-x style='white-space: nowrap;' class='date'>
      <view bindtap='changeMinPrice' class='date-item f22 c11 {{MinPriceListActive === index? "active" : ""}}' data-index="{{index}}" wx:for="{{MinPriceList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
        <view>
          <view>{{item.monthTime}}</view>
          <view>{{item.week}}</view>
          <view>¥{{item.price}}</view>
        </view>
      </view>
    </scroll-view>
    <view class='more-date' bindtap='openDate'>
      <view class='date-img'>
        <image src='../../../images/product/ico_date.png'></image>
      </view>
      <view class='arr-img'>
        <image src='../../../images/product/arr_bottom.png'></image>
      </view>
    </view>
  </view>
  <view class='calen-box' hidden='{{dateBoxShow}}' bindtap='openDate'>
    <view catchtap>
      <view class='calender-ctrl'>
        <text class='btn f28' data-type='a' catchtap='changeMonth'>{{"<"}}</text>
        <text class='c99'>{{MonthDate2}}月</text>
        <text class='btn f28' data-type='b' catchtap='changeMonth'>{{">"}}</text>
      </view>
      <newCalendar bind:childrenEvent="childrenEvent" selectIndex="{{selectIndex}}" day="{{MonthDate}}" priceData="{{priceData}}" id="calendar"></newCalendar> 
    </view>
  </view>
  <view class='tips-box f22 c66'>
    航班起降均为当地时间
  </view>
  <scroll-view scroll-y class='content-box' bindscrolltolower="scrollGetMore"> 
    <view class='list-item' wx:for="{{AirticketList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
      <!-- <text class='item-tag cee f20'>当日最低</text> -->
      <view class='list-item-content clearfix'>
        <view class='list-item-left' bindtap='closeDetail' data-index='{{index}}'>
          <view class='list-item-left-time'>
            <view>
              <view class='f40 c11 bold'>{{item.flightList[0].departuretime}}</view>
              <view class='c99 f24 text1'>{{item.flightList[0].dName}}</view>
            </view>
            <view class='margin-lr20'>
              <image src='../../../images/ticket/big_arr2.png'></image>
              <view class='c55 f22 tct zhuan'>
                <view>转</view>
                <view>{{item.flightList.length}}次</view>
              </view>
            </view>
            <view>
              <view class='f40 c11 bold'>{{item.flightList[0].arrivaltime}}</view>
              <view class='c99 f24 text1'>{{item.flightList[0].aName}}</view>
            </view>
            <view class='f20 c11'>
              +{{item.goIsNextDay}}
            </view>
          </view>
          <view class='list-item-left-time'>
            <view>
              <view class='f40 c11 bold'>{{item.backFlightList[item.backFlightList.length-1].departuretime}}</view>
              <view class='c99 f24 text1'>{{item.backFlightList[item.backFlightList.length-1].dName}}</view>
            </view>
            <view class='margin-lr20'>
              <image src='../../../images/ticket/big_arr2.png'></image>
              <view class='c55 f22 tct zhuan'>
                <view>转</view>
                <view>{{item.backFlightList.length}}次</view>
              </view>
            </view>
            <view>
              <view class='f40 c11 bold'>{{item.backFlightList[item.backFlightList.length-1].arrivaltime}}</view>
              <view class='c99 f24 text1'>{{item.backFlightList[item.backFlightList.length-1].aName}}</view>
            </view>
            <view class='f20 c11'>
              +{{item.backIsNextDay}}
            </view>
          </view>
          <view class='name-time c88 f24'>
            <view>
              <image src='{{item.airlineUrl}}'></image>
              <text>{{item.airlineName}} {{item.alCode}}</text>
            </view>
            <!-- <view>
              <image src='../../../images/ticket/shijian.png'></image>
              <text>33h20m</text>
            </view> -->
          </view>
        </view>
        <view class='list-item-right' bindtap='setOreder' data-id='{{item.id}}'>
          <view class='f22 cee'>
            ￥ <text class='f40 blod'>{{isLogin!=1 ? item.scatterB2CPrice : item.scatterB2BPrice}}</text>
          </view>
          <view class='c99 f20'>
            <view>{{item.freightSpace == 1 ? "头等舱" : item.freightSpace == 2 ? "商务舱" : "经济舱"}}</view> 
          </view>
          <view class='cee f20 shengyu'>
            <text>剩{{item.residue}}张</text>
          </view>
        </view>
      </view>
    </view>
    <view class='body_footer'>{{pageIndex >= totalPage ?  '没有更多了...' : '上拉获取更多数据'}}</view>
  </scroll-view>
  <view class='bottom-btn f24 c11'>
    <view class='btn-item {{bottomActive === 1 ? "cee" : ""}}' data-index="1" bindtap='cahngeBtnActive'>
      <view>
        <image wx:if="{{bottomActive!==1}}" src='../../../images/ticket/paixu1.png'></image>
        <image wx:if="{{bottomActive===1}}" src='../../../images/ticket/paixu1_1.png'></image>
      </view>
      <view>
        推荐排序
      </view>
    </view>
    <view class='btn-item {{bottomActive === 2 ? "cee" : ""}}' data-index="2" bindtap='cahngeBtnActive'>
      <view>
        <image wx:if="{{bottomActive!==2}}" src='../../../images/ticket/paixu2.png'></image>
        <image wx:if="{{bottomActive===2}}" src='../../../images/ticket/paixu2_1.png'></image>
      </view>
      <view>
        低价优先
      </view>
    </view>
    <view class='btn-item {{bottomActive === 3 ? "cee" : ""}}' data-index="3" bindtap='cahngeBtnActive'>
      <view>
        <image wx:if="{{bottomActive!==3}}" src='../../../images/ticket/paixu3.png'></image>
        <image wx:if="{{bottomActive===3}}" src='../../../images/ticket/paixu3_1.png'></image>
      </view>
      <view>
        时间排序
      </view>
    </view>
    <view class='btn-item {{bottomActive === 4 ? "cee" : ""}}' data-index="4" bindtap='cahngeBtnActive'>
      <view>
        <image wx:if="{{bottomActive!==4}}" src='../../../images/ticket/paixu4.png'></image>
        <image wx:if="{{bottomActive===4}}" src='../../../images/ticket/paixu4_1.png'></image>
      </view>
      <view>
        筛选
      </view>
    </view>
  </view>
  <!-- 详情弹窗 -->
  <view wx:if="{{detailShow}}" class='detail-box' bindtap='closeDetail'>
    <view>
      <image class='close-img' src='../../../images/ticket/close-img.png' catchtap="closeDetail"></image>
      <view class='screen-box-top tct c11 f30'>
        航班详情
      </view>
    </view>
    <scroll-view scroll-y style='height: 750rpx;position:absolute;bottom:0;padding-bottom:30rpx;'>
      <view class='detail-box-tit f22'>
        <text class='cee'>去</text>
        <text class='c11'>{{detailMsg.goFlightTime}} {{detailMsg.goStartCityName}}-{{detailMsg.goEndCityName}}  共{{detailMsg.goTotalTime}}</text>
      </view>
      <view wx:for="{{detailMsg.flightList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
        <view  class='detail-box-item'>
          <view class='detail-box-left'>
            <view class='f30 c11 bold'>{{item.departuretime}}</view>
            <view class='f24 cff'>3小时0分</view>
            <view class='f30 c11 bold'>{{item.arrivaltime}}</view>
          </view>
          <view class='detail-box-right'>
            <view class='f28 c11 bold margin-b10'>{{item.dIATA}} {{item.dName}}</view>
            <view class='f24 c99 imgs-item'> <image src='{{detailMsg.airlineUrl}}'></image> {{item.alName}}</view>
            <view class='f24 cff imgs-item'> 四川航空</view>
            <!-- <image src='../../../images/ticket/dafeiji.png'></image> -->
            <view class='f28 c11 bold margin-t10'>{{item.aIATA}} {{item.aName}}</view>
          </view>
        </view>
        <view class='detail-box-zhuan f22' wx:if="{{index!==detailMsg.flightList.length -1}}">
          <text class='cee'>中转</text>
          <text class='c66'>{{item.arrivalCityName}}</text>
          <text class='cee'>行李直达</text>
        </view>
      </view>
      <view class='detail-box-tit f22 margin-top30'>
        <text class='cee'>返</text>
        <text class='c11'>{{detailMsg.backFlightTime}} {{detailMsg.backStartCityName}}-{{detailMsg.backEndCityName}}  共{{detailMsg.backTotalTime}}</text>
      </view>
      <view wx:for="{{detailMsg.backFlightList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
        <view  class='detail-box-item'>
          <view class='detail-box-left'>
            <view class='f30 c11 bold'>{{item.departuretime}}</view>
            <view class='f24 cff'>3小时0分</view>
            <view class='f30 c11 bold'>{{item.arrivaltime}}</view>
          </view>
          <view class='detail-box-right'>
            <view class='f28 c11 bold margin-b10'>{{item.dIATA}} {{item.dName}}</view>
            <view class='f24 c99 imgs-item'> <image src='{{detailMsg.airlineUrl}}'></image> {{item.alName}}</view>
            <view class='f24 cff imgs-item'> 四川航空</view>
            <!-- <image src='../../../images/ticket/dafeiji.png'></image> -->
            <view class='f28 c11 bold margin-t10'>{{item.aIATA}} {{item.aName}}</view>
          </view>
        </view>
        <view class='detail-box-zhuan f22' wx:if="{{index!==detailMsg.backFlightList.length -1}}">
          <text class='cee'>中转</text>
          <text class='c66'>{{item.arrivalCityName}}</text>
          <text class='cee'>行李直达</text>
        </view>
      </view>
    </scroll-view>
  </view>
  <!-- 筛选弹窗 -->
  <view wx:if="{{screenBoxShow}}" class='screen-box' bindtap='closeScreenBox'>
    <view class='screen-box-content' catchtap>
      <image class='close-img' src='../../../images/ticket/close-img.png' catchtap="closeScreenBox"></image>
      <view class='screen-box-top tct c11 f30'>
        筛选
      </view>
      <view class='screen-list'>
        <view class='left-type'>
          <view class='c11 f28 {{item.id === screenID ? "active" : ""}}' wx:for="{{screenList}}" wx:for-index="index" wx:for-item="item" wx:key="index" bindtap='changeScreenList' data-id="{{item.id}}">{{item.name}}</view>
        </view>
        <scroll-view class='right-list' scroll-y>
          <view class='airline-list' hidden='{{screenID!==1}}'>
            <view class='airline-list-item' catchtap='changeAirline' data-id="0">
              <text class='f28 {{msg.airLineID === 0 ? "cee" : ""}}'>不限</text>
              <view>
                <image wx:if="{{msg.airLineID === 0}}" class='xuanzhong' src='/images/visa/xunazhong.png'></image>
                <view wx:else class='raduis'></view>
              </view>
            </view>
            <view class='airline-list-item' wx:for="{{airlineList}}" wx:for-index="index" wx:for-item="item" wx:key="index" catchtap='changeAirline' data-id="{{item.AirLineId}}">
              <text class='f28 {{msg.airLineID === item.AirLineId ? "cee" : ""}}'>{{item.AlName}}</text>
              <view>
                <image wx:if="{{msg.airLineID === item.AirLineId}}" class='xuanzhong' src='/images/visa/xunazhong.png'></image>
                <view wx:else class='raduis'></view>
              </view>
            </view>
          </view>
          <view class='airline-list' hidden='{{screenID!==2}}'>
            <view class='airline-list-item' catchtap='changeCangwei' data-id="0">
              <text class='f28 {{msg.freightSpace === 0 ? "cee" : ""}}'>不限</text>
              <view>
                <image wx:if="{{msg.freightSpace === 0}}" class='xuanzhong' src='/images/visa/xunazhong.png'></image>
                <view wx:else class='raduis'></view>
              </view>
            </view>
            <view class='airline-list-item' wx:for="{{cangweiList}}" wx:for-index="index" wx:for-item="item" wx:key="index" catchtap='changeCangwei' data-id="{{item.id}}">
              <text class='f28 {{msg.freightSpace === item.id ? "cee" : ""}}'>{{item.title}}</text>
              <view>
                <image wx:if="{{msg.freightSpace === item.id}}" class='xuanzhong' src='/images/visa/xunazhong.png'></image>
                <view wx:else class='raduis'></view>
              </view>
            </view>
          </view>
        </scroll-view> 
      </view>
      <view class='screen-btn '>
        <text class='f28' catchtap='screengetList'>查看结果</text>
      </view>
    </view>
  </view>
</view> 
