2025/07/24 APP端人脸

api/index.js

@@ -1,4 +1,4 @@
-import {post, upload, uploads,videoApiGet} from "@/utils/request";
+import {post, upload, uploads,videoApiGet,loginRequest} from "@/utils/request";
 
 export const submitLogin = (params) => post("/sys/login", params) // 登录
 export const getUserInfo = (params) => post("/sys/user/info/app", params); // 获取用户信息

pages.json

@@ -821,6 +821,12 @@
         "navigationBarTitleText" : "股份公司车辆管理"
       }
     },
+    {
+      "path": "pages/mine/face/face_authentication",
+      "style": {
+        "navigationBarTitleText": "人脸认证"
+      }
+    },
     {
       "path" : "pages/door_access_control/share_office_vehicle_info/add",
       "style" : {

pages/mine/face/face_authentication.nvue

@@ -0,0 +1,138 @@
+<template>
+	<view class="container">
+		<view class="fat">
+			<text class="fatt">请将人脸置于圆圈内</text>
+		</view>
+		<view class="livefater">
+			<view style="width: 700upx; height: 700upx; border-radius: 700upx; overflow: hidden">
+				<live-pusher id="livePusher" ref="livePusher" class="livePusher" url="" mode="SD" :muted="true"
+					:enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2" aspect="1:1" />
+			</view>
+			<cover-image src="/static/images/gaiz.png" class="gaiimg"></cover-image>
+		</view>
+
+		<view style="margin: 0 100upx">
+			<u-button :text="btnTextStr" type="primary" @click="snapshot" />
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		submitEditUserFace,
+		compareUserFaceCertify,
+		compareUserExamFaceCertify
+	} from '@/api';
+	
+	export default {
+		data() {
+			return {
+				startPreviewTimer: null, // 开始预览计时器实例
+				btnTextStr: '拍照'
+			}
+		},
+		onReady() {
+			this.context = uni.createLivePusherContext('livePusher', this)
+			this.startPreviewTimer = setInterval(() => {
+				this.startPreview()
+			}, 1000)
+		},
+		onUnload() {
+			this.startPreviewTimer && clearInterval(this.startPreviewTimer)
+		},
+		methods: {
+			snapshot() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.context.snapshot({
+					success: (e) => {
+						this.getMinImage(e.message.tempImagePath)
+					}
+				})
+			},
+			startPreview() {
+				this.context.stopPreview()
+				this.context.startPreview({
+					success: () => {
+						this.startPreviewTimer && clearInterval(this.startPreviewTimer)
+					}
+				})
+			},
+			getMinImage(imgPath) {
+				plus.zip.compressImage({
+						src: imgPath,
+						dst: imgPath,
+						overwrite: true,
+						quality: 40
+					},
+					(zipRes) => {
+						setTimeout(() => {
+							const reader = new plus.io.FileReader()
+							reader.onloadend = async (res) => {
+								const speech = res.target.result
+								// 获取 base 64 图片编码的前缀
+								const USERAVATARPREFIX = speech.substring(0, speech.indexOf(
+									'base64,') + 7)
+								// 获取 base 64 图片的二进制到文本
+								const USERAVATARURL = speech.substring(speech.indexOf('base64,') + 7)
+								try {
+									// 	TODO  USERAVATARPREFIX   USERAVATARURL
+									// 调用 API 提交人脸图片
+									const fullBase64 = USERAVATARPREFIX + USERAVATARURL;
+									console.log(fullBase64)
+									console.log(this.$store.getters.getUserInfo.USER_ID)
+								    const res = await submitEditUserFace({ faceData: fullBase64, userId: this.$store.getters.getUserInfo.USER_ID });
+								    uni.hideLoading();
+								    uni.$u.toast('上传成功');
+									uni.navigateBack({ delta: 1 });
+								} catch (e) {
+									if (e && e.msg) {
+										uni.$u.toast(e.msg)
+									}
+								}
+							}
+							reader.readAsDataURL(plus.io.convertLocalFileSystemURL(zipRes.target))
+						}, 4000)
+					}
+				)
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.container {
+		background-color: #fff;
+	}
+
+	.livePusher {
+		width: 700upx;
+		height: 700upx;
+	}
+
+	.livefater {
+		display: flex;
+		justify-content: center;
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 100upx;
+		height: 700upx;
+	}
+
+	.fat {
+		margin: 100upx;
+	}
+
+	.fatt {
+		text-align: center;
+		font-size: 36upx;
+		font-weight: 800;
+	}
+
+	.gaiimg {
+		width: 700upx;
+		height: 700upx;
+		margin-top: -700upx;
+	}
+</style>

pages/mine/index/index.vue

@@ -61,6 +61,10 @@ export default {
           img: require('../../../static/images/my_ico1.png'),
           name:'个人信息',
         },
+        {
+          img: require('../../../static/images/my_ico2.png'),
+          name: '人脸认证',
+        },
         {
           img: require('../../../static/images/my_ico3.png'),
           name:'问题反馈',
@@ -137,11 +141,17 @@ export default {
         url: '/pages/mine/promise/promise'
       })
     },
+    faceAuthentication() {
+      uni.navigateTo({
+        url: '/pages/mine/face/face_authentication'
+      })
+    },
     clickItem(name){
       if(name === '个人信息') this.goabout()
       if(name === '问题反馈') this.feedbackclick()
       if(name === '安全承诺') this.promiseclick()
       if(name === '修改密码') this.pwdclick()
+      if(name === '人脸认证') this.faceAuthentication()
 	  // #ifdef APP-PLUS
       if(name === '版本更新') this.fnUpdateVersion()
 	  // #endif

utils/request.js

@@ -226,6 +226,51 @@ function videoApiGet(url, data) {
     })
 }
 
+function loginRequest(url, data = {}) {
+    return new Promise((resolve, reject) => {
+        if (data && data.loading !== false) {
+            uni.showLoading({
+                title: "加载中",
+                mask: true,
+            });
+        }
+        uni.request({
+            url: requestPath + url,
+            data: {
+                ...data,
+            },
+            header: {
+                "Content-type": data?.postMethod || "application/json",
+            },
+            method: "POST",
+            success: (res) => {
+                if (data && data.loading !== false) {
+                    uni.hideLoading();
+                }
+                if (res.data.result === "success") {
+                    resolve(res.data);
+                } else {
+                    uni.showToast({
+                        title: res.data || "系统开小差了",
+                        icon: "none",
+                    });
+                    reject(res.data);
+                }
+            },
+            fail: (err) => {
+                if (data && data.loading !== false) {
+                    uni.hideLoading();
+                }
+                uni.showToast({
+                    title: "网络错误请重试",
+                    icon: "none",
+                });
+                reject(err);
+            },
+        });
+    });
+}
+
 setInterval(async () => {
     if (uni.getStorageSync('tokenTime') == null) return;
     if (dayjs().diff(dayjs(uni.getStorageSync('tokenTime')), "minute") >= 5) {
@@ -234,4 +279,4 @@ setInterval(async () => {
     }
 }, 1000 * 60);
 
-export {post, upload, uploads,setBasePath,videoApiGet}
+export {post, upload, uploads,setBasePath,videoApiGet,loginRequest}