diff --git a/src/pages/System/Account/components/AddAccountModal.tsx b/src/pages/System/Account/components/AddAccountModal.tsx
new file mode 100644
index 0000000..9b07a1e
--- /dev/null
+++ b/src/pages/System/Account/components/AddAccountModal.tsx
@@ -0,0 +1,84 @@
+// 创建弹窗
+import React, { useRef } from 'react';
+import { createForm } from '@formily/core';
+import { createSchemaField } from '@formily/react';
+import Modal, { ModalProps } from '@/components/Modal';
+import { Form, FormItem, Input, Select } from '@formily/antd';
+import { addUser } from '@/services/system/accountManage';
+
+interface AddAccountModalPropsType extends ModalProps {
+ onCancel: () => void;
+ onOk: () => void;
+}
+
+const SchemaField = createSchemaField({
+ components: {
+ FormItem,
+ Input,
+ Select,
+ },
+});
+
+const form = createForm({});
+
+const AddAccountModal = ({ onOk, onCancel, ...rest }: AddAccountModalPropsType) => {
+ const handleOk = async () => {
+ form.submit(async () => {
+ onOk();
+ const formState = form.getFormState();
+ formState.values.role = parseInt(formState.values.role);
+ await addUser(formState.values);
+ });
+ };
+
+ const handleCancel = () => {
+ onCancel();
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default AddAccountModal;
diff --git a/src/pages/System/Account/components/EditAccountModal.tsx b/src/pages/System/Account/components/EditAccountModal.tsx
new file mode 100644
index 0000000..44f66ba
--- /dev/null
+++ b/src/pages/System/Account/components/EditAccountModal.tsx
@@ -0,0 +1,82 @@
+// 创建弹窗
+import React, { useRef, useEffect } from 'react';
+import { createForm } from '@formily/core';
+import { createSchemaField } from '@formily/react';
+import Modal, { ModalProps } from '@/components/Modal';
+import { Form, FormItem, Input, Select } from '@formily/antd';
+import { addUser, updateUser } from '@/services/system/accountManage';
+
+interface AddUserModalPropsType extends ModalProps {
+ editModalData: any;
+ onCancel: () => void;
+ onOk: () => void;
+}
+
+const SchemaField = createSchemaField({
+ components: {
+ FormItem,
+ Input,
+ Select,
+ },
+});
+
+const form = createForm({});
+
+const AddUserModal = ({ onOk, onCancel, editModalData, ...rest }: AddUserModalPropsType) => {
+ useEffect(() => {
+ form.setInitialValues(editModalData);
+ });
+
+ const handleOk = async () => {
+ onOk();
+ const formState = form.getFormState();
+ formState.values.role = parseInt(formState.values.role);
+ await updateUser(formState.values);
+ };
+
+ const handleCancel = () => {
+ onCancel();
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default AddUserModal;
diff --git a/src/pages/System/Notice/components/AddNoticeModal.tsx b/src/pages/System/Notice/components/AddNoticeModal.tsx
new file mode 100644
index 0000000..da5cb75
--- /dev/null
+++ b/src/pages/System/Notice/components/AddNoticeModal.tsx
@@ -0,0 +1,69 @@
+// 添加代币类型弹窗
+import React, { useRef } from 'react';
+import { createForm } from '@formily/core';
+import { createSchemaField } from '@formily/react';
+import Modal, { ModalProps } from '@/components/Modal';
+import { Form, FormItem, Input, Select } from '@formily/antd';
+
+interface AddNoticeModalPropsType extends ModalProps {
+ onOk: (val: any) => void;
+ onCancel: () => void;
+}
+
+const SchemaField = createSchemaField({
+ components: {
+ FormItem,
+ Input,
+ Select,
+ },
+});
+
+const form = createForm({});
+
+const AddNoticeModal = ({ onOk, onCancel, ...rest }: AddNoticeModalPropsType) => {
+ const handleOk = () => {
+ const formState = form.getFormState();
+ formState.values.code = parseInt(formState.values.code);
+ onOk(formState.values);
+ };
+
+ const handleCancel = () => {
+ onCancel();
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default AddNoticeModal;
diff --git a/src/pages/System/Notice/components/EditNoticeModal.tsx b/src/pages/System/Notice/components/EditNoticeModal.tsx
new file mode 100644
index 0000000..7713f06
--- /dev/null
+++ b/src/pages/System/Notice/components/EditNoticeModal.tsx
@@ -0,0 +1,63 @@
+// 修改弹窗
+import React, { useRef, useEffect } from 'react';
+import { createForm } from '@formily/core';
+import { createSchemaField } from '@formily/react';
+import Modal, { ModalProps } from '@/components/Modal';
+import { Form, FormItem, Input, Select } from '@formily/antd';
+
+interface EditNoticeModalPropsType extends ModalProps {
+ editModalData: any;
+ onOk: (val: any) => void;
+ onCancel: () => void;
+}
+
+const SchemaField = createSchemaField({
+ components: {
+ FormItem,
+ Input,
+ Select,
+ },
+});
+
+const form = createForm({});
+
+const EditNoticeModal = ({ onOk, onCancel, editModalData, ...rest }: EditNoticeModalPropsType) => {
+ useEffect(() => {
+ form.setInitialValues(editModalData);
+ });
+
+ const handleOk = () => {
+ const formState = form.getFormState();
+ onOk(formState.values);
+ };
+
+ const handleCancel = () => {
+ onCancel();
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default EditNoticeModal;