st: refactor: 그리드 prop isExcelExport(엑셀 내보내기 버튼 유무)추가, mergeRule, sortdisable 추가

컬럼 속성에 mergeRule: true시 해당 컬럼 같은 값인 cell merge
sortdisable: true시 해당 컬럼의 정렬 기능 비활성화

apps/st/src/components/module/DataGrid.tsx

@@ -36,7 +36,7 @@ if (typeof window !== "undefined") {
 
 RealGrid.setLicenseKey(process.env.NEXT_PUBLIC_ST_REALGRID_KEY || '');
 
-const DataGrid = ({ columnInfo, rowStartNum, isExcelImport = true, fixedColumns, showHeaderCheckbox = false, rowData, setRowData }: DataGridProps) => {
+const DataGrid = ({ columnInfo, rowStartNum, isExcelImport = true, isExcelExport = true, fixedColumns, showHeaderCheckbox = false, rowData, setRowData }: DataGridProps) => {
     const { columns, columnLayout } = columnInfo;
     const gridRef = useRef<RealGridReact>(null);
     const fileInputRef = useRef<HTMLInputElement>(null);
@@ -312,10 +312,10 @@ const DataGrid = ({ columnInfo, rowStartNum, isExcelImport = true, fixedColumns,
                         <span>가져오기</span>
                     </Button>
                 }
-                <Button className="h-[3.2rem] px-6 bg-gradient-green hover:bg-gradient-green-hover w-[96px]" type="button" onClick={exportExcel}>
+                {isExcelExport && <Button className="h-[3.2rem] px-6 bg-gradient-green hover:bg-gradient-green-hover w-[96px]" type="button" onClick={exportExcel}>
                     <i className="diveicon di-file-excel" />
                     <span>내보내기</span>
-                </Button>
+                </Button>}
             </div>
             <div className="h-[65vh]">
                 <RealGridReact

apps/st/src/components/module/TabDataGrid.tsx

@@ -37,7 +37,7 @@ if (typeof window !== "undefined") {
 
 RealGrid.setLicenseKey(process.env.NEXT_PUBLIC_ST_REALGRID_KEY || '');
 
-const TabDataGrid = ({ columnInfo, isExcelImport = true, rows = [], showHeaderCheckbox = false, rowDataMap, setRowDataMap }: TabDataGridProps) => {
+const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, rows = [], showHeaderCheckbox = false, rowDataMap, setRowDataMap }: TabDataGridProps) => {
     // 각 탭별로 그리드 ref와 데이터를 관리
     const gridRefs = useRef<Map<string, RealGridReact>>(new Map());
     const fileInputRefs = useRef<Map<string, HTMLInputElement>>(new Map());
@@ -450,7 +450,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, rows = [], showHeaderCh
                                                     expression: column.footer.expression,
                                                     numberFormat: column.footer.numberFormat,
                                                 } : undefined}
-                                                mergeRule={column.mergeCells ? { criteria: 'row div 2' } : undefined}
+                                                mergeRule={column.mergeCells ? { criteria: 'value' } : undefined}
                                                 sortable={!column.sortdisable}
                                             />
                                         ))}

apps/st/src/components/statistics/system/NotEnteredStatus.tsx

@@ -0,0 +1,41 @@
+import { useState } from "react";
+
+import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnConfig } from "@/components/type/DataGrid.type";
+
+const NotEnteredStatus = () => {
+    const columns: ColumnConfig[] = [
+        { name: 'sido', fieldName: '시도', header: { text: '시도' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '1', fieldName: '1', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '2-1', fieldName: '2-1', header: { text: '2-1' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '2-2', fieldName: '2-2', header: { text: '2-2' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '2-3', fieldName: '2-3', header: { text: '2-3' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '2-4', fieldName: '2-4', header: { text: '2-4' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '3-1', fieldName: '3-1', header: { text: '3-1' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '3-2', fieldName: '3-2', header: { text: '3-2' }, mergeCells: true, editable: false, sortdisable: true },
+    ];
+
+    const columnLayout = [
+        'sido',
+        'sgg',
+        {
+            name: 'groupA',
+            hideChildHeaders: false,
+            header: { text: '미입력 하수도 통계 세부항목(번호)' },
+            items: ['1', '2-1', '2-2', '2-3', '2-4', '3-1', '3-2'],
+        },
+    ];
+
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+
+    return (
+        <>
+            <SearchForm userMenual={true} />
+            <DataGrid columnInfo={{ columns, columnLayout }} rowData={rowData} setRowData={setRowData} isExcelImport={false} fixedColumns={2} rowStartNum={2} />
+        </>
+    );
+};
+
+export default NotEnteredStatus;

apps/st/src/components/statistics/system/StatisticsInputManagement.tsx

@@ -0,0 +1,39 @@
+import { useState } from "react";
+
+import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnConfig } from "@/components/type/DataGrid.type";
+
+const StatisticsInputManagement = () => {
+    const columns: ColumnConfig[] = [
+        { name: 'sido', fieldName: '시도', header: { text: '시도' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '구분', fieldName: '구분', header: { text: '구분' }, editable: false, sortdisable: true },
+        { name: '광역자치단체', fieldName: '광역자치단체', header: { text: '광역자치단체' }, editable: false, sortdisable: true },
+        { name: '공단', fieldName: '공단', header: { text: '공단' }, editable: false, sortdisable: true },
+        { name: '처리내역', fieldName: '처리내역', header: { text: '처리내역' }, editable: false, sortdisable: true },
+    ];
+
+    const columnLayout = [
+        'sido',
+        'sgg',
+        '구분',
+        {
+            name: 'groupA',
+            hideChildHeaders: false,
+            header: { text: '검토내역' },
+            items: ['광역자치단체', '공단', '처리내역'],
+        },
+    ];
+
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+
+    return (
+        <>
+            <SearchForm userMenual={true} sgg={false} sido={false} />
+            <DataGrid columnInfo={{ columns, columnLayout }} rowData={rowData} setRowData={setRowData} isExcelImport={false} isExcelExport={false} />
+        </>
+    );
+};
+
+export default StatisticsInputManagement;

apps/st/src/components/statistics/system/StatisticsPopulationManagement.tsx

@@ -0,0 +1,17 @@
+import { useState } from "react";
+
+import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnConfig } from "@/components/type/DataGrid.type";
+
+const StatisticsPopulationManagement = () => {
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+
+    return (
+        <>
+            <SearchForm userMenual={true} sgg={false} sido={false} />
+        </>
+    );
+};
+
+export default StatisticsPopulationManagement;

apps/st/src/components/statistics/system/StatisticsReviewHistory.tsx

@@ -0,0 +1,39 @@
+import { useState } from "react";
+
+import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnConfig } from "@/components/type/DataGrid.type";
+
+const StatisticsReviewHistory = () => {
+    const columns: ColumnConfig[] = [
+        { name: 'sido', fieldName: '시도', header: { text: '시도' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
+        { name: '구분', fieldName: '구분', header: { text: '구분' }, editable: false, sortdisable: true },
+        { name: '광역자치단체', fieldName: '광역자치단체', header: { text: '광역자치단체' }, editable: false, sortdisable: true },
+        { name: '공단', fieldName: '공단', header: { text: '공단' }, editable: false, sortdisable: true },
+        { name: '처리내역', fieldName: '처리내역', header: { text: '처리내역' }, editable: false, sortdisable: true },
+    ];
+
+    const columnLayout = [
+        'sido',
+        'sgg',
+        '구분',
+        {
+            name: 'groupA',
+            hideChildHeaders: false,
+            header: { text: '검토내역' },
+            items: ['광역자치단체', '공단', '처리내역'],
+        },
+    ];
+
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+
+    return (
+        <>
+            <SearchForm userMenual={true} />
+            <DataGrid columnInfo={{ columns, columnLayout }} rowStartNum={2} fixedColumns={3} rowData={rowData} setRowData={setRowData} isExcelImport={false} />
+        </>
+    );
+};
+
+export default StatisticsReviewHistory;

apps/st/src/components/type/DataGrid.type.ts

@@ -67,6 +67,7 @@ export type DataGridProps = {
     columnInfo: ColumnInfo;
     rowStartNum?: number; // 헤더 행 개수 (1부터 시작, 예: 2면 1행과 2행까지 헤더로 간주)
     isExcelImport?: boolean; // 엑셀 가져오기 유무
+    isExcelExport?: boolean;
     onRowsChange?: (rows: Record<string, string | number>[]) => void;
     fixedColumns?: number; // 고정할 컬럼 개수 (좌측부터)
     showHeaderCheckbox?: boolean; // 헤더 체크박스 표시 여부 (기본값: true)
@@ -78,6 +79,7 @@ export type TabDataGridProps = {
     columnInfo: ColumnInfoList[];
     rows?: Record<string, string | number>[];
     isExcelImport?: boolean; // 엑셀 가져오기 유무
+    isExcelExport?: boolean;
     onRowsChange?: (rows: Record<string, string | number>[]) => void;
     showHeaderCheckbox?: boolean; // 헤더 체크박스 표시 여부 (기본값: true)
     rowDataMap: Map<string, Record<string, string | number>[]>;