From af9d1995090196c6bdde1d0f8259159b5ea682f1 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 9 Sep 2025 14:03:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E5=90=8D=E8=AE=A4=E8=AF=810.5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../realNameAuthentication.js                 |   6 +
 .../facialRecognition/facialRecognition.vue   |  29 ++
 pages.json                                    |  14 +
 pages/profile/profile.vue                     |   2 +-
 .../realNameAuthentication.vue                | 371 ++++++++++--------
 5 files changed, 259 insertions(+), 163 deletions(-)
 create mode 100644 page_user/facialRecognition/facialRecognition.vue

diff --git a/api/realNameAuthentication/realNameAuthentication.js b/api/realNameAuthentication/realNameAuthentication.js
index 0e5166f..ed8ce8c 100644
--- a/api/realNameAuthentication/realNameAuthentication.js
+++ b/api/realNameAuthentication/realNameAuthentication.js
@@ -21,3 +21,9 @@ export function putRealName(data) {
     throw error
   })
 }
+
+export function refreshRealName() {
+  return request({
+    url: '/app/realName/refreshRealName',
+  })
+}
diff --git a/page_user/facialRecognition/facialRecognition.vue b/page_user/facialRecognition/facialRecognition.vue
new file mode 100644
index 0000000..c0aa553
--- /dev/null
+++ b/page_user/facialRecognition/facialRecognition.vue
@@ -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>
diff --git a/pages.json b/pages.json
index 7d57e3b..0eb4169 100644
--- a/pages.json
+++ b/pages.json
@@ -149,6 +149,20 @@
             "navigationBarTitleText": "添加设备",
             "enablePullDownRefresh": false
           }
+        },
+        {
+        	"path" : "facialRecognition/facialRecognition",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : ""
+        	}
+        },
+        {
+        	"path" : "web-view/web-view",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : ""
+        	}
         }
       ]
     }
diff --git a/pages/profile/profile.vue b/pages/profile/profile.vue
index a9e81f6..1a65058 100644
--- a/pages/profile/profile.vue
+++ b/pages/profile/profile.vue
@@ -364,7 +364,7 @@ export default {
         return
       }
       uni.navigateTo({
-        url: '/pages/realNameAuthentication/realNameAuthentication',
+        url: '/pages/realNameAuthentication/realNameAuthentication?isReal=' + this.userInfo.isReal,
       })
     },
     goToIncomeExpense() {
diff --git a/pages/realNameAuthentication/realNameAuthentication.vue b/pages/realNameAuthentication/realNameAuthentication.vue
index ffe307f..a03213f 100644
--- a/pages/realNameAuthentication/realNameAuthentication.vue
+++ b/pages/realNameAuthentication/realNameAuthentication.vue
@@ -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>