From d509a8e47b5392eecf1e95d892441917a60e503f Mon Sep 17 00:00:00 2001
From: minuk926 <minuk926@gmail.com>
Date: Wed, 25 May 2022 18:43:37 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20debug=20console=20=EC=97=90=EB=9F=AC=20f?=
 =?UTF-8?q?ix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../biz/admin/judge/JudgeDataDetailForm.jsx   | 13 ++++----
 .../biz/admin/judge/JudgeDataModifyForm.jsx   | 19 +++++++-----
 .../biz/admin/judge/JudgeDataNewForm.jsx      | 19 +++++++-----
 src/views/biz/admin/judge/JudgeReview.jsx     | 30 +++++--------------
 src/views/cmm/file-ctl/FileInputForms.jsx     | 21 ++++++-------
 src/views/cmm/file-ctl/ImageFileTextForm.jsx  |  5 +---
 6 files changed, 48 insertions(+), 59 deletions(-)

diff --git a/src/views/biz/admin/judge/JudgeDataDetailForm.jsx b/src/views/biz/admin/judge/JudgeDataDetailForm.jsx
index c48315d..95e7c34 100644
--- a/src/views/biz/admin/judge/JudgeDataDetailForm.jsx
+++ b/src/views/biz/admin/judge/JudgeDataDetailForm.jsx
@@ -165,18 +165,17 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
             <TextField disabled size="small" fullWidth required label="우편번호" value={rowData?.zipcode1 + rowData?.zipcode2} />
           </Grid>
           <Grid item xs={7}>
-            <TextField disabled size="small" required label="주소" fullWidth value={rowData?.scJuso} />
+            <TextField disabled size="small" required label="주소" fullWidth value={rowData?.scJuso || ''} />
           </Grid>
           <Grid item xs={3}>
-            <TextField disabled size="small" required label="번지" fullWidth value={rowData?.scBunji} />
+            <TextField disabled size="small" required label="번지" fullWidth value={rowData?.scBunji || ''} />
           </Grid>
         </Grid>
 
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <ImageFileTextForm
-                key={idx}
                 labelName={`단속사진${idx}`}
                 fileName={rowData[`scPicad${idx}`]}
                 handleViewImg={viewImg}
@@ -187,9 +186,8 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <ImageFileTextForm
-                key={idx}
                 labelName={`진술서${idx}`}
                 fileName={rowData[`scFrecad${idx}`]}
                 handleViewImg={viewImg}
@@ -200,9 +198,8 @@ const ModifyJudgeDataForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 9, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <ImageFileTextForm
-                key={idx}
                 labelName={`첨부자료${idx}`}
                 fileName={rowData[`scContad${idx}`]}
                 handleViewImg={viewImg}
diff --git a/src/views/biz/admin/judge/JudgeDataModifyForm.jsx b/src/views/biz/admin/judge/JudgeDataModifyForm.jsx
index 761305a..1c930f5 100644
--- a/src/views/biz/admin/judge/JudgeDataModifyForm.jsx
+++ b/src/views/biz/admin/judge/JudgeDataModifyForm.jsx
@@ -342,7 +342,15 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
             />
           </Grid>
           <Grid item xs={7}>
-            <TextField size="small" required disabled label="주소" fullWidth value={scJuso} onChange={(e) => setScJuso(e?.target?.value)} />
+            <TextField
+              size="small"
+              required
+              disabled
+              label="주소"
+              fullWidth
+              value={scJuso || ''}
+              onChange={(e) => setScJuso(e?.target?.value)}
+            />
           </Grid>
           <Grid item xs={3.3}>
             <TextField size="small" required label="번지" fullWidth value={scBunji} onChange={(e) => setScBunji(e?.target?.value)} />
@@ -351,9 +359,8 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
 
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={setFileUploadBtn('scPicad', idx)}
                 fieldName="scPicad"
                 index={idx}
@@ -369,9 +376,8 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={setFileUploadBtn('scFrecad', idx)}
                 fieldName="scFrecad"
                 index={idx}
@@ -387,9 +393,8 @@ const JudgeDataModifyForm = ({ rowData, contDocs, ingbs, setOpen, handleModalSav
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 9, 1).map((idx) => (
-            <Grid item xs={3}>
+            <Grid item xs={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={setFileUploadBtn('scContad', idx)}
                 fieldName="scContad"
                 index={idx}
diff --git a/src/views/biz/admin/judge/JudgeDataNewForm.jsx b/src/views/biz/admin/judge/JudgeDataNewForm.jsx
index 1f488dd..295d0bb 100644
--- a/src/views/biz/admin/judge/JudgeDataNewForm.jsx
+++ b/src/views/biz/admin/judge/JudgeDataNewForm.jsx
@@ -266,7 +266,15 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
             />
           </Grid>
           <Grid item sm={5} className="fix_address">
-            <TextField size="small" required disabled label="주소" fullWidth value={scJuso} onChange={(e) => setScJuso(e?.target?.value)} />
+            <TextField
+              size="small"
+              required
+              disabled
+              label="주소"
+              fullWidth
+              value={scJuso || ''}
+              onChange={(e) => setScJuso(e?.target?.value)}
+            />
           </Grid>
           <Grid item sm={5.3}>
             <TextField size="small" required label="번지" fullWidth value={scBunji} onChange={(e) => setScBunji(e?.target?.value)} />
@@ -275,9 +283,8 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
 
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item sm={3}>
+            <Grid item sm={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={idx === 1 ? false : typeof picads[`scPicad${idx - 1}`] === 'undefined'}
                 fieldName="scPicad"
                 index={idx}
@@ -292,9 +299,8 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 5, 1).map((idx) => (
-            <Grid item sm={3}>
+            <Grid item sm={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={idx === 1 ? false : typeof frecads[`scFrecad${idx - 1}`] === 'undefined'}
                 fieldName="scFrecad"
                 index={idx}
@@ -309,9 +315,8 @@ const JudgeDataNewForm = ({ scDatagb, contDocs, ingbs, handleModalSave }) => {
         </Grid>
         <Grid container spacing={1} mt={1}>
           {_.range(1, 9, 1).map((idx) => (
-            <Grid item sm={3}>
+            <Grid item sm={3} key={idx}>
               <FileInputForms
-                key={idx}
                 isDisabled={idx === 1 ? false : typeof contads[`scContad${idx - 1}`] === 'undefined'}
                 fieldName="scContad"
                 index={idx}
diff --git a/src/views/biz/admin/judge/JudgeReview.jsx b/src/views/biz/admin/judge/JudgeReview.jsx
index 758e69f..03218cd 100644
--- a/src/views/biz/admin/judge/JudgeReview.jsx
+++ b/src/views/biz/admin/judge/JudgeReview.jsx
@@ -33,7 +33,7 @@ const JudgeReview = ({ msDatagb, menuName }) => {
   const [title, setTitle] = useState();
 
   const [selectedYear, setSelectedYear] = useState(year);
-  const [searchTxt, setSearchTxt] = useState('');
+  const inputRef = useRef('');
 
   const [totalCount, setTotalCount] = useState(0);
   const [rowsState, setRowsState] = useState({
@@ -56,29 +56,23 @@ const JudgeReview = ({ msDatagb, menuName }) => {
   const search = useCallback(async () => {
     const params = {
       msDatagb,
+      msYear: selectedYear,
+      msChasu: inputRef.current,
       page: rowsState.page,
       size: rowsState.pageSize
     };
 
     let res = {};
     if (msDatagb) {
-      res = await findJudges({ ...params, msYear: selectedYear, msChasu: searchTxt });
+      res = await findJudges(params);
     } else {
-      res = await findParkings({ ...params, msYear: selectedYear, msChasu: searchTxt });
+      res = await findParkings(params);
     }
     if (res && res.data) {
-      console.log(res);
       setTotalCount(res.count);
       setRowsState((prevState) => ({ ...prevState, rows: res.data }));
     }
-
-    // findJudges({ ...params, msYear: selectedYear, msChasu: searchTxt }).then((response) => {
-    //   if (response && response.data) {
-    //     setTotalCount(response.count);
-    //     setRowsState((prevState) => ({ ...prevState, rows: response.data }));
-    //   }
-    // });
-  }, [msDatagb, rowsState.page, rowsState.pageSize, selectedYear, searchTxt]);
+  }, [msDatagb, rowsState.page, rowsState.pageSize, selectedYear]);
 
   const removeJudge = useCallback(
     (row) => async () => {
@@ -150,21 +144,11 @@ const JudgeReview = ({ msDatagb, menuName }) => {
     if (!selectedYear) return;
 
     if (event.type === 'keydown' && event.key === 'Enter') {
-      const newString = event?.target.value;
-      setSearchTxt(newString);
+      inputRef.current = event.target.value;
       search();
     }
   };
 
-  useEffect(() => {
-    if (isInit.current) {
-      isInit.current = false;
-      return;
-    }
-    search();
-    // }, [rowsState.page, rowsState.pageSize, selectedYear, searchTxt]);
-  }, [search]);
-
   const handleOnCellClick = async (e) => {
     if (e?.field === 'msDate') {
       const params = {
diff --git a/src/views/cmm/file-ctl/FileInputForms.jsx b/src/views/cmm/file-ctl/FileInputForms.jsx
index 0fcb939..df58d78 100644
--- a/src/views/cmm/file-ctl/FileInputForms.jsx
+++ b/src/views/cmm/file-ctl/FileInputForms.jsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Button, Grid, TextField } from '@mui/material';
 import { FileUpload } from '@mui/icons-material';
 import PropTypes from 'prop-types';
@@ -14,19 +15,19 @@ const FileInputForms = ({ fieldName, index, labelName, selectedFile, fileName, h
   return (
     <Grid container item spacing={0.5}>
       <Grid item xs={12} sm={7.5}>
-        <TextField
-          placeholder={labelName}
-          // label={labelName}
-          value={selectedFile ?? fileName}
-          size="small"
-          startIcon={<FileUpload />}
-          onClick={() => {}}
-        />
+        <TextField placeholder={labelName} value={selectedFile || fileName || ''} size="small" onClick={() => {}} />
       </Grid>
       <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={React.cloneElement(<FileUpload />)}
+        >
           파일
-          <input type="file" name={fieldName || ''} hidden onChange={onChangeFile} />
+          <input type="file" name={fieldName || ''} data-index={index} hidden onChange={onChangeFile} />
         </Button>
       </Grid>
     </Grid>
diff --git a/src/views/cmm/file-ctl/ImageFileTextForm.jsx b/src/views/cmm/file-ctl/ImageFileTextForm.jsx
index 06a35cc..4bc5a0f 100644
--- a/src/views/cmm/file-ctl/ImageFileTextForm.jsx
+++ b/src/views/cmm/file-ctl/ImageFileTextForm.jsx
@@ -2,7 +2,7 @@ import { InputAdornment, TextField } from '@mui/material';
 import { FileDownload } from '@mui/icons-material';
 import PropTypes from 'prop-types';
 
-const ImageFileTextForm = ({ labelName, fileName = '', methodName, handleViewImg }) => (
+const ImageFileTextForm = ({ labelName = '', fileName, methodName = '', handleViewImg = () => {} }) => (
   <>
     {fileName && (
       <TextField
@@ -22,9 +22,6 @@ const ImageFileTextForm = ({ labelName, fileName = '', methodName, handleViewImg
         }}
       />
     )}
-    {/* {!fileName && ( */}
-    {/*  <TextField disabled size="small" fullWidth label={labelName} value={fileName} onClick={() => handleViewImg(methodName)} /> */}
-    {/* )} */}
   </>
 );
 ImageFileTextForm.propTypes = {