From bd2b146a6e4b3c19b0d53e55237f4de111895a52 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Tue, 15 Oct 2024 10:28:29 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A3=BC=EC=86=8C=EC=B0=BE=EA=B8=B0,=20?= =?UTF-8?q?=EC=84=A4=EA=B3=84=EC=9D=98=EB=A2=B0=20grid=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/management/newproduct/page.jsx | 2 +- .../newproduct/DesignRequestPop.jsx | 50 +++++++++++++++++++ .../management/newproduct/FindAddressPop.jsx | 38 +++++++++++++- src/styles/_contents.scss | 6 +-- src/styles/_modal.scss | 2 - 5 files changed, 91 insertions(+), 7 deletions(-) diff --git a/src/app/management/newproduct/page.jsx b/src/app/management/newproduct/page.jsx index 755bf75..463bbb3 100644 --- a/src/app/management/newproduct/page.jsx +++ b/src/app/management/newproduct/page.jsx @@ -47,7 +47,7 @@ export default function NewProductPage(){ {/* */} {/* 설계의뢰 불러오기 팝업 */} - {/* */} + ) } \ No newline at end of file diff --git a/src/components/sub/management/newproduct/DesignRequestPop.jsx b/src/components/sub/management/newproduct/DesignRequestPop.jsx index ae9da56..66d9965 100644 --- a/src/components/sub/management/newproduct/DesignRequestPop.jsx +++ b/src/components/sub/management/newproduct/DesignRequestPop.jsx @@ -1,6 +1,50 @@ +'use client' + import SingleDatePicker from "@/components/common/datepicker/SingleDatePicker"; +import Pagination from "@/components/common/grid/Pagination"; +import QGrid from "@/components/common/grid/QGrid"; +import { useState } from "react"; + +const HeaderRadioButton = () => { + return( +
+ + +
+ ) +} +const CellRadioButton = () => { + return( +
+ + +
+ ) +} export default function DesignRequestPop(){ + const [gridProps, setGridProps] = useState({ + gridData: [ + { status: "受付", designRequestNumber: "1000000002", salesAgentID: "", salesAgentName: "", projectName: "名古屋支店テスト", prefecture: "愛知県", installedHouses:"복수곳", clientName: "", submissionDate:"2023.07.02 10:00:00"}, + { status: "受付", designRequestNumber: "1000000002", salesAgentID: "", salesAgentName: "", projectName: "名古屋支店テスト", prefecture: "愛知県", installedHouses:"복수곳", clientName: "", submissionDate:"2023.07.02 10:00:00"}, + { status: "受付", designRequestNumber: "1000000002", salesAgentID: "", salesAgentName: "", projectName: "名古屋支店テスト", prefecture: "愛知県", installedHouses:"복수곳", clientName: "", submissionDate:"2023.07.02 10:00:00"}, + { status: "受付", designRequestNumber: "1000000002", salesAgentID: "", salesAgentName: "", projectName: "名古屋支店テスト", prefecture: "愛知県", installedHouses:"복수곳", clientName: "", submissionDate:"2023.07.02 10:00:00"}, + ], + gridColumns:[ + { field: "radio", width: 45, cellRenderer: CellRadioButton, headerComponent: HeaderRadioButton, cellStyle: { display: 'flex', alignItems: 'center', justifyContent: 'center' }}, + { headerName: "状態 ", field: "status", width: 100, cellStyle: { textAlign: "center" } }, + { headerName: "設計依頼番号", field: "designRequestNumber", cellStyle: { textAlign: "center" } }, + { headerName: "販売代理店ID", field: "salesAgentID" }, + { headerName: "販売代理店名", field: "salesAgentName" }, + { headerName: "案件名", field: "projectName" }, + { headerName: "都道府県", field: "prefecture" }, + { headerName: "設置家屋数 ", field: "installedHouses", cellStyle: { textAlign: "center" } }, + { headerName: "依頼者名 ", field: "clientName", cellStyle: { textAlign: "center" } }, + { headerName: "設計依頼提出日 ", field: "submissionDate", cellStyle: { textAlign: "center" } }, + ], + isPageable: true, + }) + return(
@@ -97,6 +141,12 @@ export default function DesignRequestPop(){
Plan List
+
+ +
+ +
+
diff --git a/src/components/sub/management/newproduct/FindAddressPop.jsx b/src/components/sub/management/newproduct/FindAddressPop.jsx index cc73f11..9d0e551 100644 --- a/src/components/sub/management/newproduct/FindAddressPop.jsx +++ b/src/components/sub/management/newproduct/FindAddressPop.jsx @@ -1,5 +1,39 @@ +'use client' +import QGrid from "@/components/common/grid/QGrid"; +import { useState } from "react"; + +const HeaderRadioButton = () => { + return( +
+ + +
+ ) +} +const CellRadioButton = () => { + return( +
+ + +
+ ) +} export default function FindAddressPop(){ + const [gridProps, setGridProps] = useState({ + gridData: [ + { city: "Address1を表示", district: "Address2を表示", municipal: "Address3を表示" }, + { city: "Address1を表示", district: "Address2を表示", municipal: "Address3を表示" }, + { city: "Address1を表示", district: "Address2を表示", municipal: "Address3を表示" }, + ], + gridColumns:[ + { field: "radio", width: 45, cellRenderer: CellRadioButton, headerComponent: HeaderRadioButton, cellStyle: { display: 'flex', alignItems: 'center', justifyContent: 'center' }}, + { headerName: "都道府県", field: "city", flex: 1 }, + { headerName: "市区町村", field: "district", flex: 1 }, + { headerName: "市区町村以下", field: "municipal", flex: 1 }, + ], + isPageable: true, + }) return(
@@ -16,7 +50,9 @@ export default function FindAddressPop(){
- grid영역 +
+ +
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index f221f7f..37233d1 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -627,9 +627,9 @@ justify-content: flex-end; margin-top: 20px; } - .pagination-wrap{ - margin-top: 24px; - } +} +.pagination-wrap{ + margin-top: 24px; } .infomation-wrap{ diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index cc1c6ef..287bcb9 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -26,8 +26,6 @@ $alert-color: #101010; .modal-pop-wrap{ position: fixed; - top: 200px; - right: 100px; width: 100%; height: -webkit-fit-content; height: -moz-fit-content;