实名认证0.5
This commit is contained in:
WindowBird
parent
6540646b69
commit
af9d199509
|
|
@ -21,3 +21,9 @@ export function putRealName(data) {
|
|||
throw error
|
||||
})
|
||||
}
|
||||
|
||||
export function refreshRealName() {
|
||||
return request({
|
||||
url: '/app/realName/refreshRealName',
|
||||
})
|
||||
}
|
||||
|
|
|
|||
29
page_user/facialRecognition/facialRecognition.vue
Normal file
29
page_user/facialRecognition/facialRecognition.vue
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<web-view ref="webview" :src="https" @message="handleGetMessage"></web-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
https: '',
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.https = decodeURIComponent(option.https)
|
||||
console.log(option)
|
||||
},
|
||||
methods: {
|
||||
handleGetMessage: function (e) {
|
||||
console.log(e)
|
||||
if (e.detail.data[0].result == 'success') {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
14
pages.json
14
pages.json
|
|
@ -149,6 +149,20 @@
|
|||
"navigationBarTitleText": "添加设备",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "facialRecognition/facialRecognition",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "web-view/web-view",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -364,7 +364,7 @@ export default {
|
|||
return
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/realNameAuthentication/realNameAuthentication',
|
||||
url: '/pages/realNameAuthentication/realNameAuthentication?isReal=' + this.userInfo.isReal,
|
||||
})
|
||||
},
|
||||
goToIncomeExpense() {
|
||||
|
|
|
|||
|
|
@ -1,195 +1,242 @@
|
|||
<template>
|
||||
<view class="real-name-page">
|
||||
<!-- 头部区域 -->
|
||||
<view class="page">
|
||||
<custom-nav-bar :fill="false" :show-back="true" background-color="transparent" title="" />
|
||||
<view class="header">
|
||||
<image :src="realName" class="agent-background" mode="widthFix"></image>
|
||||
<view class="main-content">
|
||||
<!-- 表单卡片 -->
|
||||
<view class="form-card">
|
||||
<view class="form-title">请输入您的有效身份信息</view>
|
||||
|
||||
<view class="form-row">
|
||||
<view class="row-label">姓名</view>
|
||||
<input
|
||||
:value="form.realName"
|
||||
class="row-input"
|
||||
confirm-type="done"
|
||||
placeholder="请填写姓名"
|
||||
placeholder-class="input-placeholder"
|
||||
type="text"
|
||||
@input="e => (form.realName = e.detail.value)"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<view class="row-label">身份证号</view>
|
||||
<input
|
||||
:value="form.idCard"
|
||||
class="row-input"
|
||||
confirm-type="done"
|
||||
placeholder="请填写身份证号"
|
||||
placeholder-class="input-placeholder"
|
||||
type="idcard"
|
||||
@input="e => (form.idCard = e.detail.value)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<image class="bj" mode="" src="https://api.ccttiot.com/image-1757389708427.png"></image>
|
||||
<view v-if="isReal === false" class="sfxx">
|
||||
<view class="tit"> 请输入您的有效身份信息</view>
|
||||
<view class="name"> 姓名 <input v-model="name" placeholder="请填写姓名" type="text" /></view>
|
||||
<view class="name">
|
||||
身份证号 <input v-model="zfzh" placeholder="请填写身份证号" type="text" />
|
||||
</view>
|
||||
<view class="" style="width: 100%; text-align: center; margin-top: 20rpx; color: #ccc">
|
||||
您当前还未完成实名认证
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 底部提交按钮 -->
|
||||
<view class="footer">
|
||||
<button class="submit-btn" @click="handleSubmit">提交</button>
|
||||
<view v-else class="sfxx">
|
||||
<view class="tit"> 请输入您的有效身份信息</view>
|
||||
<view class="name">
|
||||
姓名 <input v-model="name" :disabled="true" placeholder="请填写姓名" type="text" />
|
||||
</view>
|
||||
<view class="name">
|
||||
身份证号 <input v-model="zfzh" :disabled="true" placeholder="请填写身份证号" type="text" />
|
||||
</view>
|
||||
<view class="" style="width: 100%; text-align: center; margin-top: 20rpx; color: #ccc">
|
||||
您当前已完成实名认证
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="isReal === false" class="anniu" @click="btnshiming">
|
||||
<!-- <text>进入人脸识别</text> -->
|
||||
<text>提交</text>
|
||||
</view>
|
||||
|
||||
<!-- 主要内容区域 -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { onShareAppMessage } from '@dcloudio/uni-app'
|
||||
|
||||
onShareAppMessage(e => {
|
||||
return {}
|
||||
})
|
||||
import {
|
||||
putRealName,
|
||||
refreshRealName,
|
||||
} from '../../api/realNameAuthentication/realNameAuthentication'
|
||||
|
||||
export default {
|
||||
name: 'AgentsPage',
|
||||
|
||||
data() {
|
||||
return {
|
||||
realName: 'https://api.ccttiot.com/image-1757311888771.png',
|
||||
form: {
|
||||
realName: '',
|
||||
idCard: '',
|
||||
bgc: {
|
||||
backgroundColor: '',
|
||||
},
|
||||
name: '',
|
||||
zfzh: '',
|
||||
isReal: false,
|
||||
backData: null,
|
||||
smflag: true,
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
onLoad() {},
|
||||
onLoad(option) {
|
||||
if (option.isReal) {
|
||||
console.log('用户实名', option.isReal)
|
||||
this.isReal = option.isReal
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
// if (this.backData === true) {
|
||||
// console.log('接收数据:', this.backData);
|
||||
// this.getshuaxin();
|
||||
// this.backData = null; // 重置
|
||||
// }
|
||||
},
|
||||
methods: {
|
||||
// 校验：中文姓名（含·） 2-20 位
|
||||
validateName(value) {
|
||||
const nameReg = /^[\u4e00-\u9fa5·]{2,20}$/
|
||||
return nameReg.test((value || '').trim())
|
||||
// 刷新人脸识别是否成功
|
||||
getshuaxin() {
|
||||
refreshRealName().then(res => {
|
||||
if (res.code === 200) {
|
||||
if (res.data.pass === true) {
|
||||
let realNameType = res.data.realNameType
|
||||
let infoId = res.data.infoId
|
||||
uni.showModal({
|
||||
title: '温馨提示',
|
||||
content: `人脸认证成功`,
|
||||
showCancel: false,
|
||||
success: function (res) {
|
||||
uni.navigateBack()
|
||||
},
|
||||
})
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: '温馨提示',
|
||||
content: `人脸认证失败`,
|
||||
showCancel: false,
|
||||
success: function (res) {
|
||||
uni.navigateBack()
|
||||
},
|
||||
})
|
||||
}
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: '温馨提示',
|
||||
content: `人脸认证失败`,
|
||||
showCancel: false,
|
||||
success: function (res) {
|
||||
uni.navigateBack()
|
||||
},
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 校验：二代身份证 18 位，最后一位可为 X/x
|
||||
validateIdCard(value) {
|
||||
const idReg = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/
|
||||
return idReg.test((value || '').trim())
|
||||
// 自定义返回
|
||||
btnfh() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
// 点击进行实名认证
|
||||
btnshiming() {
|
||||
if (this.smflag === true) {
|
||||
this.smflag = false
|
||||
let data = {
|
||||
userName: this.name,
|
||||
idCard: this.zfzh,
|
||||
}
|
||||
putRealName(data).then(res => {
|
||||
if (res.code === 200) {
|
||||
// page_user/facialRecognition/facialRecognition
|
||||
let https = encodeURIComponent(res.data.jumpUrl)
|
||||
this.backData = true
|
||||
uni.navigateTo({
|
||||
url: ' page_user/facialRecognition/facialRecognition?https=' + https,
|
||||
})
|
||||
} else if (res.code === 500 && res.msg === null) {
|
||||
uni.showToast({
|
||||
title: '已提交，请等待系统反馈',
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
})
|
||||
this.smflag = true
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
})
|
||||
this.smflag = true
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 提交实名信息
|
||||
handleSubmit() {
|
||||
if (!this.validateName(this.form.realName)) {
|
||||
return uni.showToast({ title: '请输入正确的姓名', icon: 'none' })
|
||||
}
|
||||
if (!this.validateIdCard(this.form.idCard)) {
|
||||
return uni.showToast({ title: '请输入正确的身份证号', icon: 'none' })
|
||||
}
|
||||
// TODO: 调用实名提交接口
|
||||
uni.showToast({ title: '提交成功', icon: 'success' })
|
||||
// this.$u.put(`/app/realName/realName`,data).then(res =>{ //人脸
|
||||
// if(res.code === 200){
|
||||
// let https = encodeURIComponent(res.data.jumpUrl)
|
||||
// this.backData = true
|
||||
// uni.navigateTo({
|
||||
// url:'/page_fenbao/renlian?https=' + https
|
||||
// })
|
||||
// }else{
|
||||
// uni.showToast({
|
||||
// title: res.msg,
|
||||
// icon: 'none',
|
||||
// duration: 2000
|
||||
// })
|
||||
// }
|
||||
// })
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.real-name-page {
|
||||
position: relative;
|
||||
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
// 头部区域
|
||||
.header {
|
||||
position: relative;
|
||||
|
||||
.agent-background {
|
||||
position: relative;
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
top: -240rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 40rpx;
|
||||
margin: 0 30rpx;
|
||||
|
||||
.form-card {
|
||||
background: #f7f7f7;
|
||||
border-radius: 24rpx;
|
||||
padding: 24rpx;
|
||||
|
||||
.form-title {
|
||||
background: #efefef;
|
||||
border-radius: 16rpx;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #ffffff;
|
||||
border-radius: 50rpx;
|
||||
padding: 0 24rpx;
|
||||
height: 88rpx;
|
||||
margin: 20rpx 12rpx;
|
||||
|
||||
.row-label {
|
||||
width: 150rpx;
|
||||
color: #666666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.row-input {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
line-height: 88rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.input-placeholder {
|
||||
color: #bdbdbd;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
<style lang="scss">
|
||||
.anniu {
|
||||
width: 750rpx;
|
||||
height: 174rpx;
|
||||
background: #ffffff;
|
||||
box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
line-height: 174rpx;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 40rpx;
|
||||
padding: 0 30rpx;
|
||||
bottom: 0;
|
||||
|
||||
.submit-btn {
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 100rpx;
|
||||
background: #3a8dff;
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.submit-btn.disabled {
|
||||
background: #c7d7ff;
|
||||
text {
|
||||
display: inline-block;
|
||||
width: 682rpx;
|
||||
height: 84rpx;
|
||||
background: #f15a04;
|
||||
border-radius: 42rpx 42rpx 42rpx 42rpx;
|
||||
text-align: center;
|
||||
line-height: 84rpx;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
// 主要内容区域
|
||||
.sfxx {
|
||||
width: 676rpx;
|
||||
height: 480rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
margin: auto;
|
||||
margin-top: 460rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.name {
|
||||
width: 624rpx;
|
||||
height: 92rpx;
|
||||
margin: auto;
|
||||
background: #efefef;
|
||||
border-radius: 46rpx 46rpx 46rpx 46rpx;
|
||||
margin-top: 46rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
color: #3d3d3d;
|
||||
padding-left: 40rpx;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
|
||||
input {
|
||||
width: 430rpx;
|
||||
padding-right: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.tit {
|
||||
width: 676rpx;
|
||||
height: 118rpx;
|
||||
background: #efefef;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3d3d3d;
|
||||
line-height: 118rpx;
|
||||
padding-left: 38rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bj {
|
||||
width: 750rpx;
|
||||
height: 696rpx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user