diff --git a/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx b/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
index d95df4a8e..51f065280 100644
--- a/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
+++ b/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
@@ -6,46 +6,21 @@ import ReturnButton from "@/components/button/ReturnButton";
import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
import { useState } from "react";
+import { StatsInputSatusMngColumn } from "@/components/util/column/management/StatsInputSatusMngColumn";
+
// 하수도 통계 관리 > 00. 통계 입력 현황
const StatsInputSatusMng = () => {
- const columns = [
- { name: 'sido', fieldName: '시도', header: { text: '시도' } },
- { name: 'sgg', fieldName: '구군', header: { text: '구군' } },
- { name: 'menu_nm', fieldName: '구분', header: { text: '구분' } },
- { name: 'locg_status_nm', fieldName: '진행상황', header: { text: '진행상황' } },
- { name: 'locg_status', fieldName: '작성률', header: { text: '작성률' } },
- { name: 'locg_charger', fieldName: '작성자', header: { text: '작성자' } },
- { name: 'locg_cttpc', fieldName: '작성자 연락처', header: { text: '작성자 연락처' } },
- { name: 'locg_dept', fieldName: '작성자 부서', header: { text: '작성자 부서' } },
- { name: 'locg_job', fieldName: '작성자 직제', header: { text: '작성자 직제' } },
- { name: 'locg_cnfirm_nm', fieldName: '승인자', header: { text: '승인자' } },
- { name: 'locg_cnfirm_dept', fieldName: '승인자 부서', header: { text: '승인자 부서' } },
- { name: 'locg_cnfirm_job', fieldName: '승인자 직제', header: { text: '승인자 직제' } },
- { name: 'return_opinion_sm', fieldName: '반려 사유', header: { text: '반려 사유' } },
- ];
-
- const columnLayout = [
- 'sido',
- 'sgg',
- 'menu_nm',
- {
- name: 'groupA',
- hideChildHeaders: false,
- header: { text: '하수도사업자' },
- items: columns.filter((c) => ['sido', 'sgg', 'menu_nm'].includes(c.name) === false).map((m) => m.name),
- },
- ];
-
- const approveFunc = () => {
- console.log('appoved');
- // 승인 요청 로직
- };
const rejectFunc = () => {
console.log('reject');
// 보완 요청 로직
};
+ const approveFunc = () => {
+ console.log('appoved');
+ // 승인 요청 로직
+ };
+
const returnFunc = () => {
console.log('return');
// 반려 로직
@@ -69,7 +44,7 @@ const StatsInputSatusMng = () => {
-
+
>
);
};
diff --git a/apps/st/src/components/util/column/management/StatsInputSatusMngColumn.ts b/apps/st/src/components/util/column/management/StatsInputSatusMngColumn.ts
new file mode 100644
index 000000000..0961a6a07
--- /dev/null
+++ b/apps/st/src/components/util/column/management/StatsInputSatusMngColumn.ts
@@ -0,0 +1,44 @@
+/**
+ * 하수도 통계 관리 > 00. 통계 입력 현황
+ * 단일 Tab
+ */
+export const StatsInputSatusMngColumn = {
+ columns: [
+ { name: 'sido', fieldName: '시도', header: { text: '시도' } },
+ { name: 'sgg', fieldName: '구군', header: { text: '구군' } },
+ { name: 'menu_nm', fieldName: '구분', header: { text: '구분' } },
+ { name: 'locg_status_nm', fieldName: '진행상황', header: { text: '진행상황' } },
+ { name: 'locg_status', fieldName: '작성률', header: { text: '작성률' } },
+ { name: 'locg_charger', fieldName: '작성자', header: { text: '작성자' } },
+ { name: 'locg_cttpc', fieldName: '작성자연락처', header: { text: '작성자연락처' } },
+ { name: 'locg_dept', fieldName: '부서', header: { text: '부서' } },
+ { name: 'locg_job', fieldName: '직제', header: { text: '직제' } },
+ { name: 'locg_cnfirm_nm', fieldName: '승인자', header: { text: '승인자' } },
+ { name: 'locg_cnfirm_dept', fieldName: '부서', header: { text: '부서' } },
+ { name: 'locg_cnfirm_job', fieldName: '직제', header: { text: '직제' } },
+ { name: 'return_opinion_sm', fieldName: '반려사유', header: { text: '반려사유' } },
+ ],
+
+ columnLayout: [
+ 'sido',
+ 'sgg',
+ 'menu_nm',
+ {
+ name: 'groupA',
+ hideChildHeaders: false,
+ header: { text: '하수도사업자' },
+ items: [
+ 'locg_status_nm',
+ 'locg_status',
+ 'locg_charger',
+ 'locg_cttpc',
+ 'locg_dept',
+ 'locg_job',
+ 'locg_cnfirm_nm',
+ 'locg_cnfirm_dept',
+ 'locg_cnfirm_job',
+ 'return_opinion_sm'
+ ],
+ },
+ ]
+};
\ No newline at end of file