|  |  | 
 |  |  |     styled | 
 |  |  | } from '@mui/material'; | 
 |  |  | import DialogCloseButton from "../../components/DialogCloseButton"; | 
 |  |  | import ConfirmButton from "../../components/ConfirmButton"; | 
 |  |  | import { useTranslate, useNotify, useRefresh } from 'react-admin'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import { DataGrid } from '@mui/x-data-grid'; | 
 |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |  | 
 |  |  |     const asnId = ''; | 
 |  |  |  | 
 |  |  |     const handleClose = (event, reason) => { | 
 |  |  |         if (reason !== "backdropClick") { | 
 |  |  |             setOpen(false); | 
 |  |  |         } | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const [formData, setFormData] = useState({ | 
 |  |  |         name: '', | 
 |  |  |         code: '', | 
 |  |  |         groupId: 0 | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     const [formData, setFormData] = useState({}); | 
 |  |  |     const [tableData, setTableData] = useState([]); | 
 |  |  |     const [dyFields, setDyFields] = useState([]); | 
 |  |  |     const [selectedRows, setSelectedRows] = useState([]); | 
 |  |  |  | 
 |  |  |     const handleChange = (e) => { | 
 |  |  |         const { name, value } = e.target; | 
 |  |  |         setFormData((prevData) => ({ | 
 |  |  |             ...prevData, | 
 |  |  |         setFormData(() => ({ | 
 |  |  |             [name]: value | 
 |  |  |         })); | 
 |  |  |     }; |