From 72f08c0f38617fc7ded3062f01e206f9a8b4bdd8 Mon Sep 17 00:00:00 2001 From: yschoi Date: Tue, 8 Apr 2025 13:59:16 +0900 Subject: [PATCH] =?UTF-8?q?api=20=EC=A3=BC=EC=86=8C=20=EB=B3=80=EA=B2=BD?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/sn/app/oper/pplines/page.tsx | 55 ++++++++++++++----------------- apps/sn/app/page.tsx | 8 +---- apps/sn/app/styles/base.css | 4 ++- apps/sn/next.config.ts | 1 + 4 files changed, 29 insertions(+), 39 deletions(-) diff --git a/apps/sn/app/oper/pplines/page.tsx b/apps/sn/app/oper/pplines/page.tsx index 9e0fbb534..b5b64b003 100644 --- a/apps/sn/app/oper/pplines/page.tsx +++ b/apps/sn/app/oper/pplines/page.tsx @@ -1,7 +1,8 @@ 'use client' import { useEffect, useState } from "react"; -import { SearchDiv, SelectBox, UiTable } from '@common/business_components'; +import { SearchDiv, SelectBox, UiTable, MainDiv, Title, ContentsDiv, SearchFormLeft, SearchFormRight } from '@common/business_components'; +import ListDiv from '@common/business_components/ui/list_div'; import { Button, Input } from '@common/components'; import { useRouter } from "next/navigation"; import { pplinesService } from "@service"; @@ -16,17 +17,9 @@ const tableHeadlist = [ export default function Pplines() { const router = useRouter() - const total = 100 + const total = 20 const pageSize = 20 - const headName = () => { - return( -
-

현황정보

-
- ) - } - const [data, setData] = useState<{ content: any[] }>({ content: [] }); // 초기값을 객체 또는 null로 설정 const fetchData = async () => { @@ -45,28 +38,28 @@ export default function Pplines() { }, []); return ( -
-

- 관로시설 -

-
+ + + <ContentsDiv> <SearchDiv> - <form className='grid grid-cols-12 gap-1 w-4/5'> - <SelectBox label='시설물' selectArray={[{text:'관로', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='사용여부' selectArray={[{text:'사용', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='경과년도' selectArray={[{text:'10년', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='경사' selectArray={[{text:'', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='흐름방식' selectArray={[{text:'자연유하', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='용도' selectArray={[{text:'오수관', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='관종' selectArray={[{text:'PE관관', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <SelectBox label='관경' selectArray={[{text:'50', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' /> - <Button className="h-[3.2rem]" onClick={fetchData}>조회</Button> - </form> + <SearchFormLeft> + <SelectBox label='시설물' selectArray={[{text:'관로', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='사용여부' selectArray={[{text:'사용', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='경과년도' selectArray={[{text:'10년', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='경사' selectArray={[{text:'', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='흐름방식' selectArray={[{text:'자연유하', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='용도' selectArray={[{text:'오수관', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='관종' selectArray={[{text:'PE관관', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + <SelectBox label='관경' selectArray={[{text:'50', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' /> + </SearchFormLeft> + <SearchFormRight> + <Button className="px-4 py2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={fetchData}>조회</Button> + </SearchFormRight> </SearchDiv> - <div className="card card-border"> - <UiTable tableData={data.content} headlist={tableHeadlist} pageSize={pageSize} total={total} children={null} headName={headName()} cellClick={()=>{}} /> - </div> - </div> - </div> ); + <ListDiv> + <UiTable tableData={data.content} headlist={tableHeadlist} pageSize={pageSize} total={total} children={null} headName="현황정보" cellClick={()=>{}} /> + </ListDiv> + </ContentsDiv> + </MainDiv> ); } diff --git a/apps/sn/app/page.tsx b/apps/sn/app/page.tsx index 5e6189b9f..dd54ce3f9 100644 --- a/apps/sn/app/page.tsx +++ b/apps/sn/app/page.tsx @@ -7,13 +7,7 @@ export default function Home() { <div className="grid grid-cols-12 gap-2"> <div className="col-span-2"> <Link href={"/oper/pplines"}><Button>관로시설</Button></Link> - </div> - <div className="col-span-2"> - <Link href={"/oper/diag"}><Button>점검 및 진단</Button></Link> - </div> - <div className="col-span-2"> - <Link href={"/oper/soil"}><Button>중점관리 우수토실</Button></Link> - </div> + </div> </div> ); } diff --git a/apps/sn/app/styles/base.css b/apps/sn/app/styles/base.css index b8ace0546..8453ff9e8 100644 --- a/apps/sn/app/styles/base.css +++ b/apps/sn/app/styles/base.css @@ -1,7 +1,9 @@ @import "@common/assets/styles/base.css"; @import "@common/assets/styles/diveicon.css"; - +@tailwind base; +@tailwind components; +@tailwind utilities; html, body { diff --git a/apps/sn/next.config.ts b/apps/sn/next.config.ts index 3e0729540..e181f70cf 100644 --- a/apps/sn/next.config.ts +++ b/apps/sn/next.config.ts @@ -2,6 +2,7 @@ import type { NextConfig } from "next"; import webpack from "webpack"; const nextConfig: NextConfig = { + basePath: "/sn", typescript: { ignoreBuildErrors: true, // 이 줄 추가 },