import React, { useState, useRef, useEffect, useMemo } from "react";
|
import { Box, Card, CardContent, Grid, Typography, Button, TextField, Tooltip, Paper, TableContainer, Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material';
|
import {
|
useTranslate,
|
useRecordContext,
|
useNotify,
|
useRefresh,
|
useListContext,
|
} from 'react-admin';
|
import PanelTypography from "../components/PanelTypography";
|
import * as Common from '@/utils/common'
|
import { styled } from "@mui/material/styles";
|
import request from '@/utils/request';
|
import debounce from 'lodash/debounce';
|
import { DataGrid } from '@mui/x-data-grid';
|
|
const WaitPakinLogPanel = () => {
|
const record = useRecordContext();
|
if (!record) return null;
|
const translate = useTranslate();
|
const notify = useNotify();
|
const [rows, setRows] = useState([]);
|
const [maktx, setMaktx] = useState('');
|
const pakinId = record.id;
|
|
const http = async (parmas) => {
|
const res = await request.post('/WaitPakinLog/page', { ...parmas, pakinId });
|
if (res?.data?.code === 200) {
|
setRows(res.data.data.records)
|
} else {
|
notify(res.data.msg);
|
}
|
}
|
|
const debouncedHttp = useMemo(() => debounce(http, 300), []);
|
|
const columns = [
|
{
|
field: 'pakinId',
|
headerName: translate('table.field.waitPakinItem.pakinId')
|
},
|
{
|
field: 'maktx',
|
headerName: translate('table.field.waitPakinItem.maktx'),
|
width: 300
|
},
|
{
|
field: 'matnrId',
|
headerName: translate('table.field.waitPakinItem.matnrId')
|
},
|
{
|
field: 'matnrCode',
|
headerName: translate('table.field.waitPakinItem.matnrCode')
|
},
|
{
|
field: 'anfme',
|
headerName: translate('table.field.waitPakinItem.anfme')
|
},
|
{
|
field: 'workQty',
|
headerName: translate('table.field.waitPakinItem.workQty')
|
},
|
{
|
field: 'unit',
|
headerName: translate('table.field.waitPakinItem.unit')
|
},
|
{
|
field: 'fieldsIndex',
|
headerName: translate('table.field.waitPakinItem.fieldsIndex')
|
},
|
{
|
field: 'qty',
|
headerName: translate('table.field.waitPakinItem.qty')
|
},
|
{
|
field: 'batch',
|
headerName: translate('table.field.waitPakinItem.batch')
|
},
|
]
|
|
const maktxChange = (value) => {
|
setMaktx(value)
|
}
|
|
return (
|
<Box sx={{
|
position: 'relative',
|
padding: '5px 10px'
|
}}>
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '4px', alignItems: 'center' }}>
|
<TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="搜索物料" variant="outlined" sx={{ width: '300px' }} />
|
|
<div style={{ display: 'flex', gap: '10px' }}>
|
</div>
|
</div>
|
|
|
<DataGrid
|
size="small"
|
rows={rows}
|
columns={columns}
|
disableRowSelectionOnClick
|
disableColumnMenu={true}
|
disableColumnSorting
|
disableMultipleColumnsSorting
|
/>
|
</Box >
|
);
|
};
|
|
export default WaitPakinLogPanel;
|
