angelo
/
web-retail-h5
3
0
Fork 1
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

423
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
required
label-width="180rpx"
:label="'真实姓名'"
prop="accountName"
ref="item1"
>
<u--input
:placeholder="'请输入'"
v-model="dataForm.accountName"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'真实姓名'" label-width="180rpx"
prop="accountName" :label="'性别'"
ref="item1"> prop="sex"
<u--input :placeholder="'请输入'" ref="item1"
disabled >
v-model="dataForm.accountName"></u--input> <u-radio-group v-model="dataForm.sex" @change="radioGroupChange">
</u-form-item> <u-radio
<u-form-item required :customStyle="{ marginRight: '16rpx' }"
label-width="180rpx" v-for="(item, index) in sexList"
:label="'性别'" :key="index"
prop="sex" :name="item.value"
ref="item1"> >{{ item.label }}</u-radio
<u-radio-group v-model="dataForm.sex" >
@change="radioGroupChange"
disabled>
<u-radio :customStyle="{marginRight: '16rpx'}"
v-for="(item, index) in sexList"
:key="index"
: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
label-width="180rpx" required
:label="'证件类型'" label-width="180rpx"
prop="idName" :label="'证件类型'"
@click="showCtype = true; " prop="idName"
ref="item1"> @click="showCtype = true"
<u--input suffixIcon="arrow-right" ref="item1"
readonly >
v-model="dataForm.idName" <u--input
disabled suffixIcon="arrow-right"
:placeholder="'请选择'"> readonly
v-model="dataForm.idName"
disabled
:placeholder="'请选择'"
>
</u--input> </u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'证件号码'" label-width="180rpx"
prop="idCard" :label="'证件号码'"
ref="item1"> prop="idCard"
<u--input :placeholder="'请输入'" ref="item1"
v-model="dataForm.idCard" >
disabled></u--input> <u--input
:placeholder="'请输入'"
v-model="dataForm.idCard"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'银行名称'" label-width="180rpx"
@click="showAmount = true; " :label="'银行名称'"
prop="bankName" @click="showAmount = true"
ref="item1"> prop="bankName"
<u--input suffixIcon="arrow-right" ref="item1"
readonly >
v-model="dataForm.bankName" <u--input
disabledColor="#ffffff" suffixIcon="arrow-right"
:placeholder="'请选择'"> readonly
v-model="dataForm.bankName"
disabledColor="#ffffff"
:placeholder="'请选择'"
>
</u--input> </u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'银行卡号'" label-width="180rpx"
prop="cardNumber" :label="'银行卡号'"
ref="item1"> prop="cardNumber"
<u--input :placeholder="'请输入'" ref="item1"
v-model="dataForm.cardNumber" >
disabledColor="#F5F5F5;"></u--input> <u--input
:placeholder="'请输入'"
v-model="dataForm.cardNumber"
disabledColor="#F5F5F5;"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'开户支行'" label-width="180rpx"
prop="subBankName" :label="'开户支行'"
ref="item1"> prop="subBankName"
<u--input :placeholder="'请输入'" ref="item1"
v-model="dataForm.subBankName" >
disabledColor="#F5F5F5;"></u--input> <u--input
:placeholder="'请输入'"
v-model="dataForm.subBankName"
disabledColor="#F5F5F5;"
></u--input>
</u-form-item> </u-form-item>
<u-form-item required <u-form-item
@click="getDiqu" required
:label="'所在地区'" @click="getDiqu"
label-width="180rpx" :label="'所在地区'"
prop="theaddress"> label-width="180rpx"
<u--input v-model="dataForm.theaddress" prop="theaddress"
readonly >
suffixIcon="arrow-right" <u--input
disabledColor="#ffffff" v-model="dataForm.theaddress"
:placeholder="'请选择'"> readonly
suffixIcon="arrow-right"
disabledColor="#ffffff"
: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
:label="'详细地址'" required
class="label-style" :label="'详细地址'"
label-width="180rpx" class="label-style"
prop="address"> label-width="180rpx"
<u-textarea v-model="dataForm.address" prop="address"
placeholder-class="place-class" >
class="border-color" <u-textarea
maxlength="200" v-model="dataForm.address"
:placeholder="'请输入'" /> placeholder-class="place-class"
class="border-color"
maxlength="200"
:placeholder="'请输入'"
/>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item required <u-form-item
label-width="180rpx" required
:label="'联系方式'" label-width="180rpx"
prop="phone" :label="'联系方式'"
ref="item1"> prop="phone"
<u--input v-model="dataForm.phone" ref="item1"
: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
label-width="180rpx" required
:label="'验证码'" label-width="180rpx"
prop="verificationCode" :label="'验证码'"
ref="item1"> prop="verificationCode"
<u--input v-model="dataForm.verificationCode" ref="item1"
: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"
@change="codeChange"></u-code> ></u-code>
<u-picker @cancel='showAmount=false' <u-picker
:show="showAmount" @cancel="showAmount = false"
ref="uPicker" :show="showAmount"
:columns="bankCardChioceList" ref="uPicker"
@confirm="confirm" :columns="bankCardChioceList"
keyName='bankName'></u-picker> @confirm="confirm"
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
:closeable="true" :show="agreeMent"
@close="agreeMent=false" :closeable="true"
:round="10" @close="agreeMent = false"
class="popAll" :round="10"
mode="center"> class="popAll"
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
@getAddressData="AddressData" ref="address"
:defaultCode="defaultCode" @getAddressData="AddressData"
@addressData="addressData"></v-address> :defaultCode="defaultCode"
@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,45 +556,37 @@ 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) { this.$refs.uForm
uni.showToast({ .validate()
title: '请阅读推广人员服务协议', .then(res => {
icon: 'none', ban
duration: 1500, .addAuthentication(this.dataForm)
.then(res => {
if (res.code == 200) {
uni.$u.toast(res.msg)
setTimeout(() => {
uni.navigateBack()
}, 1500)
} else {
uni.$u.toast(res.msg)
}
})
.catch(err => {})
})
.catch(errors => {
uni.$u.toast('校验失败')
return false
}) })
} else {
this.$refs.uForm
.validate()
.then((res) => {
ban
.addAuthentication(this.dataForm)
.then((res) => {
if (res.code == 200) {
uni.$u.toast(res.msg)
setTimeout(() => {
uni.navigateBack()
}, 1500)
} else {
uni.$u.toast(res.msg)
}
})
.catch((err) => {})
})
.catch((errors) => {
uni.$u.toast('校验失败')
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;
@ -676,4 +697,4 @@ export default {
.disflx { .disflx {
margin-top: 10px; margin-top: 10px;
} }
</style> </style>