diff --git a/src/components/Common/PersonCenter/PersonCenterAddFace.js b/src/components/Common/PersonCenter/PersonCenterAddFace.js
new file mode 100644
index 0000000..3d99653
--- /dev/null
+++ b/src/components/Common/PersonCenter/PersonCenterAddFace.js
@@ -0,0 +1,38 @@
+import React from "react";
+import { Form } from "@ant-design/compatible";
+import "@ant-design/compatible/assets/index.css";
+import AntdDraggableModal from "@/components/Common/AntdDraggableModal";
+import FaceDetect from '@/components/FaceDetect';
+import * as commonFunc from "@/components/Common/commonFunc";
+import styles from "@/routes/indexPage.less";
+
+const PersonCenterAddFace = Form.create({
+  mapPropsToFields(props) {},
+})(props => {
+  const { onCancel, handleModalClose, addFaceVisible } = props;
+  console.log('sssaddFaceVisibles', addFaceVisible);
+  const GetFace = commonFunc.showMessage(props.app.commonConst, "GetFace"); /* 在线用户 */
+  return (
+    <div>
+      {
+        <AntdDraggableModal
+          title={GetFace}
+          width={400}
+          visible={addFaceVisible}
+          onCancel={onCancel}
+          afterClose={handleModalClose}
+          footer={null}
+          className={styles.changePwd}
+        >
+          <div className="tab-container">
+            <FaceDetect {...props} actionType="saveFace" onSaveFaceSuccess={props.onSaveFaceSuccess}>
+              11
+            </FaceDetect>
+          </div>
+        </AntdDraggableModal>
+      }
+    </div>
+  );
+});
+
+export default PersonCenterAddFace;