ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

엑셀 상세 다운로드 완료

Browse Source
This commit is contained in:
YangJinSoo94
2025-06-19 14:39:50 +09:00
parent f00128b5b8
commit 68a3d45f3b
2 changed files with 109 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/wr/app/stats/rainStat/page.tsx
+93 -11
View File
@@ -1,6 +1,7 @@
"use client";
import { useWrStore } from "@/app/store";
import type { RainStatProps } from "@/app/store/stats/rainStat";
import { excelDownload, yearOptions } from "@/components/lib/func/commom";
import {
ContentsDiv,
@@ -17,7 +18,6 @@ export default function RainStat() {
const { code } = useWrStore((state) => state)
const { rainStat, searchRainStatList } = useWrStore((state) => state)
const { rainDetailList } = rainStat;
const [ pageNation, setPageNation] = useState(1);
const [searchYear, setSearchYear] = useState<string>(
String(new Date().getFullYear())
);
@@ -27,13 +27,95 @@ export default function RainStat() {
}, [code.cityCd, code.sggCd, searchRainStatList, searchYear])
const excelDownLoad=() =>{
rainDetailList.forEach((item) => {
item.forEach((item2) => {
console.log(item2);
})
})
const sidoList = new Set();
const sidoDataMap = new Map(); // 시도별 데이터를 저장할 Map
rainDetailList.forEach((item: RainStatProps[]) => {
const sidoVal = item.at(0)?.toString().trim();
const sigunVal = item.at(1)?.toString().trim();
let sidoText = '';
let sigunText = '';
const sido = code.cityCd.find((city) => city.val === sidoVal);
const sigun = code.sggCd.find((sgg) => sgg.val === sigunVal);
sidoText = sido?.text || '';
sigunText = sigun?.text || '';
// 시도, 시군구 코드를 텍스트로 변환하여 데이터에 할당
if (item.length > 0) {
item[0] = sidoText as unknown as RainStatProps;
}
if (item.length > 1) {
item[1] = sigunText as unknown as RainStatProps;
}
if (item.length > 2) {
item[2] = sidoText+' '+sigunText as unknown as RainStatProps;
}
// 시도별 데이터 수집
if (sidoText && !sidoList.has(sidoText)) {
sidoList.add(sidoText);
// 시도별 초기 데이터 구조 생성 (예: [시도명, 0, 0, 0, ...])
const initialData: (string | number)[] = [sidoText];
// 데이터의 나머지 컬럼들을 0으로 초기화 (실제 컬럼 수에 맞게 조정 필요)
for (let i = 1; i < item.length; i++) {
initialData.push(0);
}
sidoDataMap.set(sidoText, initialData);
}
});
// 시도별 합계 계산
rainDetailList.forEach((item: RainStatProps[]) => {
const sidoText = item[0]?.toString();
if (sidoText && sidoDataMap.has(sidoText)) {
const sidoData = sidoDataMap.get(sidoText);
// 각 컬럼의 값을 합계에 더하기 (1번 인덱스부터 시작)
for (let i = 1; i < item.length && i < sidoData.length; i++) {
if(i == 2){
sidoData[i] = '합계';
} else if(i == 3){
// 해당 시도의 데이터 개수를 계산
const sidoDataCount = rainDetailList.filter((data: unknown[]) =>
Array.isArray(data) && data.length > 0 && String(data[0]) === sidoText
).length;
sidoData[i] = sidoDataCount;
} else if( i == 4){
sidoData[i] = '';
} else if(i == 6){
// 법정 대상 건축물 개수 (인덱스 6이 'Y'인 경우)
const bumCnt = rainDetailList.filter((data: unknown[]) =>
Array.isArray(data) && data.length > 6 && String(data[0]) === sidoText
).filter((data: unknown[]) => String(data[6]) === 'Y').length;
sidoData[i] = bumCnt;
} else if(i==8){
const value = Number(item[8]) || 0;
sidoData[i] = (Number(sidoData[i]) + value) as string | number;
} else if(i==11){
const value = Number(item[11]) || 0;
sidoData[i] = (Number(sidoData[i]) + value) as string | number;
} else if(i==12){
const value = Number(item[12]) || 0;
sidoData[i] = (Number(sidoData[i]) + value) as string | number;
} else if(i==14){
const value = Number(item[14]) || 0;
sidoData[i] = (Number(sidoData[i]) + value) as string | number;
}
else {
sidoData[i] = '';
}
}
}
});
// Map을 배열로 변환
const sidoSummaryList = Array.from(sidoDataMap.values());
// sidoSummaryList와 rainDetailList를 합쳐서 엑셀 데이터 생성
const excelData = [...sidoSummaryList, ...rainDetailList];
excelDownload(
rainDetailList,
excelData,
"빗물이용시설 통계",
"sample_rainStats.xlsx",
"A1:V3",
@@ -62,10 +144,10 @@ export default function RainStat() {
/>
</div>
<div className="flex flex-row space-x-2 items-center">
<Button className="" size={"sm"} onClick={(e) => {}}>
<Button className="" size={"sm"} onClick={() => {}}>
조회
</Button>
<Button className="" size={"sm"} onClick={(e) => {}}>
<Button className="" size={"sm"} onClick={() => {}}>
다운로드
</Button>
<Button className="" size={"sm"} onClick={() => excelDownLoad()}>
@@ -88,8 +170,8 @@ export default function RainStat() {
pageSize={20}
total={10000}
headName={"건축물 목록"}
cellClick={(val, headId) => {}}
onPageChange={setPageNation}
cellClick={() => {}}
onPageChange={() => {}}
></UiTable>
{/* </ScrollArea> */}
</ListDiv>
apps/wr/app/store/stats/rainStat/excel.tsx
+16 -1
View File
@@ -4,20 +4,35 @@ export const excelRainStat = (excelList:RainStatProps[]) : string[][] => {
const excelData: string[][] = [];
excelList.forEach((item) => {
excelData.push([
//시도
String(item.ctpvCd) ?? "",
//시군구
String(item.sggCd) ?? "",
//행정구역명
String(item.areaNm) ?? "",
//시설명
String(item.bdstNm) ?? "",
//건축물용도코드
String(item.bdstUsgCd) ?? "",
//주소
String(item.daddr) ?? "",
//법적의무대상여부
String(item.lawTrgtYn) ?? "",
String(item.instlCmptnDt) ?? "",
//설치완료일자
String(item.instlCmptnDt) ?? "",
//설치비용
String(item.instlCst) ?? "",
//접수면종류
String(item.pntfColKnd) ?? "",
//여과등처리시설유무
String(item.filtrTrtmfctYn) ?? "",
//처리용량(저류조용량)
String(item.dtfcltCpct) ?? "",
//연간사용량
String(item.wtrUsqty) ?? "",
//이용용도코드
String(item.utztnUsgCd) ?? "",
//연간운영비
String(item.anlOperCst) ?? "",
]);
});