xit-front
/
xit-opst-fo
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: 개발자도구 콘솔 에러 fix

Browse Source
main
minuk926 3 years ago
parent f1e8cfdf96
commit 06c08b756b
8 changed files with 61 additions and 172 deletions
Show Stats Download Patch File Download Diff File

63
src/views/biz/admin/judge/JudgeDataDetailForm.jsx
Unescape Escape View File

@ -40,7 +40,7 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
return ( return (
<> <>
<Grid mt={1}> <Grid mt={1}>
<Grid container spacing={0.5} item xs={12} mb={1.5}> <Grid container spacing={0.5} mb={1.5}>
<Grid item xs={3}> <Grid item xs={3}>
<TextField disabled size="small" required label="접수번호" fullWidth value={rowData?.scSeq} /> <TextField disabled size="small" required label="접수번호" fullWidth value={rowData?.scSeq} />
</Grid> </Grid>
@ -54,7 +54,7 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
<TextField disabled required label="차량번호" size="small" fullWidth value={rowData?.scCarnum} autoFocus /> <TextField disabled required label="차량번호" size="small" fullWidth value={rowData?.scCarnum} autoFocus />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} xs={12} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={3}> <Grid item xs={3}>
<TextField disabled required label="성명" size="small" fullWidth value={rowData?.scName} /> <TextField disabled required label="성명" size="small" fullWidth value={rowData?.scName} />
</Grid> </Grid>
@ -104,7 +104,7 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</FormControl> </FormControl>
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} xs={12} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={3}> <Grid item xs={3}>
<NumberFormat <NumberFormat
disabled disabled
@ -156,7 +156,7 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} xs={12} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={2}> <Grid item xs={2}>
<TextField disabled size="small" fullWidth required label="우편번호" value={rowData?.zipcode1 + rowData?.zipcode2} /> <TextField disabled size="small" fullWidth required label="우편번호" value={rowData?.zipcode1 + rowData?.zipcode2} />
</Grid> </Grid>
@ -168,43 +168,52 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<ImageFileTextForm <Grid item xs={3}>
labelName={`단속사진${idx}`} <ImageFileTextForm
fileName={rowData[`scPicad${idx}`]} key={idx}
handleViewImg={viewImg} labelName={`단속사진${idx}`}
methodName={`getScPicad${idx}`} fileName={rowData[`scPicad${idx}`]}
/> handleViewImg={viewImg}
methodName={`getScPicad${idx}`}
/>
</Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<ImageFileTextForm <Grid item xs={3}>
labelName={`진술서${idx}`} <ImageFileTextForm
fileName={rowData[`scFrecad${idx}`]} key={idx}
handleViewImg={viewImg} labelName={`진술서${idx}`}
methodName={`getScFrecad${idx}`} fileName={rowData[`scFrecad${idx}`]}
/> handleViewImg={viewImg}
methodName={`getScFrecad${idx}`}
/>
</Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 9, 1).map((idx) => ( {_.range(1, 9, 1).map((idx) => (
<ImageFileTextForm <Grid item xs={3}>
labelName={`첨부자료${idx}`} <ImageFileTextForm
fileName={rowData[`scContad${idx}`]} key={idx}
handleViewImg={viewImg} labelName={`첨부자료${idx}`}
methodName={`getScContad${idx}`} fileName={rowData[`scContad${idx}`]}
/> handleViewImg={viewImg}
methodName={`getScContad${idx}`}
/>
</Grid>
))} ))}
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container mt={1}>
<Grid item xs={12}> <Grid item xs={12}>
<Divider /> <Divider />
</Grid> </Grid>
</Grid> </Grid>
<Grid item container spacing={0.5} xs={12} mt={1}> <Grid container spacing={0.5} mt={1}>
<Grid item> <Grid item>
<Button variant="contained" size="small" startIcon={<List />} onClick={onList}> <Button variant="contained" size="small" startIcon={<List />} onClick={onList}>
목록 목록

35
src/views/biz/admin/judge/JudgeDataModifyForm.jsx
Unescape Escape View File

@ -12,22 +12,6 @@ import { IconSearch } from '@tabler/icons';
import FileInputForms from 'views/cmm/file-ctl/FileInputForms'; import FileInputForms from 'views/cmm/file-ctl/FileInputForms';
import DaumPost from '../../../cmm/DaumPost'; import DaumPost from '../../../cmm/DaumPost';
// const toDate = new Date();
function FileReadInputForms() {
return null;
}
FileReadInputForms.propTypes = {
selectedFile: PropTypes.any,
handleChangeFile: PropTypes.func,
fileName: PropTypes.any,
fieldName: PropTypes.string,
index: PropTypes.number,
isDisabled: PropTypes.bool,
labelName: PropTypes.string,
isOrgFileInfo: PropTypes.bool
};
const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSave }) => { const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSave }) => {
const alert = useAlert(); const alert = useAlert();
const [isPostOpen, setIsPostOpen] = useState(false); const [isPostOpen, setIsPostOpen] = useState(false);
@ -188,7 +172,7 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
return ( return (
<> <>
<Grid mt={2}> <Grid mt={2}>
<Grid container spacing={0.5} item xs={12} mb={1.5}> <Grid container spacing={0.5} mb={1.5}>
<Grid item xs={3}> <Grid item xs={3}>
<TextField disabled size="small" required label="접수번호" fullWidth value={rowData.scSeq} /> <TextField disabled size="small" required label="접수번호" fullWidth value={rowData.scSeq} />
</Grid> </Grid>
@ -210,7 +194,7 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={0.5} item xs={12} mb={1.5}> <Grid container spacing={0.5} mb={1.5}>
<Grid item xs={3}> <Grid item xs={3}>
<TextField required label="성명" size="small" fullWidth value={scName} onChange={(e) => setScName(e?.target?.value)} /> <TextField required label="성명" size="small" fullWidth value={scName} onChange={(e) => setScName(e?.target?.value)} />
</Grid> </Grid>
@ -249,7 +233,7 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</FormControl> </FormControl>
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={0.5} item xs={12} mb={2}> <Grid container spacing={0.5} mb={2}>
<Grid item xs={3}> <Grid item xs={3}>
<NumberFormat <NumberFormat
size="small" size="small"
@ -301,7 +285,7 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={0.5} item xs={12} mb={2}> <Grid container spacing={0.5} mb={2}>
<Grid item xs={1.7}> <Grid item xs={1.7}>
<TextField <TextField
size="small" size="small"
@ -330,10 +314,11 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<Grid item xs={3}> <Grid item xs={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={setFileUploadBtn('scPicad', idx)} isDisabled={setFileUploadBtn('scPicad', idx)}
fieldName="scPicad" fieldName="scPicad"
index={idx} index={idx}
@ -347,10 +332,11 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</Grid> </Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<Grid item xs={3}> <Grid item xs={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={setFileUploadBtn('scFrecad', idx)} isDisabled={setFileUploadBtn('scFrecad', idx)}
fieldName="scFrecad" fieldName="scFrecad"
index={idx} index={idx}
@ -364,10 +350,11 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
</Grid> </Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 9, 1).map((idx) => ( {_.range(1, 9, 1).map((idx) => (
<Grid item xs={3}> <Grid item xs={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={setFileUploadBtn('scContad', idx)} isDisabled={setFileUploadBtn('scContad', idx)}
fieldName="scContad" fieldName="scContad"
index={idx} index={idx}
@ -382,7 +369,7 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
))} ))}
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={12}> <Grid item xs={12}>
<Divider /> <Divider />
</Grid> </Grid>

19
src/views/biz/admin/judge/JudgeDataNewForm.jsx
Unescape Escape View File

@ -110,7 +110,7 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
return ( return (
<> <>
<Grid mt={2}> <Grid mt={2}>
<Grid container spacing={0.5} item xs={12} mb={1.5}> <Grid container spacing={0.5} mb={1.5}>
<Grid item sm={3}> <Grid item sm={3}>
<TextField <TextField
required required
@ -141,7 +141,7 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={0.5} item xs={12} mb={1.5}> <Grid container spacing={0.5} mb={1.5}>
<Grid item sm={3}> <Grid item sm={3}>
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel required>진술유형</InputLabel> <InputLabel required>진술유형</InputLabel>
@ -198,7 +198,7 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={0.5} item xs={12} mb={2}> <Grid container spacing={0.5} mb={2}>
<Grid item sm={12}> <Grid item sm={12}>
<TextField size="small" required label="위반장소" fullWidth value={scPos} onChange={(e) => setScPos(e?.target?.value)} /> <TextField size="small" required label="위반장소" fullWidth value={scPos} onChange={(e) => setScPos(e?.target?.value)} />
</Grid> </Grid>
@ -232,10 +232,11 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<Grid item sm={3}> <Grid item sm={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={idx === 1 ? false : typeof picads[`scPicad${idx - 1}`] === 'undefined'} isDisabled={idx === 1 ? false : typeof picads[`scPicad${idx - 1}`] === 'undefined'}
fieldName="scPicad" fieldName="scPicad"
index={idx} index={idx}
@ -248,10 +249,11 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
</Grid> </Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 5, 1).map((idx) => ( {_.range(1, 5, 1).map((idx) => (
<Grid item sm={3}> <Grid item sm={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={idx === 1 ? false : typeof frecads[`scFrecad${idx - 1}`] === 'undefined'} isDisabled={idx === 1 ? false : typeof frecads[`scFrecad${idx - 1}`] === 'undefined'}
fieldName="scFrecad" fieldName="scFrecad"
index={idx} index={idx}
@ -264,10 +266,11 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
</Grid> </Grid>
))} ))}
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
{_.range(1, 9, 1).map((idx) => ( {_.range(1, 9, 1).map((idx) => (
<Grid item sm={3}> <Grid item sm={3}>
<FileInputForms <FileInputForms
key={idx}
isDisabled={idx === 1 ? false : typeof contads[`scContad${idx - 1}`] === 'undefined'} isDisabled={idx === 1 ? false : typeof contads[`scContad${idx - 1}`] === 'undefined'}
fieldName="scContad" fieldName="scContad"
index={idx} index={idx}
@ -281,12 +284,12 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
))} ))}
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1} item xs={12} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={12}> <Grid item xs={12}>
<Divider /> <Divider />
</Grid> </Grid>
</Grid> </Grid>
<Grid item container spacing={0.5} xs={12} mt={1}> <Grid container spacing={0.5} mt={1}>
<Grid item style={{ marginLeft: 'auto' }}> <Grid item style={{ marginLeft: 'auto' }}>
{/* <Button variant="contained" color="primary" size="small" startIcon={<IconFileExport />} onClick={onSave}> */} {/* <Button variant="contained" color="primary" size="small" startIcon={<IconFileExport />} onClick={onSave}> */}
<Button variant="contained" color="primary" size="small" onClick={onSave}> <Button variant="contained" color="primary" size="small" onClick={onSave}>

2
src/views/biz/pboard/ModifyPublicBoardForm.jsx
Unescape Escape View File

@ -168,7 +168,7 @@ const ModifyPublicBoardForm = (props) => {
<Grid container spacing={1} mt={1}> <Grid container spacing={1} mt={1}>
<Grid item xs={8}> <Grid item xs={8}>
<FileForm <FileForm
isDownload={!!rowData?.inFilename} isDownload={!!rowData?.inFilename || false}
isDisabled={!owner} isDisabled={!owner}
labelName="첨부파일" labelName="첨부파일"
savedFilename={rowData.inFilename} savedFilename={rowData.inFilename}

42
src/views/cmm/file-ctl/FileInputForm.jsx
Unescape Escape View File

@ -1,42 +0,0 @@
import { Button, Grid, TextField } from '@mui/material';
import { FileUpload } from '@mui/icons-material';
import PropTypes from 'prop-types';
const FileInputForm = ({ labelName, selectedFile, handleChangeFile, alert }) => {
const onChangeFile = (e) => {
const file = e.target.files[0];
if (file.type.includes('image')) {
alert.show(<img alt={`${file.name}`} src={URL.createObjectURL(file)} style={{ margin: 'auto' }} />);
}
handleChangeFile(file);
};
return (
<Grid container item spacing={0.5}>
<Grid item xs={12} sm={7.5}>
<TextField
placeholder={labelName}
value={selectedFile}
size="small"
startIcon={<FileUpload stroke={1.5} size="1rem" />}
onClick={() => {}}
/>
</Grid>
<Grid item xs={12} sm={4.5}>
<Button variant="contained" component="label" color="primary" size="small" startIcon={<FileUpload stroke={1.5} size="1rem" />}>
파일
<input type="file" hidden onChange={onChangeFile} />
</Button>
</Grid>
</Grid>
);
};
FileInputForm.propTypes = {
labelName: PropTypes.string.isRequired,
selectedFile: PropTypes.string,
handleChangeFile: PropTypes.func.isRequired,
alert: PropTypes.object.isRequired
};
export default FileInputForm;

4
src/views/cmm/file-ctl/FileInputForms.jsx
Unescape Escape View File

@ -26,7 +26,7 @@ const FileInputForms = ({ fieldName, index, labelName, selectedFile, fileName, h
<Grid item xs={12} sm={4.5}> <Grid item xs={12} sm={4.5}>
<Button disabled={isDisabled} variant="contained" component="label" color="primary" size="small" startIcon={<FileUpload />}> <Button disabled={isDisabled} variant="contained" component="label" color="primary" size="small" startIcon={<FileUpload />}>
파일 파일
<input type="file" name={fieldName} data-index={index} hidden onChange={onChangeFile} /> <input type="file" name={fieldName || ''} hidden onChange={onChangeFile} />
</Button> </Button>
</Grid> </Grid>
</Grid> </Grid>
@ -36,7 +36,7 @@ const FileInputForms = ({ fieldName, index, labelName, selectedFile, fileName, h
FileInputForms.propTypes = { FileInputForms.propTypes = {
fieldName: PropTypes.string.isRequired, fieldName: PropTypes.string.isRequired,
index: PropTypes.number.isRequired, index: PropTypes.number.isRequired,
labelName: PropTypes.number.isRequired, labelName: PropTypes.string.isRequired,
selectedFile: PropTypes.string, selectedFile: PropTypes.string,
fileName: PropTypes.string, fileName: PropTypes.string,
isDisabled: PropTypes.bool.isRequired, isDisabled: PropTypes.bool.isRequired,

45
src/views/cmm/file-ctl/FileReadInputForm.jsx
Unescape Escape View File

@ -1,45 +0,0 @@
import { Button, Grid, TextField, Typography } from '@mui/material';
import { FileUpload } from '@mui/icons-material';
import PropTypes from 'prop-types';
const FileReadInputForm = ({ labelName, selectedFile, handleChangeFile, alert }) => {
const onChangeFile = (e) => {
const file = e.target.files[0];
if (file.type.includes('image')) {
alert.show(<img alt={`${file.name}`} src={URL.createObjectURL(file)} style={{ margin: 'auto' }} />);
}
handleChangeFile(file);
};
return (
<Grid container item spacing={0.5}>
<Grid item xs={12} sm={7.5}>
<TextField
placeholder={labelName}
value={selectedFile}
size="small"
startIcon={<FileUpload stroke={1.5} size="1rem" />}
onClick={() => {}}
/>
</Grid>
<Grid item xs={12} sm={4.5}>
<Button variant="contained" component="label" color="primary" size="small" startIcon={<FileUpload stroke={1.5} size="1rem" />}>
파일
<input type="file" hidden onChange={onChangeFile} />
</Button>
</Grid>
<Grid>
<Typography variant="h4">{selectedFile}</Typography>
</Grid>
</Grid>
);
};
FileReadInputForm.propTypes = {
labelName: PropTypes.number.isRequired,
selectedFile: PropTypes.string,
handleChangeFile: PropTypes.func.isRequired,
alert: PropTypes.object.isRequired
};
export default FileReadInputForm;

23
src/views/cmm/file-ctl/Filedownload.jsx
Unescape Escape View File

@ -1,23 +0,0 @@
import React from 'react';
const Filedownload = () => {
useEffect(() => {
if (fileData) {
const url = window.URL.createObjectURL(new Blob([fileData.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'test.xlsx');
link.setAttribute('id', 'tempLink');
document.body.appendChild(link);
link.click();
}
return () => {
const link = document.querySelector('#tempLink');
link && link.remove();
};
}, [fileData]);
return <div />;
};
export default Filedownload;
Write Preview
Loading…
Cancel
Save