비행구역 선택 시 목록표시 및 스크롤이동 기능 팝업에도 적용

src/containers/flight/OperationApprovalsContainer.js

@@ -122,6 +122,16 @@ export default function OperationApprovalsContainer({ mode }) {
           .find(feature => feature.source === 'operationLayer');
 
         if (features) {
+          if (popupRef.current) {
+            popupRef.current.postMessage({
+              type: 'matchingRow',
+              payload: {
+                selected: features.properties.key,
+                targetValue: features.properties.key
+              }
+            });
+            return;
+          }
           setSelected([features.properties.key]);
           const targetValue = features.properties.key;
 

src/containers/rightMenuContainer.js

@@ -45,16 +45,33 @@ function RightMenuContainer() {
         setEndDate(payload.endDate);
 
         return;
-      // case 'handlerSearchRs':
+      case 'matchingRow':
-      //   console.log(payload.filter);
+        handlerMatchingRow(payload.selected, payload.targetValue);
-      //   setFilter(payload.filter);
 
-      //   return;
+        return;
       default:
         break;
     }
   };
 
+  const handlerMatchingRow = (selected, targetValue) => {
+    setSelected([selected]);
+
+    const rows = document.getElementsByClassName('ant-table-row');
+    const matchingRow = Array.from(rows).find(row => {
+      const rowKey = row.getAttribute('data-row-key');
+      return rowKey.startsWith(targetValue);
+    });
+
+    if (matchingRow) {
+      matchingRow.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'nearest'
+      });
+    }
+  };
+
   const handlerOpnerPostMessage = (type, payload) => {
     switch (type) {
       case 'initalState':