fix bug screen 8

components/common/modal/EqpmSelectPop.vue

@@ -2,17 +2,14 @@
 	<v-row class="search-box" align="center" no-gutters>
 		<v-col v-if="label" :cols="labelCols" class="mr-2">
 			<label for="" class="search-box-label">
-				<v-icon v-if="iconShow" small
-					:class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
+				<v-icon v-if="iconShow" small :class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
 				{{ label }}
 			</label>
 		</v-col>
 		<v-col :cols="textCols">
 			<v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]"
 				@click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false"
-				:disabled="disabled || false"
-				:placeholder="placeholder"
-				>
+				:disabled="disabled || false" :placeholder="placeholder">
 				<template v-slot:append>
 					<!-- Custom SVG icon -->
 					<v-icon>$icoSearch</v-icon>
@@ -31,17 +28,17 @@
 					<v-row align="end">
 						<v-col :cols="3.5">
 							<!-- 설비그룹 -->
-							<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01"
-								:label="'설비그룹'" :disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event"
-								:labelCols="12" :textCols="12" :iconShow="true" />
+							<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01" :label="'설비그룹'"
+								:disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event" :labelCols="12" :textCols="12"
+								:iconShow="true" />
 						</v-col>
 						<v-col>
 							<!-- FAB -->
-							<component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02"
-								:label="'FAB'" :labelCols="12" :multiple="true" :disabled="fabDisabled"
-								@update:propsValue="selectValue02 = $event" :textCols="12" :iconShow="true" />
+							<component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02" :label="'FAB'"
+								:labelCols="12" :multiple="true" :disabled="fabDisabled" @update:propsValue="selectValue02 = $event"
+								:textCols="12" :iconShow="true" />
 						</v-col>
-						<v-col >
+						<v-col>
 							<v-row>
 								<v-col :cols="12" class="py-0">
 									<label for="" class="search-box-label">
@@ -86,15 +83,16 @@
 				</div>
 
 				<div class="pa-5" style="height:calc(100% - 30px)">
-					<div ref="modalGridParent" class="h100 w100">
+					<div ref="modalGridParent" :class="['h100', 'w100', isDarkMode ? 'dark-mode' : 'light-mode']">
 						<component :ref="gridName" :is="loadGrid ? 'Grid' : null"
-							:dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName"
-							:parentPrgmId="parentPrgmId" @getRowsData="getRowData" />
+							:dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName" :parentPrgmId="parentPrgmId"
+							@getRowsData="getRowData" />
 					</div>
 				</div>
 
 				<v-card-actions class="px-6 py-4 d-flex align-center justify-end">
-					<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="ant-btn-popup-default mr-2">닫기</a-button>
+					<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)"
+						class="ant-btn-popup-default mr-2">닫기</a-button>
 					<a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button>
 				</v-card-actions>
 			</v-card>
@@ -247,6 +245,7 @@ export default {
 					eqpmKindId: data.eqpmKindId,
 				}
 			},
+			isDarkMode: "isDarkMode",
 		}),
 		selectValue: {
 			get() {
@@ -585,8 +584,9 @@ var eqpmSelectPop = {
 
 	.tui-grid-lside-area {
 		.tui-grid-table {
+
 			.tui-grid-cell-header {
-				&.tui-grid-cell  {
+				&.tui-grid-cell {
 					input[type=checkbox] {
 						margin-top: 0px;
 					}
@@ -594,7 +594,23 @@ var eqpmSelectPop = {
 			}
 		}
 	}
-
 }
 
+@each $theme in dark, light {
+	@include theme($theme);
+
+	.#{$theme}-mode {
+		::v-deep {
+			.tui-grid-lside-area {
+				.tui-grid-table{
+					border-right: 1px solid map-deep-get($config,
+						#{$theme},
+						"tui-grid-border-vertical-color"
+					) !important;
+				}
+			}
+		}
+	}
+
+}
 </style>

components/pages/ems/EccInfo/EccAddInfoTab.vue

@@ -112,10 +112,10 @@ export default {
 				bodyHeight: gridHeight,
 				minBodyHeight: gridHeight,
 				header: {
-					height: 37,
+					height: 28,
 				},
-				rowHeight: 37,
-				minRowHeight: 37,
+				rowHeight: 29,
+				minRowHeight: 29,
 				selectionUnit: 'row',
 				editingEvent: 'click',
 			};

layouts/default.vue

@@ -347,6 +347,12 @@ export default {
         //console.log("localPageData", this.pageData);
       },
     },
+    isDarkMode(){
+      this.loadingStackCnt = 1;
+      setTimeout(() => {
+        this.loadingStackCnt = 0;
+      }, 1000);
+    },
     // menuLink: {
     //   deep: true,
     //   handler() {

pages/comm/auth/RoleMngPage.vue

@@ -505,10 +505,3 @@ const myDetail = [
 	},
 ];
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style>

pages/comm/auth/UserRoleMngPage.vue

@@ -1086,10 +1086,3 @@ function sha512(str) {
 		.digest('hex');
 }
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style> 

pages/comm/base/BatchLogMngPage.vue

@@ -143,7 +143,7 @@ export default {
 		chkIsFind(val) {
 			if (val) {
 				this.page = 1;
-				this.search(false);
+				this.search();
 			}
 		},
 		chkExecRsltCd() {
@@ -249,16 +249,14 @@ export default {
 
 			this.loadGrid = true;
 		},
-		async search(isPaging) {
-			await this.getRowGridData(isPaging);
+		async search() {
+			await this.getRowGridData();
 			await this.setPageData({
 				isFind: false,
 			});
 		},
-		async getRowGridData(isPaging) {
-			if(!isPaging) {
-				this.loadGrid = false;
-			}
+		async getRowGridData() {
+			this.loadGrid = false;
 			// this.setGridData({
 			// 	gridKey: this.gridName,
 			// 	value: [],
@@ -371,7 +369,7 @@ export default {
 			this.page = pageNum;
 			this.limit = limit;
 
-			this.search(true);
+			this.search();
 		},
 	},
 };

pages/comm/base/NoticeMngPage.vue

@@ -426,7 +426,7 @@ export default {
 			}
 		},
 		search() {
-			this.getGridData(false);
+			this.getGridData();
 		},
 		gridInit() {
 			const gridHeight = this.$refs.contents.offsetHeight - 120;
@@ -498,16 +498,16 @@ export default {
 			});
 			this.getGridData();
 		},
-		async getGridData(isPaging) {
+		async getGridData() {
 			var params = {
 				bordNo: 'BORD0001',
 				limit: this.limit,
 				page: this.page,
 				offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
 			};
-			if(!isPaging) {
-				this.loadGrid = false;
-			}
+
+			this.loadGrid = false;
+
 			const res = await this.postApiReturn({
 				apiKey: 'selectPostPage',
 				resKey: 'postPage',
@@ -1059,8 +1059,7 @@ export default {
 			this.page = pageNum;
 			this.limit = limit;
 
-			// this.search();
-			this.getGridData(true);
+			this.search();
 		},
 	},
 };

pages/comm/base/PrgmMngPage.vue

@@ -522,10 +522,3 @@ const myDetail = [
 	},
 ];
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style> 

pages/ems/base/EnrgCostCenterMngPage.vue

@@ -1029,10 +1029,3 @@ const myDetail = [
 	},
 ];
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style>

pages/ems/base/EquipmentMasterMngPage.vue

@@ -1005,10 +1005,3 @@ const dataPathDataExample = getPathDataExample({
 		field2: '2222',
 	});
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style>

pages/ems/base/PastRsltDataReadPage.vue

@@ -144,17 +144,17 @@ export default {
 		chkIsFind(val) {
 			if (val) {
 				this.page = 1;
-				this.search(false);
+				this.search();
 			}
 		},
 		chkTagId(val) {
 			if (this.initFlag && val != null) {
-				this.search(false);
+				this.search();
 			}
 		},
 		chkTagNm() {
 			if (this.initFlag) {
-				this.search(false);
+				this.search();
 			}
 		},
 		chkReadPlcId() {
@@ -193,13 +193,13 @@ export default {
 			postApiReturn: 'modules/list/postApiReturn',
 			chkOpenTabList: 'chkOpenTabList',
 		}),
-		async search(isPaging) {
+		async search() {
 			// this.gridInit();
 			if (this.initFlag) {
 				if (this.pageData.tagId == '' || this.pageData.tagId == null) {
 					alert('TAG를 선택해 주세요');
 				} else {
-					this.getRowGridData(isPaging);
+					this.getRowGridData();
 				}
 			}
 			this.setPageData({
@@ -289,10 +289,9 @@ export default {
 
 			this.loadGrid = true;
 		},
-		async getRowGridData(isPaging) {
-			if(!isPaging) {
-				this.loadGrid = false;
-			}
+		async getRowGridData() {
+			this.loadGrid = false;
+
 			let res = [];
 			let res2 = [];
 			let yearQuarterData = [];
@@ -477,7 +476,7 @@ export default {
 			this.page = pageNum;
 			this.limit = limit;
 
-			this.search(true);
+			this.search();
 		},
 	},
 };

pages/ems/base/ReadResultCloseMngPage.vue

@@ -198,7 +198,7 @@ export default {
     chkIsFind(val) {
       if (val) {
 				this.page = 1;
-				this.search(false);
+				this.search();
 			}
     },
     chkBlocId() {
@@ -265,13 +265,12 @@ export default {
         value: myColumns,
       });
     },
-    async search(isPaging) {
-      await this.getRowGridData(isPaging);
+    async search() {
+      await this.getRowGridData();
     },
-    async getRowGridData(isPaging) {
-      if(!isPaging) {
-        this.loadGrid = false;
-      }
+    async getRowGridData() {
+      this.loadGrid = false;
+
       if (
         this.pageData.blocMstrList.length > 0 &&
         this.pageData.commCdList.length > 0 &&
@@ -357,7 +356,7 @@ export default {
 			this.page = pageNum;
 			this.limit = limit;
 
-			this.search(true);
+			this.search();
 		},
   },
 };
@@ -466,10 +465,3 @@ const myColumns = [
   },
 ];
 </script>
-<style lang="scss" scoped>
-	::v-deep{
-		.tui-grid-layer-state{
-			top: 40px !important;
-		}
-	}
-</style>

pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue

@@ -211,7 +211,7 @@ export default {
 			}
 		},
 		chkIsFind(val) {
-			if (val) this.search(false);
+			if (val) this.search();
 		},
 		fabId(val) { },
 		fabNm(val) { },
@@ -371,8 +371,8 @@ export default {
 			}
 			await this.gridInit();
 		},
-		async search(isPaging) {
-			await this.getRowGridData(isPaging);
+		async search() {
+			await this.getRowGridData();
 			this.setPageData({
 				isFind: false,
 			});
@@ -725,10 +725,9 @@ export default {
 
 			this.getRowGridData();
 		},
-		async getRowGridData(isPaging) {
-			if(!isPaging) {
-				this.loadGrid = false;
-			}
+		async getRowGridData() {
+			this.loadGrid = false;
+
 			var res = await this.postApiReturn({
 				apiKey: 'selectEnrgEffcEqpmDetlMntr',
 				resKey: 'eqpmDetlData',
@@ -807,7 +806,7 @@ export default {
 			this.page = pageNum;
 			this.limit = limit;
 
-			this.search(true);
+			this.search();
 		},
 	},
 };