手机端新增人脸登陆；

zhangz
1 parent 220d4368
Showing 2 changed files with 103 additions and 8 deletions
src/mobile/login/LoginMobile.js
src/mobile/login/LoginMobile.less
@@ -13,7 +13,8 @@ import * as commonServices from &#39;../../services/services&#39;;
 import * as commonFunc from '../../components/Common/commonFunc';
 import AppUtil from '../../utils/AppUtil';
 import * as commonUtils from '../../utils/utils';
-
+// import VConsole from 'vconsole';
+// let vConsole;
 // eslint-disable-next-line prefer-destructuring
 const alert = Modal.alert;
@@ -124,8 +125,13 @@ class LoginMobile extends React.Component {
         );
       }
     }
+    // vConsole = new VConsole();
   }
+  // componentWillUnmount() {
+  //   vConsole.destroy();
+  // }
+
   onChange = (name, newValue) => {
     if (name === 'username') {
       this.setState({ username: newValue });
@@ -138,7 +144,82 @@ class LoginMobile extends React.Component {
       loginCompany: value,
     });
   }
-  handleLogin = async () => {
+
+ takeTenPhotos = () => {
+    if (!window.plus) {
+      return Promise.reject(new Error('请在 HBuilder 打包的 App 中运行'));
+    }
+
+    return new Promise((resolve, reject) => {
+      // 调用系统相机拍照（尽量指定前置）
+      plus.camera.getCamera(1).captureImage(
+        (imagePath) => {
+          // 直接用 FileReader 读取逻辑路径（如 _doc/...），无需 resolve
+          const reader = new plus.io.FileReader();
+          reader.onload = (e) => {
+            const img = new Image();
+            img.onload = () => {
+              const canvas = document.createElement('canvas');
+              canvas.width = 268;
+              canvas.height = 214;
+              const ctx = canvas.getContext('2d');
+              ctx.drawImage(img, 0, 0, 268, 214);
+              // 转为 JPEG，质量 0.85，去掉前缀
+              const base64 = canvas.toDataURL('image/jpeg', 0.85).split(',')[1];
+              resolve(base64);
+            };
+            img.onerror = () => reject(new Error('图片解析失败'));
+
+            img.src = e.target.result; // Data URL 安全加载
+          };
+          reader.onerror = (e) => reject(new Error('读取照片失败: ' + e.target.error.message));
+
+          plus.io.resolveLocalFileSystemURL(imagePath, (entry) => {
+            entry.file((file) => {
+              reader.readAsDataURL(file.fullPath); // 关键：直接读逻辑路径
+
+            })
+          });
+        },
+        (error) => {
+          reject(new Error('拍照失败: ' + error.message));
+        },
+        {
+          filename: `_doc/camera/face_${Date.now()}.jpg`,
+          format: 'jpg'
+        }
+      );
+    });
+  };
+
+  handleFaceLogin = () => {
+    this.takeTenPhotos()
+      .then(base64List => {
+        // 这里可以上传到你的 face/detectFaces 接口
+        const url = `${commonConfig.face_host}/face/faceSearch`;
+        commonServices.postValueService(null, [{
+          image: base64List,
+          image_type: "BASE64",
+          face_field: "age",
+          option: "COMMON"
+        }], url).then(({ data: dataReturn }) => {
+          // console.log('=====dataReturn', dataReturn);
+          if (dataReturn.code === 1) {
+            const value = {};
+            value.sEmployeeNo = dataReturn.dataset.rows[0].sEmployeeNo;
+            value.sParentId = dataReturn.dataset.rows[0].sBrandsId;
+            value.sId = dataReturn.dataset.rows[0].sSubsidiaryId;
+            this.handleLogin(value);
+          } else {
+            Toast.fail(dataReturn.msg);
+          }
+        })
+      })
+      .catch(err => {
+        console.error('拍摄过程出错:', err);
+      });
+  }
+  handleLogin = async (valueBase) => {
     const { dispatch, app } = this.props;
     const { loginCompany, companys } = this.state;
     let sParentId = '';
@@ -150,12 +231,16 @@ class LoginMobile extends React.Component {
       return;
     }
     this.props.form.validateFields(async () => {
-      const value = {};
-      value.username = this.state.username;
-      value.password = this.state.userpwd;
-      value.sParentId = this.state.sParentId;
-      // value.company = this.state.loginCompany;
-      value.sId = this.state.sId;
+      let value = {};
+      if (valueBase) {
+        value = valueBase;
+      } else {
+        value.username = this.state.username;
+        value.password = this.state.userpwd;
+        value.sParentId = this.state.sParentId;
+        // value.company = this.state.loginCompany;
+        value.sId = this.state.sId;
+      }
       const url = `${commonConfig.server_host}userlogin/${sParentId}/${loginCompany}?sLoginType=phoneLogin`;
       const dataReturn = (await commonServices.postValueService(null, value, url)).data;
       if (dataReturn.code === 1) {
@@ -200,6 +285,7 @@ class LoginMobile extends React.Component {
     let sLanguage = commonUtils.isNotEmptyArr(companys) ? companys[0].sLanguage : 'sChinese';
     const settingTitle = sLanguage === 'sEnglish' ? 'server settings' :'服务器设置';
     const loginTitle = sLanguage === 'sEnglish' ? 'Login' :'登录';
+    const loginFaceTitle = sLanguage === 'sEnglish' ? 'Face Login' :'人脸登录';
     const pleaseInputUser = sLanguage === 'sEnglish' ? 'please Input User' :'请输入用户';
     const pleaseInputPassword = sLanguage === 'sEnglish' ? 'please Input Password' :'请输入密码';
@@ -263,6 +349,9 @@ class LoginMobile extends React.Component {
             <Button type="primary" onClick={this.handleLogin.bind(this)} style={{ backgroundColor: "#5e81e5" }}>
               {loginTitle}
             </Button>
+            <Button type="primary" onClick={this.handleFaceLogin.bind(this)} style={{ backgroundColor: "#5e81e5" }}>
+              {loginFaceTitle}
+            </Button>
           </div>
           {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
           <a
@@ -59,6 +59,12 @@
 }
 .loginSubmit{
   padding: 0px 5%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  a {
+    width: 48%;
+  }
 }
 .setting{