From 4dbd151c2b8ba7c2b1d927b738da8bbd92e029be Mon Sep 17 00:00:00 2001
From: sanguu516 <sanguu516@naver.com>
Date: Mon, 26 Aug 2024 11:57:31 +0900
Subject: [PATCH] =?UTF-8?q?fix/Page=20=EC=9D=B4=EB=8F=99=EC=8B=9C=20input?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/flight/ControlApprovalsTable.js    |  7 +++++++
 src/components/flight/NewFlightApprovalsReport.js |  2 +-
 src/components/flight/OperationApprovalsTable.js  | 15 ++++++++++++++-
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/flight/ControlApprovalsTable.js b/src/components/flight/ControlApprovalsTable.js
index e2f66d5b..807cabfa 100644
--- a/src/components/flight/ControlApprovalsTable.js
+++ b/src/components/flight/ControlApprovalsTable.js
@@ -701,6 +701,10 @@ export default function ControlApprovalsTable(props) {
     props.handlerDetail([row]);
   };
 
+  const handlePageChange = () => {
+    document.activeElement?.blur();
+  };
+
   const handleFileDownload = async type => {
     try {
       const fileDetails = {
@@ -943,6 +947,9 @@ export default function ControlApprovalsTable(props) {
                         }}
                         rowHoverable={false}
                         expandIconColumnIndex={-1}
+                        onChange={(pagination, filters, sorter, extra) => {
+                          handlePageChange();
+                        }}
                       />
                     </Form>
                   </div>
diff --git a/src/components/flight/NewFlightApprovalsReport.js b/src/components/flight/NewFlightApprovalsReport.js
index 33aeb713..8f0ae2d0 100644
--- a/src/components/flight/NewFlightApprovalsReport.js
+++ b/src/components/flight/NewFlightApprovalsReport.js
@@ -213,7 +213,7 @@ export default function NewFlightApprovalsReport(props) {
             <div className='layer-content'>
               <FormGroup>
                 <Label for='searchDate'>전송 상태</Label>
-                <CustomInput type='select' bsSize='sm'>
+                <CustomInput type='select' bsSize='sm' id='searchDate'>
                   <option>전체</option>
                   <option>전송</option>
                   <option>미전송</option>
diff --git a/src/components/flight/OperationApprovalsTable.js b/src/components/flight/OperationApprovalsTable.js
index 9a409eec..133e8abe 100644
--- a/src/components/flight/OperationApprovalsTable.js
+++ b/src/components/flight/OperationApprovalsTable.js
@@ -123,6 +123,10 @@ export default function OperationApprovalsTable(props) {
     return <td {...restProps}>{childNode}</td>;
   };
 
+  const handlePageChange = () => {
+    document.activeElement?.blur();
+  };
+
   // 검토 상태 변경
   const handlerReviewed = (value, type) => {
     let text = '';
@@ -539,7 +543,13 @@ export default function OperationApprovalsTable(props) {
       align: 'center',
       width: '130px',
       render: (areaList, record) => (
-        <Button color='flat-dark' onClick={() => handleIsModal(record)}>
+        <Button
+          color='flat-dark'
+          onClick={e => {
+            e.stopPropagation();
+            handleIsModal(record);
+          }}
+        >
           <>상세보기</>
         </Button>
       )
@@ -939,6 +949,9 @@ export default function OperationApprovalsTable(props) {
                         }}
                         rowHoverable={false}
                         expandIconColumnIndex={-1}
+                        onChange={(pagination, filters, sorter, extra) => {
+                          handlePageChange();
+                        }}
                       />
                     </Form>
                   </div>