|
|
|
@@ -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(
|
|
|
|
|
<div className="card-header">
|
|
|
|
|
<h3 className="text-2xl font-medium text-label">현황정보</h3>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const [data, setData] = useState<{ content: any[] }>({ content: [] }); // 초기값을 객체 또는 null로 설정
|
|
|
|
|
|
|
|
|
|
const fetchData = async () => {
|
|
|
|
@@ -45,28 +38,28 @@ export default function Pplines() {
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className="h-auto min-h-full bg-container">
|
|
|
|
|
<h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
|
|
|
|
|
관로시설
|
|
|
|
|
</h2>
|
|
|
|
|
<div className="card card-border">
|
|
|
|
|
<MainDiv>
|
|
|
|
|
<Title title="관로시설" />
|
|
|
|
|
<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> );
|
|
|
|
|
}
|
|
|
|
|