선택파일 다운작업 진행중

apps/sn/app/components/lib/common/fileDownload.ts

@@ -0,0 +1,27 @@
+const handleDownload = async (api:string, fileNm:string) => {
+    try {
+      const response = await fetch(api, {
+        method: 'GET',
+      });
+
+      if (!response.ok) {
+        throw new Error('파일 다운로드 실패');
+      }
+
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+
+      // 다운로드를 트리거할 가짜 <a> 태그 생성
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = fileNm; // 원하는 파일명 지정
+      document.body.appendChild(link);
+      link.click();
+
+      // 메모리 해제
+      link.remove();
+      window.URL.revokeObjectURL(url);
+    } catch (error) {
+      console.error('다운로드 중 오류 발생:', error);
+    }
+};

apps/sn/app/ii/irsetting/page.tsx

@@ -13,7 +13,8 @@ const formSchema = z.object({
     suyeonga: z.number(),
     inputdate: z.coerce.date(),
     rtkSource: z.string(),
-    suyeongaPlace: z.string()
+    suyeongaPlace: z.string(),
+    pattern : z.string()
 })
 const region: { text: string, val: number }[] = [{ text: '양평', val: 1 }, { text: '강남', val: 2 }, { text: 'test', val: 3 }]
 const IrSetting = () => {
@@ -25,22 +26,13 @@ const IrSetting = () => {
             suyeonga: 0,
             inputdate: new Date(),
             rtkSource: "",
-            suyeongaPlace: ""
+            suyeongaPlace: "",
+            pattern: ""
         }
     })
     const [selectedDate, setSelectedDate] = useState(new Date())
     return (
         <BaseLayout titleName={{ mainTitle: '침입수 산정', firstCardTitle: '실측자료 등록', secondCardTitle: '침입수 분석자료 입력' }} form={form} onSubmitEvent={() => { }} graphBtn={false}>
-            <div className="grid grid-cols-2 gap-4">
-                <FormSection name='managenm' form={form} titleNm='○ 관로 관리번호'>
-                    <Input id="managenm" className="h-[3.2rem] text-center text-xl w-[150px]" />
-                </FormSection>
-                <FormSection name='region' form={form} titleNm='○ 파일위치'>
-                    <div className="w-[150px]">
-                        <Input id="fileNm" type="file" />
-                    </div>
-                </FormSection>
-            </div>
             <div className="grid gap-4">
                 <FormSection name='suyeongaPlace' form={form} titleNm='○ 오수관망도'><div className="w-[150px]">
                     <Input id="fileNm" type="file" />
@@ -48,6 +40,9 @@ const IrSetting = () => {
                 <FormSection name='suyeonga' form={form} titleNm='○ 수용가-맨홀 매칭결과'><div className="w-[150px]">
                     <Input id="fileNm" type="file" />
                 </div></FormSection>
+                <FormSection name='pattern' form={form} titleNm='○ 오수량 시간패턴'><div className="w-[150px]">
+                    <Input id="fileNm" type="file" />
+                </div></FormSection>
                 <FormSection name='inputdate' form={form} titleNm='○ 상수사용량 적용기간'>
                     <DatePicker selected={selectedDate} onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} mode={"single"} />
                 </FormSection>
@@ -56,6 +51,13 @@ const IrSetting = () => {
                     <Button type="submit">침입수분석 실행</Button>
                 </div>
             </div>
+            <div className="grid grid-cols-2 gap-4">
+                <FormSection name='region' form={form} titleNm='○ 파일위치'>
+                    <div className="w-[150px]">
+                        <Input id="fileNm" type="file" />
+                    </div>
+                </FormSection>
+            </div>
         </BaseLayout>
     )
 }

apps/sn/app/oper/floodPre/page.tsx

@@ -1,12 +1,11 @@
 'use client'
-import { SearchDiv, SearchFormLeft, SearchFormRight, SearchInput, Title, UiTable } from '@common/business_components/ui'
+import { SearchDiv, SearchFormLeft, SearchFormRight, UiTable } from '@common/business_components/ui'
 import { Button, DatePicker, Input, Label } from '@common/components/ui'
 import React, { useState } from 'react'
 import FileUploadForm from '../../components/ui/fileUploadForm'
 import ListDiv from '@common/business_components/ui/list_div'
 import ContentLayout from '@/components/ui/contentLayout'
 import { tableData } from '../oldPp/page'
-import { getData } from '@/components/lib/api'
 import { searchData } from '@/components/lib/common/apiHelpers'
 import { tableHeadlist } from '..'
 const formatDate = (date: Date): string => {
@@ -22,35 +21,7 @@ const Page = () => {
     const [usr, setUsr] = useState('')
     const [pjNm, setpjNm] = useState('')
     // TODO: 초기값 세팅필요
-    const handleDownload = async () => {
-        try {
-          const response = await fetch('/sn/attach-service/api/v1/download/6066b08c-2a55-438c-b8ff-2aed9739a0c6', {
-            method: 'GET',
-          });
-    
-          if (!response.ok) {
-            throw new Error('파일 다운로드 실패');
-          }
-    
-          const blob = await response.blob();
-          const url = window.URL.createObjectURL(blob);
-    
-          // 다운로드를 트리거할 가짜 <a> 태그 생성
-          const link = document.createElement('a');
-          link.href = url;
-          link.download = 'test.jpg'; // 원하는 파일명 지정
-          document.body.appendChild(link);
-          link.click();
-    
-          // 메모리 해제
-          link.remove();
-          window.URL.revokeObjectURL(url);
-        } catch (error) {
-          console.error('다운로드 중 오류 발생:', error);
-        }
-    };
-
-
+  
     return (
         <ContentLayout title='도시침수 예방사업'>
             <SearchDiv>
@@ -107,10 +78,10 @@ const Page = () => {
                     <h3 className="text-2xl font-medium">사업정보 등록현황</h3>
                     <div>
                         <Button className="px-4 py-2 !mr-[1.2rem] bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" >파일 다운로드</Button>
-                        <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={handleDownload} >삭제</Button>
+                        <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={()=>{}} >삭제</Button>
                     </div>
                 </div>
-                <UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={10} children={undefined} cellClick={() => { }} onPageChange={function (page: number): void {
+                <UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={10} children={undefined} cellClick={(index,headId) => {console.log(index, headId) }} onPageChange={function (page: number): void {
                     throw new Error('Function not implemented.')
                 }}></UiTable>
             </ListDiv>

apps/sn/app/oper/oldPp/page.tsx

@@ -8,7 +8,7 @@ import ContentLayout from '@/components/ui/contentLayout'
 import { tableHeadlist } from '..'
 // TODO: 임시 id
 
-export const tableData = []
+export const tableData = [{'no':'1', 'fileNm':'2023년 노후하수관로 정비사업', 'mngYr':'2023', 'mngQu':'1', 'registDt':'2023-10-01', 'registUsr':'홍길동'},]
 const Page = () => {
     const [fromDate, setFromDate] = useState<Date>(new Date());
     const [toDate, setToDate] = useState<Date>(new Date());