<view class='FillOrder commonF'>
  <scroll-view style='height: calc(100vh - 100rpx);' scroll-y>
    <view class='top'>
      <view class="OrderDes">
        <view class="title f36">
          {{dataList.name}}
        </view>
        <view class="body">
          <view class='edit-date'>
            <view class="c66 f26">预计出行日期 {{selectDate}}</view>
            <view class='f26 cee' bindtap='editDate'>更改日期></view>
          </view>
          <view class="c66 f26">
            <text>旅游签证【{{dataList.sendCityName}}送签】·拒签全退+可停留{{dataList.stayDays}} </text>
          </view>
        </view>
      </view>
    </view>
    <view class='people-box'>
      <view class='addpeople-btn'>
        <view class='c11 f30'>
          申请人 
        </view>
        <view class='c88 f20 mgtb10'>为了您能顺利出行，请务必确认所填姓名、性别与所持证件一致</view>
        <view class='lvke-item bb1e9' wx:for="{{ppList}}" wx:for-item="item" wx:for-index="index" wx:key="key">
          <text class='remove cee f28' data-index="{{index}}" bindtap='deletePP'>删除</text>
          <view class='f28 lvke-item-tit'>旅客{{index+1}}</view>
          <view class='flex1'>
            <view class='lvke-item-info'>
              <text class='f26 mglr20 c33'>成人儿童</text>
              <picker bindchange="bindPickerChange" data-index="{{index}}" data-type="ppTypeIndex" value="{{ppTypeIndex}}" range="{{ppType}}">
                <view class="picker f26">
                  {{ppType[ppList[index].ppTypeIndex]}}
                </view>
              </picker>
            </view>
            <view class='lvke-item-info'>
              <text class='f26 mglr20 c33'>中文姓名</text>
              <input class='f26' placeholder='姓' value='{{item.SurName}}' data-index="{{index}}" data-type="SurName"  bindinput='bindPickerChange'></input>
              <input class='f26' placeholder='名' value='{{item.Name}}' data-index="{{index}}" data-type="Name"  bindinput='bindPickerChange'></input>
            </view>
            <view class='lvke-item-info'>
              <text class='f26 mglr20 c33'>英文姓名</text>
              <input class='f26' placeholder='姓(拼音或英文)' value='{{item.ESurName}}' data-index="{{index}}" data-type="ESurName"  bindinput='bindPickerChange'></input>
              <input class='f26' placeholder='名(拼音或英文)' value='{{item.EName}}' data-index="{{index}}" data-type="EName"  bindinput='bindPickerChange'></input>
            </view>
            <view class='lvke-item-info'>
              <text class='f26 mglr20'>证件号码</text>
              <input class='f26' placeholder='证件号码' value='{{item.IdCard}}' data-index="{{index}}" data-type="IdCard"  bindinput='bindPickerChange'></input>
            </view>
            <view class='lvke-item-info'>
              <text class='f26 mglr20 c33'>客户类型</text>
              <picker bindchange="bindPickerChange" data-index="{{index}}" data-picker="Duty" data-type="DutyIndex" value="{{DutyIndex}}" range="{{DutyList}}">
                <view class="picker f26">
                  {{DutyList[ppList[index].DutyIndex]}}
                </view>
              </picker>
            </view>
            <view class='lvke-item-info'>
              <text class='f26 mglr20 c33'>手机号码</text>
              <input class='f26' placeholder='手机号码' value='{{item.MobilePhone}}' data-index="{{index}}" data-type="MobilePhone"  bindinput='bindPickerChange'></input>
            </view>
          </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>
        <text class='f24 cee'>顺丰快递</text>
      </view> 
      <view class='bb1e9 info-item bb1e9'>
        <text class='f30 name c11'>收件人</text>
        <input class='f24 ' placeholder='请输入联系人名称' value='{{saveMsg.VisaOrderRelation.Receiver}}' data-type="Receiver" bindinput='lianxirenChange'></input>
      </view>
      <view class='bb1e9 info-item bb1e9'>
        <text class='f30 name c11'>联系电话</text>
        <text  class='f24 c11 mg10'>+86</text>
        <input class='f24 ' placeholder='请输入联系人电话' value='{{saveMsg.VisaOrderRelation.ReceiverPhone}}'  data-type="ReceiverPhone" type='number' bindinput='lianxirenChange'></input>
      </view>
      <view class='info-item'>
        <text class='f30 name c11'>邮寄地址</text>
        <text class='f24 addr-detail {{saveMsg.VisaOrderRelation.ReceiverAddress ? "c11" : "cee"}}' bindtap='closeAddrw'>{{saveMsg.VisaOrderRelation.ReceiverAddress ? saveMsg.VisaOrderRelation.ReceiverAddress : '请选择配送地址'}}</text>
        <image class='right-arr' src='../../../images/group/chakn.png'></image>
      </view>
    </view>
    <view class='fapiao'>
      <view class='fapiao-info-item'>
        <text class='f30 name c11'>发票信息</text>
        <text class='f24 c66'>{{needFapiao ? '电子发票' : '不需要发票'}}</text>
        <view class='fapiao-arr' bindtap='closeFapiaow'>
          <text class='f24 cee '>选择修改</text> 
          <image class src='../../../images/group/chakn.png'></image>
        </view>
      </view>
    </view>
    <view class='peisong'>
      <view class='tit'>
        <text class='f30'>联系人信息</text> 
      </view> 
      <view class='bb1e9 info-item bb1e9'>
        <text class='f30 name c11'>联系人</text> 
        <input class='f24 ' placeholder='请输入联系人名称' data-type="RelationName" bindinput='lianxirenChange'></input>
      </view>
      <view class='bb1e9 info-item bb1e9'>
        <text class='f30 name c11'>手机号码</text>
        <text  class='f24 c11 mg10'>+86</text>
        <input class='f24 ' type='number' data-type="RelationPhone" bindinput='lianxirenChange' placeholder='请输入联系人电话'></input>
      </view>
    </view>
  </scroll-view>
  <view class="PayView">
    <view style="width:310rpx;">
      <text class="f20">￥</text>
      <text class="f46 cee">{{isLogin!=1 ? ppList.length * dataList.visaB2CPrice : ppList.length * dataList.visaB2CPrice}}</text>
      <text class="f20 ">/人起</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 class='fapiao-box' bindtap='closeFapiaow' wx:if="{{fapiaoShow}}">
    <view catchtap class='fapiao-box-info'>
      <view class='info-box-tit'>
        <view class='c99 f26' catchtap='closeFapiaow'>取消</view>
        <view class='c11 f30'>选择发票</view>
        <view class='cee f26' catchtap='queRenFp'>确定</view>
      </view>
      <view class='fapiao-box-type'>
        <view class='{{!needFapiao ? "active" : ""}} f24' data-index="0" catchtap='changeNeedFp'>不要发票</view>
        <view class='{{needFapiao ? "active" : ""}} f24' data-index="1" catchtap='changeNeedFp'>电子发票</view>
      </view>
      <view class='info-content' wx:if="{{needFapiao}}">
        <view class='info-content-item bb1e9'>
          <view class='f28 c11 info-content-item-lable'>发票类型</view>
          <view class='fapiao-type'>
            <view catchtap='changeFapiaoType' data-index="1">
              <cover-image wx:if="{{saveMsg.VisaOrderRelation.InvoiceType === 1}}" class='xuanzhong' src='/images/visa/xunazhong.png'></cover-image>
              <view wx:else class='raduis'></view>
              <view class='f26 c11 text'>个人</view>
            </view>
            <view catchtap='changeFapiaoType' data-index="2">
              <cover-image wx:if="{{saveMsg.VisaOrderRelation.InvoiceType === 2}}" class='xuanzhong' src='/images/visa/xunazhong.png'></cover-image>
              <view wx:else class='raduis'></view>
              <view class='f26 c11 text'>企业</view>
            </view>
            <view catchtap='changeFapiaoType' data-index="3">
              <cover-image wx:if="{{saveMsg.VisaOrderRelation.InvoiceType === 3}}" class='xuanzhong' src='/images/visa/xunazhong.png'></cover-image>
              <view wx:else class='raduis'></view>
              <view class='f26 c11 text'>非企业性单位</view>
            </view> 
          </view>
        </view>

        <view class='info-content-item bb1e9'>
          <view class='f28 c11 info-content-item-lable'>发票抬头</view>
          <input class='f26 c99' placeholder='请输入发票抬头' value='{{saveMsg.VisaOrderRelation.InvoiceName}}' data-type="InvoiceName" bindinput='changeFpInfo'></input>
        </view>

        <view class='info-content-item bb1e9' wx:if="{{saveMsg.VisaOrderRelation.InvoiceType !== 1}}">
          <view class='f28 c11 info-content-item-lable'>税号</view>
          <input class='f26 c99' placeholder='请输入纳税人识别号' value='{{saveMsg.VisaOrderRelation.DutyParagraph}}' data-type="DutyParagraph" bindinput='changeFpInfo'></input>
        </view>

        <view class='info-content-item bb1e9'>
          <view class='f28 c11 info-content-item-lable'>接收邮箱</view>
          <input class='f26 c99' type='email' placeholder='请输入接收发票的邮箱' value='{{saveMsg.VisaOrderRelation.RelationEmail}}' data-type="RelationEmail" bindinput='changeFpInfo'></input>
        </view>

        <view class='info-content-item'>
          <cover-image class='info-tips-img' src='/images/visa/tishi.png'></cover-image>
          <view class='f22 c66'>电子发票，是真实有效合法的发票，与纸质发票具有同等法律效力</view>
        </view>
      </view>
    </view>
  </view>
  <view class='addr-box' bindtap='closeAddrw' wx:if="{{addrShow}}">
    <view catchtap class='addr-box-info'>
      <view class='info-box-tit'>
        <view class='c99 f26' catchtap='closeAddrw'>取消</view>
        <view class='c11 f30'>选择地址</view>
        <view class='cee f26' catchtap='queRenAdd'>确定</view>
      </view>
      <view class='dizhi' catchtap='addChange'>
        <view>
          <view>
            <text class='name'>{{orderAdd.uname}}</text>
            <text class='phone'>{{orderAdd.uphone}}</text>
          </view>
          <view class='addr-info'>
            <text class='addr-info-detais'>{{orderAdd.address}}</text>
          </view>
        </view>
        <view>
          <image wx:if="{{addActive}}" class='xuanzhong' src='/images/visa/xunazhong.png'></image>
          <view wx:else class='raduis'></view>
        </view>
      </view>
    </view>
  </view>
</view>