blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
skyouc
2025-05-23 e42c5977ec786eb72af7294e3d3d8bcf4ae47413 
 rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx


@@ -11,6 +11,7 @@


  CreateButton,


  ExportButton,


  BulkDeleteButton,


  useDataProvider,


  WrapperField,


  useRecordContext,


  useTranslate,


@@ -34,6 +35,7 @@


  DeleteButton,


  Button,


  useRedirect,


  useUnselectAll,


} from 'react-admin';


import { Box, Typography, Card, Stack } from '@mui/material';


import { styled } from '@mui/material/styles';


@@ -45,17 +47,19 @@


import BillStatusField from '../../components/BillStatusField';


import ConfirmButton from '../../components/ConfirmButton';


import PageDrawer from "../../components/PageDrawer";


import MyField from "../../components/MyField";


import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';


import * as Common from '@/utils/common';


import ConstructionIcon from "@mui/icons-material/Construction";


import FileDownloadIcon from '@mui/icons-material/FileDownload';


import EditIcon from '@mui/icons-material/Edit';


import TaskIcon from '@mui/icons-material/Task';


import CloseIcon from '@mui/icons-material/Close';


import request from '@/utils/request';


import DictionarySelect from "../../components/DictionarySelect";




import ExitToAppIcon from '@mui/icons-material/ExitToApp';


import ImportButton from "../../components/ImportButton";


import PrintOutlinedIcon from '@mui/icons-material/PrintOutlined';


import OrderPrintPreview from "./OrderPrintPreview";


import CreateNewFolderOutlinedIcon from '@mui/icons-material/CreateNewFolderOutlined';


import AsnCreateByPoModal from "./AsnCreateByPoModal";


const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({


  '& .css-1vooibu-MuiSvgIcon-root': {


    height: '.9em'


@@ -66,7 +70,10 @@


  '& .column-name': {


  },


  '& .opt': {


    width: 180


    width: 220


  },


  '& .wkType': {


    width: 110


  },


  '& .status': {


    width: 90


@@ -79,7 +86,7 @@


  <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' }} label="table.field.asnOrder.wkType">


    <AutocompleteInput label="table.field.asnOrder.wkType" optionValue="value" />


  </ReferenceInput>,


  <NumberInput source="anfme" label="table.field.asnOrder.anfme" />,


@@ -103,25 +110,23 @@




]




const AsnOrderList = () => {


const AsnOrderList = (props) => {


  const translate = useTranslate();


  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 location = useLocation();


  const redirect = useRedirect();


  const navigate = useNavigate();


  const notify = useNotify();


  const refresh = useRefresh();


  const dicts = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_business_type')) || [];


  const assign = (record) => {


    navigate(`/asnOrderItem?asnId=${record.id}`);


  };




  return (


    <Box display="flex">


      <List


        resource="asnOrder"


        sx={{


          flexGrow: 1,


          transition: (theme) =>


@@ -131,14 +136,16 @@


          marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,


        }}


        title={"menu.asnOrder"}


        empty={<EmptyData onClick={() => { setCreateDialog(true); setmodalType(0) }} />}


        empty={false}


        filters={filters}


        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>


        )}


@@ -147,33 +154,42 @@


        <StyledDatagrid


          sx={{ width: '100%' }}


          preferenceKey='asnOrder'


          bulkActionButtons={<> <InspectionsButton /><BulkDeleteButton mutationMode={OPERATE_MODE} /></>}


          rowClick='edit'


          bulkActionButtons={


            <>


              <InspectionsButton />


              <MyExportButton />


              {/* <BtnBulkExport></BtnBulkExport> */}


            </>}


          rowClick={false}


          expandSingle={true}


          omit={['id', 'createTime', 'createBy', 'memo', 'poId', 'rleStatus$']}


          omit={['id', 'createTime', 'createBy', 'memo', 'logisNo', 'poId', 'rleStatus$']}


        >


          <NumberField source="id" />


          <TextField source="code" label="table.field.asnOrder.code" />


          <TextField source="poCode" label="table.field.asnOrder.poCode" />


          <NumberField source="poId" label="table.field.asnOrder.poId" />


          <TextField source="type$" label="table.field.asnOrder.type" />


          <TextField source="wkType$" label="table.field.asnOrder.wkType" />


          <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="ntyStatus$" label="table.field.asnOrder.ntyStatus" /> */}


          <TextField source="updateBy$" label="common.field.updateBy" />


          <DateField source="updateTime" label="common.field.updateTime" showTime />


          <TextField source="createBy$" label="common.field.createBy" />


          <DateField source="createTime" label="common.field.createTime" showTime />


          <BillStatusField cellClassName="status" source="exceStatus" label="table.field.asnOrder.exceStatus" />


          <TextField source="memo" label="common.field.memo" sortable={false} />


          <WrapperField cellClassName="opt" label="common.field.opt" width={300} >


          <WrapperField cellClassName="opt" label="common.field.opt" >


            <EditButton label="toolbar.detail"></EditButton>


            <MyButton setCreateDialog={setCreateDialog} setmodalType={setmodalType} />


            <InspectionButton />


            <CompleteButton />


            <CloseButton />


            <ODeleteButton />


            <PrintButton setPrintOrder={setPrintOrder} setSelect={setSelect} />


            {/* <CloseButton /> */}


          </WrapperField>


        </StyledDatagrid>


      </List>


@@ -182,6 +198,15 @@


        setOpen={setCreateDialog}


        asnId={modalType}


        billReload={billReload}


      />


      <OrderPrintPreview


        open={printOrder}


        setOpen={setPrintOrder}


        record={select}


      />


      <AsnCreateByPoModal


        open={poCreate}


        setOpen={setPoCreate}


      />


      <PageDrawer


        title='AsnOrder Detail'


@@ -194,6 +219,47 @@


}


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) => {


@@ -204,17 +270,20 @@




  };


  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();


@@ -226,7 +295,6 @@




  const requestInspect = async (rows) => {


    const { data: { code, data, msg } } = await request.post(`/asnOrder/inspect`, rows);




    if (code === 200) {


      notify(msg);


      refresh()


@@ -235,11 +303,8 @@


    }


  }






  return (


    <Button onClick={inspection} label={"toolbar.inspection"}>


      <ConstructionIcon />


    </Button>


    <ConfirmButton label={"toolbar.inspection"} color="secondary" startIcon={<ConstructionIcon />} onConfirm={inspection} />


  )


}




@@ -247,10 +312,11 @@


  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))


@@ -269,7 +335,6 @@


    }


  }






  return (


    <Button onClick={inspection} label={"toolbar.inspection"}>


      <ConstructionIcon />


@@ -277,6 +342,53 @@


  )


}




const BtnBulkExport = () => {


  const { filter, selectedIds, filterValues, resource, sort, total } = useListContext();


  const refresh = useRefresh();


  const dataProvider = useDataProvider();


  const notify = useNotify();


  const unSelect = useUnselectAll(resource);




  const bulkExport = () => {


    getExport()


    unSelect();


  }


  const getExport = () => {


    dataProvider


      .export(resource, {


        ids: selectedIds,


        pagination: { page: 1, perPage: 1000 },


      })


      .then((res) => {


        const url = window.URL.createObjectURL(


          new Blob([res.data], { type: res.headers["content-type"] }),


        );


        const link = document.createElement("a");


        link.href = url;


        link.setAttribute("download", `${resource}.xlsx`);


        document.body.appendChild(link);


        link.click();


        link.remove();


      })


      .catch((error) => {


        console.error(error);


        notify("ra.notification.http_error", { type: "error" });


      });


    if (typeof onClick === "function") {


      onClick(event);


    }


  };




  return (


    <>


      <Button label="toolbar.bulkExport" onClick={bulkExport}>


        <ExitToAppIcon />


      </Button>


    </>


  )


}




//完成单据


const CompleteButton = () => {


  const record = useRecordContext();


  const notify = useNotify();


@@ -292,12 +404,11 @@


    }


  }






  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} /> : <></>


  )






@@ -319,6 +430,6 @@


  }




  return (


    <ConfirmButton label={"toolbar.close"} color="error" data={'确认是否关闭？'} startIcon={<CloseIcon />} onConfirm={requestClose} />


    <ConfirmButton label={"toolbar.close"} color="error" startIcon={<CloseIcon />} onConfirm={requestClose} />


  )


}