Commit 10463348084a7eb13d0dcab12a457c07faa5d9cb
1 parent
c474e905
1.将人脸采集分装成独立的组件
Showing
1 changed file
with
38 additions
and
0 deletions
src/components/Common/PersonCenter/PersonCenterAddFace.js
0 → 100644
| 1 | +import React from "react"; | ||
| 2 | +import { Form } from "@ant-design/compatible"; | ||
| 3 | +import "@ant-design/compatible/assets/index.css"; | ||
| 4 | +import AntdDraggableModal from "@/components/Common/AntdDraggableModal"; | ||
| 5 | +import FaceDetect from '@/components/FaceDetect'; | ||
| 6 | +import * as commonFunc from "@/components/Common/commonFunc"; | ||
| 7 | +import styles from "@/routes/indexPage.less"; | ||
| 8 | + | ||
| 9 | +const PersonCenterAddFace = Form.create({ | ||
| 10 | + mapPropsToFields(props) {}, | ||
| 11 | +})(props => { | ||
| 12 | + const { onCancel, handleModalClose, addFaceVisible } = props; | ||
| 13 | + console.log('sssaddFaceVisibles', addFaceVisible); | ||
| 14 | + const GetFace = commonFunc.showMessage(props.app.commonConst, "GetFace"); /* 在线用户 */ | ||
| 15 | + return ( | ||
| 16 | + <div> | ||
| 17 | + { | ||
| 18 | + <AntdDraggableModal | ||
| 19 | + title={GetFace} | ||
| 20 | + width={400} | ||
| 21 | + visible={addFaceVisible} | ||
| 22 | + onCancel={onCancel} | ||
| 23 | + afterClose={handleModalClose} | ||
| 24 | + footer={null} | ||
| 25 | + className={styles.changePwd} | ||
| 26 | + > | ||
| 27 | + <div className="tab-container"> | ||
| 28 | + <FaceDetect {...props} actionType="saveFace" onSaveFaceSuccess={props.onSaveFaceSuccess}> | ||
| 29 | + 11 | ||
| 30 | + </FaceDetect> | ||
| 31 | + </div> | ||
| 32 | + </AntdDraggableModal> | ||
| 33 | + } | ||
| 34 | + </div> | ||
| 35 | + ); | ||
| 36 | +}); | ||
| 37 | + | ||
| 38 | +export default PersonCenterAddFace; |