|  |  |  | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | })); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | const hasarr = data.map(el => +el.matnrId) | 
|---|
|  |  |  | const selectedData = selectedRows.filter(item => !hasarr.includes(item)).map(id => (tableData.find(row => row.id === id))); | 
|---|
|  |  |  | const value = selectedData.map((el => { | 
|---|
|  |  |  | console.log(el); | 
|---|
|  |  |  | const dynamicFields = dyFields.reduce((acc, item) => { | 
|---|
|  |  |  | acc[item.fields] = el['extendFields']?.[item.fields] || ''; | 
|---|
|  |  |  | return acc; | 
|---|
|  |  |  | }, {}); | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | ...el, | 
|---|
|  |  |  | matnrId: el.id, | 
|---|
|  |  |  | maktx: el.name, | 
|---|
|  |  |  | matnrCode: el.code, | 
|---|
|  |  |  | stockUnit: el.stockUnit || '', | 
|---|
|  |  |  | purUnit: el.purchaseUnit || '', | 
|---|
|  |  |  | stockUnit: el.unit, | 
|---|
|  |  |  | purUnit: el.unit, | 
|---|
|  |  |  | ...dynamicFields | 
|---|
|  |  |  | } | 
|---|
|  |  |  | })) | 
|---|
|  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default AsnWareModal; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const AsnWareModalTable = ({ tableData, setTableData, selectedRows, setSelectedRows, dyFields, setDyFields }) => { | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [columns, setColumns] = useState([ | 
|---|
|  |  |  | // { field: 'id', headerName: 'ID', width: 100 }, | 
|---|
|  |  |  | { field: 'name', headerName: translate('table.field.matnr.name'), width: 300 }, | 
|---|
|  |  |  | { field: 'code', headerName: translate('table.field.matnr.code'), width: 200 }, | 
|---|
|  |  |  | { field: 'name', headerName: translate('table.field.matnr.name'), width: 300 }, | 
|---|
|  |  |  | { field: 'groupId$', headerName: translate('table.field.matnr.groupId'), width: 100 }, | 
|---|
|  |  |  | { field: 'spec', headerName: translate('table.field.matnr.spec'), width: 100 }, | 
|---|
|  |  |  | { field: 'model', headerName: translate('table.field.matnr.model'), width: 100 }, | 
|---|
|  |  |  | { field: 'weight', headerName: translate('table.field.matnr.weight'), width: 100 }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | { field: 'describle', headerName: translate('table.field.matnr.describle'), width: 100 }, | 
|---|
|  |  |  | { field: 'nromNum', headerName: translate('table.field.matnr.nromNum'), width: 100 }, | 
|---|
|  |  |  | { field: 'unit', headerName: translate('table.field.matnr.unit'), width: 100 }, | 
|---|
|  |  |  | { field: 'purchaseUnit', headerName: translate('table.field.matnr.purUnit'), width: 100 }, | 
|---|
|  |  |  | { field: 'purUnit', headerName: translate('table.field.matnr.purUnit'), width: 100 }, | 
|---|
|  |  |  | { field: 'stockUnit', headerName: translate('table.field.matnr.stockUnit'), width: 100 }, | 
|---|
|  |  |  | { field: 'stockLeval$', headerName: translate('table.field.matnr.stockLevel'), width: 100, sortable: false }, | 
|---|
|  |  |  | ]) | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleSelectionChange = (ids) => { | 
|---|
|  |  |  | setSelectedRows(ids) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|