Files
evus.acvisa.com/app/home/view/update/adminindex.html

2019 lines
134 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{include file="public/head" /}
<link rel="stylesheet" href="/static/visa/nvisa.css">
<link rel="stylesheet" href="/static/home/css/detail.css?v=1">
<link rel="stylesheet" href="/static/visa/calendar/calendar.min.css?v=3"/>
<script src="/static/visa/calendar/calendar.min.js"></script>
<script src="/static/home/js/ocr-image-compress.js?v=2"></script>
<style>
.layui-form {
display: block;
}
.data-question_i_1 .layui-add,
.data-question_i_1 .layui-reduce {
cursor: pointer;
}
</style>
<body class="detail-page">
<div class="wrap">
<div class="layui-container">
<div class="container">
<form class="layui-form" id="Form1" lay-filter="Form1" autocomplete="off" style="display: block;">
<div class="m-form-application-title">
<h2>{:lang('evus.title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_number_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="passport_number" value="" placeholder="{:lang('evus.passport_placeholder')}"
lay-verify="required|ppt" class="layui-input"
lay-verType="tips" lay-reqtext="{:lang('evus.passport_required')}" minlength="9" maxlength="9">
<div class="infor-file-tit"
style="position: absolute;right: 4%; top: 8px; z-index: 2000;"><input
class="infor-file" type="file" accept="image/*" name=""
onchange="upload(this,'passport')" title="{:lang('evus.passport_upload_title')}"></div>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips="{:lang('evus.passport_tooltip')}"></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.passport_hint')}</i>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="country_issued_passport" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.select_country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
<option value="CN" selected>{:lang('evus.china')}</option>
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.country_tooltip')}'></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.country_hint')}</i>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.last_name_label')} <span
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="last_name" value="" placeholder="{:lang('evus.last_name_placeholder')}"
lay-verify="required|englishOnly" class="layui-input" lay-verType="tips"
lay-reqtext="{:lang('evus.last_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.last_name_tooltip')}'></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.last_name_hint')}</i>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.first_name_label')} <span
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="first_name" value="" placeholder="{:lang('evus.first_name_placeholder')}"
lay-verify="required|englishOnly" class="layui-input" lay-verType="tips"
lay-reqtext="{:lang('evus.first_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.first_name_tooltip')}'></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.first_name_hint')}</i>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.birth_date_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-qian" name="birth_date" lay-verify="required"
type="text" readonly placeholder="{:lang('evus.birth_date_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.birth_date_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.birth_date_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.birth_city_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="city_birth" lay-verify="required"
type="text" placeholder="{:lang('evus.birth_city_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.birth_city_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.birth_city_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.birth_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="country_birth" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}" {$vo.value=='CN' ? 'selected' : ''}>{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.birth_country_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.gender_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="gender" value="male" title="{:lang('evus.male')}" lay-verify="otherReq"/>
<input type="radio" name="gender" value="female" title="{:lang('evus.female')}"
lay-verify="otherReq"/>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_issue_date_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-qian" name="passport_expedition_date"
lay-verify="required" type="text" readonly placeholder="{:lang('evus.passport_issue_placeholder')}"
lay-verType="tips" lay-reqtext="{:lang('evus.passport_issue_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.passport_issue_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_expiry_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-hou" name="passport_expiration_date"
lay-verify="required" type="text" readonly placeholder="{:lang('evus.passport_expiry_placeholder')}"
lay-verType="tips" lay-reqtext="{:lang('evus.passport_expiry_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.passport_expiry_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.ten_year_visa_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="q_years" value="1" title="{:lang('evus.yes')}" lay-verify="otherReq" checked lay-filter="limit_sub_no"/>
<input type="radio" name="q_years" value="0" title="{:lang('evus.no')}" lay-verify="otherReq" alt="q_years_0" lay-filter="limit_sub_no"/>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.ten_year_visa_hint')}</i>
<div class="col-sm-12 validation-warning alert alert-danger data-name-q_years data-q_years_0">
{:lang('evus.ten_year_visa_warning')}
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.visa_number_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="visa_foil_number" value="" placeholder="{:lang('evus.visa_number_placeholder')}"
lay-verify="required|visa" class="layui-input" lay-verType="tips"
lay-reqtext="{:lang('evus.visa_number_required')}" maxlength="8" minlength="8">
<div class="infor-file-tit"
style="position: absolute; right: 4%; top: 8px; z-index: 2000;"><input
class="infor-file" type="file" accept="image/*" name=""
onchange="upload(this,'passport')" title="{:lang('evus.upload_visa_title')}"></div>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.visa_number_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
<div class="m-txt--descriptionform">
<img src="/static/images/qianzheng2.png" width="90%">
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.visa_in_passport_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="passport_contains_us_visa" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="passport_contains_us_visa_1"/>
<input type="radio" name="passport_contains_us_visa" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="passport_contains_us_visa_0"/>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.visa_in_passport_hint')}</i>
</div>
</div>
</div>
<div class="layui-row data-name-passport_contains_us_visa data-passport_contains_us_visa_0">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.old_passport_number_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="us_visa_passport_number" value=""
placeholder="{:lang('evus.enter_or_upload')}"
class="layui-input layui-required" lay-verType="tips"
lay-reqtext="{:lang('evus.passport_number_required')}" lay-verify="|ppt" maxlength="9">
<div class="infor-file-tit"
style="position: absolute; right: 4%; top: 8px; z-index: 2000;"><input
class="infor-file" type="file" accept="image/*" name=""
onchange="upload(this,'oldpassport')" title="{:lang('evus.upload_passport_photo')}">
</div>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.old_passport_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="us_visa_passport_country" class="layui-required"
lay-verType="tips"
lay-reqtext="{:lang('evus.country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
<option value="CN" selected>{:lang('evus.china')}</option>
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.passport_country_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_issue_date_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-qian layui-required"
name="us_visa_passport_issue_date" type="text" readonly
placeholder="{:lang('evus.passport_issue_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.passport_issue_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.passport_issue_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.passport_expiry_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-time layui-required"
name="us_visa_passport_expiration_date" type="text" readonly
placeholder="{:lang('evus.passport_expiry_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.passport_expiry_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.passport_expiry_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.last_name_label')} <span
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="us_visa_surname" value="" placeholder="{:lang('evus.last_name_placeholder')}"
class="layui-input layui-required" lay-verType="tips"
lay-reqtext="{:lang('evus.last_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.last_name_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.first_name_label')} <span
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="us_visa_first_name" value="" placeholder="{:lang('evus.first_name_placeholder')}"
class="layui-input layui-required" lay-verType="tips"
lay-reqtext="{:lang('evus.first_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.first_name_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.birth_date_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-qian layui-required" name="us_visa_birth_date"
type="text" readonly placeholder="{:lang('evus.birth_date_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.birth_date_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.birth_date_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form2" lay-filter="Form2" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.other_citizenship_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.other_nationality_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="other_country" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="other_country_1"/>
<input type="radio" name="other_country" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="other_country_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.other_nationality_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-other_country data-other_country_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.other_citizenship_current_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="other_country_citizenship" class="layui-required"
lay-verType="tips" lay-reqtext="{:lang('evus.select_country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}">{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.other_citizenship_current_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.how_acquired_citizenship_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="other_country_acquired" class="layui-required"
lay-verType="tips" lay-reqtext="{:lang('evus.select_option_required')}" lay-filter="other_country_acquired-filter">
<option value="">{:lang('evus.select_option_prompt')}</option>
<option value="B">{:lang('evus.by_birth')}</option>
<option value="P">{:lang('evus.by_parents')}</option>
<option value="N">{:lang('evus.naturalization')}</option>
<option value="O">{:lang('evus.other')}</option>
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.how_acquired_citizenship_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6" style="display: none" id="other_country_other">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.other_country_acquired_other_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="other_country_acquired_other"
type="text" placeholder="{:lang('evus.other_country_acquired_other_required')}" lay-verType="tips"
lay-reqtext="{:lang('evus.other_country_acquired_other_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips=''></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.past_nationality_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="other_country_past" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="other_country_past_1"/>
<input type="radio" name="other_country_past" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="other_country_past_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.past_nationality_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-other_country_past data-other_country_past_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.past_citizenship_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="other_country_past_citizenship" lay-verType="tips"
lay-reqtext="{:lang('evus.select_country_required')}" class="layui-required">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}">{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.past_citizenship_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.other_passport_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="passport_issued" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="passport_issued_1"/>
<input type="radio" name="passport_issued" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="passport_issued_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.other_passport_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-passport_issued data-passport_issued_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.issuing_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="passport_issued_country" lay-verType="tips"
lay-reqtext="{:lang('evus.select_country_required')}" class="layui-required">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}">{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.issuing_country_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.document_type_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="passport_issued_document_type" lay-verType="tips"
lay-reqtext="{:lang('evus.select_document_type_required')}" class="layui-required">
<option value="">{:lang('evus.select_document_type_prompt')}</option>
<option value="P">{:lang('evus.passport_number')}</option>
<option value="NID">{:lang('evus.permanent_residence_id')}</option>
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.document_type_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.document_number_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="passport_issued_document_number"
type="text" placeholder="{:lang('evus.document_number_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.document_number_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.document_number_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.expiry_year_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required layui-time-year" name="passport_issued_expiration"
type="text" placeholder="{:lang('evus.expiry_year_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.expiry_year_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.expiry_year_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.social_media_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="social" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="social_1"/>
<input type="radio" name="social" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="social_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.social_media_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-social data-social_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.facebook_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="facebook"
type="text" placeholder="{:lang('evus.facebook_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.facebook_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.facebook_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.linkedin_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="linkedin"
type="text" placeholder="{:lang('evus.linkedin_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.linkedin_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.linkedin_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.twitter_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input " name="twitter"
type="text" placeholder="{:lang('evus.twitter_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.twitter_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.twitter_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.instagram_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="instagram"
type="text" placeholder="{:lang('evus.instagram_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.instagram_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.instagram_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.platform_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="platform_0" class="" lay-verType="tips"
lay-reqtext="{:lang('evus.select_platform_required')}">
<option value="">{:lang('evus.select_platform_prompt')}</option>
<option label="ASKfm" value="1">ASKfm</option>
<option label="Facebook" value="2">Facebook</option>
<option label="Flickr" value="3">Flickr</option>
<option label="GitHub" value="4">GitHub</option>
<option label="Instagram" value="6">Instagram</option>
<option label="JustPaste.it" value="7">JustPaste.it</option>
<option label="LinkedIn" value="8">LinkedIn</option>
<option label="Tumblr" value="9">Tumblr</option>
<option label="Twitter" value="10">Twitter</option>
<option label="VKontakte (VK)" value="12">VKontakte (VK)</option>
<option label="YouTube" value="13">YouTube</option>
<option label="TikTok" value="14">TikTok</option>
<option label="Other" value="99">Other</option>
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.platform_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.identifier_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input " name="identifier_0"
type="text" placeholder="{:lang('evus.identifier_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.identifier_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.identifier_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.alias_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="have_alias" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="have_alias_1"/>
<input type="radio" name="have_alias" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="have_alias_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.alias_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-have_alias data-have_alias_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.alias_last_name_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="family_name_alias"
type="text" placeholder="{:lang('evus.alias_last_name_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.alias_last_name_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.alias_last_name_tooltip')}'></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.alias_last_name_hint')}</i>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.alias_first_name_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="given_name_alias"
type="text" placeholder="{:lang('evus.alias_first_name_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.alias_first_name_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.alias_first_name_tooltip')}'></i>
</div>
</div>
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.alias_first_name_hint')}</i>
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form3" lay-filter="Form3" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.address_contact_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-elem-field layui-field-title">
{:lang('evus.id_card_instructions')}
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.id_number_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="national_identification_number" value=""
placeholder="{:lang('evus.enter_or_upload')}"
lay-verify="required|identity" class="layui-input"
lay-verType="tips" lay-reqtext="{:lang('evus.id_number_required')}" maxlength="18">
<div class="infor-file-tit"
style="position: absolute;right: 4%; top: 8px; z-index: 2000;"><input
class="infor-file" type="file" accept="image/*" name=""
onchange="upload(this,'identification')" title="{:lang('evus.upload_photo_title')}">
</div>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.id_number_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.email_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="email" value="" placeholder="{:lang('evus.email_placeholder')}"
class="layui-input"
lay-verType="tips" lay-reqtext="{:lang('evus.email_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.email_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.current_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="home_address_line_country" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.select_country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}" {$vo.value=='CN' ? 'selected' : ''}>{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.current_country_tooltip')}'></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.current_province_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" lay-verify="required" name="home_address_line_spr"
type="text" placeholder="{:lang('evus.current_province_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.current_province_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.current_province_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.current_city_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" lay-verify="required" name="home_address_line_city"
type="text" placeholder="{:lang('evus.current_city_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.current_city_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.current_city_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.current_address_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" lay-verify="required" name="home_address_line_one"
type="text" placeholder="{:lang('evus.current_address_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.current_address_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.current_address_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.phone_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<!-- 前缀 select -->
<div class="layui-input-group-prepend" style="width: 30%">
<select name="phone_prefix" lay-search lay-verify="required">
{volist name="phone_prefix" id="vo"}
<option value="{$vo['value']}">{$vo['text']}</option>
{/volist}
</select>
</div>
<input type="text" name="phone" lay-verify="required|number" value=""
class="layui-input" placeholder="{:lang('evus.phone_placeholder')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.phone_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form4" lay-filter="Form4" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.parents_info_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.father_surname_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="father_surname" value="" placeholder="{:lang('evus.father_surname_placeholder')}"
class="layui-input" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.father_surname_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.father_surname_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.father_name_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="father_name" value="" placeholder="{:lang('evus.father_name_placeholder')}"
class="layui-input" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.father_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.father_name_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.mother_surname_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="mother_surname" value="" placeholder="{:lang('evus.mother_surname_placeholder')}"
class="layui-input" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.mother_surname_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.mother_surname_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.mother_name_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="text" name="mother_name" value="" placeholder="{:lang('evus.mother_name_placeholder')}"
class="layui-input" lay-verify="required" lay-verType="tips"
lay-reqtext="{:lang('evus.mother_name_required')}">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.mother_name_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form5" lay-filter="Form5" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.employment_info_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.has_employer_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="employer" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="employer_1"/>
<input type="radio" name="employer" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="employer_0"/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.has_employer_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-employer data-employer_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.employer_country_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="employer_country" class="layui-required" lay-verType="tips"
lay-reqtext="{:lang('evus.select_country_required')}">
<option value="">{:lang('evus.select_country_prompt')}</option>
{volist name="country_list" id="vo"}
<option value="{$vo.value}">{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.employer_country_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.employer_state_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="employer_state"
type="text" placeholder="{:lang('evus.employer_state_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.employer_state_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.employer_state_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.employer_city_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="employer_city"
type="text" placeholder="{:lang('evus.employer_city_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.employer_city_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.employer_city_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.employer_address_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="employer_address"
type="text" placeholder="{:lang('evus.employer_address_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.employer_address_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.employer_address_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.employer_name_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="employer_name"
type="text" placeholder="{:lang('evus.employer_name_placeholder')}" lay-verify="|lenlimit"
lay-verType="tips"
lay-reqtext="{:lang('evus.employer_name_required')}" maxlength="30"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.employer_name_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form6" lay-filter="Form6" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.travel_info_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.transit_purpose_label')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="transit_travel" value="1" title="{:lang('evus.yes')}"
lay-verify="otherReq" alt="transit_travel_1"/>
<input type="radio" name="transit_travel" value="0" title="{:lang('evus.no')}"
lay-verify="otherReq" alt="transit_travel_0" checked/>
<div class="layui-input-group-prepend"
style="width: 5%;display: inline-block; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.transit_purpose_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row data-name-transit_travel data-transit_travel_0">
<div class="layui-elem-field layui-field-title" style="border: none;font-size: 18px;font-weight: bold;">
{:lang('evus.us_address_section_title')}
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.us_contact_name_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="full_name_in_us"
type="text" placeholder="{:lang('evus.us_contact_name_placeholder')}"
lay-verType="tips"
lay-reqtext="{:lang('evus.us_contact_name_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.us_contact_name_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.us_state_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="state_in_us" lay-verType="tips"
lay-reqtext="{:lang('evus.select_state_required')}">
<option value="">{:lang('evus.select_state_prompt')}</option>
{volist name="us" id="vo"}
<option value="{$vo.value}">{$vo.text}</option>
{/volist}
</select>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.us_state_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.us_city_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="city_in_us"
type="text" placeholder="{:lang('evus.us_city_placeholder')}"
lay-verType="tips"
lay-reqtext="{:lang('evus.us_city_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.us_city_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.us_address_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="address_in_us"
type="text" placeholder="{:lang('evus.us_address_placeholder')}"
lay-verType="tips"
lay-reqtext="{:lang('evus.us_address_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.us_address_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.us_phone_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<div class="layui-input-group-prepend" style="width: 30%">
<select name="phone_in_us_prefix" lay-search>
<option value="">{:lang('evus.select_phone_prefix_prompt')}</option>
{volist name="phone_prefix" id="vo"}
<option value="{$vo['value']}">{$vo['text']}</option>
{/volist}
</select>
</div>
<input type="text" name="phone_in_us" value=""
class="layui-input" placeholder="{:lang('evus.us_phone_placeholder')}" lay-verify="number">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.us_phone_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form7" lay-filter="Form7" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.emergency_contact_title')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.emergency_last_name_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="emergency_family_name"
type="text" placeholder="{:lang('evus.emergency_last_name_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.emergency_last_name_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.emergency_last_name_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.emergency_first_name_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="emergency_first_name"
type="text" placeholder="{:lang('evus.emergency_first_name_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.emergency_first_name_required')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.emergency_first_name_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.emergency_email_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input" name="emergency_email"
type="text" placeholder="{:lang('evus.emergency_email_placeholder')}" lay-verType="tips"
lay-reqtext="{:lang('evus.emergency_email_required')}" lay-verify="email"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.emergency_email_tooltip')}'></i>
</div>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.emergency_phone_label')}</label>
<div class="layui-input-block">
<div class="layui-input-group">
<!-- 前缀 select -->
<div class="layui-input-group-prepend" style="width: 30%">
<select name="emergency_phone_prefix" lay-search>
{volist name="phone_prefix" id="vo"}
<option value="{$vo['value']}">{$vo['text']}</option>
{/volist}
</select>
</div>
<input type="text" name="emergency_phone" value=""
class="layui-input" placeholder="{:lang('evus.emergency_phone_placeholder')}" lay-verify="number">
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question"
lay-tips='{:lang('evus.emergency_phone_tooltip')}'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<form class="layui-form" id="Form8" lay-filter="Form8" autocomplete="off">
<div class="m-form-application-title">
<h2>{:lang('evus.eligibility_question')}</h2>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_a')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_a" value="1" title="{:lang('evus.yes')}" alt="question_a_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_a" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_a data-question_a_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_b')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_b" value="1" title="{:lang('evus.yes')}" alt="question_b_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_b" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_b data-question_b_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_c')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_c" value="1" title="{:lang('evus.yes')}" alt="question_c_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_c" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_c data-question_c_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_d')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_d" value="1" title="{:lang('evus.yes')}" alt="question_d_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_d" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_d data-question_d_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_e')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_e" value="1" title="{:lang('evus.yes')}" alt="question_e_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_e" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_e data-question_e_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_f')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_f" value="1" title="{:lang('evus.yes')}" alt="question_f_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_f" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_f data-question_f_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_g')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_g" value="1" title="{:lang('evus.yes')}" alt="question_g_1">
<input type="radio" name="question_g" value="0" title="{:lang('evus.no')}" checked>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-row data-name-question_g data-question_g_1">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.reject_date')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-time layui-required" name="reject_date"
type="text" readonly placeholder="{:lang('evus.reject_date')}" lay-verType="tips"
lay-reqtext="{:lang('evus.reject_date')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question" lay-tips=''></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.reject_address')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-required" name="reject_address"
type="text" placeholder="{:lang('evus.reject_address')}" lay-verType="tips"
lay-reqtext="{:lang('evus.reject_address')}"/>
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
<i class="layui-icon layui-icon-question" lay-tips=''></i>
</div>
</div>
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_h')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_h" value="1" title="{:lang('evus.yes')}" alt="question_h_1" lay-filter="limit_sub_yes">
<input type="radio" name="question_h" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_h data-question_h_1">
{:lang('evus.warning_cannot_continue')}
</div>
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.q_i')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input type="radio" name="question_i" value="1" title="{:lang('evus.yes')}" alt="question_i_1">
<input type="radio" name="question_i" value="0" title="{:lang('evus.no')}" checked>
</div>
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
</div>
</div>
</div>
<div class="layui-row data-name-question_i data-question_i_1">
<div class="layui-addmore lay-ques layui-addmore-first">
<div class="layui-col-xs12 layui-col-md3">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.vist_country')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="vist_country[]" lay-verType="tips" lay-reqtext="{:lang('evus.vist_country')}" class="layui-required">
<option value="">{:lang('evus.vist_country')}</option>
<option value="IRN">{:lang('evus.IRN')}</option>
<option value="IRQ">{:lang('evus.IRQ')}</option>
<option value="LBY">{:lang('evus.LBY')}</option>
<option value="PRK">{:lang('evus.PRK')}</option>
<option value="SOM">{:lang('evus.SOM')}</option>
<option value="SDN">{:lang('evus.SDN')}</option>
<option value="SYR">{:lang('evus.SYR')}</option>
<option value="YEM">{:lang('evus.YEM')}</option>
</select>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md3">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.vist_from_date')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-time layui-required" name="vist_from_date[]"
type="text" placeholder="{:lang('evus.vist_from_date')}" lay-verType="tips"
lay-reqtext="{:lang('evus.vist_from_date')}"/>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md3">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.vist_end_date')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<input class="layui-input layui-time layui-required" name="vist_end_date[]"
type="text" placeholder="{:lang('evus.vist_end_date')}" lay-verType="tips"
lay-reqtext="{:lang('evus.vist_end_date')}"/>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md3">
<div class="layui-form-item">
<label class="layui-form-label">{:lang('evus.vist_country_des')}<span>*</span></label>
<div class="layui-input-block">
<div class="layui-input-group">
<select name="vist_country_des[]" lay-verType="tips" lay-reqtext="{:lang('evus.vist_country_des')}" class="layui-required">
<option value="">{:lang('evus.vist_country_des')}</option>
<option value="1">{:lang('evus.reason_1')}</option>
<option value="2">{:lang('evus.reason_2')}</option>
<option value="3">{:lang('evus.reason_3')}</option>
<option value="4">{:lang('evus.reason_4')}</option>
<option value="5">{:lang('evus.reason_5')}</option>
<option value="6">{:lang('evus.reason_6')}</option>
<option value="7">{:lang('evus.reason_7')}</option>
<option value="8">{:lang('evus.reason_8')}</option>
<option value="9">{:lang('evus.reason_9')}</option>
<option value="10">{:lang('evus.reason_10')}</option>
<option value="11">{:lang('evus.reason_11')}</option>
<option value="12">{:lang('evus.reason_12')}</option>
<option value="13">{:lang('evus.reason_13')}</option>
</select>
</div>
<div class="addBox">
<span class="layui-icon layui-icon-add-circle layui-add layui-add-ques">{:lang('evus.add')}</span>
<span class="layui-icon layui-icon-reduce-circle layui-reduce">{:lang('evus.delete')}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- 提交表单 -->
<form class="layui-form" lay-filter="Form9" id="Form9" autocomplete="off">
<div class="layui-row text-center">
<div class="layui-col-xs12">
<div class="layui-form-item">
<input type="hidden" name="identification_img" value="{$data.identification_img|default=''}">
<input type="hidden" name="passport_img" value="{$data.passport_img|default=''}">
<input type="hidden" name="oldpassport_img" value="{$data.oldpassport_img|default=''}">
<input type="hidden" name="visa_img" value="{$data.visa_img|default=''}">
<input type="hidden" name="order_sn" value="{$data.order_sn}">
<button class="layui-btn" lay-submit lay-filter="formSubmit" id="submit">{:lang('evus.submit_now')}</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- footer -->
{include file="public/footer" /}
</body>
<script>
window.nvisaOrderApplyUrl = '/home/update/order_apply';
</script>
<script src="/static/visa/nvisa_order.js"></script>
<script>
/*编辑js*/
var formData = <?= json_encode($data, JSON_UNESCAPED_UNICODE) ?>;
function parseVisitItems(raw) {
if (!raw) {
return [];
}
if (typeof raw === 'string') {
try {
raw = JSON.parse(raw);
} catch (e) {
return [];
}
}
return Array.isArray(raw) ? raw : [];
}
function renderVisitItems(items) {
if (!items.length) {
return;
}
var $visitWrap = $('.data-name-question_i.data-question_i_1');
var $rows = $visitWrap.children('.layui-addmore');
while ($rows.length < items.length) {
var beforeCount = $rows.length;
$rows.last().find('.layui-add-ques').trigger('click');
$rows = $visitWrap.children('.layui-addmore');
if ($rows.length <= beforeCount) {
break;
}
}
items.forEach(function (item, index) {
var $row = $rows.eq(index);
$row.find('[name="vist_country[]"]').val(item.vist_country || '');
$row.find('[name="vist_from_date[]"]').val(item.vist_from_date || '');
$row.find('[name="vist_end_date[]"]').val(item.vist_end_date || '');
$row.find('[name="vist_country_des[]"]').val(item.vist_country_des || '');
});
form.render('select');
}
var visitItems = parseVisitItems(formData.vistitem);
if (visitItems.length) {
formData.question_i = '1';
}
Object.keys(formData).forEach(function(key) {
setvalue(key, formData[key] || '');
});
renderVisitItems(visitItems);
function addVisibleRequiredVerify($items) {
$items.each(function () {
var $el = $(this);
if ($el.attr('readonly') == 'readonly') {
return;
}
if (($el.attr('class') || '').indexOf('layui-expect') >= 0) {
return;
}
var verifyList = ($el.attr('lay-verify') || '').split('|').filter(function (rule) {
return rule;
});
var verifyName = $el.attr('type') == 'radio' ? 'otherReq'
: ($el.attr('type') == 'checkbox' ? 'checkboxChecked' : 'required');
if (verifyList.indexOf(verifyName) < 0) {
verifyList.push(verifyName);
}
$el.attr('lay-verify', verifyList.join('|'));
});
}
$("input[type='radio']").each(function () {
var name = $(this).attr("name");
var type = $(this).attr("alt");
if (!type) {
return;
}
// 针对婚姻状况单独处理
if (name === "marital") {
// 只处理选中的那个
if ($(this).is(":checked")) {
// 先隐藏所有婚姻相关模块(marital_1, marital_2)
$(".data-marital_1, .data-marital_2").hide();
// 再显示选中项对应的
$(".data-" + type).show();
$(".data-" + type).each(function () {
addVisibleRequiredVerify($(this).find(".layui-required"));
})
}
} else {
// 其他普通radio按原逻辑处理
if ($(this).is(":checked")) {
$(".data-" + type).show();
$(".data-" + type).each(function () {
addVisibleRequiredVerify($(this).find(".layui-required"));
})
} else {
$(".data-" + type).hide();
}
}
})
form.on('select(other_country_acquired-filter)', function(data){
var value = data.value;
if (value == "O") {
$('#other_country_other').show()
$('#other_country_other').find('input').addClass('layui-required')
$('#other_country_other').find('input').attr('lay-verify', 'required')
} else {
$('#other_country_other').hide()
$('#other_country_other').find('input').removeAttr('lay-verify')
$('#other_country_other').find('input').removeClass('layui-required')
}
});
//配置插件目录
layui.config({
base: '/static/layui/mods/'
, version: '1.0'
});
layui.use(['layarea'], function () {
var layarea = layui.layarea;
layarea.render({
elem: '#area-picker',
change: function (res) {
//选择结果
console.log(res);
}
});
})
//省市选择
</script>
<script>
var ocrConfigRaw = '{$ocr_config|default = ''}'.replace(/&quot;/g, '"');
var ocrConfig = {};
var sdk = null;
try {
ocrConfig = ocrConfigRaw ? JSON.parse(ocrConfigRaw) : {};
} catch (e) {
console.error('Failed to parse OCR config', e);
}
if (window.PassportOCRSDK && ocrConfig.base_url && ocrConfig.app_id && ocrConfig.signature && ocrConfig.timestamp) {
try {
sdk = PassportOCRSDK.create({
apiBase: ocrConfig.base_url,
appId: ocrConfig.app_id,
sign: ocrConfig
});
} catch (e) {
console.error('Failed to init OCR sdk', e);
}
}
</script>
<script>
var content1 = `{:lang("evus.termsCheckbox")}`
form.on('checkbox(termsCheckbox)', function (data) {
if (data.elem.checked) {
// 弹出条款内容的弹窗
layer.open({
type: 1, // 弹窗类型:页面层
title: '{:lang("evus.terms_privacy_title")}',
content: content1,
area: window.getAgreementLayerArea(true), // 弹窗大小
skin: window.agreementLayerSkin,
btn: ['{:lang("evus.close")}'], // 按钮
yes: function (index) {
layer.close(index); // 关闭弹窗
}
});
}
});
form.verify({
daxie: [/^[A-Z]+$/, '{:lang("js.daxie")}'],
zhongwen: [/^[\u4e00-\u9fa5]+$/, '{:lang("js.zhongwen")}'],
len40: [/^.{1,100}$/, '{:lang("js.len40")}'],
lenlimit: function (value, elem) {
const verifyRules = elem.getAttribute('lay-verify') || '';
const min = parseInt(elem.getAttribute('minlength')) || 0;
const max = parseInt(elem.getAttribute('maxlength')) || Infinity;
// 必填字段:检查空值和长度
if (verifyRules.includes('required')) {
if (!value.trim()) return '{:lang("js.required_field")}';
if (value.length < min) {
return '{:lang("js.min_length")}'.replace('%d', min);
}
if (value.length > max) {
return '{:lang("js.max_length")}'.replace('%d', max);
}
}
},
ppt: function (value, item) {
const verifyRules = item.getAttribute('lay-verify') || '';
if (verifyRules.includes('required')) {
if (!value) return; // 若值未填写,不进行后续规则验证
if (value.length < 9) {
return '{:lang("js.ppt_min")}';
}
if (value.length > 9) {
return '{:lang("js.ppt_max")}';
}
if (!(/[a-zA-Z]([0-9]{7})/.test(value))) {
return '{:lang("js.ppt_format")}';
}
}
},
visa: function (value, item) {
if (!value) return; // 若值未填写,不进行后续规则验证
if (value.length < 8) {
return '{:lang("js.visa_min")}';
}
if (value.length > 8) {
return '{:lang("js.visa_max")}';
}
if (!(/[a-zA-Z]([0-9]{7})/.test(value))) {
return '{:lang("js.visa_format")}';
}
},
otherReq: function (value, item) {
var $ = layui.$;
var verifyName = $(item).attr('name'), verifyType = $(item).attr('type'),
formElem = $(item).parents('.layui-form')//获取当前所在的form元素,如果存在的话
, verifyElem = formElem.find('input[name=' + verifyName + ']')//获取需要校验的元素
, isTrue = verifyElem.is(':checked')//是否命中校验
, focusElem = verifyElem.next().find('i.layui-icon')//焦点元素
, reqText = $(item).attr('lay-reqtext') || '{:lang("js.default_reqtext")}'; // 优先使用lay-reqtext
if (!isTrue || !value) {
//定位焦点
focusElem.css(verifyType == 'radio' ? {"color": "#FF5722"} : {"border-color": "#FF5722"});
//对非输入框设置焦点
focusElem.first().attr("tabIndex", "1").css("outline", "0").blur(function () {
focusElem.css(verifyType == 'radio' ? {"color": ""} : {"border-color": ""});
}).focus();
return reqText; // 返回自定义或默认的错误消息
}
},
checkboxChecked: function (value, item) { //value:表单的值、item:表单的DOM对象
var name = item.getAttribute('name');
var checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
if (checkboxes.length === 0) {
return '{:lang("js.checkbox_checked")}';
}
},
// 验证至少选中一个 checkbox
checkboxRequired: function (value, item) {
var name = item.getAttribute('name');
var checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
var checkboxes_length = document.querySelectorAll(`input[name="${name}"]`).length;
if (checkboxes.length !== checkboxes_length) {
return '{:lang("js.checkbox_required")}';
}
},
englishOnly: function (value, item) {
if (!/^[A-Za-z]+$/.test(value)) {
return '{:lang("js.english_only")}';
}
}
});
async function upload(_this, name) {
var file = _this.files[0];
if (!/image\/\w+/.test(file.type)) {
layer.msg("{:lang('js.upload_image_only')}");
return false;
}
if (!FileReader) {
layer.msg("{:lang('js.browser_not_supported')}");
return false;
}
var url = "/home/upload/upload_file";
var resetFileInput = function () {
$(_this).val('');
};
layer.load();
try {
var compressedFile = window.OcrImageCompressor
? await window.OcrImageCompressor.prepare(file)
: file;
if (!compressedFile) {
layer.closeAll();
resetFileInput();
layer.msg('{:lang("js.upload_retry")}', {icon: 5});
return false;
}
var ocrWarningMsg = '';
if (sdk) {
try {
if (name == 'passport' || name == 'oldpassport') {
var ocrData = await sdk.recognizePassport(compressedFile, {
auto_rotate: true,
return_debug: false
});
} else if (name == 'identification') {
var ocrData = await sdk.recognizeIdCard(compressedFile, {
auto_rotate: true,
return_debug: false
});
} else if (name == 'visa') {
var ocrData = await sdk.recognizeVisaNumber(compressedFile, {
auto_rotate: true,
return_debug: false
});
}
if (ocrData && ocrData.code === 1 && ocrData.data) {
const data = ocrData || {};
if (name == 'passport') {
$('input[name="last_name"]').val(data.data.last_name)
$('input[name="last_name_zn"]').val(data.data.last_zh_name)
$('input[name="first_name"]').val(data.data.first_name)
$('input[name="first_name_zn"]').val(data.data.first_zh_name)
$('input[name="birth_date"]').val(data.data.birth_date_year + '-' + data.data.birth_date_month + '-' + data.data.birth_date_day)
$('input[name="city_birth"]').val(data.data.city_birth)
$('input[name="passport_number"]').val(data.data.passport_number)
$('input[name="passport_issue_place"]').val(data.data.place_issue)
$('input[name="passport_expedition_date"]').val(data.data.passport_expedition_date_year + '-' + data.data.passport_expedition_date_month + '-' + data.data.passport_expedition_date_day)
$('input[name="passport_expiration_date"]').val(data.data.passport_expiration_date_year + '-' + data.data.passport_expiration_date_month + '-' + data.data.passport_expiration_date_day)
$('input[name="gender"][value="' + data.data.gender + '"]').prop('checked', true);
layui.form.render('radio');
// $('select[name="gender"]').val(data.data.gender)
// $('select[name="country_birth"]').val(data.data.country_code)
form.render('select');
} else if (name == 'oldpassport') {
$('input[name="us_visa_passport_number"]').val(data.data.passport_number)
$('input[name="us_visa_surname"]').val(data.data.last_name)
$('input[name="us_visa_first_name"]').val(data.data.first_name)
$('input[name="us_visa_birth_date"]').val(data.data.birth_date_year + '-' + data.data.birth_date_month + '-' + data.data.birth_date_day)
$('input[name="us_visa_passport_issue_date"]').val(data.data.passport_expedition_date_year + '-' + data.data.passport_expedition_date_month + '-' + data.data.passport_expedition_date_day)
$('input[name="us_visa_passport_expiration_date"]').val(data.data.passport_expiration_date_year + '-' + data.data.passport_expiration_date_month + '-' + data.data.passport_expiration_date_day)
} else if (name == 'visa') {
if (data.data.visa_foil_number == '') {
layer.msg('{:lang("js.visa_unrecognized")}', {icon: 5})
} else {
$('input[name="visa_foil_number"]').val(data.data.visa_foil_number)
}
} else if (name == 'identification') {
if(data.data.national_identification_number == '') {
layer.msg('{:lang("js.manual_entry_required")}', {icon: 5})
}
$('input[name="national_identification_number"]').val(data.data.national_identification_number)
$('input[name="home_address_line_spr"]').val(data.data.provice)
$('input[name="home_address_line_city"]').val(data.data.city)
$('input[name="home_address_line_one"]').val(data.data.address)
}
} else {
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
}
} catch (ocrErr) {
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
}
} else {
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
}
var formData = new FormData();
formData.append('file', compressedFile, compressedFile.name || file.name || 'upload.jpg');
$.ajax({
url: url,
type: "post",
data: formData,
dataType: "json",
contentType: false,
processData: false,
mimeType: "multipart/form-data",
success: function (res) {
layer.closeAll();
resetFileInput();
if (res.code == 1) {
if (name == 'passport') {
$('input[name="passport_img"]').val(res.path)
} else if (name == 'oldpassport') {
$('input[name="oldpassport_img"]').val(res.path)
} else if (name == 'visa') {
$('input[name="visa_img"]').val(res.path)
} else if (name == 'identification') {
$('input[name="identification_img"]').val(res.path)
}
}
},
error: function () {
layer.closeAll();
resetFileInput();
}
});
if (ocrWarningMsg) {
layer.msg(ocrWarningMsg, {icon: 5});
}
} catch (e) {
layer.closeAll();
resetFileInput();
layer.msg('{:lang("js.manual_entry_required")}', {icon: 5});
}
}
</script>
</html>