<view class='commonF TicketOrder'>
  <scroll-view style='height: calc(100vh - 100rpx);' scroll-y>
    <view class='top-box'>
      <view class='tit flex-ter' bindtap='closeDetail'>
        <view class='flex-ter'>
          <text class='f22 cee type mg-r10'>去</text>
          <text class='f28 c11 mg-r30'>{{details.goFlightTime}} {{details.goStartHouseTime}}</text>
          <text class='f22 cee type mg-r10'>返</text>
          <text class='f28 c11'>{{details.backFlightTime}} {{details.backEndHouseTime}}</text>
        </view>
        <image src='../../../images/ticket/right_arr.png'></image>
      </view>
      <view class='info flex-ter f26 c66'>
        <view>
          <!-- <view>退票1000元起，不得改期 | 有免费托运行李额</view> -->
          <view>含税价：成人¥{{price}} 儿童¥{{price}} 老人¥{{price}}</view>
        </view>
        <view class='residue'>
          余票：{{details.residue}}
        </view>
        <!-- <image src='../../../images/ticket/right_arr.png'></image> -->
      </view>
    </view>
    <view class='xuanzeren addpeople-btn'>
      <view class='renshu'>
        <text class='f30 c11'>选择乘机人</text>
        <text class='f22 c99'>成人{{cr}}人，儿童{{et}}人，婴儿{{ye}}人，老人{{lr}}人</text>
      </view>
      <view class='pp-box'> 
        <view class='pp-item c99 f28' wx:for="{{personNum.GuestList}}" wx:key="index" wx:for-index="index" wx:for-item="item">
          <view>
            <text>{{item.SurName + item.Name}}</text>
            <text class='f26'>{{item.PassportNo}}</text>
          </view>
          <view>
            <image bindtap='editPP' data-index='{{index}}' src='../../../images/memberInfo/qianbi.png'></image>
            <image bindtap='deletePP' class='' data-index='{{index}}' src='../../../images/product/ico_clear.png'></image>
          </view>
        </view> 
        <view class='btn'>
            <view bindtap='addPP'>
              <image src='../../../images/visa/addren.png'></image>
              <text>添加乘机人</text>
            </view>
          </view>
      </view>
    </view>
    <view class='peisong'>
      <view class='tit'>
        <text class='f30'>联系人信息</text> 
      </view> 
      <view class='bb1e9 info-item'>
        <text class='f30 name c11'>联系人</text> 
        <input class='f24 ' placeholder='请输入联系人名称' data-type="ContactName" bindinput='lianxirenChange'></input>
      </view>
      <view class='bb1e9 info-item'>
        <text class='f30 name c11'>手机号码</text>
        <text  class='f24 c11 mg10'>+86</text>
        <input class='f24 ' type='number' data-type="ContactMobile" bindinput='lianxirenChange' placeholder='请输入联系人电话'></input>
      </view>
      <view class='bb1e9 info-item'>
        <text class='f30 name c11'>电子邮件</text> 
        <input class='f24 ' type='text' data-type="ContactEmail" bindinput='lianxirenChange' placeholder='用于接收确认单，非必填'></input>
      </view>
    </view>
  </scroll-view>
  <view class="PayView">
    <view style="width:310rpx;">
      <text class="f20">￥</text>
      <text class="f46 cee">{{allPrice}}</text>
      <text class="f20 c88">/元</text>
      <text class='f22 c55 margin-left15' bindtap='priceBoxShow'>明细 ∧</text>
    </view>
    <view style="width:100rpx;border-left:1px solid #E9E9E9;padding-top:29rpx;">
      <image style="width:45rpx;height:45rpx" src="/images/group/pay.png"></image>
    </view>
    <view bindtap='StartYd' class="startPay">去付款</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'>{{details.goFlightTime}} {{details.goStartCityName}}-{{details.goEndCityName}}  共{{details.goTotalTime}}</text>
      </view>
      <view wx:for="{{details.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='{{details.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!==details.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'>{{details.backFlightTime}} {{details.backStartCityName}}-{{details.backEndCityName}}  共{{details.backTotalTime}}</text>
      </view>
      <view wx:for="{{details.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='{{details.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!==details.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="{{priceShow}}" class='detail-box detail-box2' bindtap='priceBoxShow'>
    <view>
      <image class='close-img' src='../../../images/ticket/close-img.png' catchtap="priceBoxShow"></image>
      <view class='screen-box-top tct c11 f30'>
        费用明细
      </view>
      <view class='price-detai-box'>
        <view class='c11 f26'>
          <text>总金额：</text>
          <text class='f24'>￥{{allPrice}}</text>
        </view>
        <view class='f22 c33' wx:if="{{cr>0}}">
          <text>成人：</text>
          <text class='f24'>￥{{price}}*{{cr}}</text>
        </view>
        <view class='f22 c33' wx:if="{{et>0}}">
          <text>小孩：</text>
          <text class='f24'>￥{{price}}*{{et}}</text>
        </view>
        <view class='f22 c33' wx:if="{{lr>0}}">
          <text>老人：</text>
          <text class='f24'>￥{{price}}*{{lr}}</text>
        </view>
      </view>
    </view>
  </view>
</view>