weapps-plugin-jingtong-verify 1.3.9 → 1.4.1-dev

package/weapps-plugin-jingtong-verify/pages/face-verify/face-verify.wxml

@@ -1,410 +1,494 @@
-<view class="{{ language == 'en' ? 'en-page' : ''}}">
-  <view class="top-box">
-    <view class="img-box">
-      <image src="../../images/Frame.png" mode="aspectFit" class="img"></image>
-    </view>
-    <view class="title">{{ language == 'zh_CN' ? '请填写您的个人身份信息' : 'Please fill in your personal information' }}</view>
-    <!-- <text class="info">信息将与当前微信绑定（用于身份认证）</text> -->
-  </view>
-
-  <!-- 中文版：证件类型非外国人护照时 -->
-  <view class="content-box" wx:if="{{ language == 'zh_CN' }}">
-    <g-form
-      id="form"
-      model="{{ formData }}"
-      rules="{{ rules }}"
-      validateType="{{ validateType }}"
-      primary-text="开始人脸识别"
-      bind:submit="handleFormSubmit"
-    >
-      <!-- 共有：证件类型 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="cid_type"
-          value="{{ formData.cid_type }}"
-          label="证件类型"
-          bind:change="handleChange"
-          range="{{ cidTypeRange }}"
-        ></g-picker>
-      </view>
-
-      <!-- 银行卡核验(港澳/台居住证) -->
-      <view wx:if="{{ currentAuthType === 'cardAuth' }}">
-        <view class="form-tip">
-          <text class="space-block"></text>
-          <text class="tip-desc">{{ rulesMap[formData.cid_type].tip }}</text>
-        </view>
-        <view class="form-item-wrap">
-          <g-input
-            id="id_card_number"
-            label="证件号码"
-            placeholder="请输入证件号码"
-            value="{{ formData.id_card_number }}"
-            clearable="true"
-            bind:change="handleChange"
-          />
-        </view>
-        <view class="form-item-wrap">
-          <g-input
-            id="bank_account"
-            data-star="strBankCount"
-            label="银行卡卡号"
-            placeholder="请输入银行卡卡号(支持国内各主要银行)"
-            value="{{ formData.strBankCount || formData.bank_account }}"
-            clearable="true"
-            bind:change="handleChange"
-          />
-        </view>
-        <view class="form-item-wrap">
-          <g-input
-            id="name"
-            label="银行卡绑定证件姓名"
-            placeholder="请输入银行卡绑定证件姓名"
-            value="{{ formData.name }}"
-            clearable="true"
-            bind:change="handleChange"
-          />
-        </view>
-        <view class="form-item-wrap">
-          <g-input
-            id="phone"
-            label="银行卡绑定手机号码"
-            placeholder="请输入银行卡绑定手机号码"
-            value="{{ formData.phone }}"
-            clearable="true"
-            bind:change="handleChange"
-          />
-        </view>
-      </view>
-
-      <!-- 微信人脸识别核验(大陆身份证) -->
-      <view wx:if="{{ currentAuthType === 'wxFace' }}">
-        <view class="form-item-wrap">
-          <g-input
-            id="name"
-            data-star="strName"
-            label="姓名"
-            placeholder="请输入本人姓名"
-            value="{{ formData.strName || formData.name }}"
-            clearable="{{ false }}"
-            showEye="{{ true }}"
-            isOpen="{{ !formData.strName }}"
-            bind:change="handleChange"
-            showQuestion="{{ true }}"
-            bind:showQuestionTip="showQuestionTip"
-            bind:openEye="openEye"
-          />
-        </view>
-
-        <view class="form-item-wrap">
-          <g-input
-            id="id_card_number"
-            data-star="strCid"
-            label="证件号码"
-            placeholder="请输入本人证件号码"
-            value="{{ formData.strCid || formData.id_card_number }}"
-            clearable="{{ false }}"
-            showEye="{{ true }}"
-            isOpen="{{ !formData.strCid }}"         
-            bind:change="handleChange"
-            showQuestion="{{ true }}"
-            bind:showQuestionTip="showQuestionTip"
-            bind:openEye="openEye"
-          />
-        </view>
-      </view>
-
-      <!-- 出入境微信人脸识别核验(港澳/台通行证、永居证、华侨护照、港澳/台居住证) -->
-      <view wx:if="{{ currentAuthType === 'faceReceptionAuth' }}">
-        <!-- 姓名 -->
-        <view class="form-item-wrap">
-          <g-input
-            id="name"
-            label="姓名"
-            placeholder="请输入本人姓名"
-            value="{{ formData.name }}"
-            clearable="true"
-            bind:change="handleChange"
-          />
-        </view>
-
-        <!-- 居住证 -->
-        <view wx:if="{{ formData.cid_type === '17' || formData.cid_type === '18' }}">
-          <view class="form-item-wrap">
-            <g-input
-              id="id_card_number"
-              label="证件号码"
-              placeholder="请输入本人居住证号码"
-              value="{{ formData.id_card_number }}"
-              clearable="true"
-              bind:change="handleChange"
-            />
-          </view>
-
-          <view class="form-item-wrap">
-            <g-picker 
-              id="validity_period"
-              mode="date"
-              value="{{ formData.validity_period }}"
-              label="证件生效日期"
-              placeholder="请选择居住证有效期起始日期"
-              bind:change="handleChange"
-            >
-            </g-picker>
-          </view>
-
-          <view class="form-item-wrap">
-            <g-input
-              id="passport_number"
-              label="通行证号码"
-              placeholder="请输入本人通行证号码"
-              value="{{ formData.passport_number }}"
-              clearable="true"
-              bind:change="handleChange"
-            />
-          </view>
-        </view>
-
-        <view wx:else>
-          <view class="form-item-wrap">
-            <g-input
-              id="id_card_number"
-              data-star="strCid"
-              label="证件号码"
-              placeholder="请输入本人证件号码"
-              value="{{ formData.strCid || formData.id_card_number }}"
-              clearable="true"
-              bind:change="handleChange"
-            />
-          </view>
-          <view class="form-item-wrap" wx:if="{{ formData.cid_type === '553' }}">
-          <g-picker
-            id="nation"
-            value="{{ formData.nation_name }}"
-            label="国籍"
-            mode="none"
-            placeholder="请选择国籍"
-            bind:tap="handleNationTap"
-          />
-          </view>
-
-          <view class="form-item-wrap" wx:if="{{ formData.cid_type === '414' }}">
-            <g-picker
-              id="nation"
-              value="{{ formData.nation_name }}"
-              label="国籍"
-              mode="none"
-              actionText=""
-            />
-          </view>
-        </view>
-      </view>
-
-      <!-- 共有：登录有效期 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="verify_expire_time"
-          value="{{ formData.verify_expire_time }}"
-          label="登录有效期"
-          placeholder="请选择登录有效期"
-          bind:change="handleChange"
-          range="{{ loginTimeRange }}"
-        ></g-picker>
-      </view>
-
-      <!-- 共有：协议勾选 -->
-      <view class="agree-box" style="margin-top: 50rpx">
-        <g-agree id="agree" bind:change="handleChange" value="{{ formData.agree }}">
-          <view>
-            <text>{{ agreeInfo }}</text>
-            <view>
-              我已认真阅读并同意
-              <text class='link' catchtap='viewPrivacy' data-file='jtfuwuxieyi' data-name="用户服务协议">《用户服务协议》</text>
-              <text> 及 </text>
-              <text class='link' catchtap='viewPrivacy' data-file='jtyinsizhengce' data-name="隐私政策">《隐私政策》</text>
-            </view>
-          </view>
-        </g-agree>
-      </view>
-    </g-form>
-  </view>
-
-  <!-- 英文版：证件类型为外国人护照 -->
-  <view class="content-box" wx:else>
-    <g-form
-      id="form"
-      model="{{ formData }}"
-      rules="{{ rules }}"
-      validateType="{{ validateType }}"
-      primary-text="Submit"
-      bind:submit="handleFormSubmit"
-    >
-      <!-- 证件类型 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="cid_type"
-          value="{{ formData.cid_type }}"
-          label="Type of ID"
-          bind:change="handleChange"
-          range="{{ cidTypeRange }}"
-          actionText="select"
-        ></g-picker>
-      </view>
-
-      <!-- 外国护照号码 -->
-      <view class="form-item-wrap">
-        <g-input
-          id="id_card_number"
-          label="Passport No."
-          placeholder=""
-          value="{{ formData.id_card_number }}"
-          clearable="true"
-          bind:change="handleChange"
-        />
-      </view>
-
-      <!-- 国籍 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="nation"
-          value="{{ formData.nation_name }}"
-          label="Nationality"
-          mode="none"
-          placeholder=""
-          bind:tap="handleNationTap"
-          actionText="select"
-        />
-      </view>
-
-      <!-- 姓 -->
-      <view class="form-item-wrap">
-        <g-input
-          id="sur_name"
-          label="Surname"
-          placeholder=""
-          value="{{ formData.sur_name }}"
-          clearable="true"
-          bind:change="handleChange"
-        />
-      </view>
-
-      <!-- 名 -->
-      <view class="form-item-wrap">
-        <g-input
-          id="first_name"
-          label="Given names"
-          placeholder=""
-          value="{{ formData.first_name }}"
-          clearable="true"
-          bind:change="handleChange"
-        />
-      </view>
-
-      <!-- 性别 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="sex"
-          value="{{ formData.sex }}"
-          label="Gender"
-          placeholder=""
-          bind:change="handleChange"
-          range="{{ sexRange }}"
-          actionText="select"
-        ></g-picker>
-      </view>
-
-      <!-- 出生日期 -->
-      <view class="form-item-wrap">
-        <g-date-picker-en 
-          id="birthday"
-          value="{{ formData.birthday }}"
-          label="Date of birth (yyyy/mm/dd)"
-          placeholder=""
-          maxDate="{{ birthdayMaxDate }}"
-          bind:change="handleChange"
-        >
-        </g-date-picker-en>
-      </view>
-
-      <!-- 护照有效期 -->
-      <view class="form-item-wrap">
-        <g-date-picker-en 
-          id="cid_expire_date"
-          value="{{ formData.cid_expire_date }}"
-          label="Passport expiration date (yyyy/mm/dd)"
-          placeholder=""
-          minDate="{{ cidExpireMinDate }}"
-          bind:change="handleChange"
-        >
-        </g-date-picker-en>
-      </view>
-
-      <!-- 手机号码 -->
-      <view class="form-item-wrap">
-        <g-input
-          id="phone"
-          label="Mobile phone number"
-          placeholder=""
-          value="{{ formData.phone }}"
-          clearable="true"
-          bind:change="handleChange"
-        />
-      </view>
-      
-      <!-- 登录有效期 -->
-      <view class="form-item-wrap">
-        <g-picker
-          id="verify_expire_time"
-          value="{{ formData.verify_expire_time }}"
-          label="Login validity period"
-          placeholder=""
-          bind:change="handleChange"
-          range="{{ loginTimeRangeEn }}"
-          actionText="select"
-        ></g-picker>
-      </view>
-
-      <!-- 协议 -->
-      <view class="agree-box" style="margin-top: 50rpx">
-        <g-agree id="agree" bind:change="handleChange" value="{{ formData.agree }}">
-          <view>
-            <view>
-              I have read and agree to the  
-              <text class='link' catchtap='viewPrivacy' data-file='jtfuwuxieyi' data-name="User Agreement">User Agreement</text>
-              <text> and </text>
-              <text class='link' catchtap='viewPrivacy' data-file='jtyinsizhengce' data-name="Privacy Policy">Privacy Policy</text>.
-            </view>
-          </view>
-        </g-agree>
-      </view>
-    </g-form>
-  </view>
-</view>
-
-<!-- 外国人护照核验结果弹窗 -->
-<jt-modal visible="{{ showModal }}" status="{{ modalStatus }}" bind:ok="handleModalOk"></jt-modal>
-
-<!-- 老/小6次、成人3次 人脸报错提示弹窗 -->
-<face-modal visible="{{ showFaceModal }}" isKidsOrOld="{{ isKidsOrOld }}" bind:ok="handleModalOk"></face-modal>
-
-<!-- 老/小18次、成人6次 人脸报错提示弹窗 -->
-<lock-face-modal visible="{{ showLockFaceModal }}" isKidsOrOld="{{ isKidsOrOld }}" bind:ok="handleModalOk"></lock-face-modal>
-
-<!-- 银行卡认证弹窗 -->
-<card-modal visible="{{ showCardModal }}" bind:ok="toCardAuth" bind:cancel="handleModalOk"></card-modal>
-
-<!-- 姓名、证件号码提示弹窗 -->
-<tip-modal 
-  visible="{{ showTipModal }}" 
-  bind:cancel="handleModalOk" 
-  desc1="1、如果您在公安局变更了您的姓名或证件号码等信息，请您填写变更后的身份信息进行登录。" 
-  desc2="2、如果当前显示为他人信息（亲属/朋友等），请您删除后使用本人身份信息进行登录。"
-></tip-modal>
-
-<!-- 扫脸失败温馨提示弹窗 -->
-<face-error-modal 
-  visible="{{ faceErrorModal }}"
-  faceErrorType="{{ faceErrorType }}"
-  bind:CancelBtn="cancelFaceErrorModal" 
-  bind:ConfirmBtn="okFaceErrorModal" 
-></face-error-modal>
+<view class="{{ language == 'en' ? 'en-page' : ''}}">
+  <view class="top-box">
+    <view class="img-box">
+      <image src="../../images/Frame.png" mode="aspectFit" class="img"></image>
+    </view>
+    <view class="title">{{ language == 'zh_CN' ? '请填写您的个人身份信息' : 'Please fill in your personal information' }}</view>
+    <!-- <text class="info">信息将与当前微信绑定（用于身份认证）</text> -->
+  </view>
+
+  <!-- 中文版：证件类型非外国人护照时 -->
+  <view class="content-box" wx:if="{{ language == 'zh_CN' }}">
+    <g-form
+      id="form"
+      model="{{ formData }}"
+      rules="{{ rules }}"
+      validateType="{{ validateType }}"
+      primary-text="开始人脸识别"
+      bind:submit="handleFormSubmit"
+    >
+      <!-- 共有：证件类型 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="cid_type"
+          value="{{ formData.cid_type }}"
+          label="证件类型"
+          bind:change="handleChange"
+          required
+          range="{{ cidTypeRange }}"
+        ></g-picker>
+      </view>
+
+      <!-- 外国人提示 -->
+      <view class="foreign-tip" wx:if="{{ formData.cid_type === '111' && showForeignTip }}">
+        <text>For foreign nationals, please click here to select International passport.</text>
+        <image src="../../images/close-circle.png" mode="widthFix" bind:tap="closeForeignTip" />
+      </view>
+
+      <!-- 银行卡核验(港澳/台居住证) -->
+      <view wx:if="{{ currentAuthType === 'cardAuth' }}">
+        <view class="form-tip">
+          <text class="space-block"></text>
+          <text class="tip-desc">{{ rulesMap[formData.cid_type].tip }}</text>
+        </view>
+        <view class="form-item-wrap">
+          <g-input
+            id="id_card_number"
+            label="证件号码"
+            placeholder="请输入证件号码"
+            value="{{ formData.id_card_number }}"
+            clearable="true"
+            bind:change="handleChange"
+          />
+        </view>
+        <view class="form-item-wrap">
+          <g-input
+            id="bank_account"
+            data-star="strBankCount"
+            label="银行卡卡号"
+            placeholder="请输入银行卡卡号(支持国内各主要银行)"
+            value="{{ formData.strBankCount || formData.bank_account }}"
+            clearable="true"
+            bind:change="handleChange"
+          />
+        </view>
+        <view class="form-item-wrap">
+          <g-input
+            id="name"
+            label="银行卡绑定证件姓名"
+            placeholder="请输入银行卡绑定证件姓名"
+            value="{{ formData.name }}"
+            clearable="true"
+            bind:change="handleChange"
+          />
+        </view>
+        <view class="form-item-wrap">
+          <g-input
+            id="phone"
+            label="银行卡绑定手机号码"
+            placeholder="请输入银行卡绑定手机号码"
+            value="{{ formData.phone }}"
+            clearable="true"
+            bind:change="handleChange"
+          />
+        </view>
+      </view>
+
+      <!-- 微信人脸识别核验(大陆身份证) -->
+      <view wx:if="{{ currentAuthType === 'wxFace' }}">
+        <view class="form-item-wrap">
+          <g-input
+            id="name"
+            data-star="strName"
+            label="姓名"
+            placeholder="请输入本人姓名"
+            value="{{ formData.strName || formData.name }}"
+            clearable="{{ false }}"
+            showEye="{{ formData.name }}"
+            isOpen="{{ !formData.strName }}"
+            bind:change="handleChange"
+            showQuestion="{{ true }}"
+            bind:showQuestionTip="showQuestionTip"
+            bind:openEye="openEye"
+          />
+        </view>
+
+        <view class="form-item-wrap">
+          <g-input
+            id="id_card_number"
+            data-star="strCid"
+            label="证件号码"
+            placeholder="请输入本人证件号码"
+            value="{{ formData.strCid || formData.id_card_number }}"
+            clearable="{{ false }}"
+            showEye="{{ formData.id_card_number }}"
+            isOpen="{{ !formData.strCid }}"         
+            bind:change="handleChange"
+            showQuestion="{{ true }}"
+            bind:showQuestionTip="showQuestionTip"
+            bind:openEye="openEye"
+          />
+        </view>
+      </view>
+
+      <!-- 出入境微信人脸识别核验(港澳/台通行证、永居证、华侨护照、港澳/台居住证) -->
+      <view wx:if="{{ currentAuthType === 'faceReceptionAuth' }}">
+        <!-- 姓名 -->
+        <view class="form-item-wrap">
+          <g-input
+            id="name"
+            label="姓名"
+            placeholder="请输入本人姓名"
+            value="{{ formData.name }}"
+            clearable="true"
+            bind:change="handleChange"
+          />
+        </view>
+
+        <!-- 居住证 -->
+        <view wx:if="{{ formData.cid_type === '17' || formData.cid_type === '18' }}">
+          <view class="form-item-wrap">
+            <g-input
+              id="id_card_number"
+              label="证件号码"
+              placeholder="请输入本人居住证号码"
+              value="{{ formData.id_card_number }}"
+              clearable="true"
+              bind:change="handleChange"
+            />
+          </view>
+
+          <view class="form-item-wrap">
+            <g-picker 
+              id="validity_period"
+              mode="date"
+              value="{{ formData.validity_period }}"
+              label="证件生效日期"
+              placeholder="请选择居住证有效期起始日期"
+              bind:change="handleChange"
+            >
+            </g-picker>
+          </view>
+
+          <view class="form-item-wrap">
+            <g-input
+              id="passport_number"
+              label="通行证号码"
+              placeholder="请输入本人通行证号码"
+              value="{{ formData.passport_number }}"
+              clearable="true"
+              bind:change="handleChange"
+            />
+          </view>
+        </view>
+
+        <!-- 港澳/台通行证、永居证、华侨护照 -->
+        <view wx:else>
+          <!-- 证件号码 -->
+          <view class="form-item-wrap">
+            <g-input
+              id="id_card_number"
+              label="证件号码"
+              placeholder="请输入本人证件号码"
+              value="{{ formData.id_card_number }}"
+              clearable="true"
+              bind:change="handleChange"
+            />
+          </view>
+
+          <!-- 证件有效期： 港澳通行证、台湾通行证、华侨护照-->
+          <view wx:if="{{ formData.cid_type !== '553' }}">
+            <view class="form-item-wrap">
+              <g-picker 
+                id="cid_expire_date"
+                mode="date"
+                value="{{ formData.cid_expire_date }}"
+                label="证件有效期"
+                placeholder="请选择证件有效期截止日期"
+                bind:change="handleChange"
+              >
+              </g-picker>
+            </view>
+          </view>
+
+          <!-- 国籍：台湾通行证和华侨没有 -->
+          <view class="form-item-wrap" wx:if="{{ formData.cid_type !== '511' && formData.cid_type !== '414' }}">
+            <g-picker
+              id="nation"
+              value="{{ formData.nation_name }}"
+              label="国籍"
+              mode="none"
+              placeholder="请选择国籍"
+              bind:tap="handleNationTap"
+              actionText="选择"
+            />
+          </view>
+
+          <!-- 三证照：港澳通行证、台湾通行证、华侨护照 -->
+          <view wx:if="{{ formData.cid_type !== '553' }}">
+            <!-- 港澳居民来往内地通行证-外籍 -->
+            <view wx:if="{{ formData.cid_type === '516' && formData.nation !== 'CHN'}}">
+              <view class="form-item-wrap">
+                <g-picker
+                  id="sex"
+                  value="{{ formData.sex }}"
+                  label="性别"
+                  placeholder="请选择本人性别"
+                  bind:change="handleChange"
+                  range="{{ sexRangeZH }}"
+                  actionText="选择"
+                ></g-picker>
+              </view>
+
+              <view class="form-item-wrap">
+                <g-picker 
+                  id="birthday"
+                  mode="date"
+                  value="{{ formData.birthday }}"
+                  label="出生日期"
+                  placeholder="请选择本人出生日期"
+                  bind:change="handleChange"
+                >
+                </g-picker>
+              </view>
+            </view>
+            <view wx:else>
+              <view class="form-item-wrap">
+                <g-switch
+                  value="{{ formData.sbSwitch }}"
+                  showTip="{{ true }}"
+                  label="性别 / 出生日期"
+                  desc="性别和出生日期可选填，以便办理出生医学证明等相关服务"
+                  bind:change="handleChangeSwtich"
+                ></g-switch>
+              </view>
+              <view wx:if="{{ formData.sbSwitch }}" class="form-options">
+                <view class="form-item-wrap">
+                <g-picker
+                  id="sex"
+                  value="{{ formData.sex }}"
+                  label="性别"
+                  placeholder="请选择本人性别"
+                  bind:change="handleChange"
+                  range="{{ sexRangeZH }}"
+                  actionText="选择"
+                  required="{{ false }}"
+                ></g-picker>
+                </view>
+
+                <view class="form-item-wrap">
+                  <g-picker 
+                    id="birthday"
+                    mode="date"
+                    value="{{ formData.birthday }}"
+                    label="出生日期"
+                    placeholder="请选择本人出生日期"
+                    bind:change="handleChange"
+                    required="{{ false }}"
+                  >
+                  </g-picker>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 共有：登录有效期 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="verify_expire_time"
+          value="{{ formData.verify_expire_time }}"
+          label="登录有效期"
+          placeholder="请选择登录有效期"
+          bind:change="handleChange"
+          range="{{ loginTimeRange }}"
+        ></g-picker>
+      </view>
+
+      <!-- 共有：协议勾选 -->
+      <view class="agree-box" style="margin-top: 50rpx">
+        <g-agree id="agree" bind:change="handleChange" value="{{ formData.agree }}">
+          <view>
+            <text>{{ agreeInfo }}</text>
+            <view>
+              我已认真阅读并同意
+              <text class='link' catchtap='viewPrivacy' data-file='jtfuwuxieyi' data-name="用户服务协议">《用户服务协议》</text>
+              <text> 及 </text>
+              <text class='link' catchtap='viewPrivacy' data-file='jtyinsizhengce' data-name="隐私政策">《隐私政策》</text>
+            </view>
+          </view>
+        </g-agree>
+      </view>
+    </g-form>
+  </view>
+
+  <!-- 英文版：证件类型为外国人护照 -->
+  <view class="content-box" wx:else>
+    <g-form
+      id="form"
+      model="{{ formData }}"
+      rules="{{ rules }}"
+      validateType="{{ validateType }}"
+      primary-text="Submit"
+      bind:submit="handleFormSubmit"
+    >
+      <!-- 证件类型 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="cid_type"
+          value="{{ formData.cid_type }}"
+          label="Type of ID"
+          bind:change="handleChange"
+          range="{{ cidTypeRange }}"
+          actionText="select"
+        ></g-picker>
+      </view>
+
+      <!-- 外国护照号码 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="id_card_number"
+          label="Passport No."
+          placeholder=""
+          value="{{ formData.id_card_number }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+
+      <!-- 国籍 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="nation"
+          value="{{ formData.nation_name }}"
+          label="Nationality"
+          mode="none"
+          placeholder=""
+          bind:tap="handleNationTap"
+          actionText="select"
+        />
+      </view>
+
+      <!-- 姓 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="sur_name"
+          label="Surname"
+          placeholder=""
+          value="{{ formData.sur_name }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+
+      <!-- 名 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="first_name"
+          label="Given names"
+          placeholder=""
+          value="{{ formData.first_name }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+
+      <!-- 性别 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="sex"
+          value="{{ formData.sex }}"
+          label="Gender"
+          placeholder=""
+          bind:change="handleChange"
+          range="{{ sexRange }}"
+          actionText="select"
+        ></g-picker>
+      </view>
+
+      <!-- 出生日期 -->
+      <view class="form-item-wrap">
+        <g-date-picker-en 
+          id="birthday"
+          value="{{ formData.birthday }}"
+          label="Date of birth (yyyy/mm/dd)"
+          placeholder=""
+          maxDate="{{ birthdayMaxDate }}"
+          bind:change="handleChange"
+        >
+        </g-date-picker-en>
+      </view>
+
+      <!-- 护照有效期 -->
+      <view class="form-item-wrap">
+        <g-date-picker-en 
+          id="cid_expire_date"
+          value="{{ formData.cid_expire_date }}"
+          label="Passport expiration date (yyyy/mm/dd)"
+          placeholder=""
+          minDate="{{ cidExpireMinDate }}"
+          bind:change="handleChange"
+        >
+        </g-date-picker-en>
+      </view>
+
+      <!-- 手机号码 -->
+      <view class="form-item-wrap">
+        <g-input
+          id="phone"
+          label="Mobile phone number"
+          placeholder=""
+          value="{{ formData.phone }}"
+          clearable="true"
+          bind:change="handleChange"
+        />
+      </view>
+      
+      <!-- 登录有效期 -->
+      <view class="form-item-wrap">
+        <g-picker
+          id="verify_expire_time"
+          value="{{ formData.verify_expire_time }}"
+          label="Login validity period"
+          placeholder=""
+          bind:change="handleChange"
+          range="{{ loginTimeRangeEn }}"
+          actionText="select"
+        ></g-picker>
+      </view>
+
+      <!-- 协议 -->
+      <view class="agree-box" style="margin-top: 50rpx">
+        <g-agree id="agree" bind:change="handleChange" value="{{ formData.agree }}">
+          <view>
+            <view>
+              I have read and agree to the  
+              <text class='link' catchtap='viewPrivacy' data-file='jtfuwuxieyi' data-name="User Agreement">User Agreement</text>
+              <text> and </text>
+              <text class='link' catchtap='viewPrivacy' data-file='jtyinsizhengce' data-name="Privacy Policy">Privacy Policy</text>.
+            </view>
+          </view>
+        </g-agree>
+      </view>
+    </g-form>
+  </view>
+</view>
+
+<!-- 外国人护照核验结果弹窗 -->
+<jt-modal visible="{{ showModal }}" status="{{ modalStatus }}" bind:ok="handleModalOk"></jt-modal>
+
+<!-- 老/小6次、成人3次 人脸报错提示弹窗 -->
+<face-modal visible="{{ showFaceModal }}" isKidsOrOld="{{ isKidsOrOld }}" bind:ok="handleModalOk"></face-modal>
+
+<!-- 老/小18次、成人6次 人脸报错提示弹窗 -->
+<lock-face-modal visible="{{ showLockFaceModal }}" isKidsOrOld="{{ isKidsOrOld }}" bind:ok="handleModalOk"></lock-face-modal>
+
+<!-- 银行卡认证弹窗 -->
+<card-modal visible="{{ showCardModal }}" bind:ok="toCardAuth" bind:cancel="handleModalOk"></card-modal>
+
+<!-- 姓名、证件号码提示弹窗 -->
+<tip-modal 
+  visible="{{ showTipModal }}" 
+  bind:cancel="handleModalOk" 
+  desc1="1、如果您在公安局变更了您的姓名或证件号码等信息，请您填写变更后的身份信息进行登录。" 
+  desc2="2、如果当前显示为他人信息（亲属/朋友等），请您删除后使用本人身份信息进行登录。"
+></tip-modal>
+
+<!-- 扫脸失败温馨提示弹窗 -->
+<face-error-modal 
+  visible="{{ faceErrorModal }}"
+  faceErrorType="{{ faceErrorType }}"
+  bind:CancelBtn="cancelFaceErrorModal" 
+  bind:ConfirmBtn="okFaceErrorModal" 
+></face-error-modal>