第二次筛选物料列表为空问题修复

skyouc

3 天以前 51ea5c4baf680676ee6c00dbcbbee81b3ad32059

 rsf-admin/src/page/orders/check/CheckPreviewTable.jsx

@@ -1,7 +1,9 @@

import { Box, Card, Grid, LinearProgress, Select, MenuItem, ListItemText } from "@mui/material";
import React, { useState, useRef, useEffect, useMemo } from "react";
import { Box, Card, Grid, LinearProgress, Select, MenuItem, ListItemText, TextField } from "@mui/material";
import { DataGrid, useGridApiContext, GridActionsCellItem, useGridApiRef } from '@mui/x-data-grid';
import React, { useState, useRef, useEffect, useMemo } from "react";
import QueryStatsIcon from '@mui/icons-material/QueryStats';
import request from '@/utils/request';
import {
    List,
    Button,
@@ -19,18 +21,18 @@
} from 'react-admin';

const CheckPreviewTable = (props) => {
    const { rows, gridRef, setRows, record, selectedIds, setSelectedIds, setDialog, formData } = props;
    const { rows, gridRef, setRows, record, lefSelectedIds, setLeftSelectedIds, selectedMatnr, setDialog, formData } = props;
    // const translate = useTranslate();
    // const refresh = useRefresh();
    // const notify = useNotify();
    gridRef.current = useGridApiRef();
    const translate = useTranslate();

    useEffect(() => {
        if (selectedIds.length > 0) {
            console.log(selectedIds);
        }
    }, [selectedIds])
    // useEffect(() => {
    //     if (lefSelectedIds.length > 0) {
    //         console.log(lefSelectedIds);
    //     }
    // }, [lefSelectedIds])

    const baseColumns = [
        { field: 'locCode', headerName: '库位', width: 110 },
@@ -45,11 +47,11 @@
            )
        },
        {
            field: 'siteNo',
            field: 'site',
            headerName: '出库口',
            width: 90,
            type: 'singleSelect',
            editable: true,
            editable: false,
            renderCell: (params) => (
                <OutStockSiteNo value={params.value} />
            ),
@@ -113,25 +115,83 @@
    });

    const CustomToolBar = () => {
        const [queryParams, setQueryParams] = useState({ locCode: null, channel: null, matnrCode: selectedMatnr });
        const notify = useNotify();
        const queryClick = async () => {
            const { data: { code, data, msg } } = await request.post('/check/locs/', queryParams);
            if (code === 200) {
                setRows(data)
            } else {
                notify(msg);
            }
        }

        const handleChange = (e) => {
            const { name, value } = e.target;
            setQueryParams(() => ({
                ...queryParams,
                [name]: value
            }));

        };

        const selectSiteNo = () => {
            setDialog(true)
        }
        return (
            <Box sx={{
                p: 1,
                display: 'flex',
                justifyContent: 'flex-end',
                borderTop: '1px solid rgba(224, 224, 224, 1)'
            }}>
                <Button
                    onClick={selectSiteNo}
                    variant="outlined"
                    label="toolbar.modiftySite"
                    size="medium"
                    sx={{ mr: 1 }} />
            </Box>
            <>
                <Box sx={{
                    p: 1,
                    display: 'flex',
                    justifyContent: 'space-between',
                    borderTop: '1px solid rgba(224, 224, 224, 1)'
                }}>
                    <Box sx={{
                        '& > :not(style)': { m: 1, width: '25ch' },
                        display: 'flex',
                    }}>
                        <TextField
                            label={translate("table.field.stockTransfer.inputLoc")}
                            size="small"
                            name="locCode"
                            value={queryParams?.locCode}
                            onChange={handleChange}
                            sx={{ mr: 1 }} />

                        <TextField
                            label={translate("table.field.stockTransfer.inputChannel")}
                            size="small"
                            name="channel"
                            value={queryParams?.channel}
                            onChange={handleChange}
                            sx={{ mr: 1 }} />

                        <Box sx={{
                            '& > :not(style)': { m: 1, width: '11ch' },
                        }}>
                            <Button variant="contained"
                                size="medium"
                                startIcon={<QueryStatsIcon />}
                                label="toolbar.query"
                                onClick={queryClick} />
                        </Box>
                    </Box>
                    <Box sx={{
                        '& > :not(style)': { m: 1, width: '13ch' },
                    }}>
                        <Button
                            onClick={selectSiteNo}
                            variant="outlined"
                            label="toolbar.modiftySite"
                            size="medium"
                            sx={{ mr: 1 }} />
                    </Box>
                </Box>

            </>
        );
    }


    const OutStockSite = (params) => {
        const { id, field, siteNo, row: { staNos } } = params;
@@ -184,20 +244,24 @@
    }

    return (
        <DataGrid
            storeKey={"locItemPreview"}
            rows={rows}
            columns={columns}
            slots={{ toolbar: CustomToolBar }}
            apiRef={gridRef}
            checkboxSelection
            disableRowSelectionOnClick
            hideFooterPagination={true}  // 隐藏分页控件
            hideFooter={false}
            onRowSelectionModelChange={(ids) => {
                setSelectedIds(ids)
            }}
        />
        <Box sx={{ maxHeight: 780 }}>
            <DataGrid
                sx={{ maxHeight: 730 }}
                storeKey={"locItemPreview"}
                rows={rows}
                columns={columns}
                slots={{ toolbar: CustomToolBar }}
                apiRef={gridRef}
                checkboxSelection
                disableRowSelectionOnClick
                hideFooterPagination={true}  // 隐藏分页控件
                hideFooter={false}
                onRowSelectionModelChange={(ids) => {
                    setLeftSelectedIds(ids)
                }}
            />
        </Box>

    )
}