7.13 人脸识别打开并增加控制接口 修改上传人脸照片提示文字
This commit is contained in:
@ -269,7 +269,7 @@ const OutsourcingManage: React.FC<OutsourcingManageProps> = (props) => {
|
||||
name="faceId"
|
||||
style={{ display: 'inline-block', width: '80%' }}
|
||||
rules={[{ required: true, message: "请上传照片" }]}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸(413*579px)头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
>
|
||||
<ExpertPhotoUpload maxSize={200} uploadProps={{ accept: ".jpg,.jpeg" }} />
|
||||
</Form.Item>
|
||||
|
@ -1624,7 +1624,7 @@ const JudgingPanel: React.FC<{}> = () => {
|
||||
name="faceId"
|
||||
style={{ display: 'inline-block', width: '80%' }}
|
||||
rules={[{ required: reserveStatus, message: "请上传照片" }]}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸(413*579px)头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
>
|
||||
<ExpertPhotoUpload maxSize={200} uploadProps={{ accept: ".jpg,.jpeg" }} />
|
||||
</Form.Item>
|
||||
|
@ -1493,7 +1493,7 @@ const JudgingPanel: React.FC<{}> = (props: any) => {
|
||||
name="faceId"
|
||||
style={{ display: 'inline-block', width: '80%' }}
|
||||
rules={[{ required: reserveStatus, message: "请上传照片" }]}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸(413*579px)头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
extra={<span style={{ color: '#b30000' }}>要求本人清晰、免冠、正面彩色2寸头像照片,无逆光、无ps、无美颜,面部五官无遮挡,头像部约占照片高度的三分之二,照片保存格式为JPG格式,大小200k以下</span>}
|
||||
>
|
||||
<ExpertPhotoUpload maxSize={200} uploadProps={{ accept: ".jpg,.jpeg" }} />
|
||||
</Form.Item>
|
||||
|
@ -2,7 +2,7 @@ import React, { useEffect, useState, useRef } from 'react';
|
||||
import { Form, Button, Input, Row, Col, Modal, Spin, message, Tabs } from 'antd';
|
||||
import { UserOutlined, LockOutlined, SafetyCertificateOutlined } from '@ant-design/icons';
|
||||
import './style.less';
|
||||
import { changePass } from './service';
|
||||
import { changePass, showFaceTab } from './service';
|
||||
import logo from '@/images/login/logoPic.png';
|
||||
import { refreshTokenApi, ZjfakeAccountLogin, ZjfakeFaceLogin } from '@/services/login';
|
||||
import { history } from 'umi';
|
||||
@ -40,6 +40,7 @@ const Index: React.FC<{}> = () => {
|
||||
const { TabPane } = Tabs;
|
||||
const [submitLoading, setSubmitLoading] = useState<boolean>(false);
|
||||
const [faceLoginDisable, setFaceLoginDisable] = useState<boolean>(false);
|
||||
const [faceLoginShow, setFaceLoginShow] = useState<boolean>(false);
|
||||
const lv = useRef<LivingNotIE>();
|
||||
const [timerShow, setTimeShow] = useState<boolean>(false);
|
||||
const [itemShow, setItemShow] = useState<boolean>(false);
|
||||
@ -496,6 +497,11 @@ const Index: React.FC<{}> = () => {
|
||||
}
|
||||
return false;
|
||||
}
|
||||
//是否显示人脸登录
|
||||
const showFaceLogin = async () => {
|
||||
const res = await showFaceTab();
|
||||
setFaceLoginShow(res?.data === 1);
|
||||
}
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
@ -505,6 +511,7 @@ const Index: React.FC<{}> = () => {
|
||||
if (!allowedToFaceLogin()) {
|
||||
setFaceLoginDisable(true);
|
||||
}
|
||||
showFaceLogin();
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
@ -592,7 +599,8 @@ const Index: React.FC<{}> = () => {
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</TabPane>
|
||||
{/* <TabPane tab="人脸识别登录" key="2" disabled={faceLoginDisable}>
|
||||
{faceLoginShow && <>
|
||||
<TabPane tab="人脸识别登录" key="2" disabled={faceLoginDisable}>
|
||||
<Form
|
||||
name="basic2"
|
||||
className="form-box"
|
||||
@ -625,16 +633,17 @@ const Index: React.FC<{}> = () => {
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</TabPane> */}
|
||||
</TabPane>
|
||||
{/* 加载摄像头 */}
|
||||
{/* <Form.Item hidden={!itemShow}>
|
||||
<Form.Item hidden={!itemShow}>
|
||||
<div>
|
||||
<span style={{ color: classColor(action) }}>{actionText(action)}</span>
|
||||
<span hidden={!timerShow}>{Math.round(timer / 1000)}</span>
|
||||
</div>
|
||||
</Form.Item> */}
|
||||
{/* <video ref={video} width="382" height="200"></video> */}
|
||||
</Form.Item>
|
||||
<video ref={video} width="382" height="200"></video>
|
||||
{/* onClick={() => {hanleFaceSubmit(null, null);}} */}
|
||||
</>}
|
||||
</Tabs>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -25,3 +25,11 @@ export async function rgbToBase64(params: any) {
|
||||
body: _body,
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 是否显示人脸识别tab
|
||||
* @param params
|
||||
*/
|
||||
export async function showFaceTab() {
|
||||
return request('/api/biz-service-ebtp-extend//v1/BizFuncSwitchConfig/bizfuncswitchconfig/getFaceRecognitionFlag');
|
||||
}
|
Reference in New Issue
Block a user