diff --git a/src/pages/Recharge/Address/List/index.tsx b/src/pages/Recharge/Address/List/index.tsx index e260e7a..061f3b6 100644 --- a/src/pages/Recharge/Address/List/index.tsx +++ b/src/pages/Recharge/Address/List/index.tsx @@ -9,8 +9,8 @@ import { import { fetchTableData } from '@/utils/table'; import DeleteButton from '@/components/Table/DeleteButton'; -import AddAddressModal from '../components/addAddressModal'; -import EditAddressModal from '../components/editAddressModal'; +import AddAddressModal from '../Components/addAddressModal'; +import EditAddressModal from '../Components/editAddressModal'; const CollectionAddressList = () => { const tableRef = useRef(); diff --git a/src/pages/Recharge/Address/components/addAddressModal.tsx b/src/pages/Recharge/Address/components/addAddressModal.tsx deleted file mode 100644 index dbd4a9d..0000000 --- a/src/pages/Recharge/Address/components/addAddressModal.tsx +++ /dev/null @@ -1,97 +0,0 @@ -// 创建弹窗 -import React, { useRef } from 'react'; -import { createForm, onFieldReact, FormPathPattern, Field } from '@formily/core'; -import { FormProvider, createSchemaField } from '@formily/react'; -import { getCoinTypeList } from '@/services/recharge/coinType'; -import Modal, { ModalProps } from '@/components/Modal'; -import { Form, FormItem, Input, Select } from '@formily/antd'; -import { action } from '@formily/reactive'; - -interface AddAddressModalPropsType extends ModalProps { - onOk: (val: any) => void; - onCancel: () => void; -} - -const SchemaField = createSchemaField({ - components: { - FormItem, - Input, - Select, - }, -}); - -const useAsyncDataSource = ( - pattern: FormPathPattern, - service: (field: Field) => Promise<{ label: string; value: any }[]>, -) => { - onFieldReact(pattern, (field) => { - service(field).then( - action.bound((data) => { - field.dataSource = data; - }), - ); - }); -}; - -const form = createForm({ - effects: () => { - // eslint-disable-next-line react-hooks/rules-of-hooks - useAsyncDataSource('bc_name', async (field) => { - const list = await getCoinTypeList({ page: 1, page_size: 10 }); - const option = []; - for (let index = 0; index < list.items.length; index++) { - const element = list.items[index]; - const item = { - label: element.bc_name, - value: element.bc_name, - }; - option.push(item); - } - return option; - }); - }, -}); - -const AddAddressModal = ({ onOk, onCancel, ...rest }: AddAddressModalPropsType) => { - const handleOk = () => { - const formState = form.getFormState(); - onOk(formState.values); - }; - - const handleCancel = () => { - onCancel(); - }; - - return ( - - - - - - - - {/*
*/} - - {/*
*/} -
- ); -}; - -export default AddAddressModal; diff --git a/src/pages/Recharge/Address/components/editAddressModal.tsx b/src/pages/Recharge/Address/components/editAddressModal.tsx deleted file mode 100644 index ca55c75..0000000 --- a/src/pages/Recharge/Address/components/editAddressModal.tsx +++ /dev/null @@ -1,106 +0,0 @@ -// 修改弹窗 -import React, { useRef, useEffect } from 'react'; -import { createForm, onFieldReact, FormPathPattern, Field } from '@formily/core'; -import { getCoinTypeList } from '@/services/recharge/coinType'; -import { FormProvider, createSchemaField } from '@formily/react'; -import Modal, { ModalProps } from '@/components/Modal'; -import { Form, FormItem, Input, Select } from '@formily/antd'; -import { action } from '@formily/reactive'; - -interface EditAddressModalPropsType extends ModalProps { - editModalData: any; - onOk: (val: any) => void; - onCancel: () => void; -} - -const SchemaField = createSchemaField({ - components: { - FormItem, - Input, - Select, - }, -}); - -const EditAddressModal = ({ - onOk, - onCancel, - editModalData, - ...rest -}: EditAddressModalPropsType) => { - const useAsyncDataSource = ( - pattern: FormPathPattern, - service: (field: Field) => Promise<{ label: string; value: any }[]>, - ) => { - onFieldReact(pattern, (field) => { - service(field).then( - action.bound((data) => { - field.dataSource = data; - }), - ); - }); - }; - - const form = createForm({ - effects: () => { - // eslint-disable-next-line react-hooks/rules-of-hooks - useAsyncDataSource('bc_name', async (field) => { - const list = await getCoinTypeList({ page: 1, page_size: 10 }); - const option = []; - for (let index = 0; index < list.items.length; index++) { - const element = list.items[index]; - const item = { - label: element.bc_name, - value: element.bc_name, - }; - option.push(item); - } - return option; - }); - }, - }); - - useEffect(() => { - form.setInitialValues(editModalData); - }); - - const handleOk = () => { - const formState = form.getFormState(); - onOk(formState.values); - }; - - const handleCancel = () => { - onCancel(); - }; - - return ( - -
- - - - - -
-
- ); -}; - -export default EditAddressModal; diff --git a/src/pages/Recharge/CoinType/List/index.tsx b/src/pages/Recharge/CoinType/List/index.tsx index 39b2621..2bce8d4 100644 --- a/src/pages/Recharge/CoinType/List/index.tsx +++ b/src/pages/Recharge/CoinType/List/index.tsx @@ -2,8 +2,8 @@ import React, { useState, useRef } from 'react'; import Table, { ProColumns, ActionType } from '@/components/Table'; import { addCoinType, getCoinTypeList, modifyCoinType } from '@/services/recharge/coinType'; import { fetchTableData } from '@/utils/table'; -import AddCoinTypeModal from '../components/addCoinTypeModal'; -import EditCoinTypeModal from '../components/editCoinTypeModal'; +import AddCoinTypeModal from '../Components/addCoinTypeModal'; +import EditCoinTypeModal from '../Components/editCoinTypeModal'; const CoinTypeList = () => { const tableRef = useRef(); diff --git a/src/pages/Recharge/CoinType/components/addCoinTypeModal.tsx b/src/pages/Recharge/CoinType/components/addCoinTypeModal.tsx deleted file mode 100644 index 798c15a..0000000 --- a/src/pages/Recharge/CoinType/components/addCoinTypeModal.tsx +++ /dev/null @@ -1,71 +0,0 @@ -// 添加代币类型弹窗 -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, NumberPicker } from '@formily/antd'; - -interface AddCoinTypeModalPropsType extends ModalProps { - onOk: (val: any) => void; - onCancel: () => void; -} - -const SchemaField = createSchemaField({ - components: { - FormItem, - Input, - NumberPicker, - }, -}); - -const form = createForm({}); - -const AddCoinTypeModal = ({ onOk, onCancel, ...rest }: AddCoinTypeModalPropsType) => { - const handleOk = () => { - const formState = form.getFormState(); - onOk(formState.values); - }; - - const handleCancel = () => { - onCancel(); - }; - - return ( - -
- - - - - - -
-
- ); -}; - -export default AddCoinTypeModal; diff --git a/src/pages/Recharge/CoinType/components/editCoinTypeModal.tsx b/src/pages/Recharge/CoinType/components/editCoinTypeModal.tsx deleted file mode 100644 index e61e366..0000000 --- a/src/pages/Recharge/CoinType/components/editCoinTypeModal.tsx +++ /dev/null @@ -1,72 +0,0 @@ -// 修改弹窗 -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 EditCoinTypeModalPropsType extends ModalProps { - editModalData: any; - onOk: (val: any) => void; - onCancel: () => void; -} - -const SchemaField = createSchemaField({ - components: { - FormItem, - Input, - Select, - }, -}); - -const form = createForm({}); - -const EditCoinTypeModal = ({ - onOk, - onCancel, - editModalData, - ...rest -}: EditCoinTypeModalPropsType) => { - useEffect(() => { - form.setInitialValues(editModalData); - }); - - const handleOk = () => { - const formState = form.getFormState(); - onOk(formState.values); - }; - - const handleCancel = () => { - onCancel(); - }; - - return ( - -
- - - - - -
-
- ); -}; - -export default EditCoinTypeModal; diff --git a/src/pages/System/Account/List/index.tsx b/src/pages/System/Account/List/index.tsx index 403d4ea..8f7e517 100644 --- a/src/pages/System/Account/List/index.tsx +++ b/src/pages/System/Account/List/index.tsx @@ -9,8 +9,8 @@ import { import { fetchTableData } from '@/utils/table'; import DeleteButton from '@/components/Table/DeleteButton'; import { Switch } from 'antd'; -import AddAccountModal from '../components/addAccountModal'; -import EditAccountModal from '../components/editAccountModal'; +import AddAccountModal from '../Components/addAccountModal'; +import EditAccountModal from '../Components/editAccountModal'; const AccountManageList = () => { const [isModalVisible, setIsModalVisible] = useState(false); diff --git a/src/pages/System/Account/components/addAccountModal.tsx b/src/pages/System/Account/components/addAccountModal.tsx deleted file mode 100644 index 9b07a1e..0000000 --- a/src/pages/System/Account/components/addAccountModal.tsx +++ /dev/null @@ -1,84 +0,0 @@ -// 创建弹窗 -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 deleted file mode 100644 index 44f66ba..0000000 --- a/src/pages/System/Account/components/editAccountModal.tsx +++ /dev/null @@ -1,82 +0,0 @@ -// 创建弹窗 -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/List/index.tsx b/src/pages/System/Notice/List/index.tsx index 65eea16..28d3426 100644 --- a/src/pages/System/Notice/List/index.tsx +++ b/src/pages/System/Notice/List/index.tsx @@ -2,10 +2,10 @@ import React, { useState, useRef } from 'react'; import Table, { ProColumns, ActionType } from '@/components/Table'; import { getNoticeList, createNotice, updateNotice, deleteNotice } from '@/services/system/notice'; import { fetchTableData } from '@/utils/table'; -import AddNoticeModal from '../components/addNoticeModal'; +import AddNoticeModal from '../Components/addNoticeModal'; import DeleteButton from '@/components/Table/DeleteButton'; import { Switch } from 'antd'; -import EditNoticeModal from '../components/editNoticeModal'; +import EditNoticeModal from '../Components/editNoticeModal'; const NoticeList = () => { const tableRef = useRef(); diff --git a/src/pages/System/Notice/components/addNoticeModal.tsx b/src/pages/System/Notice/components/addNoticeModal.tsx deleted file mode 100644 index da5cb75..0000000 --- a/src/pages/System/Notice/components/addNoticeModal.tsx +++ /dev/null @@ -1,69 +0,0 @@ -// 添加代币类型弹窗 -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 deleted file mode 100644 index 7713f06..0000000 --- a/src/pages/System/Notice/components/editNoticeModal.tsx +++ /dev/null @@ -1,63 +0,0 @@ -// 修改弹窗 -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;