샘플 파일 올려서 받은 부분 추가.

apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx

@@ -1,25 +1,22 @@
 "use client";
 import { useWrStore } from "@/app/store";
+import { btnClass } from "@/app/store/common/code";
+import type { chHeadType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn";
+import type { TableTripleProps } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
+import { tableData } from "@/components/lib/func/commom";
+import HeadChModal from "@/components/ui/modal/headChModal/headChModal";
 import {
   ContentsDiv,
+  filePickedPath,
   SearchBaseForm,
-  SearchDiv,
-  SearchFormLeft,
-  SearchFormRight,
-  SelectBox,
   Title,
   UiModal,
   UiTable,
-  type ReturnType,
+  type ReturnType
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
 import { Button, TableHead, TableRow } from "@common/components/ui";
 import { useEffect, useRef, useState } from "react";
-import type { TableTripleProps } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
-import type { chHeadType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn";
-import { tableData } from "@/components/lib/func/commom";
-import HeadChModal from "@/components/ui/modal/headChModal/headChModal";
-import { btnClass } from "@/app/store/common/code";
 
 export const headMakeTriple = (
   upHeadList: TableTripleProps[],
@@ -82,7 +79,7 @@ export default function RainSttn() {
   const [isChHead, setIsChHead] = useState(false);
 
 
-  const ref = useRef<ReturnType>({} as ReturnType ) ;
+  const ref = useRef<ReturnType>({} as ReturnType);
   const [bdstTable, setBdstTable] = useState<any[]>();
   const [tableHead, setTableHead] = useState<any[]>([]);
   let nodeList = headMakeTriple(
@@ -138,25 +135,33 @@ export default function RainSttn() {
               selectEnvPartData={code.lclgvrnmntCd}
               rightChildren={
                 <Button
-                className={btnClass}
-                onClick={() => {
-                  setIsChHead(true);
-                }}
-              >
-                조회항목설정
-              </Button>}
-               leftChildren={undefined} 
+                  className={btnClass}
+                  onClick={() => {
+                    setIsChHead(true);
+                  }}
+                >
+                  조회항목설정
+                </Button>}
+              leftChildren={undefined}
+              queryClick={function (returnType: ReturnType): void {
+                
+              }}
+              excelClick={function (returnType: ReturnType): void {
+                fetch('/sample_rainy.xlsx', {})
+                .then(async (response) => {
+                    if (!response.ok) {
+                        throw Error(response.statusText)
+                    }
+                    const ret =await filePickedPath(await (await response.blob()).arrayBuffer())
+                    console.log('ret', ret);
+                    console.log(returnType);
+                })
+              }}
+              initClick={function (): void {
+              }}
+              btnClass={btnClass}
+              ref={ref} />
 
-
-               queryClick={function (returnType: ReturnType): void {
-                throw new Error("Function not implemented.");
-              } } excelClick={function (returnType: ReturnType): void {
-                throw new Error("Function not implemented.");
-              } } initClick={function (): void {
-                throw new Error("Function not implemented.");
-              } } btnClass={btnClass } 
-              ref={ref}            />
-            
           </div>
         </div>
         <div className="grid grid-cols-6 gap-4 ">