wr: 고정 width

This commit is contained in:
2026-04-01 16:26:46 +09:00
parent 3efac843d4
commit f2be91986c
21 changed files with 264 additions and 697 deletions
@@ -345,6 +345,7 @@ export default function CoSttn() {
coSttnSearch(String(page), "13", String(con));
}}
resetSelection={isResetSelection}
widthFixed={true}
></UiTable>
</ListDiv>
</div>
@@ -248,7 +248,7 @@ export default function LdrmntCoSttn() {
<div className="grid grid-cols-6 gap-4 ">
<div className="col-span-6">
<div className="overflow-x-auto">
<ListDiv className="min-w-max">
<ListDiv>
<UiTable
headName={[]}
tableData={bdstTable || []}
@@ -258,6 +258,7 @@ export default function LdrmntCoSttn() {
cellClick={(index: number | undefined) => { cellClick(index ?? undefined) }}
onPageChange={setPageNation}
resetPageNo={resetPage}
widthFixed={true}
/>
</ListDiv>
</div>
@@ -241,6 +241,7 @@ export default function HtdflSttn() {
}}
onPageChange={setPageNation}
resetPageNo={resetPage}
widthFixed={true}
>
<HeadMakeColSpan upHeadList={htdflSttn.htdflSttNodeList} />
</UiTable>
@@ -226,6 +226,7 @@ export default function PbnstSttn() {
setIsReset(false);
}}
resetPageNo={isReset}
widthFixed={true}
>
<HeadMakeColSpan upHeadList={pbnstSttn.pbnstSttNodeList} />
</UiTable>
@@ -286,6 +286,7 @@ export default function RainSttn() {
}}
onPageChange={setPageNation}
resetPageNo={resetPage}
widthFixed={true}
>
<HeadMakeColSpan upHeadList={rainSttn.rainSttNodeList} />
</UiTable>
@@ -243,6 +243,7 @@ export default function RswtSttn() {
cellClick={(index: number | undefined) => { cellClick(index ?? undefined) }}
onPageChange={setPageNation}
resetPageNo={resetPage}
widthFixed={true}
>
<HeadMakeColSpan upHeadList={rswtSttn.rswtSttNodeList} />
</UiTable>
@@ -17,6 +17,7 @@ export const headMakeprfmnc = (
className={`border border-gray-600 px-2 py-1 `}
rowSpan={2}
key={head.id}
style={{ width: head.widthPercent ? `${head.widthPercent}%` : undefined }}
>
{head.title}
</TableHead>
@@ -28,6 +29,7 @@ export const headMakeprfmnc = (
colSpan={
makeHeadNm?.find((ch) => ch.headNm === head.upName)?.length
}
style={{ width: head.widthPercent ? `${head.widthPercent}%` : undefined }}
>
{makeHeadNm?.find((ch) => ch.headNm === head.upName)?.text}
</TableHead>
@@ -43,6 +45,7 @@ export const headMakeprfmnc = (
<TableHead
className={`border border-gray-600 px-2 py-1 `}
key={head.id}
style={{ width: head.widthPercent ? `${head.widthPercent}%` : undefined }}
>
{head.title}
</TableHead>
@@ -51,4 +54,4 @@ export const headMakeprfmnc = (
</TableRow>
</>
);
};
};
@@ -635,6 +635,7 @@ export default function PbnstPrfmncSttn() {
onPageChange={setPageNation}
index={0}
resetPageNo={resetPage}
widthFixed={true}
/>
<hr />
+2
View File
@@ -3,6 +3,7 @@ export type CommonTableProps = {
title: string;
upName?: string;
upSequnce?: number;
widthPercent?: number;
row?: number;
rowSpan?: number;
colSpan?: number;
@@ -14,6 +15,7 @@ export type TableUpperProps = {
title: string;
upName?: string;
upSequnce?: number;
widthPercent?: number;
edit?:boolean;
visible?:boolean;
rowSpan?: number;
+15 -84
View File
@@ -6,6 +6,7 @@ export const sttnHeadListType = z.array(
id: z.string(),
title: z.string(),
visible: z.boolean(),
widthPercent: z.number().optional(),
})
);
@@ -14,90 +15,20 @@ export const coRegExcel = z.object({
});
export const coSttHeadListExport: z.infer<typeof sttnHeadListType> = [
{
id: "cityText",
title: "시도",
visible: true,
},
{
id: "sggText",
title: "시군구",
visible: true,
},
{
id: "dmdCoNm",
title: "회사명",
visible: true,
},
{
id: "daddr",
title: "주소",
visible: true,
},
{
id: "dmdInfoId",
title: "사업자번호",
visible: true,
},
{
id: "telno",
title: "전화번호",
visible: true,
},
{
id: "regDt",
title: "등록일자",
visible: true,
},
{ id: "cityText", title: "시도", visible: true, widthPercent: 8 },
{ id: "sggText", title: "시군구", visible: true, widthPercent: 8 },
{ id: "dmdCoNm", title: "회사명", visible: true, widthPercent: 18 },
{ id: "daddr", title: "주소", visible: true, widthPercent: 28 },
{ id: "dmdInfoId", title: "사업자번호", visible: true, widthPercent: 14 },
{ id: "telno", title: "전화번호", visible: true, widthPercent: 12 },
{ id: "regDt", title: "등록일자", visible: true, widthPercent: 12, },
];
export const coSttNodeListExport: CommonTableProps[] = [
{
id: "cityText",
title: "시도",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "sggText",
title: "시군구",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "dmdCoNm",
title: "회사명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "daddr",
title: "주소",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "dmdInfoId",
title: "사업자번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "telno",
title: "전화번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
];
{ id: "cityText", title: "시도", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
{ id: "sggText", title: "시군구", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
{ id: "dmdCoNm", title: "회사명", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
{ id: "daddr", title: "주소", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
{ id: "dmdInfoId", title: "사업자번호", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
{ id: "telno", title: "전화번호", visible: true, row: 1, rowSpan: 1, colSpan: 1, },
];
@@ -46,359 +46,51 @@ export const ldrmntZod = z.object({
})
export const ldrmntHeadListExport: CommonTableProps[] = [
{
id: "ctpvCd",
title: "시도",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "sggCd",
title: "시군구",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "dmdCoNm",
title: "회사명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryAddr",
title: "회사주소",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryMngNo",
title: "공장관리번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "telno",
title: "전화번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{ id: "ctpvCd", title: "시도", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 8, },
{ id: "sggCd", title: "시군구", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 8 },
{ id: "dmdCoNm", title: "회사명", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 18 },
{ id: "fctryAddr", title: "회사주소", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 30 },
{ id: "fctryMngNo", title: "공장관리번호", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 18 },
{ id: "telno", title: "전화번호", visible: true, row: 1, rowSpan: 1, colSpan: 1, widthPercent: 18 },
]
export const ldrmntNodeListExport: CommonTableProps[] = [
{
id: "ctpvCd",
title: "시도",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "sggCd",
title: "시군구",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "mngInstNm",
title: "관리기관",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "dmdCoNm",
title: "회사명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctrySe",
title: "공장구분",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "cmpxNm",
title: "단지명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fndnSe",
title: "설립구분",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "mvnShp",
title: "입주형태",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "hldSe",
title: "보유구분",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "frstAprvYmd",
title: "최초승인일",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "frstRegYmd",
title: "최초등록일",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "regSe",
title: "등록구분",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "regYmd",
title: "등록일",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "telno",
title: "전화번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "maleEmpCnt",
title: "남자종업원",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fmaleEmpCnt",
title: "여자종업원",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "frgnrMaleEmpCnt",
title: "외국인남자종업원",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "frgnrFmaleEmpCnt",
title: "외국인여자종업원",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "totalEmpCnt",
title: "종업원합계",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "prdctnItem",
title: "생산품",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "splyMtrl",
title: "원자재",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryScl",
title: "공장규모",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "usgRgn",
title: "용도지역",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "ldcg",
title: "지목",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "usgRgnArea",
title: "용지면적(m²)",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "mnftrFcltArea",
title: "제조시설면적",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "sbsdFcltArea",
title: "부대시설면적",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "archArea",
title: "건축면적",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "knwlIndstCntrNm",
title: "지식산업센터명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "rprsTpbiz",
title: "대표업종",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "tpbizNm",
title: "업종명",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "tpbizCd",
title: "업종코드",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "cycl",
title: "차수",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "corpAddr",
title: "법인주소",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "esntlIdx",
title: "필지수",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryAddr",
title: "공장주소",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryLotnoAddr",
title: "공장주소_지번",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
{
id: "fctryMngNo",
title: "공장관리번호",
visible: true,
row: 1,
rowSpan: 1,
colSpan: 1,
},
];
{ id: "ctpvCd", title: "시도", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "sggCd", title: "시군구", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "mngInstNm", title: "관리기관", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "dmdCoNm", title: "회사명", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fctrySe", title: "공장구분", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "cmpxNm", title: "단지명", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fndnSe", title: "설립구분", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "mvnShp", title: "입주형태", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "hldSe", title: "보유구분", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "frstAprvYmd", title: "최초승인일", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "frstRegYmd", title: "최초등록일", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "regSe", title: "등록구분", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "regYmd", title: "등록일", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "telno", title: "전화번호", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "maleEmpCnt", title: "남자종업원", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fmaleEmpCnt", title: "여자종업원", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "frgnrMaleEmpCnt", title: "외국인남자종업원", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "frgnrFmaleEmpCnt", title: "외국인여자종업원", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "totalEmpCnt", title: "종업원합계", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "prdctnItem", title: "생산품", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "splyMtrl", title: "원자재", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fctryScl", title: "공장규모", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "usgRgn", title: "용도지역", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "ldcg", title: "지목", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "usgRgnArea", title: "용지면적(m²)", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "mnftrFcltArea", title: "제조시설면적", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "sbsdFcltArea", title: "부대시설면적", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "archArea", title: "건축면적", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "knwlIndstCntrNm", title: "지식산업센터명", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "rprsTpbiz", title: "대표업종", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "tpbizNm", title: "업종명", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "tpbizCd", title: "업종코드", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "cycl", title: "차수", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "corpAddr", title: "법인주소", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "esntlIdx", title: "필지수", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fctryAddr", title: "공장주소", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fctryLotnoAddr", title: "공장주소_지번", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
{ id: "fctryMngNo", title: "공장관리번호", visible: true, row: 1, rowSpan: 1, colSpan: 1 },
];
@@ -1,61 +1,25 @@
import type { TableUpperProps } from "@/app/store/common/type/header";
export const rainChkgdnHeadSttnExport: TableUpperProps[] = [
{ id: 'order', title: "순번", mergeCell: true },
{ id: "cityText", title: "시도", mergeCell: true },
{ id: "sggText", title: "시군구", mergeCell: true },
{ id: "bdstNm", title: "시설명", mergeCell: true },
{ id: "operMngCdText", title: "운영관리형태", mergeCell: true },
{ id: "oilqMeasMthdText", title: "유량측정방법", mergeCell: true },
{ id: "anlOperCst", title: "연간운영비(원/년)", mergeCell: true },
{ id: "dtfcltCpct", title: "빗물저류조용량(m³)", mergeCell: true },
{ id: "chckYmd", title: "점검일", mergeCell: true },
{ id: "utztnUsgCdText", title: "이용용도" },
{ id: "totalSplyUswtrUtztnQnt", title: "연간대체수이용량(m³)" },
{ id: "totalRuseFcltUtztnQnt", title: "연간빗물이용량(m³)" },
{
id: "ph",
title: "수소이온농도(pH)",
upName: "useQuilty",
upSequnce: 1,
type: "number",
},
{
id: "trbt",
title: "탁도(NTU)",
upName: "useQuilty",
upSequnce: 2,
type: "number",
},
{
id: "grssClfg",
title: "총대장균군수(개/mg)",
upName: "useQuilty",
upSequnce: 3,
type: "number",
},
{ id: 'order', title: "순번", mergeCell: true, widthPercent: 4 },
{ id: "cityText", title: "시도", mergeCell: true, widthPercent: 5 },
{ id: "sggText", title: "시군구", mergeCell: true, widthPercent: 5 },
{ id: "bdstNm", title: "시설명", mergeCell: true, widthPercent: 7 },
{ id: "operMngCdText", title: "운영관리형태", mergeCell: true, widthPercent: 6 },
{ id: "oilqMeasMthdText", title: "유량측정방법", mergeCell: true, widthPercent: 6 },
{ id: "anlOperCst", title: "연간운영비(원/년)", mergeCell: true, widthPercent: 7 },
{ id: "dtfcltCpct", title: "빗물저류조용량(m³)", mergeCell: true, widthPercent: 6 },
{ id: "chckYmd", title: "점검일", mergeCell: true, widthPercent: 5 },
{ id: "utztnUsgCdText", title: "이용용도", widthPercent: 5 },
{ id: "totalSplyUswtrUtztnQnt", title: "연간대체수이용량(m³)", widthPercent: 7 },
{ id: "totalRuseFcltUtztnQnt", title: "연간빗물이용량(m³)", widthPercent: 7 },
{ id: "ph", title: "수소이온농도(pH)", upName: "useQuilty", upSequnce: 1, type: "number", widthPercent: 5 },
{ id: "trbt", title: "탁도(NTU)", upName: "useQuilty", upSequnce: 2, type: "number", widthPercent: 4 },
{ id: "grssClfg", title: "총대장균군수(개/mg)", upName: "useQuilty", upSequnce: 3, type: "number", widthPercent: 5 },
{
id: "vltnDt",
title: "부과일(위반일)",
upName: "feeHist",
upSequnce: 1,
type: "text",
},
{
id: "vltnMttr",
title: "위반사항",
upName: "feeHist",
upSequnce: 2,
type: "text",
},
{
id: "levyAmt",
title: "부과금액(천원)",
upName: "feeHist",
upSequnce: 3,
type: "number",
},
{ id: "vltnDt", title: "부과일(위반일)", upName: "feeHist", upSequnce: 1, type: "text", widthPercent: 5 },
{ id: "vltnMttr", title: "위반사항", upName: "feeHist", upSequnce: 2, type: "text", widthPercent: 6 },
{ id: "levyAmt", title: "부과금액(천원)", upName: "feeHist", upSequnce: 3, type: "number", widthPercent: 5 },
];
export const ruseSttnHeadListExport: TableUpperProps[] = [
@@ -87,24 +51,9 @@ export const splSttnHeadListExport: TableUpperProps[] = [
{ id: "spl07", title: "7월", upName: "splWater", upSequnce: 8 },
{ id: "spl08", title: "8월", upName: "splWater", upSequnce: 9 },
{ id: "spl09", title: "9월", upName: "splWater", upSequnce: 10 },
{
id: "spl10",
title: "10월",
upName: "splWater",
upSequnce: 11,
},
{
id: "spl11",
title: "11월",
upName: "splWater",
upSequnce: 12,
},
{
id: "spl12",
title: "12월",
upName: "splWater",
upSequnce: 13,
},
{ id: "spl10", title: "10월", upName: "splWater", upSequnce: 11 },
{ id: "spl11", title: "11월", upName: "splWater", upSequnce: 12 },
{ id: "spl12", title: "12월", upName: "splWater", upSequnce: 13 },
];
export const rswtDetailHeadListExport: TableUpperProps[] = [
@@ -1,142 +1,46 @@
import type { TableUpperProps } from "@/app/store/common/type/header";
export const rswtChkSttnHeadListExport: TableUpperProps[] = [
{ id: "order", title: "순번", mergeCell: true },
{ id: "cityText", title: "시도", mergeCell: true },
{ id: "sggText", title: "시군구", mergeCell: true },
{ id: "bdstNm", title: "시설명", mergeCell: true },
{ id: "operMngCd", title: "운영관리형태", mergeCell: true },
{ id: "anlOperCst", title: "연간운영비(원/년)", mergeCell: true },
{ id: "prcsCpct", title: "처리용량(m³)", mergeCell: true },
{ id: "spwtPositn", title: "채수지점", mergeCell: true },
{ id: "chckYmd", title: "점검일", mergeCell: true },
{ id: "utztnUsgCdText", title: "이용용도" },
{ id: "splyUswtrUtztnQnt", title: "연간보급수이용량(m³)", type: "number" },
{ id: "ruseFcltUtztnQnt", title: "연간중수도이용량(m³)", type: "number" },
{ id: "order", title: "순번", mergeCell: true, widthPercent: 4 },
{ id: "cityText", title: "시도", mergeCell: true, widthPercent: 7 },
{ id: "sggText", title: "시군구", mergeCell: true, widthPercent: 5 },
{ id: "bdstNm", title: "시설명", mergeCell: true, widthPercent: 10 },
{ id: "operMngCd", title: "운영관리형태", mergeCell: true, widthPercent: 6 },
{ id: "anlOperCst", title: "연간운영비(원/년)", mergeCell: true, widthPercent: 7 },
{ id: "prcsCpct", title: "처리용량(m³)", mergeCell: true, widthPercent: 6 },
{ id: "spwtPositn", title: "채수지점", mergeCell: true, widthPercent: 6 },
{ id: "chckYmd", title: "점검일", mergeCell: true, widthPercent: 7 },
{ id: "utztnUsgCdText", title: "이용용도", widthPercent: 7 },
{ id: "splyUswtrUtztnQnt", title: "연간보급수이용량(m³)", type: "number", widthPercent: 5 },
{ id: "ruseFcltUtztnQnt", title: "연간중수도이용량(m³)", type: "number", widthPercent: 5 },
{
id: "grssClfgUswtr",
title: "총대장균군수(개/mg)",
upName: "useQuilty",
upSequnce: 1,
type: "number",
},
{
id: "combResdch",
title: "결합잔류염소(mh/L)",
upName: "useQuilty",
upSequnce: 2,
type: "number",
},
{
id: "trbt",
title: "탁도(NTU)",
upName: "useQuilty",
upSequnce: 3,
type: "number",
},
{
id: "bod",
title: "BOD(mg/L)",
upName: "useQuilty",
upSequnce: 4,
type: "number",
},
{
id: "smll",
title: "냄새",
upName: "useQuilty",
upSequnce: 5,
type: "text",
},
{
id: "crmty",
title: "색도(도)",
upName: "useQuilty",
upSequnce: 6,
type: "number",
},
{ id: "tn", title: "총질소(T-N)(mg/L)", upName: "useQuilty", upSequnce: 7, type: "number" },
{
id: "tph",
title: "총인(T-P)(mg/L)",
upName: "useQuilty",
upSequnce: 8,
type: "number",
},
{ id: "ph", title: "수소이온농도(pH)", upName: "useQuilty", upSequnce: 9, type: "text" },
{
id: "clIonQnt",
title: "염화물(mg/L)",
upName: "useQuilty",
upSequnce: 10,
type: "number",
},
{ id: "grssClfgUswtr", title: "총대장균군수(개/mg)", upName: "useQuilty", upSequnce: 1, type: "number", widthPercent: 6 },
{ id: "combResdch", title: "결합잔류염소(mh/L)", upName: "useQuilty", upSequnce: 2, type: "number", widthPercent: 6 },
{ id: "trbt", title: "탁도(NTU)", upName: "useQuilty", upSequnce: 3, type: "number", widthPercent: 4 },
{ id: "bod", title: "BOD (mg/L)", upName: "useQuilty", upSequnce: 4, type: "number", widthPercent: 4 },
{ id: "smll", title: "냄새", upName: "useQuilty", upSequnce: 5, type: "text", widthPercent: 4 },
{ id: "crmty", title: "색도(도)", upName: "useQuilty", upSequnce: 6, type: "number", widthPercent: 4 },
{ id: "tn", title: "총질소(T-N)(mg/L)", upName: "useQuilty", upSequnce: 7, type: "number", widthPercent: 5 },
{ id: "tph", title: "총인(T-P)(mg/L)", upName: "useQuilty", upSequnce: 8, type: "number", widthPercent: 5 },
{ id: "ph", title: "수소이온농도(pH)", upName: "useQuilty", upSequnce: 9, type: "text", widthPercent: 5 },
{ id: "clIonQnt", title: "염화물(mg/L)", upName: "useQuilty", upSequnce: 10, type: "number", widthPercent: 5 },
{
id: "vltnDt",
title: "부과일(위반일)",
upName: "feeHist",
upSequnce: 1,
type: "text",
},
{
id: "vltnMttr",
title: "위반사항",
upName: "feeHist",
upSequnce: 2,
type: "text",
},
{
id: "levyAmt",
title: "부과금액(천원)",
upName: "feeHist",
upSequnce: 3,
type: "number",
},
{ id: "vltnDt", title: "부과일(위반일)", upName: "feeHist", upSequnce: 1, type: "text", widthPercent: 5 },
{ id: "vltnMttr", title: "위반사항", upName: "feeHist", upSequnce: 2, type: "text", widthPercent: 6 },
{ id: "levyAmt", title: "부과금액(천원)", upName: "feeHist", upSequnce: 3, type: "number", widthPercent: 5 },
];
export const rswtDetailSttnHeadListExport: TableUpperProps[] = [
{ id: "utztnUsgCd", title: "이용용도" },
{
id: "grssClfgUswtr",
title: "총대장균군수",
upName: "detailQulity",
upSequnce: 2,
},
{
id: "combResdch",
title: "결합잔류염소",
upName: "detailQulity",
upSequnce: 3,
},
{
id: "trbt",
title: "탁도",
upName: "detailQulity",
upSequnce: 4,
},
{ id: "grssClfgUswtr", title: "총대장균군수", upName: "detailQulity", upSequnce: 2 },
{ id: "combResdch", title: "결합잔류염소", upName: "detailQulity", upSequnce: 3 },
{ id: "trbt", title: "탁도", upName: "detailQulity", upSequnce: 4 },
{ id: "bod", title: "BOD", upName: "detailQulity", upSequnce: 5 },
{
id: "smll",
title: "냄새",
upName: "detailQulity",
upSequnce: 6,
},
{
id: "crmty",
title: "색도",
upName: "detailQulity",
upSequnce: 7,
},
{ id: "tn", title: "T-N", upName: "detailQulity", upSequnce: 8},
{ id: "smll", title: "냄새", upName: "detailQulity", upSequnce: 6 },
{ id: "crmty", title: "색도", upName: "detailQulity", upSequnce: 7 },
{ id: "tn", title: "T-N", upName: "detailQulity", upSequnce: 8 },
{ id: "tph", title: "T-P", upName: "detailQulity", upSequnce: 9 },
{ id: "ph", title: "pH", upName: "detailQulity", upSequnce: 10 },
{
id: "clIonQnt",
title: "염화물",
upName: "detailQulity",
upSequnce: 11,
},
{ id: "clIonQnt", title: "염화물", upName: "detailQulity", upSequnce: 11 },
];
@@ -5,31 +5,36 @@ export const pbnstPrfmncSttnHeadListExport: TableUpperProps[] = [
id: "number",
title: "No",
rowSpan: 2,
row: 0
row: 0,
widthPercent: 4,
},
{
id: "sido",
title: "시도",
rowSpan: 2,
row: 0
row: 0,
widthPercent: 6,
},
{
id: "gugun",
title: "시군구",
rowSpan: 2,
row: 0
row: 0,
widthPercent: 6,
},
{
id: "bscFctNm",
title: "시설명",
rowSpan: 2,
row: 0
row: 0,
widthPercent: 10,
},
{
id: "ruseUtztnFcltNm",
title: "재이용시설명",
rowSpan: 2,
row: 0
row: 0,
widthPercent: 12,
},
]
@@ -39,22 +44,26 @@ export const pbnstYearHeadListExport: TableUpperProps[] = [
id: "year",
title: "년도",
colSpan: 3,
row: 0
row: 0,
widthPercent: 18,
},
{
id: "total",
title: "계(m³)",
row: 1
row: 1,
widthPercent: 6,
},
{
id: "inUsage",
title: "장내용수(m³)",
row: 1
row: 1,
widthPercent: 6,
},
{
id: "outUsage",
title: "장외용수(m³)",
row: 1
row: 1,
widthPercent: 6,
},
]
@@ -78,4 +87,4 @@ export const monthSttnHeadListExport: TableUpperProps[] = [
{ id: "10월", title: "10" },
{ id: "11월", title: "11월" },
{ id: "12월", title: "12월", },
];
];
@@ -7,94 +7,112 @@ export const htdflSttHeadListExport: z.infer<typeof sttnHeadListType> = [
id: "cityText",
title: "시도",
visible: true,
widthPercent: 4,
},
{
id: "sggText",
title: "시군구",
visible: true,
widthPercent: 4,
},
{
id: "bdstNm",
title: "발전소명",
visible: true,
widthPercent: 7,
},
{
id: "daddr",
title: "주소",
visible: true,
widthPercent: 9,
},
{
id: "frstArchPrmsnDt",
title: "준공년월",
visible: true,
widthPercent: 5,
},
{
id: "etgtType",
title: "발전유형",
visible: true,
widthPercent: 4,
},
{
id: "fclCpct",
title: "설비용량(KW)",
visible: true,
widthPercent: 5,
},
{
id: "plwtYn",
title: "담수화여부",
visible: true,
widthPercent: 4,
},
{
id: "orgwtWtritSpt",
title: "원수취수지점",
visible: true,
widthPercent: 5,
},
{
id: "wtritEntrcTp",
title: "취수구온도(℃)",
visible: true,
widthPercent: 5,
},
{
id: "orgwtOcrnProcs",
title: "원수발생공정",
visible: true,
widthPercent: 6,
},
{
id: "amtgnr",
title: "발생량",
visible: true,
widthPercent: 5,
},
{
id: "prcsProcsYn",
title: "처리공정여부",
visible: true,
widthPercent: 4,
},
{
id: "prcsFcltCpct",
title: "처리시설용량(m³)",
visible: true,
widthPercent: 6,
},
{
id: "fmYn",
title: "유량계여부",
visible: true,
widthPercent: 4,
},
{
id: "utztnCpct",
title: "이용량(m³)",
visible: true,
widthPercent: 5,
},
{
id: "utztnUsg",
title: "이용용도",
visible: true,
widthPercent: 4,
},
{
id: "emsnExitTp",
title: "배출구온도(℃)",
visible: true,
widthPercent: 4,
},
];
@@ -6,31 +6,31 @@ import type {
import { z } from "zod";
export const pbnSttHeadListExport: z.infer<typeof sttnHeadListType> = [
{ id: "rvbsn", title: "권역", visible: true },
{ id: "lgbsn", title: "단위유역", visible: true, },
{ id: "mdmbsn", title: "중권역", visible: true, },
{ id: "rgnNm", title: "환경청", visible: true },
{ id: "sido", title: "시도", visible: true, },
{ id: "gugun", title: "시군구", visible: true, },
{ id: "bscFctNm", title: "시설명", visible: true },
{ id: "efflWqltStndrdNm", title: "지역구분", visible: true },
{ id: "rvbsn", title: "권역", visible: true, widthPercent: 4 },
{ id: "lgbsn", title: "단위유역", visible: true, widthPercent: 4 },
{ id: "mdmbsn", title: "중권역", visible: true, widthPercent: 4 },
{ id: "rgnNm", title: "환경청", visible: true, widthPercent: 5 },
{ id: "sido", title: "시도", visible: true, widthPercent: 4 },
{ id: "gugun", title: "시군구", visible: true, widthPercent: 4 },
{ id: "bscFctNm", title: "시설명", visible: true, widthPercent: 7 },
{ id: "efflWqltStndrdNm", title: "지역구분", visible: true, widthPercent: 5 },
{ id: "tel", title: "전화번호", visible: true },
{ id: "fctCpc", title: "시설용량(톤/일)", visible: true },
{ id: "ruseUtztnFcltNm", title: "재이용시설명", visible: true },
{ id: "tel", title: "전화번호", visible: true, widthPercent: 6 },
{ id: "fctCpc", title: "시설용량(톤/일)", visible: true, widthPercent: 5 },
{ id: "ruseUtztnFcltNm", title: "재이용시설명", visible: true, widthPercent: 7 },
{ id: "fcltCpct", title: "시설용량(m³/일)", visible: true, },
{ id: "splyExtraCpct", title: "하수처리량(m³/일)", visible: true, },
{ id: "ruseCpct", title: "재이용량(m³/일)", visible: true, },
{ id: "fcltCpct", title: "시설용량(m³/일)", visible: true, widthPercent: 5 },
{ id: "splyExtraCpct", title: "하수처리량(m³/일)", visible: true, widthPercent: 5 },
{ id: "ruseCpct", title: "재이용량(m³/일)", visible: true, widthPercent: 5 },
{ id: "usageTotal", title: "합계", visible: true, },
{ id: "inUsage", title: "장내용수", visible: true, },
{ id: "outUsage", title: "장외용수", visible: true, },
{ id: "usageTotal", title: "합계", visible: true, widthPercent: 4 },
{ id: "inUsage", title: "장내용수", visible: true, widthPercent: 4 },
{ id: "outUsage", title: "장외용수", visible: true, widthPercent: 4 },
{ id: "operMthd", title: "운영방식", visible: true, },
{ id: "rprtvBzenty", title: "대행업체", visible: true, },
{ id: "bgngDt", title: "시작일", visible: true, },
{ id: "endDt", title: "종료일", visible: true, },
{ id: "operMthd", title: "운영방식", visible: true, widthPercent: 4 },
{ id: "rprtvBzenty", title: "대행업체", visible: true, widthPercent: 5 },
{ id: "bgngDt", title: "시작일", visible: true, widthPercent: 4 },
{ id: "endDt", title: "종료일", visible: true, widthPercent: 4 },
];
// id는 다확인해야함
@@ -6,38 +6,39 @@ export const sttnHeadListType = z.array(
id: z.string(),
title: z.string(),
visible: z.boolean(),
widthPercent: z.number().optional(),
})
);
export const rainSttHeadListExport: z.infer<typeof sttnHeadListType> = [
{ id: "cityText", title: "시도", visible: true, },
{ id: "sggText", title: "시군구", visible: true, },
{ id: "bdstNm", title: "건축물명", visible: true, },
{ id: "daddr", title: "주소", visible: true, },
{ id: "bdsgUsgText", title: "건축물용도", visible: true, },
{ id: "frstArchPrmsnDt", title: "최초건축허가일시", visible: true, },
{ id: "archArea", title: "건축면적", visible: true, },
{ id: "chBuildingYn", title: "증축・개축・재축여부", visible: true, },
{ id: "lawTrgtYn", title: "법적의무대상여부", visible: true, },
{ id: "instlCmptnDt", title: "설치완료일시", visible: true, },
{ id: "cityText", title: "시도", visible: true, widthPercent: 4 },
{ id: "sggText", title: "시군구", visible: true, widthPercent: 4 },
{ id: "bdstNm", title: "건축물명", visible: true, widthPercent: 6 },
{ id: "daddr", title: "주소", visible: true, widthPercent: 8 },
{ id: "bdsgUsgText", title: "건축물용도", visible: true, widthPercent: 5 },
{ id: "frstArchPrmsnDt", title: "최초건축허가일시", visible: true, widthPercent: 6 },
{ id: "archArea", title: "건축면적", visible: true, widthPercent: 4 },
{ id: "chBuildingYn", title: "증축・개축・재축여부", visible: true, widthPercent: 4 },
{ id: "lawTrgtYn", title: "법적의무대상여부", visible: true, widthPercent: 4 },
{ id: "instlCmptnDt", title: "설치완료일시", visible: true, widthPercent: 5 },
{ id: "instlCst", title: "설치비용", visible: true, },
{ id: "instlCst", title: "설치비용", visible: true, widthPercent: 6 },
{ id: "pntfColKnd", title: "집수지점종류", visible: true, },
{ id: "pntfColArea", title: "집수지점면적", visible: true, },
{ id: "pntfColKnd", title: "집수지점종류", visible: true, widthPercent: 3 },
{ id: "pntfColArea", title: "집수지점면적", visible: true, widthPercent: 4 },
{ id: "dtfcltCpct", title: "저류조용량", visible: true, },
{ id: "filtrTrtmfctYn", title: "여과처리시설유무", visible: true, },
{ id: "filtrTrtmfctCpct", title: "여과처리시설용량", visible: true, },
{ id: "filtrTrtmfctPrs", title: "여과처리시설처리공정", visible: true, },
{ id: "dtfcltCpct", title: "저류조용량", visible: true, widthPercent: 4 },
{ id: "filtrTrtmfctYn", title: "여과처리시설유무", visible: true, widthPercent: 4 },
{ id: "filtrTrtmfctCpct", title: "여과처리시설용량", visible: true, widthPercent: 5 },
{ id: "filtrTrtmfctPrs", title: "여과처리시설처리공정", visible: true, widthPercent: 6 },
{ id: "instlCstSprtYn", title: "설치지원비용여부", visible: true, },
{ id: "instlCstSprtAmt", title: "설치지원비용", visible: true, },
{ id: "instlCstSprtYn", title: "설치지원비용여부", visible: true, widthPercent: 4 },
{ id: "instlCstSprtAmt", title: "설치지원비용", visible: true, widthPercent: 5 },
{ id: "grntchBdstCertYn", title: "녹색건축물인증여부", visible: true, },
{ id: "grntchBdstCertYr", title: "녹색건축물인증년도", visible: true, },
{ id: "grntchBdstCertNo", title: "녹색건축물인증번호", visible: true, },
{ id: "grntchBdstCertGrdText", title: "녹색건축물인증등급", visible: true, },
{ id: "grntchBdstCertYn", title: "녹색건축물인증여부", visible: true, widthPercent: 3 },
{ id: "grntchBdstCertYr", title: "녹색건축물인증년도", visible: true, widthPercent: 3 },
{ id: "grntchBdstCertNo", title: "녹색건축물인증번호", visible: true, widthPercent: 4 },
{ id: "grntchBdstCertGrdText", title: "녹색건축물인증등급", visible: true, widthPercent: 4 },
];
// id는 다확인해야함
@@ -7,36 +7,43 @@ export const rswtSttHeadListExport: z.infer<typeof sttnHeadListType> = [
id: "cityText",
title: "시도",
visible: true,
widthPercent: 4,
},
{
id: "sggText",
title: "시군구",
visible: true,
widthPercent: 4,
},
{
id: "bdstNm",
title: "건축물명",
visible: true,
widthPercent: 6,
},
{
id: "daddr",
title: "주소",
visible: true,
widthPercent: 8,
},
{
id: "bdsgUsgText",
title: "건축물용도",
visible: true,
widthPercent: 5,
},
{
id: "frstArchPrmsnDt",
title: "최초건축허가일시",
visible: true,
widthPercent: 6,
},
{
id: "archArea",
title: "건축면적",
visible: true,
widthPercent: 4,
},
// {
// id: "wtrUsqty",
@@ -47,12 +54,14 @@ export const rswtSttHeadListExport: z.infer<typeof sttnHeadListType> = [
id: "chBuildingYn",
title: "증축・개축・재축여부",
visible: true,
widthPercent: 4,
},
{
id: "lawTrgtYn",
title: "법적의무대상여부",
visible: true,
widthPercent: 4,
},
// {
// id: "oblgTrgtWtrUsqty",
@@ -63,65 +72,77 @@ export const rswtSttHeadListExport: z.infer<typeof sttnHeadListType> = [
id: "instlCmptnDt",
title: "설치완료일시",
visible: true,
widthPercent: 5,
},
{
id: "instlCst",
title: "설치비용",
visible: true,
widthPercent: 4,
},
{
id: "orgwtKndCd",
title: "원수종류",
visible: true,
widthPercent: 4,
},
{
id: "filtrTrtmfctCpct",
title: "처리시설용량",
visible: true,
widthPercent: 5,
},
{
id: "filtrTrtmfctProcs",
title: "주요처리공정",
visible: true,
widthPercent: 6,
},
{
id: "filtrTrtmfctUsgCd",
title: "이용용도",
visible: true,
widthPercent: 4,
},
{
id: "instlCstSprtYn",
title: "설치지원비용여부",
visible: true,
widthPercent: 4,
},
{
id: "instlCstSprtAmt",
title: "설치지원비용",
visible: true,
widthPercent: 5,
},
{
id: "grntchBdstCertYn",
title: "녹색건축물인증여부",
visible: true,
widthPercent: 3,
},
{
id: "grntchBdstCertYr",
title: "녹색건축물인증년도",
visible: true,
widthPercent: 3,
},
{
id: "grntchBdstCertNo",
title: "녹색건축물인증번호",
visible: true,
widthPercent: 4,
},
{
id: "grntchBdstCertGrdText",
title: "녹색건축물인증등급",
visible: true,
widthPercent: 5,
},
];
+4 -2
View File
@@ -138,7 +138,8 @@ export const chRowspanTable = (
<TableCell
key={key}
rowSpan={rowspan}
className="align-middle text-center whitespace-nowrap"
className="align-middle text-center whitespace-normal break-words"
style={{ width: head.widthPercent ? `${head.widthPercent}%` : undefined }}
>
{key === "checkBox" ? (
<Checkbox
@@ -169,8 +170,9 @@ export const chRowspanTable = (
return (
<TableCell
key={key}
className="text-center whitespace-nowrap"
className="text-center whitespace-normal break-words"
onClick={() => handleCellClick(rowIndex, head.id)}
style={{ width: head.widthPercent ? `${head.widthPercent}%` : undefined }}
>
{head.edit === true ? (
[
@@ -190,7 +190,21 @@ export default function RainChkgdTable({
return (
<>
<Table variant="secondary">
<Table variant="secondary" className="table-fixed">
<colgroup>
{headList.headList
.filter((head) => head.visible !== false)
.map((head) => (
<col
key={head.id}
style={{
width: head.widthPercent
? `${head.widthPercent}%`
: undefined,
}}
/>
))}
</colgroup>
<TableHeader className="font-bold">
{headMakeprfmnc(
headList?.headList,
@@ -145,7 +145,21 @@ export default function RswtChkgdTable({
return (
<>
<Table variant="secondary">
<Table variant="secondary" className="table-fixed">
<colgroup>
{headList.headList
.filter((head) => head.visible !== false)
.map((head) => (
<col
key={head.id}
style={{
width: head.widthPercent
? `${head.widthPercent}%`
: undefined,
}}
/>
))}
</colgroup>
<TableHeader className="font-bold">
{headMakeprfmnc(headList?.headList, headList?.upHeadList)}
</TableHeader>