challengeFamily/pages/order/trip/trip.wxml

<view class='content'>
  <view class='content-box content-pad'>
    <view class="font">亲爱的家长：</view>
    <text space="emsp" class="font"> 根据实名制要求，购买机票/保险等服务需要提交儿童正确证件信息，请确保以下录入信息真实有效。（上传资料将被保密存储）</text>
  </view>
</view>
<form bindsubmit="formSubmit">
  <view class='content'>
    <view class='content-box content-pad'>
      <view class='add-title'>
        <text class="icon icon-children middle"></text><text class="middle-title">孩子基本信息（必填）</text>
        <text class="prompt" bindtap="prompt">说明？</text>
      </view>
      <view class='list-block add-box'>
        <view class='item-content'>
          <view class='item-title label'>姓名</view>
          <view class='item-input'>
            <input type="text" name="name" value="{{datas.name}}" placeholder='请输入儿童姓名' disabled style="background-color:#eee;"></input>
          </view>
        </view>
        <view class='item-content' wx:if="{{datas.travelMode == 2}}">
          <view class='item-title label'>护照姓名</view>
          <view class='item-input'>
            <input type="text" name="passportName" value="{{datas.passportName}}" placeholder='护照上的姓名拼音，必须与护照一致' placeholder-class="placeholder"></input>
          </view>
        </view>
        <view class='item-content'>
          <view class='item-title label'>证件类型</view>
          <view class='item-input'>
            <input type="text" disabled value="{{cardTypeStr}}" style="background-color:#eee;"></input>
          </view>
        </view>
        <view class='item-content'>
          <view class='item-title label'>{{cardTypeStr}}</view>
          <view class='item-input'>
            <input type="text" name="idcard" value="{{datas.idcard}}" placeholder='请输入证件号码' type="{{cardTypeStr == '内地身份证号'?'idcard':'text'}}" disabled style="background-color:#eee;" maxlength="{{cardTypeStr == '内地身份证号'?'18':'50'}}"></input>
          </view>
        </view>
        <view class='item-content'>
          <view class='item-title label'>性别</view>
          <radio-group name="sex" class='item-input label-radio'>
            <radio disabled="{{cardTypeStr =='内地身份证号'}}" value="1" color="#EE3A43" checked="{{datas.sex == 1 ? true:false}}" disabled />男
            <radio disabled="{{cardTypeStr =='内地身份证号'}}" value="0" color="#EE3A43" checked="{{datas.sex == 0 ? true:false}}" disabled />女
          </radio-group>
        </view>
        <view class='item-content'>
          <view class='item-title label'>现在身高(CM)</view>
          <view class='item-input'>
            <input type="text" name="height" value="{{datas.height}}" placeholder='请输入儿童身高，如128' placeholder-class="placeholder" type="digit"></input>
          </view>
        </view>
        <view class='item-content'>
          <view class='item-title label'>现在体重(KG)</view>
          <view class='item-input'>
            <input type="text" name="weight" value="{{datas.weight}}" placeholder='请输入儿童体重，如32' placeholder-class="placeholder" type="digit"></input>
          </view>
        </view>
        <view class='item-content'>
          <view class='item-title label'>体型</view>
          <radio-group name="bodyType" class='item-input label-radio'>
            <radio value="0" color="#EE3A43" checked="{{datas.bodyType == 0 ? true:false}}">偏瘦</radio>
            <radio value="1" color="#EE3A43" checked="{{datas.bodyType == 1 ? true:false}}">正常</radio>
            <radio value="2" color="#EE3A43" checked="{{datas.bodyType == 2 ? true:false}}">偏胖</radio>
          </radio-group>
        </view>
        <!-- 其他 -->
        <view class="item-textarea">
          <view class='item-title text'>是否有药物或食品过敏：</view>
          <textarea bindblur="bindTextAreaBlur" value="{{datas.allergy}}" auto-height placeholder="请填写药物或食品过敏情况，没有则填写无，最多100个字" placeholder-class="placeholder" maxlength="100" name="allergy" />
        </view>
        <view class="item-textarea">
          <view class='item-title text'>是否有饮食禁忌：</view>
          <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请填写饮食禁忌情况，没有则填写无，最多100个字" placeholder-class="placeholder" maxlength="100" name="diet" value="{{datas.diet}}" />
        </view>
        <view class="item-textarea">
          <view class='item-title text'>是否有特殊血型/有无病史：</view>
          <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请填写有无特殊血型/病史，没有则填写无，最多100个字" maxlength="100" placeholder-class="placeholder" name="bloodOrMedical" value="{{datas.bloodOrMedical}}" />
        </view>
        <view class="item-textarea">
          <view class='item-title text'>在活动期间期待孩子哪方面性格的培养：</view>
          <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请填写孩子性格，并希望培养的方面，没有则填写无，最多100个字" maxlength="100" placeholder-class="placeholder" name="character" value="{{datas.character}}" />
        </view>
        <view class="item-textarea">
          <view class='item-title text'>特别备注：</view>
          <textarea bindblur="bindTextAreaBlur" auto-height placeholder="如有分房分组特殊要求，请标注双方姓名；若无备注，则最大程度上锻炼孩子，根据活动组织方规则随机分组，没有填无，最多100个字" maxlength="100" placeholder-class="placeholder" name="especiallyRemark" value="{{datas.especiallyRemark}}" />
        </view>
      </view>
    </view>
  </view>

  <!-- 身份证或户口本travelMode = 1 -->
  <view class='content' wx:if="{{datas.travelMode == 1}}">
    <view class='content-box content-pad'>
      <view class='add-title'>
        <text class="icon icon-id middle"></text><text class="middle-title">乘机资料（必填）</text>
      </view>
      <view class="content-title">子女关系证明（提供资料一或资料二）</view>
      <view class="state">
        <view class="state-title">
          <text>资料一：儿童身份证正反面照片</text>
          <text bindtap="maskShow" data-id="1">证件要求？</text>
        </view>
        <view class="addImg">
          <view class="addImg-col">
            <image src="{{imgData.idCardFront?imgData.idCardFront:imgUrl+'/img/sfz_z.gif'}}" mode="aspectFit"></image>
            <view class="tag">身份证正面</view>
            <view class="addBox" bindtap="chooseImg" data-id="7">
              <view class="addIcon comIcon" hidden="{{imgData.idCardFront}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="7" hidden="{{!imgData.idCardFront}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.idCardBack?imgData.idCardBack:imgUrl+'/img/sfz_f.gif'}}" mode="aspectFit"></image>
            <view class="tag">身份证反面</view>
            <view class="addBox" bindtap="chooseImg" data-id="8">
              <view class="addIcon comIcon" hidden="{{imgData.idCardBack}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="8" hidden="{{!imgData.idCardBack}}"></view>
          </view>
        </view>
        <view class="state-title state-two">
          <text>资料二：户口本照片</text>
          <text bindtap="maskShow" data-id="2">证件要求？</text>
        </view>
        <view class="addImg">
          <view class="addImg-col">
            <image src="{{imgData.childPage?imgData.childPage:imgUrl+'/img/hukou_zi.gif'}}" mode="aspectFit"></image>
            <view class="tag">儿童页</view>
            <view class="addBox" bindtap="chooseImg" data-id="3">
              <view class="addIcon comIcon" hidden="{{imgData.childPage}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="3" hidden="{{!imgData.childPage}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.sealPage?imgData.sealPage:imgUrl+'/img/hukou_zhu.gif'}}" mode="aspectFit"></image>
            <view class="tag">专用章页</view>
            <view class="addBox" bindtap="chooseImg" data-id="9">
              <view class="addIcon comIcon" hidden="{{imgData.sealPage}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="9" hidden="{{!imgData.sealPage}}"></view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 护照 2 -->
  <view class='content' wx:if="{{datas.travelMode == 2}}">
    <view class='content-box content-pad'>
      <view class='add-title'>
        <text class="icon icon-id middle"></text><text class="middle-title">乘机资料（必填）</text>
        <!-- <text class="prompt" bindtap="prompt">说明？</text> -->
      </view>
      <view class="state-title">
        <text class="content-title">护照信息：</text>
        <text bindtap="maskShow" data-id="3">证件要求？</text>
      </view>
      <view class="passport">
        <image src="{{imgData.passport?imgData.passport:imgUrl+'/img/huzhao.gif'}}" mode="aspectFit" />
        <view class="tag">儿童护照</view>
        <view class="addBox" bindtap="chooseImg" data-id="0">
          <view class="addIcon passIcon" hidden="{{imgData.passport}}">
            <text></text>
          </view>
        </view>
        <view class="icon icon-close" bindtap="delImg" data-id="0" style="top:4rpx;" hidden="{{!imgData.passport}}"></view>
      </view>
      <view class="content-title">子女关系证明（提供资料一或资料二）</view>
      <view class="state">
        <view class="state-title state-two">
          <text>资料一：户口本</text>
          <text bindtap="maskShow" data-id="2">证件要求？</text>
        </view>
        <view class="addImg">
          <view class="addImg-col">
            <image src="{{imgData.householder?imgData.householder:imgUrl+'/img/hukou_zhu.gif'}}" mode="aspectFit"></image>
            <view class="tag">户主页</view>
            <view class="addBox" bindtap="chooseImg" data-id="1">
              <view class="addIcon comIcon" hidden="{{imgData.householder}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="1" hidden="{{!imgData.householder}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.parentsPage?imgData.parentsPage:imgUrl+'/img/hukou_zi.gif'}}" mode="aspectFit"></image>
            <view class="tag">父亲或母亲页</view>
            <view class="addBox" bindtap="chooseImg" data-id="2">
              <view class="addIcon comIcon" hidden="{{imgData.parentsPage}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="2" hidden="{{!imgData.parentsPage}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.childPage?imgData.childPage:imgUrl+'/img/hukou_zi.gif'}}" mode="aspectFit"></image>
            <view class="tag">儿童页</view>
            <view class="addBox" bindtap="chooseImg" data-id="3">
              <view class="addIcon comIcon" hidden="{{imgData.childPage}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="3" hidden="{{!imgData.childPage}}"></view>
          </view>
        </view>
        <view class="state-title state-two">
          <text>资料二：身份证明</text>
          <text bindtap="maskShow" data-id="1">证件要求？</text>
        </view>
        <view class="addImg">
          <view class="addImg-col">
            <image src="{{imgData.parentsIdCardFront?imgData.parentsIdCardFront:imgUrl+'/img/sfz_z.gif'}}" mode="aspectFit"></image>
            <view class="tag">监护人身份证正面</view>
            <view class="addBox" bindtap="chooseImg" data-id="4">
              <view class="addIcon comIcon" hidden="{{imgData.parentsIdCardFront}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="4" hidden="{{!imgData.parentsIdCardFront}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.parentsIdCardBack?imgData.parentsIdCardBack:imgUrl+'/img/sfz_f.gif'}}" mode="aspectFit"></image>
            <view class="tag">监护人身份证反面</view>
            <view class="addBox" bindtap="chooseImg" data-id="5">
              <view class="addIcon comIcon" hidden="{{imgData.parentsIdCardBack}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="5" hidden="{{!imgData.parentsIdCardBack}}"></view>
          </view>
          <view class="addImg-col">
            <image src="{{imgData.birthCertificate?imgData.birthCertificate:imgUrl+'/img/cszm.gif'}}" mode="aspectFit"></image>
            <view class="tag">出生证明</view>
            <view class="addBox" bindtap="chooseImg" data-id="6">
              <view class="addIcon comIcon" hidden="{{imgData.birthCertificate}}"><text></text></view>
            </view>
            <view class="icon icon-close" bindtap="delImg" data-id="6" hidden="{{!imgData.birthCertificate}}"></view>
          </view>
        </view>

      </view>
    </view>
  </view>
  <button class="bottom" formType="submit" id="submit">提交</button>
</form>
<view class="mask" wx:if="{{mask}}">
  <view class="maskBox">
    <view class="maskContent">
      <view class="maskTitle">1.为什么要儿童证件及身高体重信息？</view>
      <view class="maskTit">答：一为儿童购买旅游保险；二为儿童选择合适尺码衣服。</view>
      <view class="maskTitle">2.为什么要家长的证件信息？</view>
      <view class="maskTit">答：因要签订电子旅游合同，儿童是未成年人，必须由监护人签订，需要签订人（即监护人）的有效证件号码。</view>
    </view>
    <view class="maskBtn" bindtap="maskBtn">确定</view>
  </view>
</view>
<view class="mask maskTwo" wx:if="{{maskTwo}}">
  <view class="maskBox">
    <view class="maskContent">
      <view class="maskTit" wx:if="{{status == 1}}">1.身份证必须包含姓名、身份证号码、有效期、头像；清晰有效，且能看清楚底纹;</view>
      <view class="maskTit" wx:if="{{status == 2}}">1.户口页：必须包含姓名、身份证号码、公章；清晰有效;</view>
      <view class="maskTit" wx:if="{{status == 3}}">1.国内护照，必须包含姓名、有效期、头像；清晰有效;</view>
      <view class="maskTit">2.证件拍摄完整，不出现缺角;</view>
      <view class="maskTit">3.证件必须真实拍摄，不能使用复印件;</view>
      <view class="maskTit">4.图片中无反光，无遮挡，无水印、logo等情况;</view>
    </view>
    <view class="maskBtn" bindtap="maskBtn">确定</view>
  </view>
</view>