import * as React from 'react';
|
import { useTranslate, useReference } from 'react-admin';
|
import {
|
ListItem,
|
ListItemSecondaryAction,
|
ListItemAvatar,
|
ListItemText,
|
Typography,
|
Avatar,
|
Box,
|
ListItemButton,
|
Card,
|
CardHeader,
|
List,
|
Grid,
|
} from '@mui/material';
|
import { Link } from 'react-router-dom';
|
|
const NbList = ({ deadStock }) => {
|
const translate = useTranslate();
|
return (
|
<Card sx={{ flex: 1 }}>
|
<CardHeader title={translate('page.dashboard.list.stock')} />
|
<List dense={true}>
|
{deadStock.map(record => (
|
<PendingOrder key={`record?.id + ${Math.random().toString(36).substr(2, 9)} `} order={record} />
|
))}
|
</List>
|
</Card>
|
);
|
};
|
|
export const PendingOrder = (props) => {
|
const { order } = props;
|
console.log(order);
|
const translate = useTranslate();
|
// const { referenceRecord: customer, isPending } = useReference({
|
// reference: 'customers',
|
// id: order.id,
|
// });
|
|
return (
|
<ListItem disablePadding>
|
<ListItemButton component={Link} to={`/orders/${order.id}`}>
|
{/* <ListItemAvatar>
|
{isPending ? (
|
<Avatar />
|
) : (
|
<Avatar
|
src={`${customer?.avatar}?size=32x32`}
|
sx={{ bgcolor: 'background.paper' }}
|
alt={`${customer?.first_name} ${customer?.last_name}`}
|
/>
|
)}
|
</ListItemAvatar> */}
|
{/* <ListItemText
|
primary={new Date(order.createTime).toLocaleString('en-GB')}
|
secondary={translate('page.dashboard.list.stock', {
|
name: order.maktx
|
})}
|
>
|
|
</ListItemText> */}
|
<Grid container item md={12}>
|
<Box sx={{ display: 'flex' }}>
|
<Box sx={{ display: 'flex', padding: '1em' }}>
|
<Typography color="textSecondary">{translate("table.field.asnOrderItem.matnrCode")}：</Typography>
|
<Typography color="textSecondary">{order?.matnrCode}</Typography>
|
</Box>
|
</Box>
|
<Box sx={{ display: 'flex' }}>
|
<Box sx={{ display: 'flex', padding: '1em' }}>
|
<Typography color="textSecondary">{translate("table.field.asnOrderItem.maktx")}：</Typography>
|
<Typography color="textSecondary" maxWidth="200" overflow="hidden">{order?.maktx}</Typography>
|
</Box>
|
</Box>
|
<Box sx={{ display: 'flex' }}>
|
<Box sx={{ display: 'flex', padding: '1em' }}>
|
<Typography color="textSecondary">{translate("table.field.asnOrderItem.anfme")}：</Typography>
|
<Typography color="textSecondary">{order?.anfme}</Typography>
|
</Box>
|
</Box>
|
<Box sx={{ display: 'flex' }}>
|
<Box sx={{ display: 'flex', padding: '1em' }}>
|
<Typography color="textSecondary">{translate("table.field.locItem.deadTime")}：</Typography>
|
<Typography color="textSecondary">{order?.deadTime}</Typography>
|
</Box>
|
</Box>
|
</Grid>
|
{/* <ListItemSecondaryAction>
|
<Box
|
component="span"
|
sx={{
|
marginRight: '1em',
|
color: 'text.primary',
|
}}
|
>
|
{order.deadTime}
|
</Box>
|
</ListItemSecondaryAction> */}
|
</ListItemButton>
|
</ListItem>
|
);
|
};
|
|
export default NbList;
|
