import { List, ListItemText, ListItemButton, Dialog, DialogTitle, ListItem } from "@mui/material";
|
import React, { useState, useRef, useEffect, useMemo } from "react";
|
import request from '@/utils/request';
|
import { useTranslate } from "react-admin";
|
|
const CheckOrderSiteDialog = (props) => {
|
const translate = useTranslate();
|
const { onClose, selectedValue, open } = props;
|
const [siteNos, setSiteNos] = useState([]);
|
|
const handleClose = () => {
|
onClose(selectedValue);
|
}
|
|
const handleListItemClick = (value) => {
|
onClose(value);
|
}
|
|
useEffect(() => {
|
getSiteNos()
|
}, [open])
|
|
|
const getSiteNos = async () => {
|
const { data: { code, data, msg } } = await request.get('/check/tasks/sites');
|
if (code === 200) {
|
setSiteNos(data);
|
} else {
|
notify(msg);
|
}
|
}
|
|
return (
|
<Dialog
|
onClose={handleClose}
|
open={open}
|
>
|
<DialogTitle>{translate("toolbar.modiftySite")}</DialogTitle>
|
<List sx={{ pt: 0 }}>
|
{siteNos.map((site) => (
|
<ListItem disableGutters key={site?.id}>
|
<ListItemButton onClick={() => handleListItemClick(site)}>
|
<ListItemText primary={site.site} />
|
</ListItemButton>
|
</ListItem>
|
))}
|
</List>
|
</Dialog>
|
);
|
}
|
|
export default CheckOrderSiteDialog;
|
