feat: 자료관리 상세 반영
parent
1db73f0438
commit
2a6534630f
@ -0,0 +1,268 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
|
||||
import PropTypes from 'prop-types';
|
||||
import NumberFormat from 'react-number-format';
|
||||
import { useAlert } from 'react-alert';
|
||||
|
||||
import _ from 'lodash';
|
||||
|
||||
import { Grid, TextField, MenuItem, Select, FormControl, InputLabel, InputAdornment, Divider } from '@mui/material';
|
||||
import Button from '@mui/material/Button';
|
||||
import { IconSearch, IconFileDownload } from '@tabler/icons';
|
||||
|
||||
import { judgeFileDownload } from '../../../apis/judge';
|
||||
import { Delete, FileDownload, FileUpload, List } from '@mui/icons-material';
|
||||
import ImageFileTextForm from '../../cmm/ImageFileTextForm';
|
||||
|
||||
// const toDate = new Date();
|
||||
|
||||
const ModifyJudgeDataForm = ({ rowData, handleModalSave, setOpen, contDocs, ingbs }) => {
|
||||
const showAlert = useAlert();
|
||||
|
||||
const [selectedContDoc, setSelectedContDoc] = useState(rowData.scContDoc);
|
||||
const [selectedIngb, setSelectedIngb] = useState(rowData.scIngb);
|
||||
|
||||
const onModify = () => {};
|
||||
|
||||
const onList = () => {
|
||||
setOpen(false);
|
||||
};
|
||||
|
||||
const onRemove = () => {
|
||||
handleModalSave('DELETE', rowData.scCode);
|
||||
};
|
||||
|
||||
const viewImg = (methodName) => {
|
||||
judgeFileDownload(
|
||||
{
|
||||
scDatagb: rowData.scDatagb,
|
||||
scCode: rowData.scCode,
|
||||
methodName
|
||||
},
|
||||
showAlert
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Grid mt={2}>
|
||||
<Grid container spacing={0.5} item xs={12} mb={1.5}>
|
||||
<Grid item sm={3}>
|
||||
<TextField disabled required label="차량번호" size="small" fullWidth value={rowData.scCarnum} autoFocus />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<TextField disabled required label="성명" size="small" fullWidth value={rowData.scName} />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<TextField disabled required label="동명" size="small" fullWidth value={rowData.scDong} />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<FormControl fullWidth>
|
||||
<InputLabel disabled required>
|
||||
진술유형
|
||||
</InputLabel>
|
||||
<Select
|
||||
disabled
|
||||
size="small"
|
||||
defaultValue="11"
|
||||
value={selectedContDoc}
|
||||
onChange={(e) => setSelectedContDoc(e?.target?.value)}
|
||||
>
|
||||
{contDocs &&
|
||||
contDocs.map((contDoc) => (
|
||||
<MenuItem key={contDoc.code} value={contDoc.code}>
|
||||
{contDoc.value}
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</FormControl>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={0.5} item xs={12} mb={1.5}>
|
||||
<Grid item sm={3}>
|
||||
<NumberFormat
|
||||
disabled
|
||||
size="small"
|
||||
customInput={TextField}
|
||||
required
|
||||
label="접수일자"
|
||||
format="####-##-##"
|
||||
fullWidth
|
||||
value={rowData.scCdate}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<FormControl fullWidth>
|
||||
<InputLabel disabled required>
|
||||
접수방법
|
||||
</InputLabel>
|
||||
<Select disabled size="small" defaultValue="1" value={selectedIngb} onChange={(e) => setSelectedIngb(e?.target?.value)}>
|
||||
{ingbs &&
|
||||
ingbs.map((ingb) => (
|
||||
<MenuItem key={ingb.code} value={ingb.code}>
|
||||
{ingb.value}
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</FormControl>
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<NumberFormat
|
||||
disabled
|
||||
size="small"
|
||||
customInput={TextField}
|
||||
required
|
||||
label="위반일자"
|
||||
format="####-##-##"
|
||||
fullWidth
|
||||
value={rowData.scWdate}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<NumberFormat
|
||||
disabled
|
||||
size="small"
|
||||
customInput={TextField}
|
||||
required
|
||||
label="위반시간"
|
||||
format="##:##"
|
||||
fullWidth
|
||||
value={rowData.scJbtime}
|
||||
/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={0.5} item xs={12} mb={2}>
|
||||
<Grid item sm={6}>
|
||||
<TextField disabled size="small" required label="위반장소" fullWidth value={rowData.scPos} />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<TextField disabled size="small" required label="전송상태" fullWidth value={rowData.scTransferNm} />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<TextField disabled size="small" required label="자료상태" fullWidth value={rowData.scStateNm} />
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={0.5} item xs={12} mb={2}>
|
||||
<Grid item sm={1.7}>
|
||||
<TextField
|
||||
disabled
|
||||
size="small"
|
||||
fullWidth
|
||||
required
|
||||
label="우편번호"
|
||||
value={rowData.zippost1}
|
||||
InputProps={{
|
||||
display: 'none',
|
||||
readOnly: true,
|
||||
endAdornment: (
|
||||
<InputAdornment position="end">
|
||||
<IconSearch stroke={1.5} size="1rem" cursor="pointer" />
|
||||
</InputAdornment>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item sm={7}>
|
||||
<TextField disabled size="small" required label="주소" fullWidth value={rowData.scJuso} />
|
||||
</Grid>
|
||||
<Grid item sm={3.3}>
|
||||
<TextField disabled size="small" required label="번지" fullWidth value={rowData.scBunji} />
|
||||
</Grid>
|
||||
</Grid>
|
||||
|
||||
<Grid container spacing={1} item xs={12} mt={1}>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="단속사진1" fileName={rowData.scPicad1} handleViewImg={viewImg} methodName="getScPicad1" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="단속사진2" fileName={rowData.scPicad2} handleViewImg={viewImg} methodName="getScPicad2" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="단속사진3" fileName={rowData.scPicad3} handleViewImg={viewImg} methodName="getScPicad3" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="단속사진4" fileName={rowData.scPicad4} handleViewImg={viewImg} methodName="getScPicad4" />
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={1} item xs={12} mt={1}>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="진술서1" fileName={rowData.scFrecad1} handleViewImg={viewImg} methodName="getScFrecad1" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="진술서2" fileName={rowData.scFrecad2} handleViewImg={viewImg} methodName="getScFrecad2" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="진술서3" fileName={rowData.scFrecad3} handleViewImg={viewImg} methodName="getScFrecad3" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="진술서4" fileName={rowData.scFrecad4} handleViewImg={viewImg} methodName="getScFrecad4" />
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={1} item xs={12} mt={1}>
|
||||
{/* {_.range(1, 9, 1).map((idx) => { */}
|
||||
{/* // eslint-disable-next-line no-eval */}
|
||||
{/* const fName = `rowData.scContad${idx}`; */}
|
||||
{/* return ( */}
|
||||
{/* <Grid item sm={3}> */}
|
||||
{/* <ImageFileTextForm labelName={`첨부자료${idx}`} fileName={fName} handleViewImg={viewImg} methodName={`getScContad${idx}`} /> */}
|
||||
{/* </Grid> */}
|
||||
{/* ); */}
|
||||
{/* })} */}
|
||||
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료1" fileName={rowData.scContad1} handleViewImg={viewImg} methodName="getScContad1" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료2" fileName={rowData.scContad2} handleViewImg={viewImg} methodName="getScContad2" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료3" fileName={rowData.scContad3} handleViewImg={viewImg} methodName="getScContad3" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료4" fileName={rowData.scContad4} handleViewImg={viewImg} methodName="getScContad4" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료5" fileName={rowData.scContad5} handleViewImg={viewImg} methodName="getScContad5" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료6" fileName={rowData.scContad6} handleViewImg={viewImg} methodName="getScContad6" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료7" fileName={rowData.scContad7} handleViewImg={viewImg} methodName="getScContad7" />
|
||||
</Grid>
|
||||
<Grid item sm={3}>
|
||||
<ImageFileTextForm labelName="첨부자료8" fileName={rowData.scContad8} handleViewImg={viewImg} methodName="getScContad8" />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid container spacing={1} item xs={12} mt={1}>
|
||||
<Grid item xs={12}>
|
||||
<Divider />
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid item container spacing={0.5} xs={12} mt={1}>
|
||||
<Grid item>
|
||||
<Button variant="contained" size="small" startIcon={<List />} onClick={onList}>
|
||||
목록
|
||||
</Button>
|
||||
</Grid>
|
||||
<Grid item style={{ marginLeft: 'auto' }}>
|
||||
<Button variant="contained" color="primary" size="small" onClick={onModify}>
|
||||
변경하기
|
||||
</Button>
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<Button variant="contained" size="small" startIcon={<Delete />} onClick={onRemove}>
|
||||
삭제
|
||||
</Button>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</>
|
||||
);
|
||||
};
|
||||
ModifyJudgeDataForm.propTypes = {
|
||||
rowData: PropTypes.object.isRequired,
|
||||
handleModalSave: PropTypes.func.isRequired,
|
||||
setOpen: PropTypes.func.isRequired
|
||||
};
|
||||
export default ModifyJudgeDataForm;
|
||||
@ -0,0 +1,37 @@
|
||||
import { InputAdornment, TextField } from '@mui/material';
|
||||
import { FileDownload } from '@mui/icons-material';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const ImageFileTextForm = ({ labelName, fileName = '', methodName, handleViewImg }) => (
|
||||
<>
|
||||
{fileName && (
|
||||
<TextField
|
||||
disabled
|
||||
size="small"
|
||||
fullWidth
|
||||
label={labelName}
|
||||
value={fileName}
|
||||
onClick={(e) => handleViewImg(methodName)}
|
||||
InputProps={{
|
||||
display: 'none',
|
||||
endAdornment: (
|
||||
<InputAdornment position="end">
|
||||
<FileDownload stroke={1.5} size="1rem" cursor="pointer" />
|
||||
</InputAdornment>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{!fileName && (
|
||||
<TextField disabled size="small" fullWidth label={labelName} value={fileName} onClick={(e) => handleViewImg(methodName)} />
|
||||
)}
|
||||
</>
|
||||
);
|
||||
ImageFileTextForm.propTypes = {
|
||||
labelName: PropTypes.string.isRequired,
|
||||
fileName: PropTypes.string,
|
||||
methodName: PropTypes.string.isRequired,
|
||||
handleViewImg: PropTypes.func.isRequired
|
||||
};
|
||||
|
||||
export default ImageFileTextForm;
|
||||
Loading…
Reference in New Issue