From bf5d9a9fba645036f262c9dbff89ccc1f8f9d2a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 24 Oct 2024 10:07:28 +0900
Subject: [PATCH] =?UTF-8?q?grid=20=ED=8F=BC=20=EC=A0=95=EB=A0=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../productinfo/ProductInfoTable.jsx           | 18 +++++++++---------
 src/styles/_grid-detail.scss                   | 11 +++++++++--
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/sub/management/productinfo/ProductInfoTable.jsx b/src/components/sub/management/productinfo/ProductInfoTable.jsx
index 9f94d50..345ebc1 100644
--- a/src/components/sub/management/productinfo/ProductInfoTable.jsx
+++ b/src/components/sub/management/productinfo/ProductInfoTable.jsx
@@ -15,15 +15,15 @@ export default function ProductInfoTable(){
             { planNumber: "5", orderStatus: "X", module: "Q.TROM M-G2.4+430", systemCapacity: "5.16kW", roofMaterial: "瓦53A, 瓦53B", constructionMethod: "強化施工", mountingStructure: "ジャイロスレー..", powerConditioner: "SE5500H AC-S-25, P401-5RM4MRM, SE-CTML-0350-070, SE-MTR240-1" },
         ],
         gridColumns:[
-            { headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "モジュール ", field: "module", flex: 1, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }},
-            { headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true,  autoHeight: true,cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "施工方法 ", field: "constructionMethod",cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "架台 ", field: "mountingStructure",cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
-            { headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true,  autoHeight: true, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }},
-            { headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }, cellRenderer: (params) => {
+            { headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {justifyContent: "center"} },
+            { headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {justifyContent: "center"} },
+            { headerName: "モジュール ", field: "module", flex: 1, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/  }},
+            { headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: { justifyContent: "flex-end"/* 우측정렬*/ } },
+            { headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true,  autoHeight: true,cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/} },
+            { headerName: "施工方法 ", field: "constructionMethod",cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/ } },
+            { headerName: "架台 ", field: "mountingStructure",cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/ } },
+            { headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true,  autoHeight: true, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/}},
+            { headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: { justifyContent: "center" }, cellRenderer: (params) => {
                 return (
                     <div className='grid-cell-btn'>
                         <button className='grid-btn'><span className="file"></span>見積書の照会</button>
diff --git a/src/styles/_grid-detail.scss b/src/styles/_grid-detail.scss
index e2edf9a..d737e68 100644
--- a/src/styles/_grid-detail.scss
+++ b/src/styles/_grid-detail.scss
@@ -9,6 +9,7 @@
         --ag-header-foreground-color: white;
         --ag-header-background-color: #5D6A76;
         --ag-row-hover-color: #ECF0F4;
+        
         // --ag-header-cell-hover-background-color: rgb(80, 40, 140);
         --ag-header-cell-moving-background-color: #5D6A76;
         .ag-root-wrapper{
@@ -42,9 +43,16 @@
             }
         }
         .ag-cell{
+            display: flex;
+            align-items: center;
             font-size: 13px;
             color: #45576F;
-            line-height: 1.4;
+            line-height: 1.4 !important;
+            padding-top: 10px;
+            padding-bottom: 10px;
+            .block{
+                display: block;
+            }
         }
         .ag-icon-desc::before,
         .ag-icon-asc::before,
@@ -87,7 +95,6 @@
     gap: 5px;
     width: 117px;
     margin: 0 auto;
-    padding: 15px 0;
     .grid-btn{
         display: block;
         width: 100%;