refactor: source 정리
parent
f4f07d0ad8
commit
9cf8bdb0ab
@ -1,216 +0,0 @@
|
|||||||
import Paper from '@mui/material/Paper';
|
|
||||||
import Table from '@mui/material/Table';
|
|
||||||
import TableBody from '@mui/material/TableBody';
|
|
||||||
import TableCell, { tableCellClasses } from '@mui/material/TableCell';
|
|
||||||
import TableContainer from '@mui/material/TableContainer';
|
|
||||||
import TableHead from '@mui/material/TableHead';
|
|
||||||
import TableRow from '@mui/material/TableRow';
|
|
||||||
import { styled } from '@mui/material/styles';
|
|
||||||
import { Divider, FormControl, Grid, InputLabel, MenuItem, Select, Typography } from '@mui/material';
|
|
||||||
import PropTypes from 'prop-types';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
import combo from 'commons/combo_data';
|
|
||||||
import { useState } from 'react';
|
|
||||||
import Button from '@mui/material/Button';
|
|
||||||
import { IconSearch } from '@tabler/icons';
|
|
||||||
import { findJudgeResults } from 'apis/judge';
|
|
||||||
import MuiAlert from 'views/cmm/MuiAlert';
|
|
||||||
|
|
||||||
const StyledTableCell = styled(TableCell)(({ theme }) => ({
|
|
||||||
[`&.${tableCellClasses.head}`]: {
|
|
||||||
backgroundColor: theme.palette.common.black,
|
|
||||||
color: theme.palette.common.white
|
|
||||||
},
|
|
||||||
[`&.${tableCellClasses.body}`]: {
|
|
||||||
// fontSize: 14
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
const StyledTableRow = styled(TableRow)(({ theme }) => ({
|
|
||||||
'&:nth-of-type(odd)': {
|
|
||||||
backgroundColor: theme.palette.action.hover
|
|
||||||
},
|
|
||||||
// hide last border
|
|
||||||
'&:last-child td, &:last-child th': {
|
|
||||||
border: 0
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
const ModalJudgeResult = ({ judgeUsers, totJudgeUserData, judgeData, simsaUser, selectedRow, judgeTeam }) => {
|
|
||||||
const [judgeResult, setJudgeResult] = useState({
|
|
||||||
judgeUsers,
|
|
||||||
totJudgeUserData,
|
|
||||||
judgeData
|
|
||||||
// simsaUser
|
|
||||||
});
|
|
||||||
const [msuTeam, setMsuTeam] = useState(judgeTeam);
|
|
||||||
const [alertOpen, setAlertOpen] = useState(false);
|
|
||||||
const [alertState, setAlertState] = useState({
|
|
||||||
// prettier-ignore
|
|
||||||
severity: "warning",
|
|
||||||
title: '',
|
|
||||||
message: ''
|
|
||||||
});
|
|
||||||
|
|
||||||
const totLabel = ['부과', '서손', '미부과', '계'];
|
|
||||||
console.log(totJudgeUserData, judgeData, simsaUser, selectedRow, judgeTeam);
|
|
||||||
const onSearch = async () => {
|
|
||||||
if (msuTeam) {
|
|
||||||
const params = {
|
|
||||||
msDatagb: selectedRow.msDatagb ?? '',
|
|
||||||
msSdate: selectedRow.msSdate,
|
|
||||||
msEdate: selectedRow.msEdate,
|
|
||||||
msChasu: selectedRow.msChasu,
|
|
||||||
msuTeam
|
|
||||||
};
|
|
||||||
const res = await findJudgeResults(params, params.msDatagb === '');
|
|
||||||
|
|
||||||
// TODO: 에러 alert 반영 필요
|
|
||||||
if (res && res.isAxiosError) {
|
|
||||||
setJudgeResult({
|
|
||||||
...judgeResult,
|
|
||||||
totJudgeUserData: [],
|
|
||||||
judgeData: [],
|
|
||||||
simsaUser: []
|
|
||||||
});
|
|
||||||
// alert.show('조회된 데이타가 없습니다.');
|
|
||||||
setAlertState({
|
|
||||||
...alertState,
|
|
||||||
message: '조회된 데이타가 없습니다.'
|
|
||||||
});
|
|
||||||
setAlertOpen(true);
|
|
||||||
// descriptionAlertsDescriptionAlerts();
|
|
||||||
} else {
|
|
||||||
setJudgeResult({
|
|
||||||
...judgeResult,
|
|
||||||
totJudgeUserData: res.totJudgeUserData,
|
|
||||||
judgeData: res.judgeData,
|
|
||||||
simsaUser: res.simsaUser
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// totJudgeUserData = res.totJudgeUserData;
|
|
||||||
// judgeData = res.judgeData;
|
|
||||||
// simsaUser = res.simsaUser;
|
|
||||||
// selectedRow,
|
|
||||||
// judgeTeam: msuTeam
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Box>
|
|
||||||
<Grid container spacing={2} alignItems="center">
|
|
||||||
<Grid item xs={12}>
|
|
||||||
<Grid container spacing={1}>
|
|
||||||
<Grid item>
|
|
||||||
<Typography variant="subtitle1">
|
|
||||||
심의차수: {selectedRow.msChasu}차 심의기간: {selectedRow.msSdate} ~ {selectedRow.msEdate}
|
|
||||||
</Typography>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={12} sm={2}>
|
|
||||||
<FormControl fullWidth>
|
|
||||||
<InputLabel required>팀</InputLabel>
|
|
||||||
<Select defaultValue={msuTeam} onChange={(e) => setMsuTeam(e.target.value)}>
|
|
||||||
{combo.teams.map((team) => (
|
|
||||||
<MenuItem key={team.code} value={team.code}>
|
|
||||||
{team.value}
|
|
||||||
</MenuItem>
|
|
||||||
))}
|
|
||||||
</Select>
|
|
||||||
</FormControl>
|
|
||||||
</Grid>
|
|
||||||
<Grid item sx={{ marginTop: 3 }}>
|
|
||||||
<Button variant="contained" color="primary" size="small" startIcon={<IconSearch />} onClick={onSearch}>
|
|
||||||
조회
|
|
||||||
</Button>
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
<Paper sx={{ width: '100%', overflow: 'hidden' }}>
|
|
||||||
<TableContainer sx={{ maxwidth: 950, maxHeight: 700 }}>
|
|
||||||
<Table stickyHeader aria-label="sticky table">
|
|
||||||
<TableHead>
|
|
||||||
<TableRow>
|
|
||||||
{/* <StyledTableCell align="center" style={{ minWidth: 80 }} hidden> */}
|
|
||||||
{/* 민원코드 */}
|
|
||||||
{/* </StyledTableCell> */}
|
|
||||||
<StyledTableCell align="center" style={{ width: 95 }}>
|
|
||||||
접수번호
|
|
||||||
</StyledTableCell>
|
|
||||||
<StyledTableCell align="center" style={{ width: 130 }}>
|
|
||||||
차량번호
|
|
||||||
</StyledTableCell>
|
|
||||||
{judgeResult.judgeUsers.map((u) => (
|
|
||||||
<StyledTableCell align="center" style={{ width: 80 }}>
|
|
||||||
{u.NAME}
|
|
||||||
</StyledTableCell>
|
|
||||||
))}
|
|
||||||
<StyledTableCell align="center" style={{ width: 80 }}>
|
|
||||||
결과
|
|
||||||
</StyledTableCell>
|
|
||||||
</TableRow>
|
|
||||||
</TableHead>
|
|
||||||
<TableBody>
|
|
||||||
{/* 심사 통계 */}
|
|
||||||
{judgeResult.totJudgeUserData.map((totData, idx) => (
|
|
||||||
<StyledTableRow hover key={idx}>
|
|
||||||
<StyledTableCell align="center" style={{ width: 95 }}>
|
|
||||||
{totLabel[idx]}
|
|
||||||
</StyledTableCell>
|
|
||||||
<StyledTableCell align="center" style={{ width: 130 }} />
|
|
||||||
{totData.map((data) => (
|
|
||||||
<StyledTableCell align="center" style={{ width: 80 }}>
|
|
||||||
{data}
|
|
||||||
</StyledTableCell>
|
|
||||||
))}
|
|
||||||
</StyledTableRow>
|
|
||||||
))}
|
|
||||||
</TableBody>
|
|
||||||
<TableBody sx={{ mt: 3 }}>
|
|
||||||
<Grid item xs={12}>
|
|
||||||
<Divider />
|
|
||||||
<Divider />
|
|
||||||
</Grid>
|
|
||||||
{/* 접수번호별 심사 결과 */}
|
|
||||||
{judgeResult.judgeData.map((row) => (
|
|
||||||
<StyledTableRow hover key={row.msSeq}>
|
|
||||||
{/* <StyledTableCell>{row.msMaincode}</StyledTableCell> */}
|
|
||||||
<StyledTableCell align="center" style={{ width: 95 }}>
|
|
||||||
{row.msSeq}
|
|
||||||
</StyledTableCell>
|
|
||||||
<StyledTableCell align="center" style={{ width: 130 }}>
|
|
||||||
{row.msCarnum}
|
|
||||||
</StyledTableCell>
|
|
||||||
|
|
||||||
{/* 심사위원별 심사결과 */}
|
|
||||||
{row.simsa.map((r) => (
|
|
||||||
<StyledTableCell align="center" style={{ width: 80 }}>
|
|
||||||
{r.msuResult}
|
|
||||||
</StyledTableCell>
|
|
||||||
))}
|
|
||||||
|
|
||||||
{/* 최종심사결과 */}
|
|
||||||
<StyledTableCell align="center" style={{ width: 80 }}>
|
|
||||||
{row.simsa[0].msResult}
|
|
||||||
</StyledTableCell>
|
|
||||||
</StyledTableRow>
|
|
||||||
))}
|
|
||||||
</TableBody>
|
|
||||||
</Table>
|
|
||||||
</TableContainer>
|
|
||||||
</Paper>
|
|
||||||
<MuiAlert open={alertOpen} setOpen={setAlertOpen} {...alertState} />
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
ModalJudgeResult.propTypes = {
|
|
||||||
judgeUsers: PropTypes.array,
|
|
||||||
totJudgeUserData: PropTypes.array.isRequired,
|
|
||||||
judgeData: PropTypes.array.isRequired,
|
|
||||||
// simsaUser: PropTypes.array.isRequired,
|
|
||||||
selectedRow: PropTypes.object.isRequired,
|
|
||||||
judgeTeam: PropTypes.string
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ModalJudgeResult;
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
import React, { useState } from 'react';
|
|
||||||
import { CardMedia, ImageList, ImageListItem } from '@mui/material';
|
|
||||||
import { useDropzone } from 'react-dropzone';
|
|
||||||
import { Image } from '@mui/icons-material';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
|
|
||||||
const itemData = [
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1551963831-b3b1ca40c98e',
|
|
||||||
title: 'Breakfast'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1551782450-a2132b4ba21d',
|
|
||||||
title: 'Burger'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1522770179533-24471fcdba45',
|
|
||||||
title: 'Camera'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c',
|
|
||||||
title: 'Coffee'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1533827432537-70133748f5c8',
|
|
||||||
title: 'Hats'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1558642452-9d2a7deb7f62',
|
|
||||||
title: 'Honey'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1516802273409-68526ee1bdd6',
|
|
||||||
title: 'Basketball'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1518756131217-31eb79b20e8f',
|
|
||||||
title: 'Fern'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1597645587822-e99fa5d45d25',
|
|
||||||
title: 'Mushrooms'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1567306301408-9b74779a11af',
|
|
||||||
title: 'Tomato basil'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1471357674240-e1a485acb3e1',
|
|
||||||
title: 'Sea star'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1589118949245-7d38baf380d6',
|
|
||||||
title: 'Bike'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
const ProcessJudge2 = () => {
|
|
||||||
const [previewImage, setPreviewImage] = useState();
|
|
||||||
|
|
||||||
const { getRootProps, getInputProps } = useDropzone({
|
|
||||||
accept: 'image/*',
|
|
||||||
onDrop: (acceptedFiles) => {
|
|
||||||
setPreviewImage(URL.createObjectURL(itemData[0].img));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<CardMedia
|
|
||||||
component="img"
|
|
||||||
sx={{
|
|
||||||
height: 233,
|
|
||||||
width: 350,
|
|
||||||
maxHeight: { xs: 233, md: 167 },
|
|
||||||
maxWidth: { xs: 350, md: 250 }
|
|
||||||
}}
|
|
||||||
src={itemData[0].img}
|
|
||||||
// src={previewImage}
|
|
||||||
/>
|
|
||||||
<Box
|
|
||||||
component="img"
|
|
||||||
sx={{
|
|
||||||
height: 233,
|
|
||||||
width: 350,
|
|
||||||
maxHeight: { xs: 233, md: 167 },
|
|
||||||
maxWidth: { xs: 350, md: 250 }
|
|
||||||
}}
|
|
||||||
alt="The house from the offer."
|
|
||||||
src={itemData[0].img}
|
|
||||||
/>
|
|
||||||
<Image src={itemData[0].img} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ProcessJudge2;
|
|
||||||
Loading…
Reference in New Issue