angelo
/
web-base-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(realName): 实名认证去除部分字段

This commit is contained in:
ywk 2025-04-09 10:20:50 +08:00
parent f72f4930fa
commit 4edb5d9190
1 changed files with 222 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

251
pages/selfService/realName/realName.vue
View File

@ -1,19 +1,19 @@
<template> <template>
<view class="content"> <view class="content">
<div class="img_cen" <div class="img_cen" v-if="hasRegin">
v-if="hasRegin">
<div class="status-img"> <div class="status-img">
<img src="@/static/images/status3.png" /> <img src="@/static/images/status3.png" />
</div> </div>
<div class="status-size bolds">{{ '已认证' }}</div> <div class="status-size bolds">{{ '已认证' }}</div>
</div> </div>
<view class="theform" <view class="theform" v-else>
v-else> <u--form
<u--form labelPosition="left" labelPosition="left"
:model="dataForm" :model="dataForm"
:rules="rules" :rules="rules"
ref="uForm"> ref="uForm"
<u-form-item required >
<!-- <u-form-item required
label-width="180rpx" label-width="180rpx"
:label="'证件(正面)'"> :label="'证件(正面)'">
<uploadImg :ifsfz='true' <uploadImg :ifsfz='true'
@ -24,8 +24,8 @@
:bgimg="`../../../static/images/idCard1.png`" :bgimg="`../../../static/images/idCard1.png`"
v-model="dataForm.idFront"></uploadImg> v-model="dataForm.idFront"></uploadImg>
</u-form-item> </u-form-item> -->
<u-form-item required <!-- <u-form-item required
label-width="180rpx" label-width="180rpx"
:label="'证件(反面)'"> :label="'证件(反面)'">
<uploadImg :ifsfz='true' <uploadImg :ifsfz='true'
@ -36,151 +36,186 @@
:bgimg="`../../../static/images/idCard2.png`" :bgimg="`../../../static/images/idCard2.png`"
v-model="dataForm.idBack"></uploadImg> v-model="dataForm.idBack"></uploadImg>
</u-form-item> </u-form-item> -->
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'真实姓名'" :label="'真实姓名'"
prop="accountName" prop="accountName"
ref="item1"> ref="item1"
<u--input :placeholder="'请输入'" >
disabled <u--input
v-model="dataForm.accountName"></u--input> :placeholder="'请输入'"
v-model="dataForm.accountName"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'性别'" :label="'性别'"
prop="sex" prop="sex"
ref="item1"> ref="item1"
<u-radio-group v-model="dataForm.sex" >
@change="radioGroupChange" <u-radio-group v-model="dataForm.sex" @change="radioGroupChange">
disabled> <u-radio
<u-radio :customStyle="{marginRight: '16rpx'}" :customStyle="{ marginRight: '16rpx' }"
v-for="(item, index) in sexList" v-for="(item, index) in sexList"
:key="index" :key="index"
:name="item.value">{{ item.label }}</u-radio> :name="item.value"
>{{ item.label }}</u-radio
>
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
<!-- </u-form-item> --> <!-- </u-form-item> -->
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'证件类型'" :label="'证件类型'"
prop="idName" prop="idName"
@click="showCtype = true; " @click="showCtype = true"
ref="item1"> ref="item1"
<u--input suffixIcon="arrow-right" >
<u--input
suffixIcon="arrow-right"
readonly readonly
v-model="dataForm.idName" v-model="dataForm.idName"
disabled disabled
:placeholder="'请选择'"> :placeholder="'请选择'"
>
</u--input> </u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'证件号码'" :label="'证件号码'"
prop="idCard" prop="idCard"
ref="item1"> ref="item1"
<u--input :placeholder="'请输入'" >
<u--input
:placeholder="'请输入'"
v-model="dataForm.idCard" v-model="dataForm.idCard"
disabled></u--input> ></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'银行名称'" :label="'银行名称'"
@click="showAmount = true; " @click="showAmount = true"
prop="bankName" prop="bankName"
ref="item1"> ref="item1"
<u--input suffixIcon="arrow-right" >
<u--input
suffixIcon="arrow-right"
readonly readonly
v-model="dataForm.bankName" v-model="dataForm.bankName"
disabledColor="#ffffff" disabledColor="#ffffff"
:placeholder="'请选择'"> :placeholder="'请选择'"
>
</u--input> </u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'银行卡号'" :label="'银行卡号'"
prop="cardNumber" prop="cardNumber"
ref="item1"> ref="item1"
<u--input :placeholder="'请输入'" >
<u--input
:placeholder="'请输入'"
v-model="dataForm.cardNumber" v-model="dataForm.cardNumber"
disabledColor="#F5F5F5;"></u--input> disabledColor="#F5F5F5;"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'开户支行'" :label="'开户支行'"
prop="subBankName" prop="subBankName"
ref="item1"> ref="item1"
<u--input :placeholder="'请输入'" >
<u--input
:placeholder="'请输入'"
v-model="dataForm.subBankName" v-model="dataForm.subBankName"
disabledColor="#F5F5F5;"></u--input> disabledColor="#F5F5F5;"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
required
@click="getDiqu" @click="getDiqu"
:label="'所在地区'" :label="'所在地区'"
label-width="180rpx" label-width="180rpx"
prop="theaddress"> prop="theaddress"
<u--input v-model="dataForm.theaddress" >
<u--input
v-model="dataForm.theaddress"
readonly readonly
suffixIcon="arrow-right" suffixIcon="arrow-right"
disabledColor="#ffffff" disabledColor="#ffffff"
:placeholder="'请选择'"> :placeholder="'请选择'"
>
</u--input> </u--input>
</u-form-item> </u-form-item>
<view class="view-class"> <view class="view-class">
<u-form-item required <u-form-item
required
:label="'详细地址'" :label="'详细地址'"
class="label-style" class="label-style"
label-width="180rpx" label-width="180rpx"
prop="address"> prop="address"
<u-textarea v-model="dataForm.address" >
<u-textarea
v-model="dataForm.address"
placeholder-class="place-class" placeholder-class="place-class"
class="border-color" class="border-color"
maxlength="200" maxlength="200"
:placeholder="'请输入'" /> :placeholder="'请输入'"
/>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item required <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'联系方式'" :label="'联系方式'"
prop="phone" prop="phone"
ref="item1"> ref="item1"
<u--input v-model="dataForm.phone" >
:placeholder="'请输入'"></u--input> <u--input v-model="dataForm.phone" :placeholder="'请输入'"></u--input>
</u-form-item> </u-form-item>
<u-form-item required <!-- <u-form-item
required
label-width="180rpx" label-width="180rpx"
:label="'验证码'" :label="'验证码'"
prop="verificationCode" prop="verificationCode"
ref="item1"> ref="item1"
<u--input v-model="dataForm.verificationCode" >
:placeholder="'请输入'"> <u--input v-model="dataForm.verificationCode" :placeholder="'请输入'">
<template slot="suffix"> <template slot="suffix">
<text style="color: #18ACFF;" <text style="color: #18acff" @tap="getCode">{{ tips }}</text>
@tap='getCode'>{{tips}}</text>
</template> </template>
</u--input> </u--input>
</u-form-item> -->
</u-form-item> <u-code
:seconds="seconds"
<u-code :seconds="seconds"
@end="end" @end="end"
@start="start" @start="start"
ref="uCode" ref="uCode"
@change="codeChange"></u-code> @change="codeChange"
<u-picker @cancel='showAmount=false' ></u-code>
<u-picker
@cancel="showAmount = false"
:show="showAmount" :show="showAmount"
ref="uPicker" ref="uPicker"
:columns="bankCardChioceList" :columns="bankCardChioceList"
@confirm="confirm" @confirm="confirm"
keyName='bankName'></u-picker> keyName="bankName"
></u-picker>
<!-- <u-picker @cancel='showCtype=false' :show="showCtype" ref="uPicker2" :columns="cardTypeList" <!-- <u-picker @cancel='showCtype=false' :show="showCtype" ref="uPicker2" :columns="cardTypeList"
@confirm="confirm2" keyName='label'></u-picker> --> @confirm="confirm2" keyName='label'></u-picker> -->
</u--form> </u--form>
<view class="footer_l"> <!-- <view class="footer_l">
<u-checkbox-group v-model="agreementShow" <u-checkbox-group v-model="agreementShow"
shape="circle" shape="circle"
activeColor="#FB3024"> activeColor="#FB3024">
@ -191,28 +226,31 @@
<view class="tit3">{{'我已阅读并同意以上协议'}}</view> <view class="tit3">{{'我已阅读并同意以上协议'}}</view>
<view class="tit2" <view class="tit2"
@click="toAgree"> 《推广人员服务协议》</view> @click="toAgree"> 《推广人员服务协议》</view>
</view> </view> -->
<view class="btnbox"> <view class="btnbox" style="padding-bottom: 180rpx;">
<u-button class="subbtn" <u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
@click="submit">{{'确定'}}</u-button>
</view> </view>
</view> </view>
<u-popup :show="agreeMent" <u-popup
:show="agreeMent"
:closeable="true" :closeable="true"
@close="agreeMent = false" @close="agreeMent = false"
:round="10" :round="10"
class="popAll" class="popAll"
mode="center"> mode="center"
>
<view class="popList"> <view class="popList">
<view class="pop_box"> <view class="pop_box">
<view v-html="context"></view> <view v-html="context"></view>
<view class="disflx"> <view class="disflx">
<u-button
<u-button type="success" type="success"
class="uBtn" class="uBtn"
shape="circle" shape="circle"
color="linear-gradient(to right, #fb3024, #fb3024 )" color="linear-gradient(to right, #fb3024, #fb3024 )"
@tap="agreeMent=false,isRead = 1">{{ '我已阅读并同意以上协议' }}</u-button> @tap="((agreeMent = false), (isRead = 1))"
>{{ '我已阅读并同意以上协议' }}</u-button
>
</view> </view>
</view> </view>
@ -221,13 +259,14 @@
</view> --> </view> -->
</view> </view>
</u-popup> </u-popup>
<u-toast ref="uToast"></u-toast> <u-toast ref="uToast"></u-toast>
<v-address ref="address" <v-address
ref="address"
@getAddressData="AddressData" @getAddressData="AddressData"
:defaultCode="defaultCode" :defaultCode="defaultCode"
@addressData="addressData"></v-address> @addressData="addressData"
></v-address>
</view> </view>
</template> </template>
@ -262,7 +301,7 @@ export default {
idBack: '', idBack: '',
idName: '身份证', idName: '身份证',
idType: 1, idType: 1,
sex:1 sex: 1,
}, },
sexRadio: 1, sexRadio: 1,
address: '', address: '',
@ -413,7 +452,7 @@ export default {
this.agreeMent = true this.agreeMent = true
}, },
getDetail() { getDetail() {
ban.authenticationDetails().then((res) => { ban.authenticationDetails().then(res => {
if (res.data) { if (res.data) {
this.hasRegin = true this.hasRegin = true
} else { } else {
@ -421,24 +460,13 @@ export default {
} }
}) })
}, },
toCheck(e) {
if (this.isRead == 0) {
this.$nextTick(() => {
this.$set(this, 'agreementShow', [])
uni.showToast({
title: '请阅读推广人员服务协议',
icon: 'none',
duration: 1500,
})
})
}
},
getIdCardInfo(n) { getIdCardInfo(n) {
ban ban
.ocrIdCard({ .ocrIdCard({
idCardUrl: n, idCardUrl: n,
}) })
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$set(this.dataForm, 'accountName', res.data.name) this.$set(this.dataForm, 'accountName', res.data.name)
this.$set(this.dataForm, 'idCard', res.data.idCard) this.$set(this.dataForm, 'idCard', res.data.idCard)
@ -460,7 +488,7 @@ export default {
.ocrIdCardBack({ .ocrIdCardBack({
idCardBackUrl: e, idCardBackUrl: e,
}) })
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
} else { } else {
this.$nextTick(() => { this.$nextTick(() => {
@ -510,7 +538,7 @@ export default {
.getVerification({ .getVerification({
phone: this.dataForm.phone, phone: this.dataForm.phone,
}) })
.then((res) => { .then(res => {
uni.hideLoading() uni.hideLoading()
// 这里此提示会被this.start()方法中的提示覆盖 // 这里此提示会被this.start()方法中的提示覆盖
uni.$u.toast('验证码已发送') uni.$u.toast('验证码已发送')
@ -528,29 +556,22 @@ export default {
end() {}, end() {},
start() {}, start() {},
getList() { getList() {
ban.getBankCardChoiceList().then((res) => { ban.getBankCardChoiceList().then(res => {
this.bankCardChioceList = [res.data] this.bankCardChioceList = [res.data]
}) })
//证件类型 //证件类型
ban.getCardType().then((res) => { ban.getCardType().then(res => {
this.cardTypeList = [res.data] this.cardTypeList = [res.data]
}) })
}, },
submit() { submit() {
if (this.agreementShow.length == 0) {
uni.showToast({
title: '请阅读推广人员服务协议',
icon: 'none',
duration: 1500,
})
} else {
this.$refs.uForm this.$refs.uForm
.validate() .validate()
.then((res) => { .then(res => {
ban ban
.addAuthentication(this.dataForm) .addAuthentication(this.dataForm)
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
uni.$u.toast(res.msg) uni.$u.toast(res.msg)
setTimeout(() => { setTimeout(() => {
@ -560,13 +581,12 @@ export default {
uni.$u.toast(res.msg) uni.$u.toast(res.msg)
} }
}) })
.catch((err) => {}) .catch(err => {})
}) })
.catch((errors) => { .catch(errors => {
uni.$u.toast('校验失败') uni.$u.toast('校验失败')
return false return false
}) })
}
}, },
confirm2(e) { confirm2(e) {
this.dataForm.idName = e.value[0].label this.dataForm.idName = e.value[0].label
@ -590,7 +610,8 @@ export default {
} }
.content { .content {
background: #f2f2f2; padding: 0 20rpx;
background: #fff;
.uni-textarea { .uni-textarea {
height: 100rpx; height: 100rpx;