#AGV站点绑定

zjj

2025-05-12 e26a08269c24077cdac7ca3992fc068edd5971aa

 rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx

@@ -43,7 +43,6 @@
    Select,
    MenuItem


} from '@mui/material';
import DialogCloseButton from "../../components/DialogCloseButton";
import StatusSelectInput from "../../components/StatusSelectInput";
@@ -54,14 +53,18 @@
import request from '@/utils/request';
import { Add, Edit, Delete } from '@mui/icons-material';
import _, { set } from 'lodash';
import { DataGrid, useGridApiRef } from '@mui/x-data-grid';
import { DataGrid, useGridApiRef, GRID_DATE_COL_DEF,  GRID_DATETIME_COL_DEF,  getGridDateOperators, useGridApiContext } from '@mui/x-data-grid';
import { LocalizationProvider, DatePicker, DateTimePicker } from '@mui/x-date-pickers';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import DictionarySelect from "../../components/DictionarySelect";
import DictSelect from "../../components/DictSelect";
import "./asnOrder.css";
import { 'zhCN' as locale } from 'date-fns/locale';
import { format, } from 'date-fns';
import { DemoContainer } from '@mui/x-date-pickers/internals/demo';

const AsnOrderModal = (props) => {
    const { open, setOpen, asnId, billReload } = props;
    const business = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_business_type') && dict.group == '2') || [];

    const translate = useTranslate();
    const notify = useNotify();
@@ -211,7 +214,7 @@
                aria-hidden
                fullWidth
                disableRestoreFocus
                maxWidth="lg"   // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
                maxWidth="xl"   // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
            >
                <DialogTitle id="form-dialog-title" sx={{
                    position: 'sticky',
@@ -233,7 +236,8 @@
                                        label={translate("table.field.asnOrder.type")}
                                        value={formData.type}
                                        onChange={(e) => handleChange(e.target.value, 'type')}
                                        dictTypeCode="sys_in_stock_type"
                                        dictTypeCode="sys_order_type"
                                        group='1'
                                        required
                                    />
                                </Grid>
@@ -241,40 +245,35 @@
                                    <DictSelect
                                        label={translate("table.field.asnOrder.wkType")}
                                        value={formData.wkType}
                                        group='2'
                                        group='1'
                                        onChange={(e) => handleChange(e.target.value, 'wkType')}
                                        dictTypeCode="sys_business_type"
                                        required
                                    />
                                </Grid>
                                <Grid item md={3}>
                                <Grid item md={2}>
                                    <TextField
                                        label={translate("table.field.asnOrder.poCode")}
                                        value={formData.poCode}
                                        variant="filled"
                                        onChange={(e) => handleChange(e.target.value, 'poCode')}
                                    />
                                </Grid>
                                <Grid item md={3}>
                                <Grid item md={2}>
                                    <TextField
                                        label={translate("table.field.asnOrder.logisNo")}
                                        value={formData.logisNo}
                                        variant="filled"
                                        onChange={(e) => handleChange(e.target.value, 'logisNo')}
                                    />
                                </Grid>

                                <Grid item md={3}>
                                    {/* <TextField
                                        label={translate("table.field.asnOrder.arrTime")}
                                        value={formData.arrTime}
                                        onChange={(e) => handleChange(e.target.value, 'arrTime')}
                                    /> */}
                                    <DateInput
                                        source="arrTime"
                                        label="table.field.asnOrder.arrTime"
                                        value={formData.arrTime}
                                        onChange={(e) => handleChange(e.target.value, 'arrTime')}
                                    />

                                </Grid>
                            </Grid>
                        </Form>
@@ -298,9 +297,7 @@
                        </Button>
                    </Toolbar>
                </DialogActions>

            </Dialog>

            <AsnWareModal
                open={createDialog}
                setOpen={setCreateDialog}
@@ -312,6 +309,26 @@
}

export default AsnOrderModal;


const dateColumnType = {
    ...GRID_DATE_COL_DEF,
    resizable: false,
    renderEditCell: (params) => {
        return <GridEditDateCell {...params} />;
    },
    // filterOperators: getGridDateOperators(false).map((item) => ({
    //     ...item,
    //     InputComponent: GridFilterDateInput,
    //     InputComponentProps: { showTime: false },
    // })),
    // valueFormatter: (value) => {
    //     if (value) {
    //         return format(value, 'yyyy-MM-dd', { locale });
    //     }
    //     return '';
    // },
}

const SelectInputSplrNameEditCell = (params) => {
    const [formData, setFormData] = useState([{}])
@@ -370,6 +387,52 @@
        </Select>
    );
};


const GridEditDateCell = ({ id, field, value, colDef, hasFocus }) => {
    const apiRef = useGridApiContext();
    const inputRef = React.useRef(null);
    const Component = colDef.type === 'dateTime' ? DateTimePicker : DatePicker;

    const handleChange = (newValue) => {
        apiRef.current.setEditCellValue({ id, field, value: newValue });
    };

    // useEnhancedEffect(() => {
    //     if (hasFocus) {
    //         inputRef.current.focus();
    //     }
    // }, [hasFocus]);

    return (
        <LocalizationProvider dateAdapter={AdapterDayjs}>
            <DemoContainer components={['DatePicker']}>
                <DatePicker label="Basic date picker" />
            </DemoContainer>
        </LocalizationProvider>
        // <Component
        //     value={value}
        //     autoFocus
        //     onChange={handleChange}
        //     slotProps={{
        //         textField: {
        //             inputRef,
        //             variant: 'standard',
        //             fullWidth: true,
        //             sx: {
        //                 padding: '0 9px',
        //                 justifyContent: 'center',
        //             },
        //             InputProps: {
        //                 disableUnderline: true,
        //                 sx: { fontSize: 'inherit' },
        //             },
        //         },
        //     }}
        // />
    );
}


const SelectInputSplrCodeEditCell = (params) => {
    const [formData, setFormData] = useState([{}])
@@ -435,17 +498,16 @@
    const notify = useNotify();

    const [columns, setColumns] = useState([

        {
            field: 'maktx',
            headerName: translate('table.field.asnOrderItem.maktx'),
            width: 250,
            editable: false,
        },
        {
            field: 'matnrCode',
            headerName: translate('table.field.asnOrderItem.matnrCode'),
            width: 130,
            editable: false,
        },
        {
            field: 'maktx',
            headerName: translate('table.field.asnOrderItem.maktx'),
            width: 250,
            editable: false,
        },
        {
@@ -458,17 +520,17 @@
            valueFormatter: (val) => val < 0 ? 0 : val,
            headerClassName: "custom",
        },
        {
            field: 'splrCode',
            headerName: translate('table.field.asnOrderItem.splrCode') + "*",
            minWidth: 100,
            flex: 1,
            editable: true,
            renderEditCell: (params) => (
                <SelectInputSplrCodeEditCell {...params} />
            ),
            headerClassName: "custom",
        },
        // {
        //     field: 'splrCode',
        //     headerName: translate('table.field.asnOrderItem.splrCode') + "*",
        //     minWidth: 100,
        //     flex: 1,
        //     editable: true,
        //     renderEditCell: (params) => (
        //         <SelectInputSplrCodeEditCell {...params} />
        //     ),
        //     headerClassName: "custom",
        // },
        {
            field: 'splrName',
            headerName: translate('table.field.asnOrderItem.splrName') + "*",
@@ -487,20 +549,24 @@
        //     flex: 1,
        //     editable: true,
        // },
        // {
        //     field: 'poDetlId',
        //     headerName: translate('table.field.asnOrderItem.poDetlId'),
        //     minWidth: 100,
        //     flex: 1,
        // },

        {
            field: 'poCode',
            headerName: translate('table.field.asnOrderItem.poDetlCode') + "*",
            field: 'platItemId',
            headerName: translate('table.field.asnOrderItem.platItemId') + "*",
            minWidth: 100,
            flex: 1,
            editable: true,
            headerClassName: "custom",
        },

        // {
        //     field: 'poCode',
        //     headerName: translate('table.field.asnOrderItem.poDetlCode') + "*",
        //     minWidth: 100,
        //     flex: 1,
        //     editable: true,
        //     headerClassName: "custom",
        // },

        {
            field: 'stockUnit',
@@ -509,6 +575,15 @@
            flex: 1,
            editable: false,
        },
        // {
        //     field: 'prodTime',
        //     headerName: translate('table.field.asnOrderItem.prodTime'),
        //     minWidth: 200,
        //     flex: 1,
        //     ...dateColumnType,
        //     editable: true,
        //     headerClassName: "custom",
        // },
        // {
        //     field: 'purQty',
        //     headerName: translate('table.field.asnOrderItem.purQty'),
@@ -565,7 +640,7 @@
                headerName: el.fieldsAlise,
                minWidth: 100,
                flex: 1,
                editable: false
                editable: true
            }))
            setColumns([...columns, ...cols, action])
        } else {
@@ -595,7 +670,6 @@

        return newRow;
    };



    const handleSelectionChange = (ids) => {