blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
skyouc
2025-03-21 203e553223a51b1e80c3d764363771c4d9453b8d 
 rsf-admin/src/page/asnOrder/AsnOrderList.jsx


@@ -1,11 +1,5 @@


import React, {


  useState,


  useRef,


  useEffect,


  useMemo,


  useCallback,


} from "react";


import { useNavigate } from "react-router-dom";


import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";


import { useNavigate } from 'react-router-dom';


import {


  List,


  DatagridConfigurable,


@@ -38,35 +32,35 @@


  AutocompleteInput,


  DeleteButton,


  Button,


} from "react-admin";


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


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


import AsnOrderCreate from "./AsnOrderCreate";


} 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 MyExportButton from '../components/MyExportButton';


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 UploadloadIcon from "@mui/icons-material/Upload";


import {


  PAGE_DRAWER_WIDTH,


  OPERATE_MODE,


  DEFAULT_PAGE_SIZE,


} from "@/config/setting";


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


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


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








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


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


    height: ".9em",


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


    height: '.9em'


  },


  "& .RaDatagrid-row": {


    cursor: "auto",


  '& .RaDatagrid-row': {


    cursor: 'auto'


  },


  "& .column-name": {},


  "& .opt": {


    width: 200,


  '& .column-name': {


  },


  '& .opt': {


    width: 200


  },


}));




@@ -82,41 +76,66 @@


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


  <SelectInput source="rleStatus" label="table.field.asnOrder.rleStatus"


    choices={[


      { id: 0, name: " 正常" },


      { id: 1, name: " 已释放" },


      { id: 0, name: ' 正常' },


      { id: 1, name: ' 已释放' },


    ]}


  />,


  <TextInput source="name" label="table.field.asnOrder.name" />,




  <TextInput label="common.field.memo" source="memo" />,


  <SelectInput


    label="common.field.status"


    source="status"


    choices={[


      { id: "1", name: "common.enums.statusTrue" },


      { id: "0", name: "common.enums.statusFalse" },


      { id: '1', name: 'common.enums.statusTrue' },


      { id: '0', name: 'common.enums.statusFalse' },


    ]}


    resettable


  />,


];


]




const AsnOrderList = () => {


  const translate = useTranslate();




  const [createDialog, setCreateDialog] = useState(false);


  const [drawerVal, setDrawerVal] = useState(false);


  const [modalType, setmodalType] = useState(0);




  const navigate = useNavigate();


  const assign = (record) => {


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


  };




  const importList = () => {};


  const inspection = () => {};




  const inspection = () => { };




  const print = () => {


    const imageUrls = ['https://www.baidu.com/img/flexible/logo/pc/result@2.png',]


    const iframe = document.createElement('iframe');


    iframe.style.display = 'none';


    document.body.appendChild(iframe);




    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;


    iframeDoc.open();


    iframeDoc.write('<html><head><title>Print Images</title></head><body>');




    // 将图片插入到 iframe 中


    imageUrls.forEach((imageUrl) => {


      iframeDoc.write(`<img src="${imageUrl}" style="margin: 10px;">`);


    });




    iframeDoc.write('</body></html>');


    iframeDoc.close();




    // 等待图片加载完成后触发打印


    iframe.contentWindow.onload = () => {


      iframe.contentWindow.print();


      // 打印完成后移除 iframe


      document.body.removeChild(iframe);


    };


  };






  return (


    <Box display="flex">


@@ -124,52 +143,37 @@


        sx={{


          flexGrow: 1,


          transition: (theme) =>


            theme.transitions.create(["all"], {


            theme.transitions.create(['all'], {


              duration: theme.transitions.duration.enteringScreen,


            }),


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


        }}


        title={"menu.asnOrder"}


        empty={


          <EmptyData


            onClick={() => {


              setCreateDialog(true);


            }}


          />


        }


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


        filters={filters}


        sort={{ field: "create_time", order: "desc" }}


        actions={


        actions={(


          <TopToolbar>


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


              <UploadloadIcon />


            </Button>




            <Button onClick={inspection} label={"ra.action.import"}>


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


              <ConstructionIcon />


            </Button>




            <FilterButton />


            <MyCreateButton


              onClick={() => {


                setCreateDialog(true);


              }}


            />


            <SelectColumnsButton preferenceKey="asnOrder" />


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


            <SelectColumnsButton preferenceKey='asnOrder' />




            <MyExportButton />


          </TopToolbar>


        }


        )}


        perPage={DEFAULT_PAGE_SIZE}


      >


        <StyledDatagrid


          preferenceKey="asnOrder"


          bulkActionButtons={() => (


            <BulkDeleteButton mutationMode={OPERATE_MODE} />


          )}


          preferenceKey='asnOrder'


          bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}


          rowClick={(id, resource, record) => false}


          expand={() => <AsnOrderPanel />}


          expand={(e) => <AsnOrderPanel key={Math.floor(Math.random() * 100)} />}


          expandSingle={true}


          omit={["id", "createTime", "createBy", "memo"]}


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


        >


          <NumberField source="id" />


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


@@ -180,69 +184,69 @@


          <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="name" label="table.field.asnOrder.name" />


          <DateField source="arrTime" label="table.field.asnOrder.arrTime" showTime />


          <TextField source="rleStatus$" label="table.field.asnOrder.rleStatus" sortable={false} />




          <ReferenceField


            source="updateBy"


            label="common.field.updateBy"


            reference="user"


            link={false}


            sortable={false}


          >


          <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>


            <TextField source="nickname" />


          </ReferenceField>


          <DateField


            source="updateTime"


            label="common.field.updateTime"


            showTime


          />


          <ReferenceField


            source="createBy"


            label="common.field.createBy"


            reference="user"


            link={false}


            sortable={false}


          >


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


          <ReferenceField source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>


            <TextField source="nickname" />


          </ReferenceField>


          <DateField


            source="createTime"


            label="common.field.createTime"


            showTime


          />


          <BooleanField


            source="statusBool"


            label="common.field.status"


            sortable={false}


          />


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


          <BooleanField source="statusBool" label="common.field.status" sortable={false} />


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


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


            <EditButton sx={{ padding: "1px", fontSize: ".75rem" }} />


            <DeleteButton


              sx={{ padding: "1px", fontSize: ".75rem" }}


              mutationMode={OPERATE_MODE}


            />


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


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


              <FileDownloadIcon />


            </Button>


            {/* <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} /> */}


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


            {/* <Button


              color="primary"


              startIcon={<EditIcon />}


              onClick={(event, record) => handleEditClick(record)}


              sx={{ ml: 1 }}


              label={'ra.action.edit'}


            >


            </Button> */}


            <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />


          </WrapperField>


        </StyledDatagrid>


      </List>


      <AsnOrderCreate open={createDialog} setOpen={setCreateDialog} />


      <AsnOrderModal


        open={createDialog}


        setOpen={setCreateDialog}


        asnId={modalType}


      />


      <PageDrawer


        title="AsnOrder Detail"


        title='AsnOrder Detail'


        drawerVal={drawerVal}


        setDrawerVal={setDrawerVal}


      ></PageDrawer>


    </Box>


  );


};




      >


      </PageDrawer>


    </Box >


  )


}


export default AsnOrderList;




const MyButton = ({ setCreateDialog, setmodalType }) => {


  const record = useRecordContext();


  const handleEditClick = () => {


    const id = record.id;


    setmodalType(id);


    setCreateDialog(true);




  };


  return (


    <Button


      color="primary"


      startIcon={<EditIcon />}


      onClick={() => handleEditClick()}


      sx={{ ml: 1 }}


      label={'ra.action.edit'}


    >


    </Button>


  )


}