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

rafactor: tab size 4 -> 2로 수정

Browse Source
This commit is contained in:
swcho
2025-06-25 14:24:30 +09:00
parent 1cfae09b33
commit f679277192
29 changed files with 2976 additions and 2975 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sn/app/(map-layout)/map/SearchModal.tsx
+1 -1
View File
@@ -1073,7 +1073,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
<div className="h-[60vh] w-full space-y-2 overflow-hidden rounded-lg border">
{/* 테이블 영역 (가로/세로 스크롤 가능) */}
<div className="flex-1 px-2 pb-2">
<LoadingOverlay isLoading={isLoading}/>
<LoadingOverlay isLoading={isLoading} />
<UiTable2
headName={
(() => {
apps/sn/app/(map-layout)/map/components/common/index.ts
+7 -7
View File
@@ -21,13 +21,13 @@ type LayerContentMap = {
const layerContentMap: LayerContentMap = {
// TODO: gis데이터 추가되면 추가 작업 필요
"하수처리시설": { component: SwtrmtFclt, },
"하수처리구역": { },
"우수토실":{component: Ssc,},
"중점우수토실":{component: Ssc, }, // 중점우수토실 여부 설정
"하수관로":{component: MsSwagePpl,},
"하수맨홀":{component: smh,},
"빗물펌프":{component:StormWaterPump},
"오수펌프":{component:sewagePump},
"하수처리구역": {},
"우수토실": { component: Ssc, },
"중점우수토실": { component: Ssc, }, // 중점우수토실 여부 설정
"하수관로": { component: MsSwagePpl, },
"하수맨홀": { component: smh, },
"빗물펌프": { component: StormWaterPump },
"오수펌프": { component: sewagePump },
};
// 동적 컴포넌트 반환 함수
apps/sn/app/(map-layout)/map/components/common/table.ts
+1 -1
View File
@@ -70,7 +70,7 @@ export const MsSwageMhlCol = [
// { id: 'mqltCd', title: '재질코드' },
{ id: 'altdVl', title: '표고값' },
{ id: 'dpthlVl', title: '심도값' },
{ id: 'instMngNo', title:'기관관리번호'}
{ id: 'instMngNo', title: '기관관리번호' }
];
// 중점우수토실 측정지점
apps/sn/app/(map-layout)/map/components/popupComponent/SwtrmtFclt.tsx
+2 -2
View File
@@ -11,7 +11,7 @@ const headList = [
const modalHeadList = [
{ id: "no", title: "번호" },
{ id: "year", title: "승인연도" },
{ id: "cad", title: '평면도'},
{ id: "cad", title: '평면도' },
{ id: "fileNm", title: "파일명" },
{ id: "date", title: "입력시간" },
]
@@ -19,7 +19,7 @@ const modalHeadList = [
const SwtrmtFclt = () => {
const [isModalOpen, setIsModalOpen] = useState(false);
const [modalTitle, setModalTitle] = useState<string>('');
const openModal = (title:string) => {
const openModal = (title: string) => {
setIsModalOpen(true);
setModalTitle(title)
};
apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
+2 -2
View File
@@ -23,7 +23,7 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal }: ModalOp
setPopupOpen(true); // 팝업 열기
};
console.log("btnTxt", btnTxt);
const closePopup = () => {setPopupOpen(false);}; // 팝업 닫기
const closePopup = () => { setPopupOpen(false); }; // 팝업 닫기
const chartForm = CHART_FORM.LINE;
const chartData = {
chartData1: [
@@ -86,7 +86,7 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal }: ModalOp
<div className="grid grid-cols-2 gap-2">
<div>상수사용량 정보:</div>
<div>
<input type='month' defaultValue={getCurrentDate()} className="border border-gray-300 rounded px-2 py-1"/>
<input type='month' defaultValue={getCurrentDate()} className="border border-gray-300 rounded px-2 py-1" />
</div>
<div>오수 전환율:</div>
<div>
apps/sn/app/(map-layout)/map/components/popupComponent/smh.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ const inputColumn = [
{ id: "basu", title: "배수구역", type: "input" },
{ id: "bungu", title: "배수분구", type: "input" },
{ id: "place", title: "매설위치", type: "select", options: ["도로", "하상"] },
{id:'spec', title:'규격', type:'input'},
{ id: 'spec', title: '규격', type: 'input' },
];
const Smh = () => {
return (
apps/sn/app/(map-layout)/map/components/popupComponent/stormWaterPump.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ const inputColumn = [
// 빗물펌프
const StormWaterPump = ({ featureData }: { featureData: Record<string, any> }) => {
const validKey = inputColumn.map((item) => item.id);
const filteredData = featureData && Object.entries(featureData).filter(([key]) => validKey.includes(key)).reduce((obj: Record<string, any>, [key, value]) => {obj[key] = value; return obj;}, {});
const filteredData = featureData && Object.entries(featureData).filter(([key]) => validKey.includes(key)).reduce((obj: Record<string, any>, [key, value]) => { obj[key] = value; return obj; }, {});
return (
<div><VerticalTable headName='자체 입력정보' tableData={[filteredData]} headlist={inputColumn} pageSize={0} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
throw new Error('Function not implemented.');
apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
+9 -8
View File
@@ -10,7 +10,7 @@ import { searchData } from '@/components/lib/common/apiHelpers'
import { formatDate, yearOptions, handleDownload } from '@/components/lib/utils'
import { deleteData, postData } from '@/components/lib/api'
const Page = () => {
const [fromDate, setFromDate] = useState<Date>(()=>{const date = new Date(); date.setDate(date.getDate()-7); return date});
const [fromDate, setFromDate] = useState<Date>(() => { const date = new Date(); date.setDate(date.getDate() - 7); return date });
const [toDate, setToDate] = useState<Date>(new Date());
const [manageYear, setManageYear] = useState(yearOptions[0]?.val || '');
const [mngQu, setMngQu] = useState(yearOptions[0]?.val || '');
@@ -27,7 +27,7 @@ const Page = () => {
const fetchData = async () => {
setIsLoading(true)
try {
const {data, total} = await searchData('v1/dcrpPpl', {
const { data, total } = await searchData('v1/dcrpPpl', {
fromRegDt: formatDate(fromDate),
fromMngYr: manageYear,
toMngYr: mngQu,
@@ -40,8 +40,9 @@ const Page = () => {
setTableData(data)
setTotalData(total)
console.log(data, total)
}catch (error) {
console.error('Error fetching data:', error)}finally{setIsLoading(false)}
} catch (error) {
console.error('Error fetching data:', error)
} finally { setIsLoading(false) }
}
useEffect(() => {
setCurPage(1)
@@ -83,7 +84,7 @@ const Page = () => {
atflId: id,
dcrpPplMtncBizNm: fileNm
})
if (data) {alert('파일이 등록되었습니다.');fetchData() }
if (data) { alert('파일이 등록되었습니다.'); fetchData() }
}
return (
<>
@@ -130,14 +131,14 @@ const Page = () => {
<Input
className='w-[100px] !text-2xl'
value={pjNm}
onChange={(e) => {setpjNm(e.target.value)}}
onChange={(e) => { setpjNm(e.target.value) }}
/>
</div>
</div>
</div>
</SearchFormLeft>
<SearchFormRight>
<Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 mr-2" size="sm" onClick={async () => {await fetchData()}}>조회</Button>
<Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 mr-2" size="sm" onClick={async () => { await fetchData() }}>조회</Button>
</SearchFormRight>
</SearchDiv>
<ListDiv className="mt-4">
@@ -148,7 +149,7 @@ const Page = () => {
<Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={isDeleteFile}>삭제</Button>
</div>
</div>
<UiTable headName='' tableData={tableData} headlist={tableHeadlistOldPp} pageSize={10} total={totalData} children={undefined} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.dcrpPplMtncBizNm ?? ""; setFileNm(fileName); const id = tableData[index]?.atflId ?? ''; setAtflId(id); setDcrpPplMtncBizSn(tableData[index]?.dcrpPplMtncBizSn) } }} onPageChange={async (page:number)=>{setCurPage(page); await fetchData()}}></UiTable>
<UiTable headName='' tableData={tableData} headlist={tableHeadlistOldPp} pageSize={10} total={totalData} children={undefined} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.dcrpPplMtncBizNm ?? ""; setFileNm(fileName); const id = tableData[index]?.atflId ?? ''; setAtflId(id); setDcrpPplMtncBizSn(tableData[index]?.dcrpPplMtncBizSn) } }} onPageChange={async (page: number) => { setCurPage(page); await fetchData() }}></UiTable>
</ListDiv>
<ListDiv className="mt-4">
<OperFileUploadForm title='노후 하수관로 정비사업 주진현황 등록' onSubmit={async (file, year, quater, cd, id) => { await registFile(file, year, quater, cd, id) }} />
apps/sn/app/components/lib/utils/date.ts
+3 -3
View File
@@ -6,8 +6,8 @@ export const formatDate = (date: Date): string => {
return `${year}-${month}-${day}`;
};
// 현재 년도부터 10년 전까지의 년도 옵션 생성
export const yearOptions = Array.from({ length: 10 }, (_, i) => {
// 현재 년도부터 10년 전까지의 년도 옵션 생성
export const yearOptions = Array.from({ length: 10 }, (_, i) => {
const year = new Date().getFullYear() - i;
return { text: `${year}년`, val: year.toString() };
});
});
apps/sn/app/components/ui/modal.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ interface ModalProps {
saveModal?: () => void
}
const Modal: React.FC<ModalProps> = ({ isModalOpen, setIsModalOpen, title, children, closeModal,saveModal }) => {
const Modal: React.FC<ModalProps> = ({ isModalOpen, setIsModalOpen, title, children, closeModal, saveModal }) => {
return (
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
<DialogOverlay className='z-[200]' />
apps/sn/app/components/ui/operFileUploadForm.tsx
+1 -1
View File
@@ -4,7 +4,7 @@ import React, { useState } from 'react'
import FileUploadForm from './fileUploadForm';
import { yearOptions } from '@/components/lib/utils';
const operFileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files: string, year: string, quarter: string, code:string, id:string) => void }) => {
const operFileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files: string, year: string, quarter: string, code: string, id: string) => void }) => {
const [atflCd, setAtflCd] = useState<string | null>(null);
const [atflId, setAtflId] = useState<string | null>(null);