From 58bb7f915c21bf5d93705e649f80ce7c68fcc9c5 Mon Sep 17 00:00:00 2001
From: dev <your.email@example.com>
Date: Thu, 31 Jul 2025 11:31:53 +0900
Subject: [PATCH] Update screen 30, 13, 22

---
 assets/scss/common.scss                     |  62 ++++-
 assets/scss/var.scss                        |  32 ++-
 components/common/Calendar.vue              |  98 ++++---
 components/common/Grid.vue                  |   2 +-
 components/common/modal/EgrpPysclQtyPop.vue |  53 ++--
 components/common/modal/EqpmCalcPop.vue     |   2 +-
 components/common/modal/PlanPop.vue         | 106 ++++---
 components/common/modal/ReadPlcPop.vue      |   2 +-
 components/common/select/SelectBoxTime.vue  |   4 +-
 mixin/global.js                             |   2 +-
 pages/comm/auth/MenuMngPage.vue             |  23 +-
 pages/comm/base/BatchMngPage.vue            | 292 +++++++-------------
 pages/comm/base/CalendarMngPage.vue         | 268 +++++++-----------
 pages/ems/base/EqpmGrpPysclQtyMngPage.vue   |  73 +----
 pages/ems/base/GdIdxMngPage.vue             | 159 +----------
 pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue |   5 +-
 16 files changed, 436 insertions(+), 747 deletions(-)

diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index b0d4fa3..1888a79 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -434,7 +434,7 @@ a {
   .v-application.#{$theme}-mode {
     min-width: 1000px;
 
-    .head-logo{
+    .head-logo {
       gap: 8px;
     }
 
@@ -485,8 +485,9 @@ a {
 
     .container--fluid {
       background-color: map-deep-get($config, #{$theme}, "container-fluid");
+
       .menu-container {
-        max-height:calc(100vh - 60px);
+        max-height: calc(100vh - 60px);
         overflow-y: auto;
       }
     }
@@ -950,15 +951,24 @@ a {
           "v-calendar-weekday-backgroundColor"
         );
         border-right: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
+        border-bottom: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
+        border-top: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
         color: map-deep-get($config, #{$theme}, "v-calendar-weekday-color");
 
         &:nth-of-type(1) {
-          color: map-deep-get($color, "week", "sun");
+          // color: map-deep-get($config,
+          //   #{$theme},
+          //   "v-calendar-is-sun"
+          // );
+          border-left: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
         }
 
-        &:nth-of-type(7) {
-          color: map-deep-get($color, "week", "sat");
-        }
+        // &:nth-of-type(7) {
+        //   color: map-deep-get($config,
+        //     #{$theme},
+        //     "v-calendar-is-sat"
+        //   );
+        // }
       }
 
       >.vc-day {
@@ -967,22 +977,33 @@ a {
 
         .day-hldyNm,
         .day-label.is-holiday {
-          color: map-deep-get($color, "week", "sun");
+          color: map-deep-get($config,
+            #{$theme},
+            "v-calendar-is-sun"
+          );
         }
 
         &.weekday-1 {
 
           .day-label,
           .day-hldyNm {
-            color: map-deep-get($color, "week", "sun");
+            color: map-deep-get($config,
+              #{$theme},
+              "v-calendar-is-sun"
+            );
           }
+
+          border-left: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
         }
 
         &.weekday-7 {
 
           .day-label,
           .day-hldyNm {
-            color: map-deep-get($color, "week", "sat");
+            color: map-deep-get($config,
+              #{$theme},
+              "v-calendar-is-sat"
+            );
           }
         }
 
@@ -1184,11 +1205,17 @@ a {
         }
 
         th.tui-sun {
-          color: map-deep-get($color, "week", "sun");
+          color: map-deep-get($config,
+            #{$theme},
+            "v-calendar-is-sun"
+          );
         }
 
         th.tui-sat {
-          color: map-deep-get($color, "week", "sat");
+          color: map-deep-get($config,
+            #{$theme},
+            "v-calendar-is-sat"
+          );
         }
       }
 
@@ -1204,11 +1231,17 @@ a {
         }
 
         td.tui-calendar-sun {
-          color: map-deep-get($color, "week", "sun");
+          color: map-deep-get($config,
+            #{$theme},
+            "v-calendar-is-sun"
+          );
         }
 
         td.tui-calendar-sat {
-          color: map-deep-get($color, "week", "sat");
+          color: map-deep-get($config,
+            #{$theme},
+            "v-calendar-is-sat"
+          );
         }
       }
     }
@@ -1322,11 +1355,12 @@ a {
         color: #46c0ff;
       }
     }
+
     .v-btn {
       background-color: transparent !important;
       color: map-deep-get($config, #{$theme}, "btn-header-select-color") !important;
     }
-    
+
   }
 
   [hover-tooltip] {
diff --git a/assets/scss/var.scss b/assets/scss/var.scss
index ec638ff..1f6d557 100644
--- a/assets/scss/var.scss
+++ b/assets/scss/var.scss
@@ -32,8 +32,8 @@ $color: (
   "black": ("0": #000,
     "1": #111),
   "white": ("0": #fff),
-  "week": ("sun": #fb5a83,
-    "sat": #2d8cf6)
+  "week": ("sun": #FF4D4F,
+    "sat": #597EF7)
 );
 
 $config: (
@@ -96,12 +96,14 @@ $config: (
     v-input-disabled-backgroundColor:rgba(255, 255, 255, 0.08),
     v-input-disabled-color: rgba(255, 255, 255, 0.5),
     v-select-label-color: rgba(255, 255, 255, 0.85),
-    v-calendar-weekday-backgroundColor: #383f5d,
-    v-calendar-weekday-color: #fff,
-    v-calendar-weekday-border-color: rgba(255, 255, 255, 0.1),
-    v-calendar-day-color: #fff,
-    v-calendar-day-in-not-month-color: rgba(255, 255, 255, 0.05),
-    v-calendar-is-today-background-color: #2d4571,
+    v-calendar-weekday-backgroundColor: #FFFFFF0A,
+    v-calendar-weekday-color: #FFFFFFD9,
+    v-calendar-weekday-border-color: #FFFFFF0F,
+    v-calendar-day-color: #FFFFFFD9,
+    v-calendar-day-in-not-month-color: #FFFFFF14,
+    v-calendar-is-today-background-color: #0A224F,
+    v-calendar-is-sat: #263EA0,
+    v-calendar-is-sun:#A61D24,
     tui-grid-title-color: #FFFFFFD9,
     tui-grid-header-backgroundColor: #2a2b2d,
     tui-grid-header-color: #FFFFFFD9,
@@ -234,12 +236,14 @@ $config: (
     v-input-disabled-backgroundColor: rgba(0, 0, 0, 0.04),
     v-input-disabled-color: rgba(0, 0, 0, 0.25),
     v-select-label-color: rgba(0, 0, 0, 0.88),
-    v-calendar-weekday-backgroundColor: #e0e0e0,
-    v-calendar-weekday-color: #111,
-    v-calendar-weekday-border-color: #d4d4d4,
-    v-calendar-day-color: #111,
-    v-calendar-day-in-not-month-color: #f8f8f8,
-    v-calendar-is-today-background-color: #e3eaf3,
+    v-calendar-weekday-backgroundColor: #00000005,
+    v-calendar-weekday-color: #000000E0,
+    v-calendar-weekday-border-color: #0000000F,
+    v-calendar-day-color: #000000E0,
+    v-calendar-day-in-not-month-color: #0000000A,
+    v-calendar-is-today-background-color: #E6F4FF,
+    v-calendar-is-sat: #597EF7,
+    v-calendar-is-sun:#FF4D4F,
     tui-grid-title-color: #000000E0,
     tui-grid-header-backgroundColor: #fafafa, //#e0e0e0,
     tui-grid-header-color: rgba(0, 0, 0, 0.88),
diff --git a/components/common/Calendar.vue b/components/common/Calendar.vue
index 9c0f096..00681b4 100644
--- a/components/common/Calendar.vue
+++ b/components/common/Calendar.vue
@@ -3,45 +3,28 @@
 		<div class="custom-vc-calender-title text-center" v-if="headerVisible">
 			<span>{{ selectedYear }}년 {{ selectedMonth }}월</span>
 		</div>
-		<vc-calendar
-			ref="myCalendar"
-			:attributes="calendarAttributes"
-			class="custom-calendar"
-		>
+		<vc-calendar locale="ko-KR" ref="myCalendar" :attributes="calendarAttributes" class="custom-calendar">
 			<!-- disable-page-swipe
       is-expanded -->
 			<template v-slot:day-content="{ day, attributes }">
 				<div class="plusButton" style="overflow:auto">
 					<!-- <p class="plusButton mr-1" >+</p> -->
-					<span
-						:class="['day-label', { 'is-holiday': hldyValues(day.day) }]"
-						@click="addPlan(day.year, day.month, day.day)"
-						>{{ day.day }}</span
-					>
+					<span :class="['day-label', { 'is-holiday': hldyValues(day.day) }]"
+						@click="addPlan(day.year, day.month, day.day)">{{ day.day }}</span>
 					<span v-for="attr in attributes" :key="attr.key" class="day-hldyNm">
 						{{ attr.customData.title }}
 					</span>
 					<div class="">
-						<p
-							v-for="attr in attributes"
-							:key="attr.key"
-							:class="attr.customData.planColor"
-							@click="updatePlan(attr.customData.planSeq)"
-						>
+						<p v-for="attr in attributes" :key="attr.key" :class="attr.customData.planColor"
+							@click="updatePlan(attr.customData.planSeq)">
 							{{ attr.customData.planTitle }}
 						</p>
 					</div>
 				</div>
 			</template>
 		</vc-calendar>
-		<component
-			ref="planPop"
-			:is="'PlanPop'"
-			v-show="false"
-			:detailList="detailList"
-			:label="planLabel"
-			:parentPrgmId="parentPrgmId"
-		/>
+		<component ref="planPop" :is="'PlanPop'" v-show="false" :detailList="detailList" :label="planLabel"
+			:parentPrgmId="parentPrgmId" />
 	</div>
 </template>
 <script>
@@ -63,6 +46,10 @@ export default {
 			type: Boolean,
 			default: true,
 		},
+		showTitle: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	computed: {
 		...mapState({
@@ -122,7 +109,7 @@ export default {
 							planColor:
 								// item.endDt < Utility.setFormatDate(new Date(), 'YYYY-MM-DD')
 								// 	? 'grey': 
-									item.planColor,
+								item.planColor,
 						},
 						dates: new Date(yy, mm, dd),
 					});
@@ -166,15 +153,14 @@ export default {
 			this.$refs['planPop'].strtDt = '';
 			this.$refs['planPop'].endDt = '';
 			this.$refs['planPop'].addPlanData = {
-				year : year,
-				month : month,
-				day : day
+				year: year,
+				month: month,
+				day: day
 			}
-			// BEGIN TEST UI 
-			// this.$refs['planPop'].blocId = this.pageData.blocMstrList[
-			// 	this.pageData.blocId
-			// ].blocId;
-			// END TEST UI 
+
+			this.$refs['planPop'].blocId = this.pageData.blocMstrList[
+				this.pageData.blocId
+			].blocId;
 			this.$refs['planPop'].dialog = true;
 		},
 		updatePlan(val) {
@@ -188,7 +174,7 @@ export default {
 			this.$refs['planPop'].dialog = true;
 		},
 	},
-	mounted() {},
+	mounted() { },
 };
 const myDetail = [];
 </script>
@@ -196,36 +182,44 @@ const myDetail = [];
 <style lang="scss" scoped>
 @import '@/assets/scss/var.scss';
 @import '@/assets/scss/mixin.scss';
+
 ::-webkit-scrollbar {
 	width: 0px;
 }
+
 ::-webkit-scrollbar-track {
 	display: none;
 }
+
 .custom-vc-calender {
 	&-title {
 		margin-bottom: 20px;
 	}
 }
+
 ::v-deep {
 	.custom-calendar.vc-container {
 		width: 100%;
 		background-color: transparent;
 		border: 0;
 	}
+
 	.vc-header,
 	.vc-arrows-container {
 		display: none;
 	}
+
 	.vc-weeks {
 		display: flex;
 		flex-wrap: wrap;
 		align-items: center;
 		padding: 0;
-		> div {
+
+		>div {
 			flex: 1 0 calc(100% / 7);
 		}
 	}
+
 	.vc-weekday {
 		display: flex;
 		align-items: center;
@@ -233,6 +227,7 @@ const myDetail = [];
 		height: 36px;
 		padding: 0;
 	}
+
 	.vc-day {
 		height: 10.889vh;
 		min-height: auto;
@@ -241,6 +236,7 @@ const myDetail = [];
 			font-size: 1rem;
 			line-height: 1.235;
 		}
+
 		.day-hldyNm {
 			overflow: hidden;
 			text-overflow: ellipsis;
@@ -251,25 +247,27 @@ const myDetail = [];
 			font-size: 10pt;
 		}
 
-		> div {
+		>div {
 			position: relative;
 			height: 100%;
 			padding: 10px;
 			border-radius: 0 !important;
 		}
 	}
+
 	.vc-day.is-not-in-month {
 		* {
 			opacity: 1 !important;
 		}
 	}
-	.plusButton:hover > span:first-child {
+
+	.plusButton:hover>span:first-child {
 		font-weight: bolder;
 		cursor: pointer;
 	}
+
 	.red {
-		//background-color: rgba(229,62,62,var(--bg-opacity));
-		background-color: #e53e3e !important;
+		background-color: #FF4D4F !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -277,9 +275,9 @@ const myDetail = [];
 		text-align: left;
 		margin-bottom: 0.25rem;
 	}
+
 	.blue {
-		//background-color: rgba(66,153,225,var(--bg-opacity));
-		background-color: #4299e1 !important;
+		background-color: #597EF7 !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -287,9 +285,9 @@ const myDetail = [];
 		text-align: left;
 		margin-bottom: 0.25rem;
 	}
+
 	.puple {
-		//background-color: rgba(102,126,234,var(--bg-opacity));
-		background-color: #667eea !important;
+		background-color: #9254DE !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -297,9 +295,9 @@ const myDetail = [];
 		text-align: left;
 		margin-bottom: 0.25rem;
 	}
+
 	.green {
-		//background-color: rgba(56,178,172,var(--bg-opacity));
-		background-color: #38b2ac !important;
+		background-color: #73D13D !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -308,9 +306,9 @@ const myDetail = [];
 		margin-bottom: 0.25rem;
 		width: 90%;
 	}
+
 	.orange {
-		//background-color: rgba(237,137,54,var(--bg-opacity));
-		background-color: #ed8936 !important;
+		background-color: #FFA940 !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -318,9 +316,9 @@ const myDetail = [];
 		text-align: left;
 		margin-bottom: 0.25rem;
 	}
+
 	.pink {
-		//background-color: rgba(237,100,166,var(--bg-opacity));
-		background-color: #ed64a6 !important;
+		background-color: #F759AB !important;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
@@ -328,8 +326,8 @@ const myDetail = [];
 		text-align: left;
 		margin-bottom: 0.25rem;
 	}
+
 	.grey {
-		background-color: #6d6d6d;
 		color: #fff;
 		border-radius: 0.125rem;
 		font-size: 0.75rem;
diff --git a/components/common/Grid.vue b/components/common/Grid.vue
index 34c3f4b..a801612 100644
--- a/components/common/Grid.vue
+++ b/components/common/Grid.vue
@@ -666,7 +666,7 @@ export default {
       store.dimension.offsetLeft = offsetLeft;
     },
 		setHeight(_a,height){
-			return; // setting auto height
+			// return; // setting auto height
 			
       // console.log("setHeight");
       var dimension = _a.dimension;
diff --git a/components/common/modal/EgrpPysclQtyPop.vue b/components/common/modal/EgrpPysclQtyPop.vue
index 4e640f6..82513d0 100644
--- a/components/common/modal/EgrpPysclQtyPop.vue
+++ b/components/common/modal/EgrpPysclQtyPop.vue
@@ -71,12 +71,11 @@
 					</div>
 				</div>
 				<v-card-actions class="px-6 py-4 d-flex align-center justify-end">
-					
-					<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)"
-						class="mr-2">닫기</a-button>
-					<a-button v-if="item.closeBtnFg || false" :ripple="false"  type="danger" ghost danger
+
+					<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="mr-2">닫기</a-button>
+					<a-button v-if="item.closeBtnFg || false" :ripple="false" type="danger" ghost danger
 						@click="deleteBtnAction($event)" class="mr-2">삭제</a-button>
-					<a-button :ripple="false" type="primary" @click="setUpdate($event)" >확인</a-button>
+					<a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button>
 				</v-card-actions>
 			</v-card>
 		</v-dialog>
@@ -148,23 +147,7 @@ export default {
 		return {
 			dialog: false,
 
-			loadGrid: true,
-			dataPathPopExample: {
-				"rowGrid": {
-					data: [
-						{
-							'calcProc': 'AVG_CNT2',
-							'argCnt': '2',
-							'calcDesc': '두개 변수에 대한 평균'
-
-						}
-					],
-					column: [
-						{ header: '계산코드', name: 'calcProc', width: 150 },
-						{ header: '아규먼트갯수', name: 'argCnt', align: 'center', width: 100 },
-					]
-				}
-			},
+			loadGrid: false,
 			grid_01: 'grid_01',
 			myModalKey: 'egrpPysclQtyPop',
 			modalDataKey: 'pyscModalData',
@@ -329,13 +312,6 @@ export default {
 				this.selectValueList01 = [];
 				this.selectValue01 = null;
 			}
-
-			// this.selectValueList01 = [
-			// 	{ label: '냉동기고온', value: '냉동기고온' },
-			// 	{ label: '냉동기저온', value: '냉동기저온' },
-			// 	{ label: '공조기', value: '공조기' },
-			// 	{ label: '보일러', value: '보일러' }
-			// ];
 		},
 		search() {
 			this.getGridData();
@@ -357,7 +333,7 @@ export default {
 				modalDataKey: this.modalDataKey,
 				value: Object.assign(
 					// Utility.defaultGridOption(this.$refs.modalGridParent.offsetHeight - 60, myOptions),
-					// Utility.defaultGridOption(100, myOptions),
+					Utility.defaultGridOption(400, myOptions),
 					myOptions,
 				),
 			});
@@ -415,6 +391,15 @@ export default {
 				}
 			}
 
+			// res = [
+			// 	{
+			// 	'pysclQtyId' : 'PYSCL00001',
+			// 	'pysclQtyCd' : 'AMP_1A',
+			// 	'pysclQtyNm' : '회로1 전류A',
+			// 	'pysclQtyTpNm' : 'TAG'
+
+			// 	}
+			// ]
 			this.setModalGridData({
 				modalKey: this.myModalKey,
 				gridKey: this.grid_01,
@@ -469,10 +454,10 @@ export default {
 			this.dialog = flag;
 		},
 		async dialogOpenCloseEvent(val) {
-			// await this.setSelectValueList01();
-			// if (!this.myBindingData) {
-			// 	return alert('그리드를 먼저 선택해주세요.');
-			// }
+			await this.setSelectValueList01();
+			if (!this.myBindingData) {
+				return alert('그리드를 먼저 선택해주세요.');
+			}
 			this.dialog = !val;
 		},
 		deleteBtnAction(v) {
diff --git a/components/common/modal/EqpmCalcPop.vue b/components/common/modal/EqpmCalcPop.vue
index 3029819..0317b5f 100644
--- a/components/common/modal/EqpmCalcPop.vue
+++ b/components/common/modal/EqpmCalcPop.vue
@@ -5,7 +5,7 @@
 				<v-icon
 					v-if="iconShow"
 					small
-					:class="['mr-1', required ? 'icon-orange' : 'icon-blue']"
+					:class="['mr-1', item.required ? 'icon-orange' : 'icon-blue']"
 					>$icoBulletPoint</v-icon
 				>
 				{{ option.labelContent }}
diff --git a/components/common/modal/PlanPop.vue b/components/common/modal/PlanPop.vue
index 2986c40..9134348 100644
--- a/components/common/modal/PlanPop.vue
+++ b/components/common/modal/PlanPop.vue
@@ -43,7 +43,10 @@
 							</v-col>
 							<v-col :cols="6" class="py-0 pl-2">
 								<!-- <DatePicker v-model="strtDt" :parentPrgmId="parentPrgmId"/> -->
-								<div class="startpicker-container2">
+								<component :parentPrgmId="parentPrgmId" :is="'SelectBoxTime'" ref="SelectBox1"
+									:propsValue="selectTimeValue1" :itemList="selectTimeValueList1" :minInterval="selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
+										" @update:propsValue="selectTimeValue1 = $event" />
+								<!-- <div class="startpicker-container2">
 									<v-text-field id="startpicker2" ref="startpicker2" v-model="strtDt"
 										:class="'v-input__custom'" :hide-details="true" readonly outlined>
 										<template #append>
@@ -53,7 +56,7 @@
 											<div ref="startpicker-container2" id="startpicker-container2"></div>
 										</template>
 									</v-text-field>
-								</div>
+								</div> -->
 							</v-col>
 							<!-- <v-col :cols="2">
 										<vue-numeric-input v-model="strtHh" :min="0" :max="23" controls-type="updown"
@@ -91,17 +94,9 @@
 								</div>
 							</v-col>
 							<v-col :cols="6" class="pl-2">
-								<div class="startpicker-container3">
-									<v-text-field id="startpicker3" ref="startpicker3" v-model="endDt"
-										:class="'v-input__custom'" :hide-details="true" readonly outlined>
-										<template #append>
-											<v-icon size="20">$icoCalendar</v-icon>
-										</template>
-										<template #append-outer>
-											<div ref="startpicker-container3" id="startpicker-container3"></div>
-										</template>
-									</v-text-field>
-								</div>
+								<component :parentPrgmId="parentPrgmId" :is="'SelectBoxTime'" ref="SelectBox2"
+									:propsValue="selectTimeValue2" :itemList="selectTimeValueList2" :minInterval="selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
+										" @update:propsValue="selectTimeValue2 = $event" />
 							</v-col>
 							<!-- <v-col :cols="2">
 								<vue-numeric-input v-model="endHh" :min="0" :max="23" controls-type="updown"
@@ -186,10 +181,11 @@
 					</div>
 				</template>
 				<v-card-actions class="justify-end">
-					<a-button :ripple="false" @click="btnAction('save')" class="mr-2">저장</a-button>
+					<a-button :ripple="false" @click="btnAction('close')" class="mr-2">닫기</a-button>
+					<a-button type="primary" :ripple="false" @click="btnAction('save')" class="mr-2">저장</a-button>
 					<a-button v-show="popUpAction === 'update'" type="danger" ghost danger :ripple="false"
-						@click="btnAction('delete')" class="mr-2">삭제</a-button>
-					<a-button :ripple="false" type="primary" @click="btnAction('close')" class="mr-2">닫기</a-button>
+						@click="btnAction('delete')">삭제</a-button>
+
 				</v-card-actions>
 			</v-card>
 		</v-dialog>
@@ -210,6 +206,7 @@ import DatePicker from '~/components/common/Datepicker';
 import mixinGlobal from '@/mixin/global.js';
 import Utility from '~/plugins/utility';
 import TuiDatepicker from 'tui-date-picker';
+import SelectBoxTime from "@/components/common/select/SelectBoxTime";
 
 export default {
 	mixins: [mixinGlobal],
@@ -237,6 +234,13 @@ export default {
 			type: String,
 			require: false,
 		},
+		selectBoxTimeItemList: {
+			type: Object,
+			require: false,
+			default: () => {
+				return {};
+			},
+		},
 	},
 	components: {
 		InputText,
@@ -250,6 +254,7 @@ export default {
 		Utility,
 		TuiDatepicker,
 		VueNumericInput,
+		SelectBoxTime,
 	},
 	data() {
 		return {
@@ -272,7 +277,23 @@ export default {
 			planSeq: '',
 			blocId: '',
 			addPlanData: {
-			}
+			},
+			selectTimeValue1:
+				this.selectBoxTimeItemList.selectTimeValue1 != undefined
+					? this.selectBoxTimeItemList.selectTimeValue1
+					: null, // selectBoxTime에 필요한 prop
+			selectTimeValueList1:
+				this.selectBoxTimeItemList.selectTimeValueList1 != undefined
+					? this.selectBoxTimeItemList.selectTimeValueList1
+					: [], // selectBoxTime에 필요한 prop
+			selectTimeValue2:
+				this.selectBoxTimeItemList.selectTimeValue2 != undefined
+					? this.selectBoxTimeItemList.selectTimeValue2
+					: null, // selectBoxTime에 필요한 prop
+			selectTimeValueList2:
+				this.selectBoxTimeItemList.selectTimeValueList2 != undefined
+					? this.selectBoxTimeItemList.selectTimeValueList2
+					: [], // selectBoxTime에 필요한 prop
 		};
 	},
 	computed: {
@@ -310,6 +331,10 @@ export default {
 			}
 		},
 		strtHh(val) {
+
+			// const [hh, mm] = selectTimeValue1.split(':');
+			// console.log(`Hours: ${hh}, Minutes: ${mm}`);
+
 			console.log('strtHh : ', val);
 			this.checkStrtAndEndDateTime('start');
 		},
@@ -323,6 +348,12 @@ export default {
 		endMm(val) {
 			this.checkStrtAndEndDateTime('end');
 		},
+		selectTimeValue1(val) {
+			this.setPageData({ selectTimeValue1: val });
+		},
+		selectTimeValue2(val) {
+			this.setPageData({ selectTimeValue2: val });
+		}
 	},
 	methods: {
 		...mapMutations({
@@ -505,10 +536,8 @@ export default {
 			let returnData = res[0];
 			this.strtDt = Utility.setFormatDate(returnData.strtDt, 'YYYY-MM-DD');
 			this.endDt = Utility.setFormatDate(returnData.endDt, 'YYYY-MM-DD');
-			this.strtHh = returnData.strtHh;
-			this.strtMm = returnData.strtMm;
-			this.endHh = returnData.endHh;
-			this.endMm = returnData.endMm;
+			this.selectTimeValue1 = returnData.strtHh+' : '+  returnData.strtMm;
+			this.selectTimeValue2 = returnData.endHh+' : '+  returnData.endMm;
 			this.planTitle = returnData.planTitle;
 			this.planCntn = returnData.planCntn;
 			this.planColor = returnData.planColor;
@@ -525,10 +554,8 @@ export default {
 						if (
 							this.strtDt === '' ||
 							this.endDt === '' ||
-							this.strtHh === '' ||
-							this.strtMm === '' ||
-							this.endHh === '' ||
-							this.endMm === '' ||
+							this.selectTimeValue1 === '' ||
+							this.selectTimeValue2 === '' ||
 							this.planTitle === '' ||
 							this.planCntn === '' ||
 							this.planColor === ''
@@ -542,10 +569,8 @@ export default {
 						if (
 							this.strtDt == '' ||
 							this.endDt == '' ||
-							this.strtHh == '' ||
-							this.strtMm == '' ||
-							this.endHh == '' ||
-							this.endMm == '' ||
+							this.selectTimeValue1 === '' ||
+							this.selectTimeValue2 === '' ||
 							this.planTitle == '' ||
 							this.planCntn == '' ||
 							this.planColor == ''
@@ -565,13 +590,17 @@ export default {
 			//console.log(this);
 		},
 		async insertDetail() {
+
+			const [strtHh, strtMm] = this.selectTimeValue1 ? this.selectTimeValue1.split(':') : '00:00'.split(':');
+			const [endHh, endMm] = this.selectTimeValue2 ? this.selectTimeValue2.split(':') : '01:00'.split(':');
+
 			var params = {
 				strtDt: this.strtDt,
 				endDt: this.endDt,
-				strtHh: this.strtHh.toString(),
-				strtMm: this.strtMm.toString(),
-				endHh: this.endHh.toString(),
-				endMm: this.endMm.toString(),
+				strtHh: strtHh.trim().toString(),
+				strtMm: strtMm.trim().toString(),
+				endHh: endHh.trim().toString(),
+				endMm: endMm.trim().toString(),
 				blocId: this.blocId,
 				planTitle: this.planTitle,
 				planCntn: this.planCntn,
@@ -592,13 +621,16 @@ export default {
 			});
 		},
 		async updateDetail() {
+			const [strtHh, strtMm] = this.selectTimeValue1 ? this.selectTimeValue1.split(':') : '00:00'.split(':');
+			const [endHh, endMm] = this.selectTimeValue2 ? this.selectTimeValue2.split(':') : '01:00'.split(':');
+
 			var params = {
 				strtDt: this.strtDt.substr(0, 10),
 				endDt: this.endDt.substr(0, 10),
-				strtHh: this.strtHh.toString(),
-				strtMm: this.strtMm.toString(),
-				endHh: this.endHh.toString(),
-				endMm: this.endMm.toString(),
+				strtHh: strtHh.trim().toString(),
+				strtMm: strtMm.trim().toString(),
+				endHh: endHh.trim().toString(),
+				endMm: endMm.trim().toString(),
 				planTitle: this.planTitle,
 				planCntn: this.planCntn,
 				planColor: this.planColor,
diff --git a/components/common/modal/ReadPlcPop.vue b/components/common/modal/ReadPlcPop.vue
index 0d71e68..2176cba 100644
--- a/components/common/modal/ReadPlcPop.vue
+++ b/components/common/modal/ReadPlcPop.vue
@@ -67,7 +67,7 @@
 								Expand All
 							</a-button></v-col>
 					</v-row>
-
+					
 					<!-- <v-btn color="primary" dark @click="btnTreeExpand()">{{
             treeExpand
           }}</v-btn> -->
diff --git a/components/common/select/SelectBoxTime.vue b/components/common/select/SelectBoxTime.vue
index 145d42c..b701a9f 100644
--- a/components/common/select/SelectBoxTime.vue
+++ b/components/common/select/SelectBoxTime.vue
@@ -22,11 +22,11 @@
         outlined
         :menu-props="{ auto: true, offsetY: true }"
         :hide-details="true"
-        :class="'v-select__custom select-large'"
+        :class="'v-select__custom'"
         :disabled="disabled"
         :readonly="readonly"
         @click="setDatepickerHide"
-        style="width: 170px; border-radius: 6px !important"
+        style="min-width: 170px;"
       >
         <template v-slot:append>
           <a-icon
diff --git a/mixin/global.js b/mixin/global.js
index 7631640..51ef130 100644
--- a/mixin/global.js
+++ b/mixin/global.js
@@ -58,7 +58,7 @@ export default {
 		layoutInit() {
 			if (this.$refs.searchFilter) {
 				const searchFilterHeight = this.$refs.searchFilter.offsetHeight;
-				this.$refs.contents.style.minHeight = `calc(100% - ${searchFilterHeight + 20}px)`;
+				this.$refs.contents.style.height  = `calc(100% - ${searchFilterHeight + 20}px)`;
 			}
 		},
 		//init() {}
diff --git a/pages/comm/auth/MenuMngPage.vue b/pages/comm/auth/MenuMngPage.vue
index f592c70..c0eb62a 100644
--- a/pages/comm/auth/MenuMngPage.vue
+++ b/pages/comm/auth/MenuMngPage.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="l-layout">
-		<v-row ref="searchFilter">
+		<common-page-title />
+		<v-row ref="searchFilter" class="mt-2">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="end" no-gutters>
@@ -34,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" :dataPath="dataPathExample" />
+								:parentPrgmId="myPrgmId" @getRowsData="getRowData"  />
 						</div>
 					</div>
 				</v-card>
@@ -91,21 +92,9 @@ export default {
 		return {
 			myPrgmId: myPrgmId,
 			gridName: 'treeGrid',
-			loadTree: true,
+			loadTree: false,
 			detailList: myDetail,
 			addRowFg: false,
-			dataPathExample: {
-				"treeGrid": {
-					data: sampleData,
-					column: [
-						{ header: '메뉴명', name: 'menuNm' },
-						{ header: 'prgmId ', name: 'prgmId', hidden: true },
-						{ header: 'sysDivCd ', name: 'sysDivCd', hidden: true },
-					],
-					option: myOptions,
-
-				}
-			}
 		};
 	},
 	computed: {
@@ -166,6 +155,10 @@ export default {
 					name: 'menuNm',
 				},
 				scrollX: false,
+				header: {
+					height: 37,
+				},
+				rowHeight: 37,
 			};
 			this.setGridOption({
 				gridKey: this.gridName,
diff --git a/pages/comm/base/BatchMngPage.vue b/pages/comm/base/BatchMngPage.vue
index f5f897c..3ff41d9 100644
--- a/pages/comm/base/BatchMngPage.vue
+++ b/pages/comm/base/BatchMngPage.vue
@@ -1,7 +1,8 @@
 <template>
 	<div class="l-layout">
 		<!-- 조회조견 -->
-		<v-row ref="searchFilter">
+		<common-page-title />
+		<v-row ref="searchFilter" class="mt-2">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="end" no-gutters>
@@ -24,7 +25,7 @@
 								:customClass="'select-large'"
 							/>
 						</v-col>
-						<v-col :cols="2.5">
+						<v-col :cols="2.5" class="pr-4">
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="myPrgmId"
@@ -34,7 +35,7 @@
 								:customClass="'select-large'"
 							/>
 						</v-col>
-						<BtnSearch size="large" />
+						<BtnSearch size="large" class="mr-2" />
 
 					</v-row>
 				</v-card>
@@ -57,7 +58,7 @@
 					<div class="px-4">
 						<div ref="gridParent" class="h100 w100">
 							<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :parentPrgmId="myPrgmId"
-								:gridName="gridName" @getRowsData="getRowData" :dataPath="dataPathExample" />
+								:gridName="gridName" @getRowsData="getRowData" />
 						</div>
 						<!-- </v-card-actions> -->
 					</div>
@@ -77,7 +78,7 @@
 					</v-card-actions>
 				</v-card>
 			</v-col>
-			<v-dialog ref="popModal" v-model="dialog" width="700" overlay-color="#000" overlay-opacity="0.8" scrollable>
+			<v-dialog ref="popModal" v-model="dialog" width="800" overlay-color="#000" overlay-opacity="0.8" scrollable>
 				<v-card style="height: 100%">
 					<v-card-title class="v-card__title d-flex align-center justify-space-between">
 						<span class="custom-title-4">DB 프로시져 파라메터 설정</span>
@@ -91,7 +92,6 @@
 							<v-col cols="12" class="text-right"> </v-col>
 						</v-row>
 					</div>
-					<v-divider></v-divider>
 					<v-card-text style="height: 300px;">
 						<div id="gridParent" class="mt-6" style="height:calc(100% - 36px);">
 							<div style="height:calc(100% - 36px);">
@@ -101,7 +101,6 @@
 							</div>
 						</div>
 					</v-card-text>
-					<v-divider></v-divider>
 					<v-card-actions>
 						<v-spacer></v-spacer>
 						<v-btn color="primary" dark @click="setParamChangeData()">확인</v-btn>
@@ -155,76 +154,16 @@ export default {
 	data() {
 		return {
 			myPrgmId: myPrgmId,
-			loadGrid: true,
+			loadGrid: false,
 			gridName: 'rowGrid',
-			dataPathExample: {
-				"rowGrid": {
-					data: [
-						{
-							"batchId": "BATCH001",
-							"batchNm": "일일 데이터 백업",
-							"batchExecTp": "자동 실행",
-							"batchDupExecFg": "N",
-							"useFg": "사용"
-						},
-						{
-							"batchId": "BATCH002",
-							"batchNm": "월간 리포트 생성",
-							"batchExecTp": "수동 실행",
-							"batchDupExecFg": "Y",
-							"useFg": "사용"
-						},
-						{
-							"batchId": "BATCH003",
-							"batchNm": "로그 정리 작업",
-							"batchExecTp": "자동 실행",
-							"batchDupExecFg": "N",
-							"useFg": "미사용"
-						},
-						{
-							"batchId": "BATCH004",
-							"batchNm": "사용자 통계 수집",
-							"batchExecTp": "예약 실행",
-							"batchDupExecFg": "Y",
-							"useFg": "사용"
-						},
-						{
-							"batchId": "BATCH005",
-							"batchNm": "서버 상태 점검",
-							"batchExecTp": "수동 실행",
-							"batchDupExecFg": "N",
-							"useFg": "미사용"
-						}
-					]
-
-					,
-					column: [
-						{ header: '배치ID', name: 'batchId', align: 'center', width: 100 },
-						{ header: '배치명', name: 'batchNm', minWidth: 200 },
-						{
-							header: '배치 실행 구분',
-							name: 'batchExecTp',
-							align: 'left',
-							minWidth: 190,
-						},
-						{ header: '배치 중복 여부', name: 'batchDupExecFg', hidden: true },
-						{
-							header: '사용여부',
-							name: 'useFg',
-							align: 'center',
-							width: 145,
-						},
-					],
-
-				}
-			},
+			
 			// rowGridOrigin: [],
 			detailList: myDetail,
 
 			// 파라메터 셋팅용 변수
 			dialog: false,
 			gridNameParam: 'paramGrid',
-			paramLoadGrid: true,
+			paramLoadGrid: false,
 			selectedGridNameParamRow: null,
 		};
 	},
@@ -292,7 +231,7 @@ export default {
 		}),
 		init() {
 			// this.layoutInit();
-			// this.gridInit();
+			this.gridInit();
 			this.gridParamInit();
 		},
 		// layoutInit() {
@@ -309,6 +248,10 @@ export default {
 				columnOptions: {
 					resizable: true,
 				},
+				header: {
+					height: 37,
+				},
+				rowHeight: 37,
 			};
 			this.setGridOption({
 				gridKey: this.gridName,
@@ -384,7 +327,7 @@ export default {
 		},
 		async search() {
 			// console.log("search");
-			// await this.getRowGridData();
+			await this.getRowGridData();
 			await this.setPageData({
 				isFind: false,
 			});
@@ -629,20 +572,20 @@ export default {
 				gridKey: this.gridNameParam,
 				value: myOptions,
 			});
-			// setTimeout(() => { });
+			setTimeout(() => { });
 
-			// let modeList = [];
-			// const modeIn = { text: 'IN', value: 'IN' };
-			// const modeOut = { text: 'OUT', value: 'OUT' };
-			// modeList.push(modeIn);
-			// modeList.push(modeOut);
-			// let typeList = [];
-			// const typeInt = { text: 'INT', value: 'int' };
-			// const typeStr = { text: 'STRING', value: 'str' };
-			// const typeFunc = { text: 'FUNCTION', value: 'function' };
-			// typeList.push(typeInt);
-			// typeList.push(typeStr);
-			// typeList.push(typeFunc);
+			let modeList = [];
+			const modeIn = { text: 'IN', value: 'IN' };
+			const modeOut = { text: 'OUT', value: 'OUT' };
+			modeList.push(modeIn);
+			modeList.push(modeOut);
+			let typeList = [];
+			const typeInt = { text: 'INT', value: 'int' };
+			const typeStr = { text: 'STRING', value: 'str' };
+			const typeFunc = { text: 'FUNCTION', value: 'function' };
+			typeList.push(typeInt);
+			typeList.push(typeStr);
+			typeList.push(typeFunc);
 
 			const myColumns = [
 				{ header: 'ID', name: 'id', editor: 'text' },
@@ -664,27 +607,27 @@ export default {
 					header: 'Type',
 					name: 'type',
 					align: 'center',
-					// formatter({ value }) {
-					// 	let retVal = '';
-					// 	switch (value) {
-					// 		case 'int':
-					// 			retVal = 'INT';
-					// 			break;
-					// 		case 'str':
-					// 			retVal = 'STRING';
-					// 			break;
-					// 		case 'function':
-					// 			retVal = 'FUNCTION';
-					// 			break;
-					// 	}
-					// 	return retVal;
-					// },
-					// editor: {
-					// 	type: 'select',
-					// 	options: {
-					// 		listItems: typeList,
-					// 	},
-					// },
+					formatter({ value }) {
+						let retVal = '';
+						switch (value) {
+							case 'int':
+								retVal = 'INT';
+								break;
+							case 'str':
+								retVal = 'STRING';
+								break;
+							case 'function':
+								retVal = 'FUNCTION';
+								break;
+						}
+						return retVal;
+					},
+					editor: {
+						type: 'select',
+						options: {
+							listItems: typeList,
+						},
+					},
 				},
 				{ header: '값', name: 'val', editor: 'text' },
 				{ header: 'rowStat', name: 'rowStat', hidden: true },
@@ -703,86 +646,49 @@ export default {
 
 			// /* this.pageData.paramStrData 처리 */
 			// // console.log("this.pageData.paramStrData : ", JSON.parse(this.pageData.paramStrData));
-			// let rowData = {};
-			// if (
-			// 	this.pageData.paramStrData.startsWith('{') &&
-			// 	this.pageData.paramStrData.endsWith('}')
-			// ) {
-			// 	rowData = JSON.parse(this.pageData.paramStrData);
-			// }
-			// var keys = Object.keys(rowData); //키를 가져옵니다. 이때, keys 는 반복가능한 객체가 됩니다.
-			// for (var i = 0; i < keys.length; i++) {
-			// 	var key = keys[i];
-			// 	res.push(rowData[key]);
-			// }
+			let rowData = {};
+			if (
+				this.pageData.paramStrData.startsWith('{') &&
+				this.pageData.paramStrData.endsWith('}')
+			) {
+				rowData = JSON.parse(this.pageData.paramStrData);
+			}
+			var keys = Object.keys(rowData); //키를 가져옵니다. 이때, keys 는 반복가능한 객체가 됩니다.
+			for (var i = 0; i < keys.length; i++) {
+				var key = keys[i];
+				res.push(rowData[key]);
+			}
 
-			// const newRes = res.map(item => {
-			// 	const newObj = {
-			// 		...item,
-			// 		rowStat: null,
-			// 		id: item.id || '',
-			// 		mode: item.mode || 'in',
-			// 		type: item.type || 'str',
-			// 		val: item.val || '',
-			// 	};
-			// 	return newObj;
-			// });
+			const newRes = res.map(item => {
+				const newObj = {
+					...item,
+					rowStat: null,
+					id: item.id || '',
+					mode: item.mode || 'in',
+					type: item.type || 'str',
+					val: item.val || '',
+				};
+				return newObj;
+			});
 
-			const newRes = [
-				{
-					"id": "VAR001",
-					"mode": "OUT",
-					"type": "int",
-					"val": "100",
-					"rowStat": "C"
-				},
-				{
-					"id": "VAR002",
-					"mode": "IN",
-					"type": "str",
-					"val": "Hello World",
-					"rowStat": "U"
-				},
-				{
-					"id": "FUNC001",
-					"mode": "out",
-					"type": "function",
-					"val": "calculateSum()",
-					"rowStat": "C"
-				},
-				{
-					"id": "VAR003",
-					"mode": "IN",
-					"type": "int",
-					"val": "42",
-					"rowStat": "D"
-				},
-				{
-					"id": "VAR004",
-					"mode": "OUT",
-					"type": "str",
-					"val": "Sample Text",
-					"rowStat": "C"
-				}
-			];
 
 			this.setGridData({
 				gridKey: this.gridNameParam,
 				value: newRes,
 			});
-			// this.$nextTick(() => {
-			// 	if (newRes.length > 0) {
-			// 		try {
-			// 			this.$refs[this.gridNameParam].focus({
-			// 				//rowKey: 0,
-			// 				rowKey: 0,
-			// 				setScroll: true,
-			// 			});
-			// 		} catch (error) {
-			// 			console.log('error[nextTick grid] : ', error);
-			// 		}
-			// 	}
-			// });
+			this.$nextTick(() => {
+				if (newRes.length > 0) {
+					try {
+						this.$refs[this.gridNameParam].focus({
+							//rowKey: 0,
+							rowKey: 0,
+							setScroll: true,
+						});
+					} catch (error) {
+						console.log('error[nextTick grid] : ', error);
+					}
+				}
+			});
 			this.paramLoadGrid = true;
 		},
 		xlsDataBind(res) {
@@ -812,21 +718,21 @@ export default {
 		inputClick(event, item, valueNm) {
 			if (valueNm == 'refVal1') {
 				this.dialog = true;
-				// const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke(
-				// 	'getFocusedCell',
-				// ).rowKey;
-				// const selectRowData = this.$refs[this.gridName].gridInstance.invoke(
-				// 	'getRow',
-				// 	rowIdxKey,
-				// );
+				const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke(
+					'getFocusedCell',
+				).rowKey;
+				const selectRowData = this.$refs[this.gridName].gridInstance.invoke(
+					'getRow',
+					rowIdxKey,
+				);
 
-				// if (selectRowData.batchExecTp == 'DP') {
-				// 	// 여기에 팝업 레이어 띠우기 기능 추가
-				// 	this.pageData.paramStrData = event.target.value;
-				// 	this.pageData.paramChangeDataTarget = event.target;
-				// 	this.getRowParamData();
-				// 	this.dialog = true;
-				// }
+				if (selectRowData.batchExecTp == 'DP') {
+					// 여기에 팝업 레이어 띠우기 기능 추가
+					this.pageData.paramStrData = event.target.value;
+					this.pageData.paramChangeDataTarget = event.target;
+					this.getRowParamData();
+					this.dialog = true;
+				}
 			}
 		},
 		setParamChangeData() {
diff --git a/pages/comm/base/CalendarMngPage.vue b/pages/comm/base/CalendarMngPage.vue
index a966f0d..27d52e1 100644
--- a/pages/comm/base/CalendarMngPage.vue
+++ b/pages/comm/base/CalendarMngPage.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="l-layout">
-		<v-row ref="searchFilter">
+		<common-page-title />
+		<v-row ref="searchFilter" class="mt-2">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="end" no-gutters>
@@ -20,28 +21,29 @@
 			</v-col>
 		</v-row>
 		<v-row ref="contents" id="CalendarMngContent" class="mt-4">
-			<v-col cols="12" lg="4" class="h100 pr-2">
+			<v-col cols="12" lg="4" class=" pr-2">
 				<v-card class="w100">
 					<v-card-title class="d-flex justify-space-between align-center">
 						<span class="custom-title-4">캘린더 리스트</span>
 						<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
 					</v-card-title>
-					<v-card-actions class="pt-0 px-5 pb-5" :style="{ height: 'calc(100% - 72.56px)' }">
+					<v-card-actions class="pt-0 px-5 pb-5" :style="{ height: 'calc(100% - 10px)' }">
 						<div ref="gridParent" class="w100 h100">
 							<component class="w100" :ref="gridName + myPrgmId" :is="loadGrid ? 'Grid' : null"
 								:gridName="gridName" :parentPrgmId="myPrgmId" :editorGrid="true"
-								@getRowsData="getRowData" :dataPath="dataPathExample" />
+								@getRowsData="getRowData" />
 						</div>
 					</v-card-actions>
 				</v-card>
 			</v-col>
-			<v-col cols="12" lg="8" class="h100 pl-3">
+			<v-col cols="12" lg="8" class=" pl-3">
 				<v-card>
 					<v-card-title>
 						<span class="custom-title-4">캘린더 미리보기</span>
 					</v-card-title>
-					<v-card-actions class="px-5 d-block" :style="{ height: 'calc(100% - 62px)' }">
-						<Calendar :parentPrgmId="myPrgmId" :gridName="gridName" :headerVisible="false" />
+					<v-card-actions class="px-5 d-block" >
+						<Calendar :parentPrgmId="myPrgmId" :gridName="gridName" :headerVisible="false"
+							:showTitle="false" />
 					</v-card-actions>
 				</v-card>
 			</v-col>
@@ -94,81 +96,7 @@ export default {
 		return {
 			myPrgmId: myPrgmId,
 			gridName: 'rowGrid',
-			loadGrid: true,
-			dataPathExample: {
-				"rowGrid": {
-					data: [
-						{
-							"hldyFg": "평일",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-23",
-							"dtNm": "수요일",
-							"dt": "2025-07-21",
-							"dtNm": "월요일",
-							"hldyFg": "평일",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-22",
-							"dtNm": "화요일",
-							"hldyFg": "평일",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-24",
-							"dtNm": "목요일",
-							"hldyFg": "평일",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-25",
-							"dtNm": "금요일",
-							"hldyFg": "평일",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-26",
-							"dtNm": "토요일",
-							"hldyFg": "주말",
-							"hldyNm": ""
-						},
-						{
-							"dt": "2025-07-27",
-							"dtNm": "일요일",
-							"hldyFg": "휴일",
-							"hldyNm": "정기휴일"
-						}
-					],
-					column: [
-						{
-							header: '일자',
-							name: 'dt',
-							align: 'center',
-							// formatter({ value }) {
-							// 	return value.split(' ')[0];
-							// },
-						},
-						{
-							header: '요일',
-							name: 'dtNm',
-							align: 'center',
-							// formatter({ value }) {
-							// 	return value + '요일';
-							// },
-						},
-						{
-							header: '구분',
-							name: 'hldyFg',
-							align: 'center',
-							essential: true,
-						},
-						{ header: '휴일명', name: 'hldyNm', editor: 'text' },
-					],
-
-				}
-			},
+			loadGrid: false,
 			rowKey: null,
 			edtingFinishFlag: 'Y',
 		};
@@ -241,16 +169,19 @@ export default {
 			await this.gridInit();
 		},
 		async search() {
-			// await this.getRowGridData();
+			await this.getRowGridData();
 		},
 		async gridInit() {
-			// const gridHeight = this.$refs.gridParent.offsetHeight - 30;
-			// this.setGridOption({
-			// 	gridKey: this.gridName,
-			// 	value: Object.assign(Utility.defaultGridOption(gridHeight), {
-			// 		scrollX: false,
-			// 	}),
-			// });
+			const gridHeight = this.$refs.gridParent.offsetHeight - 30;
+			this.setGridOption({
+				gridKey: this.gridName,
+				value: Object.assign(Utility.defaultGridOption(gridHeight), {
+					scrollX: false, header: {
+						height: 37,
+					},
+					rowHeight: 37,
+				}),
+			});
 
 			// this.getRowGridData();
 		},
@@ -350,86 +281,86 @@ export default {
 
 			this.loadGrid = false;
 
-			// let res = await this.postApiReturn({
-			// 	apiKey: 'selectWorkCald',
-			// 	resKey: 'workcaldData',
-			// 	sendParam: {
-			// 		blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
-			// 		yymm: this.chkFromDt,
-			// 		comId: this.comId,
-			// 	},
-			// });
+			let res = await this.postApiReturn({
+				apiKey: 'selectWorkCald',
+				resKey: 'workcaldData',
+				sendParam: {
+					blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
+					yymm: this.chkFromDt,
+					comId: this.comId,
+				},
+			});
 
-			// let res2 = await this.postApiReturn({
-			// 	apiKey: 'selectWorkCaldDetl',
-			// 	resKey: 'workcaldDetlData',
-			// 	sendParam: {
-			// 		blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
-			// 		yymm: this.chkFromDt,
-			// 		comId: this.comId,
-			// 	},
-			// });
+			let res2 = await this.postApiReturn({
+				apiKey: 'selectWorkCaldDetl',
+				resKey: 'workcaldDetlData',
+				sendParam: {
+					blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
+					yymm: this.chkFromDt,
+					comId: this.comId,
+				},
+			});
 
-			// for (var i = 0; i < res2.length; i++) {
-			// 	if (
-			// 		!(
-			// 			res2[i].hldyNm == null ||
-			// 			res2[i].hldyNm == '토요일' ||
-			// 			res2[i].hldyNm == '일요일'
-			// 		)
-			// 	) {
-			// 		for (var j = i + 1; j < res2.length; j++) {
-			// 			if (res2[i].hldyNm == res2[j].hldyNm) {
-			// 				res2[i].hldyNm = '';
-			// 			}
-			// 		}
-			// 	}
-			// }
+			for (var i = 0; i < res2.length; i++) {
+				if (
+					!(
+						res2[i].hldyNm == null ||
+						res2[i].hldyNm == '토요일' ||
+						res2[i].hldyNm == '일요일'
+					)
+				) {
+					for (var j = i + 1; j < res2.length; j++) {
+						if (res2[i].hldyNm == res2[j].hldyNm) {
+							res2[i].hldyNm = '';
+						}
+					}
+				}
+			}
 
-			// res = res.map(item => {
-			// 	const dt = this.$dayjs(item.dt.split(' ')[0]); // YYYY-MM-DD
-			// 	const dtNm = dt.format('ddd'); // 요일
-			// 	const newItem = {
-			// 		...item,
-			// 		dtNm: dtNm,
-			// 		hldyNm: item.hldyNm ? item.hldyNm : '',
-			// 		rowStat: null,
-			// 	};
-			// 	return newItem;
-			// });
+			res = res.map(item => {
+				const dt = this.$dayjs(item.dt.split(' ')[0]); // YYYY-MM-DD
+				const dtNm = dt.format('ddd'); // 요일
+				const newItem = {
+					...item,
+					dtNm: dtNm,
+					hldyNm: item.hldyNm ? item.hldyNm : '',
+					rowStat: null,
+				};
+				return newItem;
+			});
 
-			// this.loadGrid = true;
-			// this.setPageData({ isFind: false });
+			this.loadGrid = true;
+			this.setPageData({ isFind: false });
 
-			// this.setGridColumn({
-			// 	gridKey: this.gridName,
-			// 	value: myColumns,
-			// });
+			this.setGridColumn({
+				gridKey: this.gridName,
+				value: myColumns,
+			});
 
-			// this.setGridData({
-			// 	gridKey: this.gridName,
-			// 	value: res,
-			// });
+			this.setGridData({
+				gridKey: this.gridName,
+				value: res,
+			});
 
-			// this.setPageData({ planData: res2 });
+			this.setPageData({ planData: res2 });
 
-			// // 첫번째 row 선택상태
-			// this.$nextTick(() => {
-			// 	this.$refs[this.gridName + this.myPrgmId].focus({
-			// 		//rowKey: 0,
-			// 		rowKey:
-			// 			this.pageData.rowGridSelectKey == '' ||
-			// 				this.pageData.rowGridSelectKey == null
-			// 				? 0
-			// 				: this.pageData.rowGridSelectKey ==
-			// 					this.$refs[this.gridName + this.myPrgmId].getData().length - 1
-			// 					? this.pageData.rowGridSelectKey
-			// 					: 0,
-			// 		columnName: 'dt',
-			// 		setScroll: true,
-			// 	});
-			// 	this.setPageData({ isFind: false });
-			// });
+			// 첫번째 row 선택상태
+			this.$nextTick(() => {
+				this.$refs[this.gridName + this.myPrgmId].focus({
+					//rowKey: 0,
+					rowKey:
+						this.pageData.rowGridSelectKey == '' ||
+							this.pageData.rowGridSelectKey == null
+							? 0
+							: this.pageData.rowGridSelectKey ==
+								this.$refs[this.gridName + this.myPrgmId].getData().length - 1
+								? this.pageData.rowGridSelectKey
+								: 0,
+					columnName: 'dt',
+					setScroll: true,
+				});
+				this.setPageData({ isFind: false });
+			});
 		},
 		async getRowData(data, gridName) {
 			this.setGridSelectData({
@@ -604,4 +535,17 @@ select.selectbox {
 	border-width: 0px;
 	// box-sizing: border-box;
 }
+
+::v-deep {
+	.custom-vc-calender {
+		.vc-header {
+			display: none;
+		}
+
+		.vc-weeks {
+			padding: 0;
+		}
+
+	}
+}
 </style>
diff --git a/pages/ems/base/EqpmGrpPysclQtyMngPage.vue b/pages/ems/base/EqpmGrpPysclQtyMngPage.vue
index b26eb74..db162df 100644
--- a/pages/ems/base/EqpmGrpPysclQtyMngPage.vue
+++ b/pages/ems/base/EqpmGrpPysclQtyMngPage.vue
@@ -31,7 +31,7 @@
 			</v-col>
 		</v-row>
 		<v-row ref="contents" class="mt-3">
-			<v-col :cols="5" class="h100 pr-2">
+			<v-col :cols="5" class="pr-2">
 				<v-card class="pb-5">
 					<v-card-title class="d-flex align-center justify-space-between pa-5">
 						물리량 리스트
@@ -50,7 +50,7 @@
 					</div>
 				</v-card>
 			</v-col>
-			<v-col :cols="7" class="h100 pl-2">
+			<v-col :cols="7" class="pl-2">
 				<v-card class="pb-5 px-4">
 					<v-card-title class="px-0">물리량 상세</v-card-title>
 					<v-row no-gutters>
@@ -114,7 +114,7 @@
 							<component :is="'TextArea'" :parentPrgmId="myPrgmId" ref="TextArea" :item="calcDescItem" />
 						</v-col>
 					</v-row>
-					<v-row no-gutters v-show="argContentShowFlag">
+					<v-row no-gutters v-show="argContentShowFlag" align="end" >
 						<v-col :cols="12" class="py-2">
 							<label for="">
 								<v-icon small
@@ -122,13 +122,13 @@
 								계산Argument
 							</label>
 						</v-col>
-						<v-col :cols="6" class="py-2">
+						<v-col :cols="6" class="py-2 pr-4">
 							<InputText :parentPrgmId="myPrgmId" label="ARG갯수" valueNm="argCnt" :labelCols="12"
-								:textCols="12" :iconShow="true" :required="requiredValueList[7]"
+								:textCols="12" :iconShow="false" :required="requiredValueList[7]"
 								:disabled="disabledValueList[7]" :readonly="readOnlyValueList[7]" />
 						</v-col>
-						<v-col :cols="4"> </v-col>
-						<v-col :cols="12" class="py-2" align="right">
+						<!-- <v-col :cols="4"> </v-col> -->
+						<v-col :cols="6" class="py-2" align="right">
 							<a-button type="primary" @click="btnAction('add')" class="v-btn-add-text mr-1" icon="plus">추가</a-button>
 							<a-button type="danger" @click="btnAction('remove')" ghost danger icon="delete">삭제</a-button>
 						</v-col>
@@ -225,61 +225,6 @@ export default {
 			formatterSelectList02: [],
 
 			loadGrid: false,
-			dataPathExample: {
-				"rowGrid": {
-					data: [
-						{
-							"pysclQtyId": "001",
-							"pysclQtyCd": "TEMP001",
-							"pysclQtyNm": "온도",
-							"pysclQtyTp": "실수"
-						},
-						{
-							"pysclQtyId": "002",
-							"pysclQtyCd": "PRESS001",
-							"pysclQtyNm": "압력",
-							"pysclQtyTp": "실수"
-						},
-						{
-							"pysclQtyId": "003",
-							"pysclQtyCd": "FLOW001",
-							"pysclQtyNm": "유량",
-							"pysclQtyTp": "정수"
-						},
-						{
-							"pysclQtyId": "004",
-							"pysclQtyCd": "HUMID001",
-							"pysclQtyNm": "습도",
-							"pysclQtyTp": "실수"
-						},
-						{
-							"pysclQtyId": "005",
-							"pysclQtyCd": "VOLT001",
-							"pysclQtyNm": "전압",
-							"pysclQtyTp": "실수"
-						}
-					]
-
-					,
-					column: [
-						{
-							header: '물리량 ID',
-							name: 'pysclQtyId',
-							width: 100,
-							align: 'center',
-						},
-						{ header: '물리량코드', name: 'pysclQtyCd', minWidth: 255 },
-						{ header: '물리량명', name: 'pysclQtyNm', width: 150 },
-						{
-							header: '물리량타입',
-							name: 'pysclQtyTp',
-							width: 80,
-						},
-
-					],
-
-				}
-			},
 			loadGrid2: false,
 			detailList: myDetail,
 
@@ -954,6 +899,8 @@ export default {
 					height: 37,
 				},
 				rowHeight: 'auto',
+				scrollX: true,
+				scrollY: true,
 			};
 
 			this.setGridOption({
@@ -967,7 +914,7 @@ export default {
 					header: '물리량 ID',
 					name: 'pysclQtyId',
 					width: 100,
-					align: 'center',
+					align: 'left',
 				},
 				{ header: '설비그룹 ID', name: 'eqpmGrpId', hidden: true },
 				{ header: 'argCnt', name: 'argCnt', hidden: true },
diff --git a/pages/ems/base/GdIdxMngPage.vue b/pages/ems/base/GdIdxMngPage.vue
index 85f177d..bca7aa5 100644
--- a/pages/ems/base/GdIdxMngPage.vue
+++ b/pages/ems/base/GdIdxMngPage.vue
@@ -119,109 +119,6 @@ export default {
 			selectValueList01: [],
 			selectValue02: null,
 			selectValueList02: [],
-			// pyscPopupValueChkList: 'pyscPopupValueChkList',
-			// pyscListChk: {
-			// 	pysclQtyId1 : null,
-			// 	pysclQtyId2 : null,
-			// 	pysclQtyId3 : null,
-			// 	pysclQtyId4 : null
-			// }
-			// dataPathExample: {
-			// 	"rowGrid": {
-			// 		data: [
-
-			// 			{
-			// 				gdIdxId: 'GD001',
-			// 				gdIdxNm: '온도 가이드',
-			// 				eqpmGrpId: 'EQ001',
-			// 				upTotMeth: 'AVG',
-			// 				careStndVal: 50,
-			// 				warnStndVal: 70,
-			// 				alrmMsg: '온도가 기준치를 초과했습니다.',
-			// 			},
-			// 			{
-			// 				gdIdxId: 'GD002',
-			// 				gdIdxNm: '습도 가이드',
-			// 				eqpmGrpId: 'EQ002',
-			// 				upTotMeth: 'MAX',
-			// 				careStndVal: 30,
-			// 				warnStndVal: 60,
-			// 				alrmMsg: '습도가 기준치를 초과했습니다.',
-			// 			},
-			// 			{
-			// 				gdIdxId: 'GD003',
-			// 				gdIdxNm: '압력 가이드',
-			// 				eqpmGrpId: 'EQ003',
-			// 				upTotMeth: 'SUM',
-			// 				careStndVal: 100,
-			// 				warnStndVal: 150,
-			// 				alrmMsg: '압력이 기준치를 초과했습니다.',
-			// 			}
-
-			// 		],
-			// 		column: [
-			// 			{
-			// 				header: '가이드',
-			// 				name: 'gdIdxId',
-			// 				width: 100,
-			// 				align: 'center',
-			// 			},
-			// 			{
-			// 				header: '가이드명',
-			// 				name: 'gdIdxNm',
-			// 				width: 210,
-			// 				align: 'left',
-			// 			},
-			// 			{
-			// 				header: '설비그룹ID',
-			// 				name: 'eqpmGrpId',
-			// 				width: 100,
-			// 				align: 'center',
-			// 				// formatter({ value }) {
-			// 				// 	let retVal = '';
-			// 				// 	const newValue = _this.pageData.eqpmGrpList.filter(item => item.value == value);
-			// 				// 	if (newValue.length > 0) {
-			// 				// 		retVal = newValue[0].text;
-			// 				// 	}
-			// 				// 	return retVal;
-			// 				// },
-			// 			},
-			// 			{
-			// 				header: '상위집계방법',
-			// 				name: 'upTotMeth',
-			// 				width: 100,
-			// 				align: 'center',
-			// 				// formatter({ value }) {
-			// 				// 	let retVal = '';
-			// 				// 	const newValue = _this.pageData.upTotMethList.filter(item => item.commCd == value);
-			// 				// 	if (newValue.length > 0) {
-			// 				// 		retVal = newValue[0].commCdNm;
-			// 				// 	}
-			// 				// 	return retVal;
-			// 				// },
-			// 			},
-			// 			{
-			// 				header: '주의기준',
-			// 				name: 'careStndVal',
-			// 				width: 100,
-			// 				align: 'right',
-			// 			},
-			// 			{
-			// 				header: '경고기준',
-			// 				name: 'warnStndVal',
-			// 				width: 100,
-			// 				align: 'right',
-			// 			},
-			// 			{
-			// 				header: '알람메세지',
-			// 				name: 'alrmMsg',
-			// 				minWidth: 860,
-			// 				align: 'left',
-			// 			}
-			// 		]
-
-			// 	}
-			// }
 		};
 	},
 	computed: {
@@ -627,59 +524,7 @@ export default {
 		async getRowGridData() {
 			this.loadGrid = false;
 			let res = [];
-			// const newRes = [
-			// 	{
-			// 		comId: 'COM001',
-			// 		gdIdxId: 'GD001',
-			// 		gdIdxNm: '온도 가이드',
-			// 		eqpmGrpId: 'EQ001',
-			// 		upTotMeth: 'AVG',
-			// 		sortSeq: 1,
-			// 		pysclQtyId1: 'TEMP',
-			// 		pysclQtyId2: null,
-			// 		pysclQtyId3: null,
-			// 		pysclQtyId4: null,
-			// 		ctgr1: '환경',
-			// 		ctgr2: '내부',
-			// 		careStndVal: 50,
-			// 		warnStndVal: 70,
-			// 		gdMeth: '자동',
-			// 		useFg: '1',
-			// 		alrmMsg: '온도가 기준치를 초과했습니다.',
-			// 		calcProc: 'PROC001',
-			// 		calcDesc: '평균 계산',
-			// 		calcMeth: '(A+B)/2',
-			// 		unit: 'C',
-			// 		argCnt: 2,
-			// 		rowStat: null,
-			// 	},
-			// 	{
-			// 		comId: 'COM002',
-			// 		gdIdxId: 'GD002',
-			// 		gdIdxNm: '습도 가이드',
-			// 		eqpmGrpId: 'EQ002',
-			// 		upTotMeth: 'MAX',
-			// 		sortSeq: 2,
-			// 		pysclQtyId1: 'HUMID',
-			// 		pysclQtyId2: null,
-			// 		pysclQtyId3: null,
-			// 		pysclQtyId4: null,
-			// 		ctgr1: '환경',
-			// 		ctgr2: '외부',
-			// 		careStndVal: 30,
-			// 		warnStndVal: 60,
-			// 		gdMeth: '수동',
-			// 		useFg: '0',
-			// 		alrmMsg: '습도가 기준치를 초과했습니다.',
-			// 		calcProc: 'PROC002',
-			// 		calcDesc: '최대값 계산',
-			// 		calcMeth: 'MAX(A,B)',
-			// 		unit: '%',
-			// 		argCnt: 2,
-			// 		rowStat: null,
-			// 	},
-			// ];
-
+		
 			res = await this.postApiReturn({
 				apiKey: 'selectEqpmGdIdxDataList',
 				resKey: 'eqpmGdIdxDataList',
@@ -1453,7 +1298,7 @@ const myDetail = [
 		class: 'pa-3',
 		// required: true,
 		openMode: 'ALL',
-		disabled: false,
+		disabled: true,
 		eqpmKindId: '',
 		eqpmGrpId: '',
 		closeBtnFg: true,
diff --git a/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue b/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue
index 8fb2a32..351da39 100644
--- a/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue
+++ b/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="l-layout">
-		<v-row ref="searchFilter">
+		<common-page-title />
+		<v-row ref="searchFilter" class="mt-2">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="center" no-gutters>
@@ -555,7 +556,7 @@ export default {
 				header: {
 					height: 37,
 				},
-				rowHeight: 'auto',
+				rowHeight: 37,
 
 
 				// pageOptions: {