From a58062a7b73bfe9392137e8f40715188d93592f3 Mon Sep 17 00:00:00 2001
From: dev <your.email@example.com>
Date: Thu, 31 Jul 2025 14:54:02 +0900
Subject: [PATCH] Commit 3107

---
 assets/scss/common/grid.scss                  |   4 +-
 assets/scss/common/input.scss                 |  12 +-
 components/common/modal/ReadPlcPop.vue        |   9 +-
 .../ems/ReadPlcInfo/ReadPlcTagRelTab.vue      |  25 ++--
 pages/comm/auth/MenuMngPage.vue               |  16 ++-
 pages/ems/base/EnrgReadPlaceMngPage.vue       | 107 ++++++++++--------
 6 files changed, 105 insertions(+), 68 deletions(-)

diff --git a/assets/scss/common/grid.scss b/assets/scss/common/grid.scss
index 351fc58..9c8e864 100644
--- a/assets/scss/common/grid.scss
+++ b/assets/scss/common/grid.scss
@@ -278,8 +278,8 @@
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%, -50%);
-                height: 11px;
-                width: 11px;
+                height: 8px;
+                width: 8px;
                 border-radius: 50%;
                 background-color: map-deep-get($config,
                   #{$theme},
diff --git a/assets/scss/common/input.scss b/assets/scss/common/input.scss
index 659effe..0dd59ab 100644
--- a/assets/scss/common/input.scss
+++ b/assets/scss/common/input.scss
@@ -171,8 +171,8 @@
   align-items: center;
   cursor: pointer;
   position: relative;
-  padding-left: 28px;
-  margin: 10px;
+  padding-left: 0;
+  margin: 5px;
   font-size: 16px;
 }
 .custom-radio input[type="radio"] {
@@ -183,13 +183,13 @@
 /* Custom radio appearance */
 .radio-mark {
   position: absolute;
-  left: 0;
+  left: -8px;
   top: 50%;
   transform: translateY(-50%);
-  height: 18px;
-  width: 18px;
+  height: 14px;
+  width: 14px;
   // background-color: white;
-  border: 2px solid #ccc;
+  border: 1px solid #ccc;
   border-radius: 50%;
   transition: all 0.2s ease;
 }
diff --git a/components/common/modal/ReadPlcPop.vue b/components/common/modal/ReadPlcPop.vue
index 2176cba..0ea0e67 100644
--- a/components/common/modal/ReadPlcPop.vue
+++ b/components/common/modal/ReadPlcPop.vue
@@ -268,7 +268,7 @@ export default {
 						header: '',
 						name: '',
 						align: 'center',
-						width: 50,
+						width: 20,
 						formatter: (props) => {
 							return `<label class="custom-radio">
 										<span class="radio-mark"></span>
@@ -278,10 +278,10 @@ export default {
 					{
 						header: '검침개소명',
 						name: 'readPlcNm',
-						width: 300,
+						width: 500,
 						align: 'left',
 					},
-					{ header: '검침개소', name: 'name', align: 'center' },
+					{ header: '검침개소', name: 'name', align: 'left', width: 200 },
 				],
 			});
 		},
@@ -307,6 +307,9 @@ export default {
 
 			// console.log("treeData", res)
 			let myOptionsTree = {
+				columnOptions: {
+					resizable: true,
+				},
 				treeColumnOptions: {
 					name: 'readPlcNm',
 				},
diff --git a/components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue b/components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue
index 1a2d595..389f825 100644
--- a/components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue
+++ b/components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue
@@ -6,12 +6,23 @@
 				:btnActionsFnc="btnActions" />
 		</div>
 		<div ref="gridParent" style="height: calc((100vh - 520px) /2);">
-			<Grid :ref="gridName" :gridName="gridName" :parentPrgmId="parentPrgmId" @getRowsData="getRowData"
-				:innerTabGridInfo="innerTabGridInfo"  />
+			<Grid
+				:ref="gridName"
+				:is="loadGrid ? 'Grid' : null"
+				:gridName="gridName"
+				:parentPrgmId="parentPrgmId"
+				@getRowsData="getRowData"
+				:innerTabGridInfo="innerTabGridInfo"
+			/>
 		</div>
-		<div class="mt-3" ref="formParent" style="height: calc((100vh - 400px) /2);">
-			<component :is="'Form'" :parentPrgmId="parentPrgmId" :bindingData="gridName"
-				:detailList="detailReadPlcTagList" @gridEditingFinish="gridEditingFinish" />
+		<div ref="formParent" style="height: calc((100vh - 400px) /2);">
+			<component
+				:is="'Form'"
+				:parentPrgmId="parentPrgmId"
+				:bindingData="gridName"
+				:detailList="detailReadPlcTagList"
+				@gridEditingFinish="gridEditingFinish"
+			/>
 		</div>
 	</div>
 </template>
@@ -99,9 +110,9 @@ export default {
 				// bodyHeight: gridHeight,
 				// minBodyHeight: gridHeight,
 				header: {
-					height: 28,
+					height: 37,
 				},
-				rowHeight: 29,
+				rowHeight: 37,
 				minRowHeight: 29,
 				selectionUnit: 'row',
 				editingEvent: 'click',
diff --git a/pages/comm/auth/MenuMngPage.vue b/pages/comm/auth/MenuMngPage.vue
index c0eb62a..dbeae51 100644
--- a/pages/comm/auth/MenuMngPage.vue
+++ b/pages/comm/auth/MenuMngPage.vue
@@ -35,7 +35,7 @@
 					<div class="h100 px-4" style="height:calc(100% - 70px)">
 						<div ref="treeGridParent" class="w100 h100">
 							<component :ref="gridName + myPrgmId" :is="loadTree ? 'Grid' : null" :gridName="gridName"
-								:parentPrgmId="myPrgmId" @getRowsData="getRowData"  />
+								:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
 						</div>
 					</div>
 				</v-card>
@@ -151,6 +151,9 @@ export default {
 		gridInit() {
 			const treeGridHeight = this.$refs.treeGridParent.offsetHeight - 30;
 			const myOptionsTree = {
+				columnOptions: {
+					resizable: true,
+				},
 				treeColumnOptions: {
 					name: 'menuNm',
 				},
@@ -171,6 +174,17 @@ export default {
 			this.setGridColumn({
 				gridKey: this.gridName,
 				value: [
+					{
+						header: '',
+						name: '',
+						align: 'center',
+						width: 20,
+						formatter: (props) => {
+							return `<label class="custom-radio">
+										<span class="radio-mark"></span>
+									</label>`;
+						}
+					},
 					{ header: '메뉴명', name: 'menuNm' },
 					{ header: 'prgmId ', name: 'prgmId', hidden: true },
 					{ header: 'sysDivCd ', name: 'sysDivCd', hidden: true },
diff --git a/pages/ems/base/EnrgReadPlaceMngPage.vue b/pages/ems/base/EnrgReadPlaceMngPage.vue
index fac1bb6..cb81227 100644
--- a/pages/ems/base/EnrgReadPlaceMngPage.vue
+++ b/pages/ems/base/EnrgReadPlaceMngPage.vue
@@ -43,8 +43,7 @@
 						<div ref="gridParent" class="w100 h100">
 							<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
 								:parentPrgmId="myPrgmId" @getRowsData="getRowData"
-								@sendSelectedRowStatInfo="getSelectedRowStatInfo" :selectedRowDataWatchFlag="true"
-								 />
+								@sendSelectedRowStatInfo="getSelectedRowStatInfo" :selectedRowDataWatchFlag="true" />
 						</div>
 					</div>
 				</v-card>
@@ -308,12 +307,22 @@ export default {
 
 			const _this = this;
 			const myColumns = [
+				{
+					header: '',
+					name: '',
+					align: 'center',
+					formatter: (props) => {
+						return `<span class="custom-radio">
+									<span class="radio-mark"></span>
+								</span>`;
+					}
+				},
 				{ header: '회사 ID', name: 'comId', hidden: true },
 				{
 					header: '검침개소명',
 					name: 'readPlcNm',
 					align: 'left',
-					minWidth: 400,
+					minWidth: 350,
 				},
 				{
 					header: '검침개소 ID',
@@ -470,12 +479,12 @@ export default {
 					this.$refs[this.gridName].focus({
 						rowKey:
 							this.pageData.rowGridSelectKey == '' ||
-							this.pageData.rowGridSelectKey == null
+								this.pageData.rowGridSelectKey == null
 								? 0
 								: this.pageData.rowGridSelectKey ==
-								  this.$refs[this.gridName].getData().length - 1
-								? this.pageData.rowGridSelectKey
-								: 0,
+									this.$refs[this.gridName].getData().length - 1
+									? this.pageData.rowGridSelectKey
+									: 0,
 						columnName: 'readPlcNm',
 						setScroll: true,
 					});
@@ -493,7 +502,7 @@ export default {
 				if (this.tab == 2) {
 					this.tab = 0;
 				}
-				this.isImgTabDisabled = false;
+				this.isImgTabDisabled = true;
 			} else {
 				this.isImgTabDisabled = false;
 			}
@@ -917,47 +926,47 @@ const defaultData = {
 };
 
 const sampleData = [
-  {
-    readPlcNm: '서울 본사',
-    plcKind: '본사',
-    useFg: '사용',
-    _children: [
-      {
-        readPlcNm: '서울 본사 - 1층',
-        plcKind: '층',
-        useFg: '사용',
-      },
-      {
-        readPlcNm: '서울 본사 - 2층',
-        plcKind: '층',
-        useFg: '미사용',
-      },
-    ],
-  },
-  {
-    readPlcNm: '부산 지사',
-    plcKind: '지사',
-    useFg: '사용',
-    _children: [
-      {
-        readPlcNm: '부산 지사 - A동',
-        plcKind: '건물',
-        useFg: '사용',
-        _children: [
-          {
-            readPlcNm: '부산 지사 - A동 1층',
-            plcKind: '층',
-            useFg: '사용',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    readPlcNm: '대전 창고',
-    plcKind: '창고',
-    useFg: '미사용',
-  },
+	{
+		readPlcNm: '서울 본사',
+		plcKind: '본사',
+		useFg: '사용',
+		_children: [
+			{
+				readPlcNm: '서울 본사 - 1층',
+				plcKind: '층',
+				useFg: '사용',
+			},
+			{
+				readPlcNm: '서울 본사 - 2층',
+				plcKind: '층',
+				useFg: '미사용',
+			},
+		],
+	},
+	{
+		readPlcNm: '부산 지사',
+		plcKind: '지사',
+		useFg: '사용',
+		_children: [
+			{
+				readPlcNm: '부산 지사 - A동',
+				plcKind: '건물',
+				useFg: '사용',
+				_children: [
+					{
+						readPlcNm: '부산 지사 - A동 1층',
+						plcKind: '층',
+						useFg: '사용',
+					},
+				],
+			},
+		],
+	},
+	{
+		readPlcNm: '대전 창고',
+		plcKind: '창고',
+		useFg: '미사용',
+	},
 ];
 
 
-- 
2.50.1.windows.1