From 71676d776e2d8a19a59c679db57b47aaded308f6 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 8 Sep 2025 15:11:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AE=9E=E5=90=8D=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81=E9=9D=99=E6=80=81=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 enum/commonEnum.js                            |   4 +-
 pages.json                                    |   6 +
 pages/profile/profile.vue                     |  19 ++
 .../realNameAuthentication.vue                | 195 ++++++++++++++++++
 4 files changed, 223 insertions(+), 1 deletion(-)
 create mode 100644 pages/realNameAuthentication/realNameAuthentication.vue

diff --git a/enum/commonEnum.js b/enum/commonEnum.js
index c174117..633deb0 100644
--- a/enum/commonEnum.js
+++ b/enum/commonEnum.js
@@ -19,7 +19,9 @@ export const commonEnum = {
   COIN_BACKGROUND: 'https://api.ccttiot.com/image-1755070887001.png',
   REQUEST_AGENT: 'https://api.ccttiot.com/image-1755071317260.png',
   AGENCY_INTERESTS: 'https://api.ccttiot.com/image-1755071348347.png',
-  ONLINE_CUSTOMER_SERVICE: 'https://api.ccttiot.com/image-1755071362176.png',
+  ONLINE_CUSTOMER_SERVICE: 'https://api.ccttiot.com/image-1755071362176.png', //在线客服
+  Real_Name_Authentication:
+    'https://api.ccttiot.com/%E5%AE%9E%E5%90%8D%E8%AE%A4%E8%AF%81-1757309969703.png', //实名认证图标
   SET: 'https://api.ccttiot.com/image-1755071734792.png',
   GIFT: 'https://api.ccttiot.com/image-1755071830648.png',
   //业务代理
diff --git a/pages.json b/pages.json
index ec34654..7d57e3b 100644
--- a/pages.json
+++ b/pages.json
@@ -117,6 +117,12 @@
     	{
     		"navigationBarTitleText" : "test"
     	}
+    },
+    {
+    	"path" : "pages/realNameAuthentication/realNameAuthentication",
+    	"style" : {
+			 "navigationStyle": "custom"
+		}
     }
   ],
   "subPackages": [
diff --git a/pages/profile/profile.vue b/pages/profile/profile.vue
index 0e23aa4..a9e81f6 100644
--- a/pages/profile/profile.vue
+++ b/pages/profile/profile.vue
@@ -104,6 +104,7 @@
           </view>
           <text class="function-text">我的订单</text>
         </view>
+
         <view class="function-item" @click="showServiceModal">
           <view class="function-icon">
             <image
@@ -114,6 +115,16 @@
           </view>
           <text class="function-text">在线客服</text>
         </view>
+        <view class="function-item" @click="goToRealNameAuthentication">
+          <view class="function-icon">
+            <image
+              :src="commonEnum.Real_Name_Authentication"
+              class="function-img"
+              mode="aspectFit"
+            ></image>
+          </view>
+          <text class="function-text">实名认证</text>
+        </view>
         <view v-if="isSysAdmin" class="function-item" @click="goToDeviceEntry">
           <view class="function-icon">
             <image :src="commonEnum.AGENCY_INTERESTS" class="function-img" mode="aspectFit"></image>
@@ -348,6 +359,14 @@ export default {
         url: '/pages/myOrder/myOrder',
       })
     },
+    goToRealNameAuthentication() {
+      if (checkLoginStatus()) {
+        return
+      }
+      uni.navigateTo({
+        url: '/pages/realNameAuthentication/realNameAuthentication',
+      })
+    },
     goToIncomeExpense() {
       uni.navigateTo({
         url: '/pages/cashFlow/cashFlow',
diff --git a/pages/realNameAuthentication/realNameAuthentication.vue b/pages/realNameAuthentication/realNameAuthentication.vue
new file mode 100644
index 0000000..ffe307f
--- /dev/null
+++ b/pages/realNameAuthentication/realNameAuthentication.vue
@@ -0,0 +1,195 @@
+<template>
+  <view class="real-name-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>
+      </view>
+    </view>
+
+    <!-- 底部提交按钮 -->
+    <view class="footer">
+      <button class="submit-btn" @click="handleSubmit">提交</button>
+    </view>
+
+    <!-- 主要内容区域 -->
+  </view>
+</template>
+
+<script>
+import { onShareAppMessage } from '@dcloudio/uni-app'
+
+onShareAppMessage(e => {
+  return {}
+})
+
+export default {
+  name: 'AgentsPage',
+
+  data() {
+    return {
+      realName: 'https://api.ccttiot.com/image-1757311888771.png',
+      form: {
+        realName: '',
+        idCard: '',
+      },
+    }
+  },
+  computed: {},
+  onLoad() {},
+  methods: {
+    // 校验：中文姓名（含·） 2-20 位
+    validateName(value) {
+      const nameReg = /^[\u4e00-\u9fa5·]{2,20}$/
+      return nameReg.test((value || '').trim())
+    },
+    // 校验：二代身份证 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())
+    },
+
+    // 提交实名信息
+    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' })
+    },
+  },
+}
+</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 {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 40rpx;
+  padding: 0 30rpx;
+
+  .submit-btn {
+    height: 88rpx;
+    line-height: 88rpx;
+    border-radius: 100rpx;
+    background: #3a8dff;
+    color: #ffffff;
+    font-size: 30rpx;
+  }
+
+  .submit-btn.disabled {
+    background: #c7d7ff;
+    color: #ffffff;
+  }
+}
+
+// 主要内容区域
+</style>