From 0ad898769d82edfd5c0cfaff1f6ddfa2ca7c7fd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguyen=20Van=20Luan/=28Nguyen=20Van=20Luan=29/=ED=98=84?=
 =?UTF-8?q?=EC=9E=A5=EB=8C=80=EB=A6=AC=EC=9D=B8/SK?= <20074472@skcc.com>
Date: Thu, 24 Jul 2025 11:41:23 +0900
Subject: [PATCH 1/4] update32.1vs32.2

---
 assets/scss/common.scss                       |   4 +
 assets/scss/common/button.scss                |   7 +
 assets/scss/common/input.scss                 |  10 ++
 assets/scss/var.scss                          |   4 +
 .../common/modal/ChangeUserPswdPopPage.vue    |  29 +++-
 layouts/default.vue                           |   9 +-
 pages/comm/auth/UserRoleMngPage.vue           | 153 ++++++++++++++++--
 store/modules/menu.js                         |  18 ++-
 8 files changed, 208 insertions(+), 26 deletions(-)

diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index 33adc3d..f5c1c6e 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -433,6 +433,10 @@ a {
   .v-application.#{$theme}-mode {
     min-width: 1000px;
 
+    .head-logo{
+      gap: 8px;
+    }
+
     .v-navigation-drawer {
       background: map-deep-get($config, #{$theme}, "menu-bg-color");
     }
diff --git a/assets/scss/common/button.scss b/assets/scss/common/button.scss
index b2b8a18..6f60886 100644
--- a/assets/scss/common/button.scss
+++ b/assets/scss/common/button.scss
@@ -107,6 +107,13 @@
     }
 
     .ant-btn  {
+
+      &.ant-btn-outlined {
+        color:map-deep-get($config, #{$theme}, "ant-btn-default-color");
+        border:1px solid map-deep-get($config, #{$theme}, "ant-btn-default-border-outlined");
+        background-color: transparent;
+      }
+
       &.ant-btn-primary {
         background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
         border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
diff --git a/assets/scss/common/input.scss b/assets/scss/common/input.scss
index e4de7be..7369caf 100644
--- a/assets/scss/common/input.scss
+++ b/assets/scss/common/input.scss
@@ -221,6 +221,16 @@
 
   .v-application.#{$theme}-mode {
 
+    .v-input-popup__custom {
+      .v-input__slot {
+        padding-left: 12px;
+        padding-right: 12px;
+        border: 1px solid map-deep-get($config,
+          #{$theme},
+          "v-input-popup-password-border"
+        );
+      }
+    }
 
     .v-textarea {
       .v-input__slot{
diff --git a/assets/scss/var.scss b/assets/scss/var.scss
index 5defad7..67f6a51 100644
--- a/assets/scss/var.scss
+++ b/assets/scss/var.scss
@@ -152,6 +152,7 @@ $config: (
     search-btn-background: #1668DC,
     v-btn-color-default: #FFFFFFD9,
     v-btn-bg-default: #FFFFFF2E,
+    v-input-popup-password-border: #424242,
     v-input-textarea-border: #424242,
     v-input-textarea-bg: #212224,
     v-input-textarea-color: #FFFFFFD9,
@@ -166,6 +167,7 @@ $config: (
     ant-btn-default-border:#FFFFFF2E,
     ant-btn-default-bg:#FFFFFF2E,
     ant-btn-default-color:#FFFFFFD9,
+    ant-btn-default-border-outlined:#424242,
   ),
   light: (w-g5: $--color-gray_555,
     g5-w: $--color-white,
@@ -282,6 +284,7 @@ $config: (
     search-btn-background: #1677FF,
     v-btn-bg-default: #00000026,
     v-btn-color-default: #000000E0,
+    v-input-popup-password-border: #D9D9D9,
     v-input-textarea-border: #D9D9D9,
     v-input-textarea-bg: #FFFFFF,
     v-input-textarea-color: #000000E0,
@@ -296,5 +299,6 @@ $config: (
     ant-btn-default-border:#00000026,
     ant-btn-default-bg:#00000026,
     ant-btn-default-color:#000000E0,
+    ant-btn-default-border-outlined:#D9D9D9,
   ),
 );
\ No newline at end of file
diff --git a/components/common/modal/ChangeUserPswdPopPage.vue b/components/common/modal/ChangeUserPswdPopPage.vue
index 763bfe6..7671d38 100644
--- a/components/common/modal/ChangeUserPswdPopPage.vue
+++ b/components/common/modal/ChangeUserPswdPopPage.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-row class="search-box" align="center" no-gutters>
-		<v-col v-if="item.label" :cols="item.cols == 12 ? 2 : 4">
+		<v-col v-if="item.label" :cols="item.labelCols !== undefined ? item.labelCols : item.cols == 12 ? 2 : 4">
 			<label for="" class="search-box-label">
 				<v-icon
 					x-small
@@ -28,10 +28,14 @@
 				></v-text-field>
 			</template>
 			<template v-else>
-				<v-btn :ripple="false" @click="dialog = !dialog">
-					<!-- <v-icon>mdi-content-save</v-icon> -->
+				<!-- <v-icon>mdi-content-save</v-icon> -->
+				<!-- <v-btn :ripple="false" @click="dialog = !dialog">
 					<span>비밀번호 {{ isPassword }}</span>
-				</v-btn>
+				</v-btn> -->
+				<a-button :ripple="false" @click="dialog = !dialog" class="ant-btn-outlined">
+					<!-- <v-icon>mdi-content-save</v-icon> -->
+					비밀번호 {{ isPassword }} 
+				</a-button>
 			</template>
 		</v-col>
 
@@ -48,7 +52,7 @@
 						</label>
 						<v-text-field
 							v-model.trim="firstPswd"
-							class="v-input__custom"
+							class="v-input-popup__custom"
 							type="password"
 							:readonly="!isFocused"
 							@focus="isFocused = true"
@@ -61,7 +65,7 @@
 						</label>
 						<v-text-field
 							v-model.trim="secondPswd"
-							class="v-input__custom"
+							class="v-input-popup__custom"
 							type="password"
 							:readonly="!isFocused"
 							@focus="isFocused = true"
@@ -72,8 +76,15 @@
 				<v-divider></v-divider>
 				<v-card-actions>
 					<v-spacer></v-spacer>
-					<v-btn color="primary" dark @click="setUpdate()">확인</v-btn>
-					<v-btn color="primary" dark @click="close()">닫기</v-btn>
+					<!-- <v-btn color="primary" dark @click="setUpdate()">확인</v-btn> -->
+					<div>
+						 <a-button @click="close()" class="btn-default">삭제</a-button>
+						 <a-button type="primary" @click="setUpdate()" class="v-btn-add-text">
+							 확인
+						 </a-button>
+					</div>
+					<!-- <v-btn color="primary" dark @click="close()">닫기</v-btn> -->
+
 				</v-card-actions>
 			</v-card>
 		</v-dialog>
@@ -135,8 +146,10 @@ export default {
 				} else {
 					return '';
 				}
+				console.log(value)
 			},
 			set(value) {
+				console.log(value)
 				return value;
 			},
 		},
diff --git a/layouts/default.vue b/layouts/default.vue
index 60d2c6d..6fbe9fa 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,7 +4,7 @@
     <fullscreen :fullscreen.sync="fullscreen">
       <div class="header">
         <v-row class="mx-0">
-          <div class="head-logo pl-4">
+          <div class="head-logo pl-4 d-flex gap-3">
             <router-link class="home" :to="myHome.root">
               <div class="lnb-logo">
                 <img v-if="isDarkMode" src="@/assets/images/logo_dm.png" />
@@ -13,9 +13,11 @@
               </div>
               <!--            <div class="lnb-logo">FEMS</div>-->
             </router-link>
+            <div class="align-center d-flex">
+              <ThemeSwitch style="margin-right: 20px" />
+            </div>
           </div>
           <v-col col="1" class="d-flex justify-end py-4 px-6 flex-row" style="gap: 8px;">
-            <ThemeSwitch style="margin-right: 20px" />
             <v-menu offset-y>
               <template v-slot:activator="{ on, attrs }">
                 <a-button :ripple="false" tile class="btn-header" v-bind="attrs" v-on="on">
@@ -102,7 +104,9 @@
                       <img v-else src="@/assets/images/logo_lm.png" />
                     </div>
                     <!--            <div class="lnb-logo">FEMS</div>-->
+                    
                   </router-link>
+                  <ThemeSwitch style="margin-right: 20px" />
                   <v-app-bar-nav-icon ref="appbarnavicon" id="appbarnavicon" @click.stop="miniVariant = !miniVariant"
                     @click="updateTreeview" :style="{
                       backgroundColor: 'transparent',
@@ -164,7 +168,6 @@
                   <v-icon size="20" class="ml-2" v-if="closable" @click.stop="onCloseTab(to)">mdi-close</v-icon>
                 </template>
                 <template #end v-if="false">
-                  <ThemeSwitch style="margin-right: 20px" />
                   <v-menu offset-y>
                     <template v-slot:activator="{ on, attrs }">
                       <!-- <v-btn :ripple="false" tile class="btn-close" v-bind="attrs" v-on="on">
diff --git a/pages/comm/auth/UserRoleMngPage.vue b/pages/comm/auth/UserRoleMngPage.vue
index df3b359..8eefb7a 100644
--- a/pages/comm/auth/UserRoleMngPage.vue
+++ b/pages/comm/auth/UserRoleMngPage.vue
@@ -4,13 +4,14 @@
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
-					<v-row align="center" no-gutters>
+					<v-row align="end" no-gutters>
 						<v-col :cols="3">
 							<!-- 사업장 -->
 							<component
 								:is="'SelectBlocMstr'"
 								:parentPrgmId="myPrgmId"
 								:sendParam="{ comId }"
+								customClass="select-large"
 							/>
 							<!-- <component
                 :is="'selectCodeList'"
@@ -35,6 +36,7 @@
 								label="로그인ID"
 								valueNm="userLoginId"
 								:searchOption="true"
+								customClass="input-large"
 							/>
 						</v-col>
 						<v-col :cols="3">
@@ -43,10 +45,11 @@
 								label="사용자명"
 								valueNm="userNm"
 								:searchOption="true"
+								customClass="input-large"
 							/>
 						</v-col>
 						<v-col :cols="3" class="text-right">
-							<BtnSearch />
+							<BtnSearch size="large"/>
 						</v-col>
 					</v-row>
 				</v-card>
@@ -76,6 +79,7 @@
 								@getRowsData="getRowData"
 								@sendSelectedRowStatInfo="getSelectedRowStatInfo"
 								:selectedRowDataWatchFlag="true"
+								:dataPath="dataPathMock"
 							/>
 						</div>
 					</div>
@@ -303,10 +307,40 @@ export default {
 	},
 	methods: {
 		async init() {
-			await this.gridInit();
+			 this.gridInit();
 		},
+
+		gridInitTest() {
+			const rowGrid = {
+				column: [
+				{ header: '사용자No', name: 'userNo', align: 'center', hidden: true },
+				{ header: '사용자명', name: 'userNm' },
+				{ header: '사용자ID', name: 'userLoginId' },
+				{ header: '사용자비밀번호', name: 'userPswd', hidden: true },
+				{ header: '사업장', name: 'blocId', hidden: true },
+				{ header: 'email', name: 'email', hidden: true },
+				{ header: '등록자NO', name: 'regUserNo', hidden: true },
+				{ header: '등록일시', name: 'regDttm', hidden: true },
+				{ header: '수정자NO', name: 'procUserNo', hidden: true },
+				{ header: '수정일시', name: 'procDttm', hidden: true },
+				{ header: 'comId', name: 'comId', hidden: true },
+				{ header: 'deptId', name: 'deptId', hidden: true },
+				],
+				data: dataMockExample,
+				defaultRow: dataMockExample,
+				option: [],
+			}
+			this.dataPathMock = {rowGrid};
+			this.$nextTick(() => {
+				this.loadGrid = true;
+			});
+		},
+
 		// 사용자 리스트 그리드 세팅
 		gridInit() {
+
+			this.gridInitTest(); return
+
 			const gridHeight = this.$refs.gridParent.offsetHeight - 90;
 
 			const myOptions = {
@@ -937,7 +971,10 @@ const myDetail = blocCdList => {
 			elseDisabled: 'I', // 선택적 disabled => rowStat 상태가 해당 값이 아닐경우 true
 			readonly: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			required: false,
 			placeholder: '시스템 자동입력',
 		},
@@ -946,7 +983,10 @@ const myDetail = blocCdList => {
 			label: '사용자ID',
 			valueNm: 'userLoginId',
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			required: true,
 		},
 		{
@@ -956,7 +996,10 @@ const myDetail = blocCdList => {
 			valueNm: 'userPswd',
 			// disabled: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			required: true,
 		},
 		{
@@ -964,7 +1007,10 @@ const myDetail = blocCdList => {
 			label: '사용자명',
 			valueNm: 'userNm',
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			required: true,
 		},
 		{
@@ -972,7 +1018,10 @@ const myDetail = blocCdList => {
 			label: '사업장',
 			valueNm: 'blocId',
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			list: blocCdList.map(item => ({
 				text: item.blocNm,
 				value: item.blocId,
@@ -984,7 +1033,10 @@ const myDetail = blocCdList => {
 			label: 'email',
 			valueNm: 'email',
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 		},
 		{
 			type: 'InputText',
@@ -992,7 +1044,10 @@ const myDetail = blocCdList => {
 			valueNm: 'regUserNo',
 			disabled: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},
 		{
@@ -1001,7 +1056,10 @@ const myDetail = blocCdList => {
 			valueNm: 'regDttm',
 			disabled: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},
 		{
@@ -1010,7 +1068,10 @@ const myDetail = blocCdList => {
 			valueNm: 'procUserNo',
 			disabled: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},
 		{
@@ -1019,7 +1080,10 @@ const myDetail = blocCdList => {
 			valueNm: 'procDttm',
 			disabled: true,
 			cols: 6,
-			class: 'py-2',
+			labelCols: 12,
+			textCols: 12,
+			class: 'py-2 pr-4',
+			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},
 	];
@@ -1036,4 +1100,67 @@ function sha512(str) {
 		.update(str)
 		.digest('hex');
 }
+
+
+
+const dataMockExample = [
+  {
+    userNo: 1,
+    userNm: '홍길동',
+    userLoginId: 'hong123',
+    userPswd: 'password123',
+    blocId: 'B001',
+    email: 'hong@example.com',
+    regUserNo: 100,
+    regDttm: '2025-07-01 10:00:00',
+    procUserNo: 101,
+    procDttm: '2025-07-15 14:30:00',
+    comId: 'C001',
+    deptId: 'D001'
+  },
+  {
+    userNo: 2,
+    userNm: '김영희',
+    userLoginId: 'kimyh',
+    userPswd: 'securePass456',
+    blocId: 'B002',
+    email: 'kim@example.com',
+    regUserNo: 102,
+    regDttm: '2025-07-02 11:20:00',
+    procUserNo: 103,
+    procDttm: '2025-07-16 09:45:00',
+    comId: 'C002',
+    deptId: 'D002'
+  },
+  {
+    userNo: 3,
+    userNm: '관리자',
+    userLoginId: 'user',
+    userPswd: 'securePass456',
+    blocId: 'B002',
+    email: 'kim@example.com',
+    regUserNo: 102,
+    regDttm: '2025-07-02 11:20:00',
+    procUserNo: 103,
+    procDttm: '2025-07-16 09:45:00',
+    comId: 'C002',
+    deptId: 'D002'
+  },
+  {
+    userNo: 4,
+    userNm: '사용자',
+    userLoginId: 'admin',
+    userPswd: 'securePass456',
+    blocId: 'B002',
+    email: 'kim@example.com',
+    regUserNo: 102,
+    regDttm: '2025-07-02 11:20:00',
+    procUserNo: 103,
+    procDttm: '2025-07-16 09:45:00',
+    comId: 'C002',
+    deptId: 'D002'
+  }
+];
+
+
 </script>
diff --git a/store/modules/menu.js b/store/modules/menu.js
index 02f742e..3084127 100644
--- a/store/modules/menu.js
+++ b/store/modules/menu.js
@@ -36,6 +36,7 @@ export const actions = {
 				'X-Fems-MenuId': 'MNU0001',
 			},
 		};
+		console.log(params)
 		const params = { params: payload || {} };
 		const res = await this.$axios.post(
 			DOMAIN + 'comm/base/MenuMngCtr/selectAuthMenu',
@@ -566,6 +567,19 @@ export const actions = {
 				lvl: 1,
 				icon: "mdi-chevron-down",
 			},
+			{
+				comId: 'd41',
+				sysDivCd: 'userRoleMg', //시스템구분
+				menuId: 'MNU0006', // MENU_ID (메뉴ID)
+				prgmId: 'PRG00030', // PRGM_ID (프로그램ID)
+				upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
+				menuNm: '32. User Role',// MENU_NM (메뉴명)
+				sortSeq: 5560, // SORT_SEQ (정렬순서)
+				useFg: 'userRoleMg',// USE_FG (사용여부)
+				rmrk: 'userRoleMg',
+				url: 'comm/auth/UserRoleMngPage',
+				lvl: 1
+			},
 			{
 				comId: 'd42',
 				sysDivCd: 'MNU0006', //시스템구분
@@ -579,6 +593,7 @@ export const actions = {
 				url: 'comm/base/BatchLogMngPage',
 				lvl: 1,
 			},
+			{}
 			// {
 			// 	comId: 'd37',
 			// 	sysDivCd: 'energyeffc', //시스템구분
@@ -611,7 +626,7 @@ export const actions = {
 					// to: '' // 경로는,. 값을 받아오지 않는 이상 아이콘과 마찬가지로 짝지어 상수화 하거나 sysDivCd, prgmId 값 등을 이용해 조합해서 route를 구성해야 할듯,
 				}));
 
-			// console.log("myMenu::", myMenu);
+			console.log("myMenu::", myMenu);
 		}
 		dispatch('setMenuTree', myMenu);
 		commit(
@@ -662,7 +677,6 @@ export const actions = {
 					});
 				});
 		}
-		console.log('menu test:', tmpLsit["0"]);
 		commit('setTreevieItems', tmpLsit.menu['0'], { root: true });
 	},
 };

From dd559629ab7f893d7ee1eaa76be1bd83a2e91ac7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Le=20Quang=20Cuong/=28Le=20Quang=20Cuong=29/=ED=98=84?=
 =?UTF-8?q?=EC=9E=A5=EB=8C=80=EB=A6=AC=EC=9D=B8/SK?= <20074469@skcc.com>
Date: Fri, 25 Jul 2025 18:11:31 +0900
Subject: [PATCH 2/4] dev-manhph1-screen18-19-21-28

---
 components/common/PageTitle.vue               |  11 +-
 components/common/modal/EvtObjPop.vue         |  81 +----
 .../pages/ems/TagInfo/TagAddInfoTab.vue       |  48 +--
 pages/ems/base/EqpmKindPage.vue               |  84 ++---
 pages/ems/base/EquipmentGroupMngPage.vue      | 125 ++-----
 pages/ems/base/PastRsltDataReadPage.vue       |  62 +---
 pages/ems/base/TagMngPage_Pagination.vue      | 332 ++++--------------
 7 files changed, 143 insertions(+), 600 deletions(-)

diff --git a/components/common/PageTitle.vue b/components/common/PageTitle.vue
index d27b7f8..bd5f006 100644
--- a/components/common/PageTitle.vue
+++ b/components/common/PageTitle.vue
@@ -1,19 +1,26 @@
 <template>
   <h1 class="h1-title">
     <v-avatar size="12" :style="{ backgroundColor: 'currentColor' }"></v-avatar>
-    {{ text }}
+    {{ text ? text : menuNm}}
   </h1>
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   name: "PageTitle",
   props: {
     text: {
       type: String,
-      required: true,
+      required: false,
     },
   },
+  computed: {
+		...mapState({
+			menuNm: state => state.activeMenuInfo.menuNm,
+		}),
+  }
 };
 </script>
 
diff --git a/components/common/modal/EvtObjPop.vue b/components/common/modal/EvtObjPop.vue
index e0be9aa..30919b6 100644
--- a/components/common/modal/EvtObjPop.vue
+++ b/components/common/modal/EvtObjPop.vue
@@ -124,7 +124,7 @@ export default {
 		return {
 			dialog: false,
 
-			loadGrid: true,
+			loadGrid: false,
 			grid_01: 'grid_01',
 			myModalKey: 'evtObjPop',
 			modalDataKey: 'modalData2',
@@ -165,35 +165,6 @@ export default {
 	computed: {
 		...mapState({
 			searchParam(state) {
-				const myOptions = {
-					columnOptions: {
-						resizable: true,
-					},
-					treeColumnOptions: {
-						name: 'readPlcNm', // Showing tree table
-						useIcon: false, // Not using icon
-						indentWidth: 10,
-					},
-				};
-				const dataPathMock = {
-					'grid_01': {
-						column: [
-						{ header: '검침개소명', name: 'readPlcNm', align: 'left', minWidth: 400, },
-						{ header: '검침개소', name: 'plcKind', minWidth: 100, align: 'center', },
-						// {
-						// 	header: '사용 여부', name: 'useFg', minWidth: 100, align: 'center',
-						// },
-					],
-						data: sampleData,
-						option: myOptions
-					}
-				};
-				return {
-					modalData2: {
-						evtObjPop: dataPathMock
-					}
-				}
-				// end test
 				return state.pageData[this.parentPrgmId];
 			},
 			myBindingData(state) {
@@ -277,6 +248,9 @@ export default {
 				columnOptions: {
 					resizable: true,
 				},
+				header: {
+					height: 38,
+				},
 			};
 			this.setModalGridOption({
 				modalKey: this.myModalKey,
@@ -300,7 +274,7 @@ export default {
 			});
 		},
 		async getGridData() {
-			// this.loadGrid = false;
+			this.loadGrid = false;
 
 			const res = await this.postApiReturn({
 				apiKey: 'selectTagBaseInfo',
@@ -376,7 +350,6 @@ export default {
 			//   this.dialog = false;
 			//   return;
 			// }
-			console.log("this.dialog: ", this.dialog);
 			this.dialog = !val;
 		},
 	},
@@ -389,50 +362,6 @@ var evtObjPop = {
 		option: {},
 	},
 };
-
-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: '미사용',
-  },
-];
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/pages/ems/TagInfo/TagAddInfoTab.vue b/components/pages/ems/TagInfo/TagAddInfoTab.vue
index 7d16881..bf1a6ab 100644
--- a/components/pages/ems/TagInfo/TagAddInfoTab.vue
+++ b/components/pages/ems/TagInfo/TagAddInfoTab.vue
@@ -22,7 +22,6 @@
 					:editorGrid="true"
 					:innerTabGridInfo="innerTabGridInfo"
 					@getRowsData="getRowData"
-					:dataPath="dataPathMock"
 				/>
 			</div>
 		</v-card-actions>
@@ -51,22 +50,10 @@ export default {
 	},
 	data() {
 		return {
-			loadGrid: true,
+			loadGrid: false,
 			gridName: 'rowDetailGrid',
 			rowKey: null,
 			edtingFinishFlag: 'Y',
-			dataPathMock: {
-				"rowDetailGrid": {
-					column: [
-								{header: '추가 정보',name: 'addInfoId'},
-								{header: 'Data 구분',name: 'addInfoDataKind',align: 'center'},
-								{header: '추가 정보 값',name: 'addInfoVal',align: 'center',	renderer: {type: NewCustomRenderer},editor: {type: NewCustomEditor},formatter(data) {return data.row.addInfoDataKind;},}
-							],
-					data: dataPathDataExample,
-					option: {
-                    }
-				}
-			},
 		};
 	},
 	computed: {
@@ -444,37 +431,4 @@ export default {
 		search() {},
 	},
 };
-const dataPathDataExample = 
-[
-	{
-		addInfoId:"경보 여부",
-		addInfoDataKind:"FG",
-		addInfoVal:"1"
-	},
-	{
-		addInfoId:"예상 피크전력 여부",
-		addInfoDataKind:"FG",
-		addInfoVal:"0"
-	},
-	{
-		addInfoId:"피크전력 여부",
-		addInfoDataKind:"FG",
-		addInfoVal:"1"
-	},
-	{
-		addInfoId:"TAG 채널",
-		addInfoDataKind:"숫자",
-		addInfoVal:"채널"
-	},
-	{
-		addInfoId:"PLC IP",
-		addInfoDataKind:"문자",
-		addInfoVal:"채널"
-	},
-	{
-		addInfoId:"PLC 포트",
-		addInfoDataKind:"숫자",
-		addInfoVal:"채널"
-	},
-]
 </script>
diff --git a/pages/ems/base/EqpmKindPage.vue b/pages/ems/base/EqpmKindPage.vue
index bc66198..c6f1fbe 100644
--- a/pages/ems/base/EqpmKindPage.vue
+++ b/pages/ems/base/EqpmKindPage.vue
@@ -1,19 +1,13 @@
 <template>
 	<div ref="mainDiv" class="l-layout">
+		<PageTitle/>
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="end" no-gutters>
 						<v-col :cols="5">
-							<InputText
-								:parentPrgmId="myPrgmId"
-								label="설비종류명"
-								valueNm="eqpmKindNm"
-								:searchOption="true"
-								:textCols="12"
-								:labelCols="12"
-								customClass="input-large"
-							/>
+							<InputText :parentPrgmId="myPrgmId" label="설비종류명" valueNm="eqpmKindNm" :searchOption="true"
+								:textCols="12" :labelCols="12" customClass="input-large" />
 						</v-col>
 						<v-col :cols="7" class="text-right">
 							<BtnSearch @click="search" size="large" />
@@ -25,41 +19,27 @@
 		<v-row ref="contents">
 			<v-col :cols="5" class="h100">
 				<v-card class="pb-5">
-					<div class="d-flex align-center justify-space-between pa-5">
+					<div class="d-flex align-center justify-space-between pa-4" style="padding-bottom: 30px !important;">
 						<v-card-title class="pa-0">설비종류</v-card-title>
-						<Buttons
-							:parentPrgmId="myPrgmId"
-							:bindingData="gridName"
-							:btnActionsFnc="btnActions"
-						/>
+						<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
 					</div>
 					<div class="h100 px-5" style="height:calc(100% - 70px)">
 						<div ref="gridParent" class="w100 h100">
-							<component
-								:ref="gridName"
-								:is="loadGrid ? 'Grid' : null"
-								:gridName="gridName"
-								:parentPrgmId="myPrgmId"
-								@getRowsData="getRowData"
-								:preventFocusChangeEventFlag="false"
-								:dataPath="dataPathMock"
-							/>
+							<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
+								:parentPrgmId="myPrgmId" @getRowsData="getRowData"
+								:preventFocusChangeEventFlag="false" />
 						</div>
 					</div>
 				</v-card>
 			</v-col>
 			<v-col :cols="7" class="h100">
 				<v-card class="pb-5">
-					<div class="d-flex align-center justify-space-between pa-5">
+					<div class="d-flex align-center justify-space-between pa-4" style="padding-bottom: 30px !important;">
 						<v-card-title class="pa-0">설비종류 상세</v-card-title>
 					</div>
 					<div class="px-5" style="height:calc(100% - 76px)">
-						<component
-							:is="'Form'"
-							:parentPrgmId="myPrgmId"
-							:detailList="detailList"
-							@gridEditingFinish="gridEditingFinish"
-						/>
+						<component :is="'Form'" :parentPrgmId="myPrgmId" :detailList="detailList"
+							@gridEditingFinish="gridEditingFinish" />
 					</div>
 				</v-card>
 			</v-col>
@@ -78,6 +58,8 @@ import Form from '~/components/common/form/Form';
 import Grid from '~/components/common/Grid';
 import Utility from '~/plugins/utility';
 import SelectBox from '@/components/common/select/SelectBox';
+import PageTitle from "~/components/common/PageTitle";
+
 let myTitle;
 // const myPrgmId = "PRG0013";
 let myPrgmId;
@@ -108,6 +90,7 @@ export default {
 		Grid,
 		Utility,
 		SelectBox,
+		PageTitle,
 	},
 	data() {
 		return {
@@ -118,21 +101,6 @@ export default {
 			detailList: myDetail,
 			selectValueList01: [],
 			selectValue01: null,
-			dataPathMock: {
-				'eqpmKindGrid': {
-					column: [
-						{ header: '설비종류ID', name: 'eqpmKindId', headerAlign: 'center' },
-						{ header: '설비종류명', name: 'eqpmKindNm', headerAlign: 'left' },
-						{ header: '등록자NO', name: 'regUserNo', hidden: true},
-						{ header: '등록일시', name: 'regDttm', hidden: true },
-						{ header: '수정자NO', name: 'procUserNo', hidden: true },
-						{ header: '수정일시', name: 'procDttm', hidden: true}
-					],
-					data: dataPathDataExample,
-					defaultRow: dataPathDataExample,
-					option: {}
-				}
-			},
 		};
 	},
 	computed: {
@@ -164,7 +132,7 @@ export default {
 			defaultData: defaultData,
 		});
 	},
-	created() {},
+	created() { },
 	mounted() {
 		this.gridInit();
 		// this.init();
@@ -184,6 +152,8 @@ export default {
 			const myOptions = {
 				columnOptions: {
 					resizable: true,
+				}, header: {
+					height: 38,
 				},
 			};
 			this.setGridOption({
@@ -255,12 +225,12 @@ export default {
 						//rowKey: 0,
 						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,
 						setScroll: true,
 					});
 				}
@@ -398,7 +368,7 @@ const myDetail = [
 		textCols: 12,
 	},
 	{
-		type: 'InputTextReg',
+		type: 'InputText',
 		label: '설비종류명',
 		valueNm: 'eqpmKindNm',
 		disabled: false,
@@ -458,14 +428,4 @@ const myDetail = [
 		textCols: 12,
 	},
 ];
-
-import { getPathDataExample } from '@/const/const'
-const dataPathDataExample = getPathDataExample({
-	eqpmKindId: 'EKIND0005',
-	eqpmKindNm: 'VCB',
-	regUserNo: '사용',
-	 regDttm: 'EQP_HVAC_LT_CH001',
-	procUserNo: '사용',
-	procDttm: 'EQP_HVAC_LT_CH001',
-	});
 </script>
\ No newline at end of file
diff --git a/pages/ems/base/EquipmentGroupMngPage.vue b/pages/ems/base/EquipmentGroupMngPage.vue
index b7eceb2..a36c972 100644
--- a/pages/ems/base/EquipmentGroupMngPage.vue
+++ b/pages/ems/base/EquipmentGroupMngPage.vue
@@ -1,41 +1,23 @@
 <template>
 	<div ref="mainDiv" class="l-layout">
+		<PageTitle />
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="end" no-gutters>
 						<v-col :cols="3">
-							<component
-								:is="'selectCodeList'"
-								:parentPrgmId="myPrgmId"
-								:label="'사용여부'"
-								dataKey="useFg"
-								:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
-								:addAll="true"
-								customClass="select-large"
-							/>
+							<component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'사용여부'" dataKey="useFg"
+								:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }" :addAll="true"
+								customClass="select-large" />
 						</v-col>
 						<v-col :cols="3">
-							<component
-								:is="'SelectBox'"
-								ref="SelectBox1"
-								:propsValue="selectValue01"
-								:itemList="selectValueList01"
-								:label="'설비종류'"
-								@update:propsValue="selectValue01 = $event"
-								customClass="select-large"
-							/>
+							<component :is="'SelectBox'" ref="SelectBox1" :propsValue="selectValue01"
+								:itemList="selectValueList01" :label="'설비종류'"
+								@update:propsValue="selectValue01 = $event" customClass="select-large" />
 						</v-col>
 						<v-col :cols="3">
-							<InputText
-								:parentPrgmId="myPrgmId"
-								label="설비 그룹 명"
-								valueNm="eqpmGrpNm"
-								:searchOption="true"
-								:textCols="12"
-								:labelCols="12"
-								customClass="input-large"
-							/>
+							<InputText :parentPrgmId="myPrgmId" label="설비 그룹 명" valueNm="eqpmGrpNm" :searchOption="true"
+								:textCols="12" :labelCols="12" customClass="input-large" />
 						</v-col>
 						<v-col :cols="3" class="text-right">
 							<BtnSearch @click="search" size="large" />
@@ -47,41 +29,28 @@
 		<v-row ref="contents">
 			<v-col :cols="5" class="h100">
 				<v-card class="pb-5">
-					<v-card-title class="d-flex justify-space-between align-end">
-						<span class="tit ft-size_20 ft-weight_600">설비 그룹</span>
-						<Buttons
-							:parentPrgmId="myPrgmId"
-							:bindingData="gridName"
-							:btnActionsFnc="btnActions"
-						/>
-					</v-card-title>
-
+					<div class="d-flex align-center justify-space-between pa-4"
+						style="padding-bottom: 30px !important;">
+						<v-card-title class="pa-0">설비 그룹</v-card-title>
+						<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
+					</div>
 					<div class="h100 px-5" style="height:calc(100% - 70px)">
 						<div ref="gridParent" class="w100 h100">
-							<component
-								:ref="gridName"
-								:is="loadGrid ? 'Grid' : null"
-								:gridName="gridName"
-								:parentPrgmId="myPrgmId"
-								@getRowsData="getRowData" 
-								:dataPath="dataPathMock"
-							/>
+							<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
+								:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
 						</div>
 					</div>
 				</v-card>
 			</v-col>
 			<v-col :cols="7" class="h100">
 				<v-card class="pb-5">
-					<div class="d-flex align-center justify-space-between pa-5">
+					<div class="d-flex align-center justify-space-between pa-4"
+						style="padding-bottom: 30px !important;">
 						<v-card-title class="pa-0">설비 그룹 상세</v-card-title>
 					</div>
 					<div class="px-5" style="height:calc(100% - 76px)">
-						<component
-							:is="'Form'"
-							:parentPrgmId="myPrgmId"
-							:detailList="detailList"
-							@gridEditingFinish="gridEditingFinish"
-						/>
+						<component :is="'Form'" :parentPrgmId="myPrgmId" :detailList="detailList"
+							@gridEditingFinish="gridEditingFinish" />
 					</div>
 				</v-card>
 			</v-col>
@@ -100,6 +69,8 @@ import Form from '~/components/common/form/Form';
 import Grid from '~/components/common/Grid';
 import Utility from '~/plugins/utility';
 import SelectBox from '@/components/common/select/SelectBox';
+import PageTitle from "~/components/common/PageTitle";
+
 let myTitle;
 // const myPrgmId = "PRG0013";
 let myPrgmId;
@@ -130,34 +101,17 @@ export default {
 		Grid,
 		Utility,
 		SelectBox,
+		PageTitle,
 	},
 	data() {
 		return {
 			myPrgmId: myPrgmId,
 			gridName: 'rowGrid',
-			loadGrid: true,
+			loadGrid: false,
 			tab: null,
 			detailList: myDetail,
 			selectValueList01: [],
 			selectValue01: null,
-			dataPathMock: {
-				'rowGrid': {
-					column: [
-						{ header: '회사 ID', name: 'comId', hidden: true },
-						{ header: '설비 그룹 ID', name: 'eqpmGrpId'},
-						{ header: '설비 그룹 명', name: 'eqpmGrpNm'},
-						{ header: '설비종류', name: 'eqpmKindId'},
-						{ header: '사용여부', name: 'useFg'},
-						{ header: '등록자NO', name: 'regUserNo', hidden: true},
-						{ header: '등록일시', name: 'regDttm', hidden: true },
-						{ header: '수정자NO', name: 'procUserNo', hidden: true },
-						{ header: '수정일시', name: 'procDttm', hidden: true}
-					],
-					data: dataPathDataExample,
-					defaultRow: dataPathDataExample,
-					options:{}
-				}
-			},
 		};
 	},
 	computed: {
@@ -203,7 +157,7 @@ export default {
 			defaultData: defaultData,
 		});
 	},
-	created() {},
+	created() { },
 	mounted() {
 		this.setSelectValueList01();
 		// if (this.loadFlag) {
@@ -252,12 +206,15 @@ export default {
 			}
 		},
 		gridInit() {
-			const gridHeight = this.$refs.gridParent.offsetHeight - 70;
+			const gridHeight = this.$refs.gridParent.offsetHeight - 30;
 
 			const myOptions = {
 				columnOptions: {
 					resizable: true,
 				},
+				header: {
+					height: 38,
+				},
 			};
 			this.setGridOption({
 				gridKey: this.gridName,
@@ -365,12 +322,12 @@ export default {
 						//rowKey: 0,
 						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,
 						setScroll: true,
 					});
 				}
@@ -512,7 +469,7 @@ const myDetail = [
 		placeholder: '시스템 자동입력',
 	},
 	{
-		type: 'InputTextReg',
+		type: 'InputText',
 		label: '설비 그룹 명',
 		valueNm: 'eqpmGrpNm',
 		disabled: false,
@@ -600,18 +557,4 @@ const myDetail = [
 		textCols: 12,
 	},
 ];
-
-import { getPathDataExample } from '@/const/const'
-const dataPathDataExample = getPathDataExample({
-	comId: 'EKIND0005',
-	eqpmGrpId: 'EQG000010',
-	eqpmGrpNm:'냉수파이프고온',
-	eqpmKindId:'냉동파이프',
-	useFg:'1',
-	regUserNo: '사용',
-	 regDttm: 'EQP_HVAC_LT_CH001',
-	procUserNo: '사용',
-	procDttm: 'EQP_HVAC_LT_CH001',
-	});
-
 </script>
diff --git a/pages/ems/base/PastRsltDataReadPage.vue b/pages/ems/base/PastRsltDataReadPage.vue
index 884eca9..d32abfe 100644
--- a/pages/ems/base/PastRsltDataReadPage.vue
+++ b/pages/ems/base/PastRsltDataReadPage.vue
@@ -73,10 +73,8 @@
 							:is="loadGrid ? 'Grid' : null"
 							:gridName="gridName"
 							:parentPrgmId="myPrgmId"
-							:dataPath="dataPathMock"
 						/>
 					</div>
-					
 				</v-card>
 			</v-col>
 		</v-row>
@@ -154,53 +152,6 @@ export default {
 				required: false,
 				formFg: false,
 			},
-			dataPathMock: {
-				"rowGrid": {
-					column: [
-						{
-							header: 'TAG ID',
-							name: 'tagId',
-							minWidth: 500,
-						},
-						{
-							header: 'TAG명',
-							name: 'tagNm',
-						},
-						{
-							header: '대상일시',
-							name: 'readDttm',
-							align:"center",
-							width: 200,
-						},
-						{
-							header: '값',
-							name: 'readVal',
-							width: 100,
-							align:"center"
-						},
-						{
-							header: '취득일시',
-							name: 'regDttm',
-							width: 200,
-							align:"center"
-						},
-						{
-							header: '적재일시',
-							name: 'procDttm',
-							width: 200,
-							align:"center"
-						},
-					],
-					data: dataPathDataExample,
-					defaultRow: dataPathDataExample,
-					option: {
-                        pageOptions: {
-                            useClient: true,
-                            perPage: 10,
-                        },
-                    }
-				}
-			},
 		};
 	},
 	computed: {
@@ -316,13 +267,15 @@ export default {
 				columnOptions: {
 					resizable: true,
 				},
+				header: {
+					height: 38,
+				},
 			};
 
 			this.setGridOption({
 				gridKey: this.gridName,
 				value: Object.assign(Utility.defaultGridOption(gridHeight), myOptions),
 			});
-
 			let myColumns = [
 				{
 					header: 'TAG ID',
@@ -569,13 +522,4 @@ const defaultData = {
 		},
 	},
 };
-import { getPathDataExample } from '@/const/const'
-const dataPathDataExample = getPathDataExample({
-		"tagId": "ICHEON.ELEC.EQID101.VCB_111A_ACC_WH_PV",
-		"tagNm": "ICHEON VCB_111A 적산 전력",
-		"readDttm": "2023-01-10 00:00:00",
-		"readVal": "581.27",
-		"regDttm": "2023-01-09 15:03:08",
-		"procDttm": "2023-01-10 00:03:09",
-	});
 </script>
diff --git a/pages/ems/base/TagMngPage_Pagination.vue b/pages/ems/base/TagMngPage_Pagination.vue
index 30a47cd..86bd449 100644
--- a/pages/ems/base/TagMngPage_Pagination.vue
+++ b/pages/ems/base/TagMngPage_Pagination.vue
@@ -1,80 +1,40 @@
 <template>
 	<div class="l-layout">
+		<PageTitle/>
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="center" no-gutters>
 						<v-col :cols="3">
 							<!-- 사업장 -->
-							<component
-								:is="'SelectBlocMstr'"
-								ref="SelectBlocMstr"
-								:parentPrgmId="myPrgmId"
-								:textCols="12"
-								customClass="select-large"
-							/>
+							<component :is="'SelectBlocMstr'" ref="SelectBlocMstr" :parentPrgmId="myPrgmId"
+								:textCols="12" customClass="select-large" />
 						</v-col>
 						<v-col :cols="3">
-							<component
-								:is="'selectCodeList'"
-								:parentPrgmId="myPrgmId"
-								:label="'측정 Data 유형'"
-								dataKey="searchReadDataType"
-								:sendParam="{ commGrpCd: 'EM_READ_DATA_TYPE', useFg: '1' }"
-								:addAll="true"
-								:textCols="12"
-								customClass="select-large"
-							/>
+							<component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'측정 Data 유형'"
+								dataKey="searchReadDataType" :sendParam="{ commGrpCd: 'EM_READ_DATA_TYPE', useFg: '1' }"
+								:addAll="true" :textCols="12" customClass="select-large" />
 						</v-col>
 						<v-col :cols="3">
-							<component
-								:is="'SelectReadObj'"
-								:parentPrgmId="myPrgmId"
-								:label="'측정대상'"
-								dataKey="searchReadObj"
-								:sendParam="{ useFg: '1' }"
-								:labelCols="12"
-								:textCols="12"
-								:addAll="true"
-								customClass="select-large"
-							/>
+							<component :is="'SelectReadObj'" :parentPrgmId="myPrgmId" :label="'측정대상'"
+								dataKey="searchReadObj" :sendParam="{ useFg: '1' }" :labelCols="12" :textCols="12"
+								:addAll="true" customClass="select-large" />
 						</v-col>
 
 					</v-row>
 					<v-row align="end" no-gutters>
 						<v-col :cols="3">
-							<component
-								:is="'selectCodeList'"
-								:parentPrgmId="myPrgmId"
-								:label="'사용여부'"
-								dataKey="useFg"
-								:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
-								:addAll="true"
-								:textCols="12"
-								customClass="select-large"
-							/>
+							<component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'사용여부'" dataKey="useFg"
+								:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }" :addAll="true" :textCols="12"
+								customClass="select-large" />
 						</v-col>
 						<v-col :cols="3">
-							<InputText
-								:parentPrgmId="myPrgmId"
-								label="TAG ID"
-								valueNm="tagId"
-								:labelCols="12"
-								:textCols="12"
-								:searchOption="true"
-								customClass="input-large"
-							/>
+							<InputText :parentPrgmId="myPrgmId" label="TAG ID" valueNm="tagId" :labelCols="12"
+								:textCols="12" :searchOption="true" customClass="input-large" />
 						</v-col>
 						<v-col :cols="3">
-							<InputText
-								:parentPrgmId="myPrgmId"
-								label="TAG명"
-								valueNm="tagNm"
-								:labelCols="12"
-								:textCols="12"
-								:searchOption="true"
-								customClass="input-large"
-							/>
+							<InputText :parentPrgmId="myPrgmId" label="TAG명" valueNm="tagNm" :labelCols="12"
+								:textCols="12" :searchOption="true" customClass="input-large" />
 						</v-col>
 						<v-col :cols="3" class="d-flex align-end justify-end text-right">
 							<BtnSearch @click="search" size="large" />
@@ -88,29 +48,14 @@
 				<v-card class="pb-5">
 					<v-card-title class="d-flex justify-space-between align-end">
 						<span class="tit ft-size_20 ft-weight_600">TAG 정보</span>
-						<Buttons
-							:parentPrgmId="myPrgmId"
-							:bindingData="gridName"
-							:detailList="detailList"
-							:btnActionsFnc="btnActions"
-						/>
+						<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :detailList="detailList"
+							:btnActionsFnc="btnActions" />
 					</v-card-title>
 					<v-card-actions>
-						<div
-							ref="gridParent"
-							class="w100"
-							style="height: calc(100vh - 400px)"
-						>
-							<component
-								:ref="gridName"
-								:is="loadGrid ? 'Grid' : null"
-								:gridName="gridName"
-								:parentPrgmId="myPrgmId"
-								@getRowsData="getRowData"
-								@sendSelectedRowStatInfo="getSelectedRowStatInfo"
-								:selectedRowDataWatchFlag="true"
-								:dataPath="dataPathMock"
-							/>
+						<div ref="gridParent" class="w100" style="height: calc(100vh - 400px)">
+							<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
+								:parentPrgmId="myPrgmId" @getRowsData="getRowData"
+								@sendSelectedRowStatInfo="getSelectedRowStatInfo" :selectedRowDataWatchFlag="true" />
 						</div>
 					</v-card-actions>
 					<!-- <div class="d-flex align-center justify-space-between">
@@ -129,32 +74,16 @@
 					<v-card-title>TAG 상세</v-card-title>
 					<div class="px-5" style="height:calc(100% - 70px)">
 						<v-tabs v-model="tab">
-							<v-tab
-								v-for="item in items"
-								:key="item.id"
-								:disabled="item.disabledFlag"
-							>
+							<v-tab v-for="item in items" :key="item.id" :disabled="item.disabledFlag">
 								{{ item.name }}
 							</v-tab>
 						</v-tabs>
-						<v-tabs-items
-							v-model="tab"
-							style="height: calc(100% - 65px);"
-							class="py-6"
-						>
+						<v-tabs-items v-model="tab" style="height: calc(100% - 65px);" class="py-6">
 							<v-tab-item v-for="(item, idx) in items" :key="item.id">
-								<component
-									v-if="item.id == 'tagBaseInfoTab'"
-									:is="'Form'"
-									:parentPrgmId="myPrgmId"
-									:detailList="detailList"
-									@gridEditingFinish="gridEditingFinish"
-								/>
-								<TagAddInfoTab
-									v-if="item.id == 'tagAddInfoTab'"
-									:parentPrgmId="myPrgmId"
-									:innerTabGridInfo="{ tab, idx }"
-								/>
+								<component v-if="item.id == 'tagBaseInfoTab'" :is="'Form'" :parentPrgmId="myPrgmId"
+									:detailList="detailList" @gridEditingFinish="gridEditingFinish" />
+								<TagAddInfoTab v-if="item.id == 'tagAddInfoTab'" :parentPrgmId="myPrgmId"
+									:innerTabGridInfo="{ tab, idx }" />
 							</v-tab-item>
 						</v-tabs-items>
 					</div>
@@ -166,7 +95,7 @@
 <script>
 import { mapState, mapMutations, mapActions } from 'vuex';
 import mixinGlobal from '@/mixin/global.js';
-import  { resize } from '@/mixin/resize.js';
+import { resize } from '@/mixin/resize.js';
 import BtnSearch from '~/components/common/button/BtnSearch';
 import Buttons from '~/components/common/button/Buttons';
 import SelectBlocMstr from '@/components/common/select/SelectBlocMstr';
@@ -178,12 +107,13 @@ import TagAddInfoTab from '@/components/pages/ems/TagInfo/TagAddInfoTab';
 import Grid from '~/components/common/Grid';
 import Utility from '~/plugins/utility';
 import pagination from '~/components/Pagination';
+import PageTitle from "~/components/common/PageTitle";
 
 let myTitle;
 // const myPrgmId = "PRG0051";
 let myPrgmId;
 export default {
-	mixins: [mixinGlobal,resize],
+	mixins: [mixinGlobal, resize],
 	async asyncData(context) {
 		const myState = context.store.state;
 		// context.store.commit("setActiveMenuInfo", myState.menuData[myPrgmId]);
@@ -210,6 +140,7 @@ export default {
 		TagAddInfoTab,
 		Grid,
 		pagination,
+		PageTitle
 	},
 	data() {
 		return {
@@ -223,123 +154,11 @@ export default {
 			],
 			detailList: myDetail,
 			alrmFg: null,
-			dataPathMock: {
-				"rowGrid": {
-					column: [
-								{ header: '회사 ID', name: 'comId', hidden: true },
-								{
-									header: 'TAG ID',
-									name: 'tagId',
-									width: 'auto',
-									minWidth: 340,
-									align: 'left',
-								},
-								{
-									header: 'TAG 명',
-									name: 'tagNm',
-									width: 'auto',
-									minWidth: 220,
-									align: 'left',
-								},
-								{
-									header: '측정 값 유형',
-									name: 'readDataTypeCd',
-									width: 90,
-									align: 'left',
-								},
-								{
-									header: '측정대상',
-									name: 'readObjId',
-									width: 100,
-									align: 'left',
-								},
-								{ header: '배율', name: 'mgnf', width: 80, align: 'right' },
-								{
-									header: '단위',
-									name: 'unitCd',
-									width: 80,
-									align: 'left',
-								},
-								{
-									header: '최소값',
-									name: 'rangMin',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '최대값',
-									name: 'rangMax',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '경고 상상',
-									name: 'alrmHihi',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '경고 상',
-									name: 'alrmHi',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '경고 하',
-									name: 'alrmLo',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '경고 하하',
-									name: 'alrmLolo',
-									width: 100,
-									align: 'right',
-									hidden: true,
-								},
-								{
-									header: '사업장',
-									name: 'blocId',
-									width: 100,
-									align: 'center',
-									hidden: true,
-								},
-								{
-									header: '집계 여부',
-									name: 'totFg',
-									width: 80,
-									align: 'center',
-									hidden: true,
-								},
-								{
-									header: '사용 여부',
-									name: 'useFg',
-									width: 80,
-									align: 'center',
-									hidden: true,
-								},
-					],
-					data: dataPathDataExample,
-					defaultRow: dataPathDataExample,
-					option: {
-                        pageOptions: {
-                            useClient: true,
-                            perPage: 10,
-                        },
-						scrollX: true
-                    }
-				}
-			},
-			// itemsPerPage: 10,
-			// itemsPerPageArray: [10, 20, 30],
-			// limit: 20,
-			// page: 1,
-			// totalCount: 0,
+			itemsPerPage: 10,
+			itemsPerPageArray: [10, 20, 30],
+			limit: 20,
+			page: 1,
+			totalCount: 0,
 		};
 	},
 	computed: {
@@ -456,12 +275,20 @@ export default {
 			this.gridInit();
 		},
 		gridInit() {
-			const gridHeight = this.$refs.gridParent.offsetHeight - 16;
+			const gridHeight = this.$refs.gridParent.offsetHeight - 180;
 
 			const myOptions = {
 				columnOptions: {
 					resizable: true,
 				},
+				pageOptions: {
+					useClient: true,
+					perPage: 10,
+				},
+				scrollX: true,
+				header: {
+					height: 38,
+				},
 			};
 			this.setGridOption({
 				gridKey: this.gridName,
@@ -700,16 +527,16 @@ export default {
 							//rowKey: 0,
 							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: 'tagId',
 							setScroll: true,
 						});
-					} catch (error) {}
+					} catch (error) { }
 					// this.$refs[this.gridName].focus({
 					//   rowKey: 0,
 					//   columnName: "tagId",
@@ -946,7 +773,7 @@ export default {
 		gridEditingFinish(data) {
 			this.$refs[this.gridName].editingFinish(data);
 		},
-		changeGrid: async function(pageNum, limit) {
+		changeGrid: async function (pageNum, limit) {
 			this.page = pageNum;
 			this.limit = limit;
 
@@ -990,9 +817,9 @@ function isValidAlrmVal(obj) {
 			if (Number(obj[keyList[i]]) >= Number(obj[keyList[j]])) {
 				alert(
 					nameList[j] +
-						'값은 ' +
-						nameList[i] +
-						'값보다 큰 숫자를 입력해야 합니다.',
+					'값은 ' +
+					nameList[i] +
+					'값보다 큰 숫자를 입력해야 합니다.',
 				);
 				return false;
 			}
@@ -1094,7 +921,7 @@ const myDetail = [
 		label: 'TAG ID',
 		valueNm: 'tagId',
 		disabled: false,
-		iconShow:true,
+		iconShow: true,
 		cols: 6,
 		class: 'py-2 pr-4',
 		required: false,
@@ -1106,7 +933,7 @@ const myDetail = [
 		label: 'TAG 명',
 		valueNm: 'tagNm',
 		disabled: false,
-		iconShow:true,
+		iconShow: true,
 		cols: 6,
 		class: 'py-2 pl-4',
 		required: false,
@@ -1118,7 +945,7 @@ const myDetail = [
 		label: '측정 값 유형',
 		valueNm: 'readDataTypeCd',
 		disabled: false,
-		iconShow:true,
+		iconShow: true,
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
 		list: 'readDataTypeCdList',
@@ -1139,7 +966,7 @@ const myDetail = [
 		itemText: 'readObjNm',
 		itemValue: 'readObjId',
 		required: true,
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1151,7 +978,7 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
 		required: true,
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1165,7 +992,7 @@ const myDetail = [
 		list: 'unitCdList',
 		itemText: 'commCdNm',
 		itemValue: 'commCd',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1176,7 +1003,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1187,7 +1014,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pl-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1198,7 +1025,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1209,7 +1036,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pl-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1220,7 +1047,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1231,7 +1058,7 @@ const myDetail = [
 		disabled: false,
 		cols: 6,
 		class: 'py-2 pl-4 pt-5',
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1243,7 +1070,7 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2 pr-4 pt-5',
 		value: { '1': true, '0': false },
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1256,7 +1083,7 @@ const myDetail = [
 		class: 'py-2 pl-4 pt-5',
 		value: { '1': true, '0': false },
 		required: false,
-		iconShow:true,
+		iconShow: true,
 		labelCols: 12,
 		textCols: 12,
 	},
@@ -1285,25 +1112,4 @@ const myDetail = [
 		class: 'py-2',
 	},
 ];
-
-import { getPathDataExample } from '@/const/const'
-const dataPathDataExample = getPathDataExample({
-		"comId": "",
-		"tagId": "INCHEON.ELEC.EQID.VCB_111A_ACCWH_PV",
-		"tagNm": "ICHEON VCB_111A - 적산 전력",
-		"readDataTypeCd": "적산",
-		"readObjId": "적산",
-		"mgnf": "적산",
-		"unitCd":"적산",
-		"rangMin":"1",
-		"rangMax":"10",
-		"alrmHihi":"1",
-		"alrmHi":"10",
-		"alrmLo":"1",
-		"alrmLolo":"10",
-		"blocId":"1",
-		"totFg":"1",
-		"useFg":"1",
-	});
 </script>
-

From d3984182e803f6e2fe11809a7efb322c931981ac Mon Sep 17 00:00:00 2001
From: leonard <dungtv44@fpt.com>
Date: Mon, 28 Jul 2025 08:44:51 +0700
Subject: [PATCH 3/4] update screen 8, 10

---
 assets/scss/common.scss                              | 12 ++++++------
 assets/scss/common/input.scss                        |  6 ++++++
 components/common/select/SelectBoxMulti.vue          |  2 +-
 .../pages/ems/DataSetInfo/DataSetTagRelTab.vue       |  2 +-
 pages/ems/effc/DataSetMngPage.vue                    |  2 +-
 pages/ems/effc/EnrgReptMngPage.vue                   |  4 ++--
 6 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index 33adc3d..6bdd6ad 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -1255,9 +1255,9 @@ a {
           opacity: 0;
         }
 
-        .v-list-item__content {
-          background-color: currentColor;
-        }
+        // .v-list-item__content {
+        //   background-color: currentColor;
+        // }
 
         .v-list-item__title {
           color: map-deep-get($config,
@@ -1265,9 +1265,9 @@ a {
             "tui-datepicker-calendar-color"
           );
 
-          @if $theme ==light {
-            color: #fff !important;
-          }
+          // @if $theme ==light {
+          //   color: #fff !important;
+          // }
         }
       }
     }
diff --git a/assets/scss/common/input.scss b/assets/scss/common/input.scss
index e4de7be..ba40d9a 100644
--- a/assets/scss/common/input.scss
+++ b/assets/scss/common/input.scss
@@ -1,4 +1,6 @@
 .v-select__custom {
+  padding: 0.125rem;
+  
   &.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
     box-shadow: none;
   }
@@ -42,6 +44,10 @@
   legend {
     width: 0;
   }
+
+  .v-select-list {
+    padding: 0 1rem;
+  }
 }
 
 .v-input__custom {
diff --git a/components/common/select/SelectBoxMulti.vue b/components/common/select/SelectBoxMulti.vue
index a4835b6..35550da 100644
--- a/components/common/select/SelectBoxMulti.vue
+++ b/components/common/select/SelectBoxMulti.vue
@@ -20,10 +20,10 @@
 				outlined
 				:multiple="multiple"
 				:hide-details="true"
-				append-icon=""
 				:class="['v-select__custom', customClass]"
 				:disabled="disabled"
 				:readonly="readonly"
+				append-icon=""
 				><template v-slot:append>
 					<v-icon>$icoChevronDown</v-icon>
 				</template></v-select>
diff --git a/components/pages/ems/DataSetInfo/DataSetTagRelTab.vue b/components/pages/ems/DataSetInfo/DataSetTagRelTab.vue
index 097d262..bb9b80d 100644
--- a/components/pages/ems/DataSetInfo/DataSetTagRelTab.vue
+++ b/components/pages/ems/DataSetInfo/DataSetTagRelTab.vue
@@ -7,7 +7,7 @@
     </div>
     <div ref="gridParent">
       <Grid :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="parentPrgmId"
-        @getRowsData="getRowData" :innerTabGridInfo="innerTabGridInfo" :dataPath="dataPathMock" />
+        @getRowsData="getRowData" :innerTabGridInfo="innerTabGridInfo" />
     </div>
     <div ref="formParent" class="mt-4">
       <component :is="'Form'" :parentPrgmId="parentPrgmId" :bindingData="gridName" :detailList="detailDataSetTagList"
diff --git a/pages/ems/effc/DataSetMngPage.vue b/pages/ems/effc/DataSetMngPage.vue
index 96f0ac2..4fa7940 100644
--- a/pages/ems/effc/DataSetMngPage.vue
+++ b/pages/ems/effc/DataSetMngPage.vue
@@ -44,7 +44,7 @@
             <div class="px-5" style="min-height:calc(100% - 76px)">
               <div ref="gridParent" class="w100 h100">
                 <component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
-                  @getRowsData="getRowData" @sendSelectedRowStatInfo="getSelectedRowStatInfo" :dataPath="dataPathMock"
+                  @getRowsData="getRowData" @sendSelectedRowStatInfo="getSelectedRowStatInfo"
                   :selectedRowDataWatchFlag="true" />
               </div>
             </div>
diff --git a/pages/ems/effc/EnrgReptMngPage.vue b/pages/ems/effc/EnrgReptMngPage.vue
index 4aa0080..f168e6e 100644
--- a/pages/ems/effc/EnrgReptMngPage.vue
+++ b/pages/ems/effc/EnrgReptMngPage.vue
@@ -266,8 +266,8 @@ export default {
 	},
 	created() { },
 	async mounted() {
-		console.log('----DEBUG---');
-		await this.initTest();
+		// console.log('----DEBUG---');
+		// await this.initTest();
 		// End Debug Test---
 		await this.init();
 		this.initedFlag = true;

From 402b09440fb703cb965d3c1a57921adafa2f24d3 Mon Sep 17 00:00:00 2001
From: leonard <dungtv44@fpt.com>
Date: Mon, 28 Jul 2025 08:59:17 +0700
Subject: [PATCH 4/4] fix code comment

---
 assets/scss/common.scss | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index b2a1baa..bac9445 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -1259,19 +1259,11 @@ a {
           opacity: 0;
         }
 
-        // .v-list-item__content {
-        //   background-color: currentColor;
-        // }
-
         .v-list-item__title {
           color: map-deep-get($config,
             #{$theme},
             "tui-datepicker-calendar-color"
           );
-
-          // @if $theme ==light {
-          //   color: #fff !important;
-          // }
         }
       }
     }