yuminge-app/yun-min-program-plugin-master/packageH/signPage/personBank/personBank.wxml

201 lines
8.6 KiB
Plaintext

<!--packageH/signPage/personBank/personBank.wxml-->
<wxs module="util">
var inOf = function (val, str) { if (val) { return val.indexOf(str) } };
module.exports.inOf = inOf;
</wxs>
<view class="form">
<!-- 第一步认证------阅读同意协议 -->
<view class="agree-box" wx:if="{{step === 1}}">
<image class="renzheng-img" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/sign/yq_sign_renzheng@2x.png" mode='widthFix'></image>
<rich-text style="padding: 20rpx; text-align: center" nodes="{{is_real_name ? '当前业务需要实名认证' :agreement.auth_notice_desc}}"></rich-text>
<view style="display: inline-block; margin-top: 25rpx;">
<van-checkbox-group value="{{checkboxGroup}}" style="display: flex; justify-content: center; font-size: 12px;padding:0 10px;" bind:change="handlerInput" data-type="checkboxGroup">
<block wx:if="{{is_real_name}}">
<van-checkbox name="1">
<view style="margin-left: 6px;">我同意服务提供者及【{{shop_name}}】使用并传送相关数据于身份核验,查看<text class="link" bindtap="showAuthProtocol">《实名认证服务协议》</text>及<text class="link" bindtap="showProtocol">{{agreement.title}}</text>,我承诺仅为合法交易使用本服务!</view>
</van-checkbox>
</block>
<block wx:else>
<van-checkbox name="1">我已阅读并同意</van-checkbox><text class="link" bindtap="showProtocol">《实名认证服务协议》</text>
</block>
</van-checkbox-group>
</view>
<view class="{{[checkboxGroup.length >= 1 || (is_real_name && agreement.status != 1) ?'':'disabled']}} btn" bindtap="getMemberData">开始认证</view>
</view>
<!-- 个人认证 -->
<view class="content" wx:if="{{step === 2 || step === 3}}">
<form bind:submit="onSubmit">
<van-field
value="{{form.name}}"
data-type="form.name"
name="姓名"
label="姓名"
placeholder="请填写姓名"
bind:change="handlerInput"
required
/>
<van-field
value="{{form.id_no}}"
data-type="form.id_no"
name="身份证号"
label="身份证号"
placeholder="请填写身份证号"
bind:change="handlerInput"
required
/>
<van-field
value="{{form.tel}}"
data-type="form.tel"
type="number"
name="手机号"
label="手机号"
placeholder="请填写手机号"
bind:change="handlerInput"
required
/>
<view class="inp-item">
<view class="item-box">
<view class="left-text" style="width: 200rpx;">认证方式</view>
<view class="right-content" style="flex: 1;">
<van-radio-group
slot="input" wx:if="{{!is_real_name}}"
style="display: flex; flex-wrap: wrap;"
value="{{activeName}}"
bind:change="handlerInput"
data-type="activeName"
>
<van-radio class="van-radio" name="1" wx:if="{{agreement.is_auth_tel == 1}}">手机号认证</van-radio>
<van-radio class="van-radio" name="2" wx:if="{{agreement.is_auth_bank == 1}}">银行卡认证</van-radio>
<!--<van-radio class="van-radio" name="2" wx:if="{{agreement.is_auth_face == 1}}">人脸识别认证</van-radio>-->
</van-radio-group>
<van-radio-group
slot="input" wx:if="{{is_real_name && real_name_auth_set}}"
style="display: flex; flex-wrap: wrap;"
value="{{activeName}}"
bind:change="handlerInput"
data-type="activeName"
>
<van-radio class="van-radio" name="1" wx:if="{{util.inOf(real_name_auth_set.auth_type,'2') > -1}}">手机号认证</van-radio>
<van-radio class="van-radio" name="2" wx:if="{{util.inOf(real_name_auth_set.auth_type,'3') > -1}}">银行卡认证</van-radio>
<!--<van-radio class="van-radio" name="3" wx:if="{{util.inOf(real_name_auth_set.auth_type,'1') > -1}}">人脸识别认证</van-radio>-->
</van-radio-group>
</view>
</view>
</view>
<view class="inp-item" wx:if="{{is_real_name && is_bind_mobile!=1}}">
<view class="item-box">
<view class="left-text" style="width: 200rpx;">使用该手机号作为会员登录账号</view>
<view class="right-content" style="flex: 1;">
<van-radio-group
slot="input"
style="display: flex; flex-wrap: wrap;"
value="{{is_mobile}}"
bind:change="handlerInput"
data-type="is_mobile"
>
<van-radio class="van-radio" name="{{1}}">是</van-radio>
<van-radio class="van-radio" name="{{0}}">否</van-radio>
</van-radio-group>
</view>
</view>
</view>
<van-field
value="{{bank_no}}"
wx:if="{{step === 3 && activeName === '2'}}"
name="个人银行卡号"
label="个人银行卡号"
placeholder="请填写个人银行卡号"
data-type="bank_no"
bind:change="handlerInput"
/>
<view class="inputBox" wx:if="{{step === 3 && (activeName=='1' || activeName=='2') && imgcode}}">
<text class="name">验证码</text>
<input type="text" id="code" placeholder="请输入图形验证码" value="{{form.captcha}}" bind:input="captchainp" />
<image class="getcodeImg" style="width:100%;height:2.5rem;z-index:999;" src="{{imgcode}}" catchtap="getimgdata" />
</view>
<van-field wx:if="{{step === 3 && (activeName=='1' || activeName=='2')}}"
value="{{authcode}}"
center
clearable
label="短信验证码"
placeholder="请输入短信验证码"
data-type="authcode"
bind:change="handlerInput"
use-button-slot
>
<van-button slot="button" size="small" round plain type="info" catchtap="sureIdentify" wx:if="{{count <= 0}}">
获取验证码
</van-button>
<van-button slot="button" size="small" round plain type="info" disabled wx:if="{{count> 0}}">
{{count}}秒后重新获取
</van-button>
</van-field>
<view class="inp-item" wx:if="{{step === 3 && activeName === '3'}}">
<view class="item-box">
<view class="left-text" style="width: 200rpx;">识别方式</view>
<view class="right-content" style="flex: 1;">
<van-radio-group value="{{form.face_auth_mode}}" bind:change="handlerInput" data-type="form.face_auth_mode">
<van-radio style="display: flex; margin-top: 10px;" name="1">e签宝人脸识别</van-radio>
</van-radio-group>
</view>
</view>
</view>
</form>
<view class="btn" catchtap="toStep" wx:if="{{step === 2}}">进行认证</view>
<view class="btn" catchtap="sendCode" wx:if="{{step === 3}}">立即认证</view>
</view>
<signButton wx:if="{{is_real_name && real_name_auth_set.auth_scene && util.inOf(real_name_auth_set.auth_scene,'1') < 0}}" shoSign="{{false}}" home="{{'/packageG/index/index'}}"></signButton>
<!-- 弹出框 -->
<van-popup
show="{{protocolShow}}"
position="right"
overlay="{{false}}"
custom-style="width: 100%; height: 100%;"
>
<view class="protocolcontent">
<van-nav-bar
title="{{is_real_name ? agreement.title : '实名认证服务协议'}}"
left-text="返回"
right-text=""
left-arrow
bind:click-left="closePopup"
style="position: sticky; top: 0;"
/>
<view style="padding: 10px;">
<rich-text nodes="{{is_real_name ? agreement.content : agreement.auth_agreement_desc }}"></rich-text>
</view>
</view>
</van-popup>
<van-popup
show="{{realNameProtocolShow}}"
position="right"
overlay="{{false}}"
custom-style="width: 100%; height: 100%;"
>
<view class="protocolcontent">
<van-nav-bar
title="实名认证服务协议"
left-text="返回"
right-text=""
left-arrow
bind:click-left="closePopup"
style="position: sticky; top: 0;"
/>
<view style="padding: 10px;">
<rich-text nodes="{{real_name_auth_set.content}}"></rich-text>
</view>
</view>
</van-popup>
</view>