[feat]01.통계입력현황 단일탭 column 폴더 분리
This commit is contained in:
@@ -1,187 +1,14 @@
|
||||
import SearchForm from "@/components/module/SearchForm";
|
||||
import DataGrid from "@/components/module/DataGrid";
|
||||
import TabDataGrid from "@/components/module/TabDataGrid";
|
||||
import SaveButton from "@/components/button/SaveButton";
|
||||
import ApproveButton from "@/components/button/ApproveButton";
|
||||
import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
|
||||
import ReturnButton from "@/components/button/ReturnButton";
|
||||
|
||||
import { StatsInputSatusInfoList } from "@/components/util/column/review/StatsInputSatusColumnRvw";
|
||||
|
||||
const StatsInputSatusRvw = () => {
|
||||
const rawColumns = [
|
||||
{ name: 'sido', fieldName: '시도', header: { text: '시도' } },
|
||||
{ name: 'sgg', fieldName: '구군', header: { text: '구군' } },
|
||||
|
||||
{ name: '진행상태', fieldName: '진행상태', header: { text: '진행상태' } },
|
||||
//01번
|
||||
{ name: '제출자01', fieldName: '제출자01', header: { text: '제출자' } },
|
||||
{ name: '연락처01', fieldName: '연락처01', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태01', fieldName: '지자체진행상태01', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태01', fieldName: '진행상태01', header: { text: '진행상태' } },
|
||||
//02번
|
||||
{ name: '제출자02', fieldName: '제출자02', header: { text: '제출자' } },
|
||||
{ name: '연락처02', fieldName: '연락처02', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태02', fieldName: '지자체진행상태02', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태02', fieldName: '진행상태02', header: { text: '진행상태' } },
|
||||
// 03번
|
||||
{ name: '제출자03', fieldName: '제출자03', header: { text: '제출자' } },
|
||||
{ name: '연락처03', fieldName: '연락처03', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태03', fieldName: '지자체진행상태03', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태03', fieldName: '진행상태03', header: { text: '진행상태' } },
|
||||
|
||||
// 04번
|
||||
{ name: '제출자04', fieldName: '제출자04', header: { text: '제출자' } },
|
||||
{ name: '연락처04', fieldName: '연락처04', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태04', fieldName: '지자체진행상태04', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태04', fieldName: '진행상태04', header: { text: '진행상태' } },
|
||||
|
||||
// 05번
|
||||
{ name: '제출자05', fieldName: '제출자05', header: { text: '제출자' } },
|
||||
{ name: '연락처05', fieldName: '연락처05', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태05', fieldName: '지자체진행상태05', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태05', fieldName: '진행상태05', header: { text: '진행상태' } },
|
||||
|
||||
// 06번
|
||||
{ name: '제출자06', fieldName: '제출자06', header: { text: '제출자' } },
|
||||
{ name: '연락처06', fieldName: '연락처06', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태06', fieldName: '지자체진행상태06', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태06', fieldName: '진행상태06', header: { text: '진행상태' } },
|
||||
|
||||
// 07번
|
||||
{ name: '제출자07', fieldName: '제출자07', header: { text: '제출자' } },
|
||||
{ name: '연락처07', fieldName: '연락처07', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태07', fieldName: '지자체진행상태07', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태07', fieldName: '진행상태07', header: { text: '진행상태' } },
|
||||
|
||||
// 08번
|
||||
{ name: '제출자08', fieldName: '제출자08', header: { text: '제출자' } },
|
||||
{ name: '연락처08', fieldName: '연락처08', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태08', fieldName: '지자체진행상태08', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태08', fieldName: '진행상태08', header: { text: '진행상태' } },
|
||||
|
||||
// 09번
|
||||
{ name: '제출자09', fieldName: '제출자09', header: { text: '제출자' } },
|
||||
{ name: '연락처09', fieldName: '연락처09', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태09', fieldName: '지자체진행상태09', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태09', fieldName: '진행상태09', header: { text: '진행상태' } },
|
||||
|
||||
// 10번
|
||||
{ name: '제출자10', fieldName: '제출자10', header: { text: '제출자' } },
|
||||
{ name: '연락처10', fieldName: '연락처10', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태10', fieldName: '지자체진행상태10', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태10', fieldName: '진행상태10', header: { text: '진행상태' } },
|
||||
|
||||
// 11번
|
||||
{ name: '제출자11', fieldName: '제출자11', header: { text: '제출자' } },
|
||||
{ name: '연락처11', fieldName: '연락처11', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태11', fieldName: '지자체진행상태11', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태11', fieldName: '진행상태11', header: { text: '진행상태' } },
|
||||
|
||||
// 12번
|
||||
{ name: '제출자12', fieldName: '제출자12', header: { text: '제출자' } },
|
||||
{ name: '연락처12', fieldName: '연락처12', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태12', fieldName: '지자체진행상태12', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태12', fieldName: '진행상태12', header: { text: '진행상태' } },
|
||||
|
||||
// 13번
|
||||
{ name: '제출자13', fieldName: '제출자13', header: { text: '제출자' } },
|
||||
{ name: '연락처13', fieldName: '연락처13', header: { text: '연락처' } },
|
||||
{ name: '지자체진행상태13', fieldName: '지자체진행상태13', header: { text: '지자체진행상태' } },
|
||||
{ name: '진행상태13', fieldName: '진행상태13', header: { text: '진행상태' } },
|
||||
{ name: 'rmk', fieldName: '비고', header: { text: '비고' } },
|
||||
];
|
||||
|
||||
const columns = rawColumns.map(col => ({
|
||||
...col,
|
||||
editable: false
|
||||
}));
|
||||
|
||||
const columnLayout = [
|
||||
{
|
||||
name: 'groupA',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '행정구역' },
|
||||
items: ['sido', 'sgg'],
|
||||
},
|
||||
'진행상태',
|
||||
{
|
||||
name: 'groupB',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '01. 하수도 보급율' },
|
||||
items: ['제출자01', '연락처01', '지자체진행상태01', '진행상태01'],
|
||||
},
|
||||
{
|
||||
name: 'groupC',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '02. 하수관로' },
|
||||
items: ['제출자02', '연락처02', '지자체진행상태02', '진행상태02'],
|
||||
},
|
||||
{
|
||||
name: 'groupD',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '03. 하수관로유지관리' },
|
||||
items: ['제출자03', '연락처03', '지자체진행상태03', '진행상태03'],
|
||||
},
|
||||
{
|
||||
name: 'groupE',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '04. 하수저류시설' },
|
||||
items: ['제출자04', '연락처04', '지자체진행상태04', '진행상태04'],
|
||||
},
|
||||
{
|
||||
name: 'groupF',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '05. 펌프장' },
|
||||
items: ['제출자05', '연락처05', '지자체진행상태05', '진행상태05'],
|
||||
},
|
||||
{
|
||||
name: 'groupG',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '06. 공공하수처리시설' },
|
||||
items: ['제출자06', '연락처06', '지자체진행상태06', '진행상태06'],
|
||||
},
|
||||
{
|
||||
name: 'groupH',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '07. 분뇨처리시설' },
|
||||
items: ['제출자07', '연락처07', '지자체진행상태07', '진행상태07'],
|
||||
},
|
||||
{
|
||||
name: 'groupI',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '08. 개인하수처리시설' },
|
||||
items: ['제출자08', '연락처08', '지자체진행상태08', '진행상태08'],
|
||||
},
|
||||
{
|
||||
name: 'groupJ',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '09. 하수도재정' },
|
||||
items: ['제출자09', '연락처09', '지자체진행상태09', '진행상태09'],
|
||||
},
|
||||
{
|
||||
name: 'groupK',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '10. 물재이용' },
|
||||
items: ['제출자10', '연락처10', '지자체진행상태10', '진행상태10'],
|
||||
},
|
||||
{
|
||||
name: 'groupL',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '11. 하수및분뇨찌꺼기' },
|
||||
items: ['제출자11', '연락처11', '지자체진행상태11', '진행상태11'],
|
||||
},
|
||||
{
|
||||
name: 'groupM',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '12. 하수및분뇨관련사업' },
|
||||
items: ['제출자12', '연락처12', '지자체진행상태12', '진행상태12'],
|
||||
},
|
||||
{
|
||||
name: 'groupN',
|
||||
hideChildHeaders: false,
|
||||
header: { text: '13. 하수도서비스수준' },
|
||||
items: ['제출자13', '연락처13', '지자체진행상태13', '진행상태13'],
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
const approveFunc = () => {
|
||||
console.log('approveFunc');
|
||||
};
|
||||
@@ -207,7 +34,7 @@ const StatsInputSatusRvw = () => {
|
||||
<ReturnButton returnFunc={returnFunc} />
|
||||
<SaveButton saveFunc={saveFunc} />
|
||||
</div>
|
||||
<DataGrid columnInfo={{ columns, columnLayout }} rowStartNum={2} isExcelImport={false} fixedColumns={2} />
|
||||
<TabDataGrid columnInfo={StatsInputSatusInfoList} isExcelImport={false} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user