From 860964edde9d113e44f4e1aecdb6632967487f10 Mon Sep 17 00:00:00 2001
From: sanguu516 <sanguu516@naver.com>
Date: Tue, 11 Jun 2024 10:42:25 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=20=EC=8A=B9=EC=9D=B8=20?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=82=AC=EC=9D=B4=EC=A6=88=201?=
 =?UTF-8?q?=EC=B0=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/custom.css                     |  2 +-
 src/components/flight/FlightApprovalsTable.js | 40 +++++++++++--------
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 23430cbd..3f25045e 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -1181,7 +1181,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .flight-approval .rdt_TableHeadRow>div{display:none}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol div{font-weight:600}
-.flight-approval-layer{width:750px;overflow:scroll;}
+.flight-approval-layer{width:660px;overflow:scroll;}
 .layer-ti-sub{display:block;font-size:0.875rem;color:#777;margin-top:-4px;}
 .flight-approval-layer .layer-ti-sub{margin-bottom:0.5rem}
 .flight-approval-layer .calendar-flat svg{color:#8a1c05}
diff --git a/src/components/flight/FlightApprovalsTable.js b/src/components/flight/FlightApprovalsTable.js
index d7041b30..387486f0 100644
--- a/src/components/flight/FlightApprovalsTable.js
+++ b/src/components/flight/FlightApprovalsTable.js
@@ -48,7 +48,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyNo,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -69,7 +69,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyDt,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -91,7 +91,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].zoneNo,
       center: true,
       // sortable: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return row.areaList[0].zoneNo + '번';
       }
@@ -107,7 +107,6 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].lat,
       center: true,
       width: '110px',
-      // sortable: true,
       cell: row => {
         return (
           <>
@@ -128,7 +127,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].bufferZone,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].bufferZone;
@@ -144,7 +143,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].fltElev,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].fltElev;
@@ -160,7 +159,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].approvalCd,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].approvalCd === 'U'
@@ -175,7 +174,7 @@ export default function FlightApprovalsTable(props) {
       name: '더보기',
       selector: row => row.areaList,
       center: true,
-      width: '120px',
+      width: '85px',
       cell: row =>
         row.areaList.length > 1 ? (
           <Button color='flat-dark' onClick={() => toggleRow(row.planSno)}>
@@ -193,7 +192,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyNo,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -207,7 +206,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyDt,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -222,7 +221,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.zoneNo,
       center: true,
       sortable: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return row.zoneNo + '번';
       }
@@ -245,7 +244,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.bufferZone,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.bufferZone;
@@ -254,7 +253,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.fltElev,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.fltElev;
@@ -263,7 +262,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.approvalCd,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.approvalCd === 'U'
@@ -276,6 +275,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.approvalCd,
       center: true,
+      width: '85px',
       cell: row => {
         return '-';
       }
@@ -428,9 +428,15 @@ export default function FlightApprovalsTable(props) {
       <div className='search-case-list'>
         <div>
           <ul>
-            <li className='approval'>승인 {approvalCdValue.S}건</li>
-            <li className='not-approved'>미승인 {approvalCdValue.F}건</li>
-            <li className='non-target'>비대상 {approvalCdValue.U}건</li>
+            <li className='approval' style={{ cursor: 'pointer' }}>
+              승인 {approvalCdValue.S}건
+            </li>
+            <li className='not-approved' style={{ cursor: 'pointer' }}>
+              미승인 {approvalCdValue.F}건
+            </li>
+            <li className='non-target' style={{ cursor: 'pointer' }}>
+              비대상 {approvalCdValue.U}건
+            </li>
           </ul>
         </div>
       </div>