101 lines
4.9 KiB
Plaintext
101 lines
4.9 KiB
Plaintext
<view class="auth-page">
|
|
<!-- <view class="top-nav"> -->
|
|
<mp-navigation-bar title="身份认证" background-color="transparent" color="#000" bind:click-left="onBack" left-arrow></mp-navigation-bar>
|
|
<!-- </view> -->
|
|
|
|
<view class="tab-bar">
|
|
<view class="tab-item {{activeTab === 1 ? 'active' : ''}}" bindtap="onSwitchTab" data-tab="1">
|
|
<text class="tab-text">身份证认证</text>
|
|
<image class="stat-iconb" wx:if="{{activeTab === 1}}" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/point-b.png" mode="aspectFit" />
|
|
|
|
</view>
|
|
<view class="tab-item {{activeTab === 2 ? 'active' : ''}}" bindtap="onSwitchTab" data-tab="2">
|
|
<text class="tab-text">护照认证</text>
|
|
<image class="stat-iconb" wx:if="{{activeTab === 2}}" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/point-b.png" mode="aspectFit" />
|
|
</view>
|
|
</view>
|
|
|
|
<scroll-view class="content" scroll-y enhanced show-scrollbar="{{false}}" refresher-enabled refresher-triggered="{{refresherTriggered}}" bindrefresherrefresh="onRefresh">
|
|
<!-- 上传区 -->
|
|
<view class="card upload-card">
|
|
<view wx:if="{{activeTab === 1}}" class="upload-row">
|
|
<view class="upload-box" bindtap="onChooseImage" data-kind="idFront">
|
|
<image class="upload-img" wx:if="{{idCardImageUrl}}" src="{{idCardImageUrl}}" mode="aspectFill" />
|
|
<view wx:else class="upload-placeholder">
|
|
<!-- <view class="ph-lines"></view>
|
|
<view class="ph-user"></view> -->
|
|
<image class="ph-img" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/idcard-top.png" />
|
|
</view>
|
|
<text class="upload-text">上传身份证人像面</text>
|
|
</view>
|
|
<view class="upload-box" bindtap="onChooseImage" data-kind="idBack">
|
|
<image class="upload-img" wx:if="{{idCardBackImageUrl}}" src="{{idCardBackImageUrl}}" mode="aspectFill" />
|
|
<view wx:else class="upload-placeholder">
|
|
<!-- <view class="ph-lines"></view>
|
|
<view class="ph-user"></view> -->
|
|
<image class="ph-img" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/idcard-back.png" />
|
|
</view>
|
|
<text class="upload-text">上传身份证国徽面</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:else class="upload-row single">
|
|
<view class="upload-box single" bindtap="onChooseImage" data-kind="passport">
|
|
<image class="upload-img" wx:if="{{passportImageUrl}}" src="{{passportImageUrl}}" mode="aspectFill" />
|
|
<view wx:else class="upload-placeholder">
|
|
<image class="ph-img" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/idcard-top.png" />
|
|
</view>
|
|
<text class="upload-text">上传护照</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 表单区 -->
|
|
<view class="card form-card">
|
|
<view class="form-row">
|
|
<text class="label">姓名</text>
|
|
<input class="input {{readonlyName ? 'readonly' : ''}}" value="{{name}}" placeholder="自动识别 " disabled="{{true}}" bindinput="onNameInput" />
|
|
</view>
|
|
|
|
<view wx:if="{{activeTab === 1}}" class="form-row">
|
|
<text class="label">身份证号</text>
|
|
<input class="input {{readonlyId ? 'readonly' : ''}}" value="{{idCardNumber}}" placeholder="自动识别 " disabled="{{true}}" bindinput="onIdInput" />
|
|
</view>
|
|
|
|
<view wx:if="{{activeTab === 2}}" class="form-row">
|
|
<text class="label">出生日期</text>
|
|
<picker mode="date" value="{{birthDate}}" disabled="{{true}}" bindchange="onBirthChange">
|
|
<view class="picker-value {{birthDate ? '' : 'placeholder'}}">{{birthDate || '请选择'}}</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="label">性别</text>
|
|
<picker mode="selector" range="{{genderOptions}}" range-key="label" value="{{genderIndex}}" bindchange="onGenderChange">
|
|
<view class="picker-value">{{genderOptions[genderIndex].label}}</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="label">联系电话</text>
|
|
<input class="input" disabled="{{true}}" value="{{mobile}}" placeholder="手机号" type="number" maxlength="11" />
|
|
<view class="send-code {{countdown>0 || codeSending ? 'disabled' : ''}}" bindtap="onSendCodeTap">
|
|
{{countdown>0 ? countdown + 's' : '发送验证码'}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="label">验证码</text>
|
|
<input class="input" value="{{verificationCode}}" placeholder="请输入验证码" type="number" maxlength="6" bindinput="onCodeInput" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="footer-space"></view>
|
|
</scroll-view>
|
|
|
|
<view class="footer">
|
|
<button class="submit-btn" loading="{{submitting}}" disabled="{{submitting}}" bindtap="onSubmitTap">确定</button>
|
|
</view>
|
|
</view>
|
|
|