|  |  |  | 
|---|
|  |  |  | import React, { useState, useRef, useEffect, useMemo, useCallback } from "react"; | 
|---|
|  |  |  | import { useLocation, useNavigate } from 'react-router-dom'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | List, | 
|---|
|  |  |  | DatagridConfigurable, | 
|---|
|  |  |  | 
|---|
|  |  |  | SelectColumnsButton, | 
|---|
|  |  |  | EditButton, | 
|---|
|  |  |  | FilterButton, | 
|---|
|  |  |  | CreateButton, | 
|---|
|  |  |  | ExportButton, | 
|---|
|  |  |  | BulkDeleteButton, | 
|---|
|  |  |  | useDataProvider, | 
|---|
|  |  |  | WrapperField, | 
|---|
|  |  |  | useRecordContext, | 
|---|
|  |  |  | 
|---|
|  |  |  | useNotify, | 
|---|
|  |  |  | useRefresh, | 
|---|
|  |  |  | useListContext, | 
|---|
|  |  |  | FunctionField, | 
|---|
|  |  |  | TextField, | 
|---|
|  |  |  | NumberField, | 
|---|
|  |  |  | DateField, | 
|---|
|  |  |  | 
|---|
|  |  |  | useRedirect, | 
|---|
|  |  |  | useUnselectAll, | 
|---|
|  |  |  | } from 'react-admin'; | 
|---|
|  |  |  | import { Box, Typography, Card, Stack } from '@mui/material'; | 
|---|
|  |  |  | import { styled } from '@mui/material/styles'; | 
|---|
|  |  |  | import AsnOrderModal from "./AsnOrderModal"; | 
|---|
|  |  |  | import AsnOrderPanel from "./AsnOrderPanel"; | 
|---|
|  |  |  | import EmptyData from "../../components/EmptyData"; | 
|---|
|  |  |  | import MyCreateButton from "../../components/MyCreateButton"; | 
|---|
|  |  |  | import MyExportButton from '../../components/MyExportButton'; | 
|---|
|  |  |  | import BillStatusField from '../../components/BillStatusField'; | 
|---|
|  |  |  | import ConfirmButton from '../../components/ConfirmButton'; | 
|---|
|  |  |  | import PageDrawer from "../../components/PageDrawer"; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; | 
|---|
|  |  |  | import CreateNewFolderOutlinedIcon from '@mui/icons-material/CreateNewFolderOutlined'; | 
|---|
|  |  |  | import React, { useState, useRef, useEffect, useMemo, useCallback } from "react"; | 
|---|
|  |  |  | import PrintOutlinedIcon from '@mui/icons-material/PrintOutlined'; | 
|---|
|  |  |  | import DictionarySelect from "../../components/DictionarySelect"; | 
|---|
|  |  |  | import ConstructionIcon from "@mui/icons-material/Construction"; | 
|---|
|  |  |  | import BillStatusField from '../../components/BillStatusField'; | 
|---|
|  |  |  | import MyExportButton from '../../components/MyExportButton'; | 
|---|
|  |  |  | import { Box, Typography, Card, Stack } from '@mui/material'; | 
|---|
|  |  |  | import MyCreateButton from "../../components/MyCreateButton"; | 
|---|
|  |  |  | import { useLocation, useNavigate } from 'react-router-dom'; | 
|---|
|  |  |  | import ConfirmButton from '../../components/ConfirmButton'; | 
|---|
|  |  |  | import ExitToAppIcon from '@mui/icons-material/ExitToApp'; | 
|---|
|  |  |  | import ImportButton from "../../components/ImportButton"; | 
|---|
|  |  |  | import AsnCreateByPoModal from "./AsnCreateByPoModal"; | 
|---|
|  |  |  | import PageDrawer from "../../components/PageDrawer"; | 
|---|
|  |  |  | import OrderPrintPreview from "./OrderPrintPreview"; | 
|---|
|  |  |  | import CloseIcon from '@mui/icons-material/Close'; | 
|---|
|  |  |  | import EditIcon from '@mui/icons-material/Edit'; | 
|---|
|  |  |  | import TaskIcon from '@mui/icons-material/Task'; | 
|---|
|  |  |  | import CloseIcon from '@mui/icons-material/Close'; | 
|---|
|  |  |  | import { styled } from '@mui/material/styles'; | 
|---|
|  |  |  | import AsnOrderModal from "./AsnOrderModal"; | 
|---|
|  |  |  | import request from '@/utils/request'; | 
|---|
|  |  |  | import DictionarySelect from "../../components/DictionarySelect"; | 
|---|
|  |  |  | import ExitToAppIcon from '@mui/icons-material/ExitToApp'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
|---|
|  |  |  | '& .css-1vooibu-MuiSvgIcon-root': { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .column-name': { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .opt': { | 
|---|
|  |  |  | width: 220 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | '& .wkType': { | 
|---|
|  |  |  | width: 110 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .status': { | 
|---|
|  |  |  | width: 90 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .MuiTableCell-root': { | 
|---|
|  |  |  | whiteSpace: 'nowrap', | 
|---|
|  |  |  | overflow: 'visible', | 
|---|
|  |  |  | textOverflow: 'unset' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .opt': { | 
|---|
|  |  |  | width: 220, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | })); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | <TextInput source="poCode" label="table.field.asnOrder.poCode" />, | 
|---|
|  |  |  | <NumberInput source="poId" label="table.field.asnOrder.poId" />, | 
|---|
|  |  |  | <TextInput source="type" label="table.field.asnOrder.type" />, | 
|---|
|  |  |  | <ReferenceInput source="wkType" reference="dictData" filter={{ dictTypeCode: 'sys_business_type' }} label="table.field.asnOrder.wkType"> | 
|---|
|  |  |  | <ReferenceInput source="wkType" reference="dictData" filter={{ dictTypeCode: 'sys_business_type', group: "1" }} label="table.field.asnOrder.wkType" alwaysOn> | 
|---|
|  |  |  | <AutocompleteInput label="table.field.asnOrder.wkType" optionValue="value" /> | 
|---|
|  |  |  | </ReferenceInput>, | 
|---|
|  |  |  | <NumberInput source="anfme" label="table.field.asnOrder.anfme" />, | 
|---|
|  |  |  | <NumberInput source="qty" label="table.field.asnOrder.qty" />, | 
|---|
|  |  |  | <TextInput source="logisNo" label="table.field.asnOrder.logisNo" />, | 
|---|
|  |  |  | <DateInput source="arrTime" label="table.field.asnOrder.arrTime" />, | 
|---|
|  |  |  | <SelectInput source="rleStatus" label="table.field.asnOrder.rleStatus" | 
|---|
|  |  |  | choices={[ | 
|---|
|  |  |  | { id: 0, name: ' 正常' }, | 
|---|
|  |  |  | { id: 1, name: ' 已释放' }, | 
|---|
|  |  |  | ]} | 
|---|
|  |  |  | />, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <TextInput label="common.field.memo" source="memo" />, | 
|---|
|  |  |  | <DictionarySelect | 
|---|
|  |  |  | label='table.field.asnOrder.exceStatus' | 
|---|
|  |  |  | name="exceStatus" | 
|---|
|  |  |  | group="1" | 
|---|
|  |  |  | dictTypeCode="sys_asn_exce_status" | 
|---|
|  |  |  | alwaysOn | 
|---|
|  |  |  | />, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ] | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const AsnOrderList = (props) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | const [createDialog, setCreateDialog] = useState(false); | 
|---|
|  |  |  | const [drawerVal, setDrawerVal] = useState(false); | 
|---|
|  |  |  | const [modalType, setmodalType] = useState(0); | 
|---|
|  |  |  | const [select, setSelect] = useState(0); | 
|---|
|  |  |  | const [poCreate, setPoCreate] = useState(false); | 
|---|
|  |  |  | const [printOrder, setPrintOrder] = useState(false); | 
|---|
|  |  |  | const [select, setSelect] = useState({}); | 
|---|
|  |  |  | const invoiceRef = useRef(); | 
|---|
|  |  |  | const billReload = useRef(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | const refresh = useRefresh(); | 
|---|
|  |  |  | const dicts = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_business_type')) || []; | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Box display="flex"> | 
|---|
|  |  |  | 
|---|
|  |  |  | marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | title={"menu.asnOrder"} | 
|---|
|  |  |  | empty={<EmptyData onClick={() => { setCreateDialog(true); setmodalType(0) }} />} | 
|---|
|  |  |  | empty={false} | 
|---|
|  |  |  | filters={filters} | 
|---|
|  |  |  | filter={{deleted: 0}} | 
|---|
|  |  |  | filter={{ deleted: 0, type: 'in' }} | 
|---|
|  |  |  | sort={{ field: "create_time", order: "desc" }} | 
|---|
|  |  |  | actions={( | 
|---|
|  |  |  | <TopToolbar> | 
|---|
|  |  |  | <FilterButton /> | 
|---|
|  |  |  | <MyCreateButton onClick={() => { setCreateDialog(true); setmodalType(0) }} /> | 
|---|
|  |  |  | <CreateByPoButton setPoCreate={setPoCreate} /> | 
|---|
|  |  |  | <SelectColumnsButton preferenceKey='asnOrder' /> | 
|---|
|  |  |  | <ImportButton value={'asnOrderItem'} /> | 
|---|
|  |  |  | <MyExportButton /> | 
|---|
|  |  |  | </TopToolbar> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | 
|---|
|  |  |  | <InspectionsButton /> | 
|---|
|  |  |  | <MyExportButton /> | 
|---|
|  |  |  | {/* <BtnBulkExport></BtnBulkExport> */} | 
|---|
|  |  |  | <BulkDeleteButton mutationMode={OPERATE_MODE} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </>} | 
|---|
|  |  |  | rowClick={false} | 
|---|
|  |  |  | expandSingle={true} | 
|---|
|  |  |  | omit={['id', 'createTime', 'createBy', 'memo', 'poId', 'rleStatus$']} | 
|---|
|  |  |  | omit={['id', 'createTime', 'createBy', 'memo', 'logisNo', 'poId', 'rleStatus$', 'createBy$']} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <NumberField source="id" /> | 
|---|
|  |  |  | <TextField source="code" label="table.field.asnOrder.code" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <TextField cellClassName="wkType" source="wkType$" label="table.field.asnOrder.wkType" /> | 
|---|
|  |  |  | <NumberField source="anfme" label="table.field.asnOrder.anfme" /> | 
|---|
|  |  |  | <NumberField source="qty" label="table.field.asnOrder.qty" /> | 
|---|
|  |  |  | <TextField source="logisNo" label="table.field.asnOrder.logisNo" /> | 
|---|
|  |  |  | <DateField source="arrTime" label="table.field.asnOrder.arrTime" showTime /> | 
|---|
|  |  |  | <TextField source="rleStatus$" label="table.field.asnOrder.rleStatus" sortable={false} /> | 
|---|
|  |  |  | <TextField source="logisNo" label="table.field.asnOrder.logisNo" /> | 
|---|
|  |  |  | <TextField source="updateBy$" label="common.field.updateBy" /> | 
|---|
|  |  |  | <DateField source="updateTime" label="common.field.updateTime" showTime /> | 
|---|
|  |  |  | <TextField source="createBy$" label="common.field.createBy" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <MyButton setCreateDialog={setCreateDialog} setmodalType={setmodalType} /> | 
|---|
|  |  |  | <InspectionButton /> | 
|---|
|  |  |  | <CompleteButton /> | 
|---|
|  |  |  | <CloseButton /> | 
|---|
|  |  |  | <ODeleteButton /> | 
|---|
|  |  |  | <PrintButton setPrintOrder={setPrintOrder} setSelect={setSelect} /> | 
|---|
|  |  |  | {/* <CloseButton /> */} | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  | </StyledDatagrid> | 
|---|
|  |  |  | </List> | 
|---|
|  |  |  | 
|---|
|  |  |  | setOpen={setCreateDialog} | 
|---|
|  |  |  | asnId={modalType} | 
|---|
|  |  |  | billReload={billReload} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <OrderPrintPreview | 
|---|
|  |  |  | open={printOrder} | 
|---|
|  |  |  | setOpen={setPrintOrder} | 
|---|
|  |  |  | record={select} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <AsnCreateByPoModal | 
|---|
|  |  |  | open={poCreate} | 
|---|
|  |  |  | setOpen={setPoCreate} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <PageDrawer | 
|---|
|  |  |  | title='AsnOrder Detail' | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | export default AsnOrderList; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //按PO单新建 | 
|---|
|  |  |  | const CreateByPoButton = ({ setPoCreate }) => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const createEvent = (event) => { | 
|---|
|  |  |  | event.stopPropagation(); | 
|---|
|  |  |  | setPoCreate(true) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Button label={"toolbar.poCreate"} onClick={createEvent}> | 
|---|
|  |  |  | <CreateNewFolderOutlinedIcon /> | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //打印按钮 | 
|---|
|  |  |  | const PrintButton = ({ setPrintOrder, setSelect }) => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  | const printOrder = (event) => { | 
|---|
|  |  |  | event.stopPropagation(); | 
|---|
|  |  |  | setPrintOrder(true) | 
|---|
|  |  |  | setSelect(record) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Button label={"toolbar.print"} onClick={printOrder}> | 
|---|
|  |  |  | <PrintOutlinedIcon /> | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const ODeleteButton = () => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | record.exceStatus === 0 ? <DeleteButton mutationMode="pessimistic" /> : <></> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const MyButton = ({ setCreateDialog, setmodalType }) => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  | const handleEditClick = (btn) => { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Button | 
|---|
|  |  |  | color="primary" | 
|---|
|  |  |  | startIcon={<EditIcon />} | 
|---|
|  |  |  | onClick={(btn) => handleEditClick(btn)} | 
|---|
|  |  |  | sx={{ ml: 1 }} | 
|---|
|  |  |  | label={'ra.action.edit'} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | record.exceStatus === 1 || record.exceStatus === 0 ? | 
|---|
|  |  |  | <Button | 
|---|
|  |  |  | color="primary" | 
|---|
|  |  |  | startIcon={<EditIcon />} | 
|---|
|  |  |  | onClick={(btn) => handleEditClick(btn)} | 
|---|
|  |  |  | sx={{ ml: 1 }} | 
|---|
|  |  |  | label={'ra.action.edit'} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | : <></> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //报检 | 
|---|
|  |  |  | const InspectionButton = () => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Button onClick={inspection} label={"toolbar.inspection"}> | 
|---|
|  |  |  | <ConstructionIcon /> | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | <ConfirmButton label={"toolbar.inspection"} color="secondary" startIcon={<ConstructionIcon />} onConfirm={inspection} /> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | const { selectedIds, onUnselectItems, data } = useListContext(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | const refresh = useRefresh(); | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const inspection = (btn) => { | 
|---|
|  |  |  | btn.stopPropagation(); | 
|---|
|  |  |  | if (selectedIds.length === 0) { | 
|---|
|  |  |  | notify('请选择通知单'); | 
|---|
|  |  |  | notify(translate("request.error.select_error_order")); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | const rows = data.filter((item) => selectedIds.includes(item.id)) | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const BtnBulkExport = () => { | 
|---|
|  |  |  | const { filter, selectedIds, filterValues, resource, sort, total } = useListContext(); | 
|---|
|  |  |  | const refresh = useRefresh(); | 
|---|
|  |  |  | const dataProvider = useDataProvider(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | const unSelect = useUnselectAll(resource); | 
|---|
|  |  |  | const dataProvider = useDataProvider(); | 
|---|
|  |  |  | const refresh = useRefresh(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const bulkExport = () => { | 
|---|
|  |  |  | getExport() | 
|---|
|  |  |  | unSelect(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const getExport = () => { | 
|---|
|  |  |  | dataProvider | 
|---|
|  |  |  | .export(resource, { | 
|---|
|  |  |  | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //完成单据 | 
|---|
|  |  |  | const CompleteButton = () => { | 
|---|
|  |  |  | const record = useRecordContext(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | record.exceStatus === 1 && (record.anfme === record.qty ? <Button onClick={requestComplete} label={"toolbar.complete"} color="success"> | 
|---|
|  |  |  | <TaskIcon /> | 
|---|
|  |  |  | </Button> : <ConfirmButton label={"toolbar.complete"} color="success" data={'当前收货数量小于计划数量,是否确认完成'} startIcon={<TaskIcon />} onConfirm={requestComplete} />) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // record.exceStatus === 1 && (record.anfme === record.qty ? <Button onClick={requestComplete} label={"toolbar.complete"} color="secondary"> | 
|---|
|  |  |  | //   <TaskIcon /> | 
|---|
|  |  |  | // </Button> : ) | 
|---|
|  |  |  | record.exceStatus === 1 ? <ConfirmButton label={"toolbar.complete"} color="secondary" startIcon={<TaskIcon />} onConfirm={requestComplete} /> : <></> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <ConfirmButton label={"toolbar.close"} color="error" data={'确认是否关闭?'} startIcon={<CloseIcon />} onConfirm={requestClose} /> | 
|---|
|  |  |  | <ConfirmButton label={"toolbar.close"} color="error" startIcon={<CloseIcon />} onConfirm={requestClose} /> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|