|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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 { DataGrid, useGridApiContext, GridActionsCellItem, useGridApiRef } from '@mui/x-data-grid'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | List, | 
|---|
|  |  |  | Button, | 
|---|
|  |  |  | 
|---|
|  |  |  | } from 'react-admin'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const CheckPreviewTable = (props) => { | 
|---|
|  |  |  | const { rows, gridRef, setRows, record, selectedIds, setSelectedIds, selectedMatnr, 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 }, | 
|---|
|  |  |  | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | field: 'siteNo', | 
|---|
|  |  |  | field: 'site', | 
|---|
|  |  |  | headerName: '出库口', | 
|---|
|  |  |  | width: 90, | 
|---|
|  |  |  | type: 'singleSelect', | 
|---|
|  |  |  | editable: true, | 
|---|
|  |  |  | editable: false, | 
|---|
|  |  |  | renderCell: (params) => ( | 
|---|
|  |  |  | <OutStockSiteNo value={params.value} /> | 
|---|
|  |  |  | ), | 
|---|
|  |  |  | 
|---|
|  |  |  | const [queryParams, setQueryParams] = useState({ locCode: null, channel: null, matnrCode: selectedMatnr }); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | const queryClick = async () => { | 
|---|
|  |  |  | console.log(queryParams); | 
|---|
|  |  |  | console.log(rows); | 
|---|
|  |  |  | const { data: { code, data, msg } } = await request.post('/check/locs/', queryParams); | 
|---|
|  |  |  | if (code === 200) { | 
|---|
|  |  |  | setRows(data) | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const OutStockSite = (params) => { | 
|---|
|  |  |  | const { id, field, siteNo, row: { staNos } } = params; | 
|---|
|  |  |  | const apiRef = useGridApiContext(); | 
|---|
|  |  |  | 
|---|
|  |  |  | hideFooterPagination={true}  // 隐藏分页控件 | 
|---|
|  |  |  | hideFooter={false} | 
|---|
|  |  |  | onRowSelectionModelChange={(ids) => { | 
|---|
|  |  |  | setSelectedIds(ids) | 
|---|
|  |  |  | setLeftSelectedIds(ids) | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </Box> | 
|---|