fixbug

Reviewed-on: #32

assets/scss/common/grid.scss

@@ -98,6 +98,12 @@
   @include theme($theme);
 
   .v-application.#{$theme}-mode {
+    .tui-grid-content-area{
+      .tui-grid-header-area{
+        height: auto !important;
+      }
+    }
+
     .grid-title {
       font-weight: 600;
       font-size: 16px;
@@ -308,13 +314,13 @@
             #{$theme},
             "tui-grid-cell-borderColor"
           );
-          .tui-grid-cell-content {
-            border-right: 1px solid ;
-            border-right-color: map-deep-get($config,
-              #{$theme},
-              "tui-grid-cell-borderColor"
-            );
-          }
+          // .tui-grid-cell-content {
+          //   border-right: 1px solid ;
+          //   border-right-color: map-deep-get($config,
+          //     #{$theme},
+          //     "tui-grid-cell-borderColor"
+          //   );
+          // }
         }
       }
 

components/common/button/ActionButtons.vue

@@ -1,21 +1,8 @@
 <template>
 	<div class="d-flex flex-row justify-center align-center" style="gap: 12px">
-		<!--<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
-			<v-icon>mdi-chevron-right</v-icon>
-		</v-btn> -->
-		<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost icon="up" >
+		<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" >
 		</a-button>
-
-		<!--<v-btn
-			icon
-			tile
-			:ripple="false"
-			class="mt-2"
-			@click="btnActionsFnc('removeRightToLeft')"
-		>
-			<v-icon>mdi-chevron-left</v-icon>
-		</v-btn> -->
-		<a-button   @click="btnActionsFnc('addLeftToRight')" type="primary" ghost icon="down">
+		<a-button   @click="btnActionsFnc('addLeftToRight')" type="primary" ghost :icon="icons.add">
 		</a-button>
 	</div>
 </template>
@@ -38,8 +25,18 @@ export default {
 			type: Function,
 			required: true,
 		},
+		directionBtn: {
+			type: String,
+			default: "horizontally" //horizontally, vertically.
+		}
+	},
+	computed: {
+		icons() {
+			return this.directionBtn === "vertically"
+				? { remove: "up", add: "down" }
+				: { remove: "left", add: "right" };
+			},
 	},
-	computed: {},
 	data() {
 		return {};
 	},

components/common/button/BtnExcelDownload.vue

@@ -45,7 +45,7 @@ export default {
 		size: {
 			type: String,
 			require: false,
-			default: "default", // small, middle, large
+			default: "default", // small, default, large
 		}
 	},
 	data() {

components/common/modal/ChangeUserPswdPopPage.vue

@@ -44,8 +44,7 @@
 				<v-card-title>
 					<span class="custom-title-4">비밀번호 {{ isPassword }}</span>
 				</v-card-title>
-				<v-divider></v-divider>
-				<v-card-text>
+				<v-card-text class="pb-4">
 					<v-col>
 						<label for="" class="search-box-label">
 							{{ isPassword }}할 비밀번호를 입력하세요
@@ -73,11 +72,10 @@
 						></v-text-field>
 					</v-col>
 				</v-card-text>
-				<v-divider></v-divider>
-				<v-card-actions>
+				<v-card-actions class="pb-4">
 					<v-spacer></v-spacer>
 					<!-- <v-btn color="primary" dark @click="setUpdate()">확인</v-btn> -->
-					<div>
+					<div class="pr-3">
 						 <a-button @click="close()" class="btn-default">삭제</a-button>
 						 <a-button type="primary" @click="setUpdate()" class="v-btn-add-text">
 							 확인

components/common/modal/ElecPowChrgPop.vue

@@ -58,7 +58,7 @@
 				<div class="pa-5">
 					<!-- <v-text-field label="위치정보 선택"></v-text-field> -->
 					<v-row align="center" no-gutters>
-						<v-col :cols="label ? 3 : ''">
+						<v-col :cols="label ? 3 : ''" class="pr-3" >
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="parentPrgmId"
@@ -66,41 +66,66 @@
 								dataKey="searchElecContKind"
 								:sendParam="{ commGrpCd: 'EM_CONT', useFg: '1' }"
 								:addAll="true"
+								:customClass="'select-large'"
 							/>
 						</v-col>
-						<v-col :cols="label ? 3 : ''">
+						<v-col :cols="label ? 3 : ''" class="pr-3" >
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="parentPrgmId"
 								:label="'전압구분'"
 								dataKey="searchVoltKind"
 								:sendParam="{ commGrpCd: 'EM_VOLT_KIND', useFg: '1' }"
+								:customClass="'select-large'"
 								:addAll="true"
 							/>
 						</v-col>
-						<v-col :cols="label ? 3 : ''">
+						<v-col :cols="label ? 3 : ''" class="pr-3" >
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="parentPrgmId"
 								:label="'전압구분'"
 								dataKey="searchOptKind"
 								:sendParam="{ commGrpCd: 'EM_VOLT_OPT', useFg: '1' }"
+								:customClass="'select-large'"
 								:addAll="true"
 							/>
 						</v-col>
 						<v-col cols="3" class="text-right">
-							<v-btn
+							<div style="height: 25px"></div>
+							<!-- <v-btn
 								v-if="!searchParam.isMulti"
 								:ripple="false"
 								@click="search()"
 								>검색</v-btn
+							> -->
+							<a-button
+								v-if="!searchParam.isMulti"
+								type="primary"
+								class="mr-1"
+								icon="search"
+								:ripple="false"
+								@click="search"
+								style="height: 40px"
 							>
-							<v-btn
+								검색
+							</a-button>
+							<!-- <v-btn
 								v-if="!searchParam.isMulti"
 								:ripple="false"
 								@click="initVal()"
 								>초기화</v-btn
+							> -->
+							<a-button
+								v-if="!searchParam.isMulti"
+								type="primary"
+								class="mr-1"
+								:ripple="false"
+								@click="initVal"
+								style="height: 40px"
 							>
+								초기화
+							</a-button>
 						</v-col>
 					</v-row>
 				</div>
@@ -310,7 +335,11 @@ export default {
 		},
 		// 공정/설비 트리 그리드 세팅
 		gridInit() {
-			const myOptions = {};
+			const myOptions = {
+				header: {
+					height: 38,
+				},
+			};
 			this.setModalGridOption({
 				modalKey: this.myModalKey,
 				gridKey: this.gridName,
@@ -606,11 +635,11 @@ const myColumns = [
 	{ header: '전력계약 ID', name: 'eleclContId', hidden: true},
 	{ header: '전력계약 명', name: 'eleclContNm', hidden: true},
 	{ header: '전력계약구분CD', name: 'elecContKind', hidden: true},
-	{ header: '전력계약구분', name: 'elecContKindNm', align: 'center'},
+	{ header: '전력계약구분', name: 'elecContKindNm', align: 'left'},
 	{ header: '전압구분CD', name: 'voltKind', hidden: true },
-	{ header: '전압구분', name: 'voltKindNm', align: 'center' },
+	{ header: '전압구분', name: 'voltKindNm', align: 'left' },
 	{ header: '옵션CD', name: 'optKind', hidden: true },
-	{ header: '옵션', name: 'optKindNm', align: 'center' },
+	{ header: '옵션', name: 'optKindNm', align: 'left' },
 	{
 		header: '기본요금(원/kW)',
 		name: 'baseChrg',
@@ -620,7 +649,7 @@ const myColumns = [
 		},
 	},
 	{ header: '시간대CD', name: 'peakKind', hidden: true },
-	{ header: '시간대', name: 'peakKindNm', align: 'center' },
+	{ header: '시간대', name: 'peakKindNm', align: 'left' },
 	{
 		header: '여름철(6~8월)',
 		name: 'unitPrcSum',

components/common/modal/TagTrndTagPop.vue

@@ -273,9 +273,9 @@ export default {
     });
   },
   async created() {
-    // await this.setSelectValueList01();
-    // await this.setSelectValueList02();
-    // await this.setSelectValueList03();
+    await this.setSelectValueList01();
+    await this.setSelectValueList02();
+    await this.setSelectValueList03();
     this.init();
     // if(this.searchParam.isMulti == true){
     //   this.setPageData({
@@ -487,40 +487,40 @@ export default {
         eqpmId: this.selectValue03,
         searchWord: this.searchWord,
       };
-      let res = [
-        {
-          eqpmGrpNm: "냉각 시스템",
-          eqpmGrpId: "GRP001",
-          eqpmId: "EQ001",
-          eqpmNm: "냉각기 A",
-          tagId: "TAG001-001",
-          tagNm: "냉각 온도 센서",
-          rowStat: "I",
-        },
-        {
-          eqpmGrpNm: "전력 시스템",
-          eqpmGrpId: "GRP002",
-          eqpmId: "EQ002",
-          eqpmNm: "변압기 B",
-          tagId: "TAG002-002",
-          tagNm: "전류 센서",
-          rowStat: "U",
-        },
-        {
-          eqpmGrpNm: "공기압 시스템",
-          eqpmGrpId: "GRP003",
-          eqpmId: "EQ003",
-          eqpmNm: "압축기 C",
-          tagId: "TAG003-003",
-          tagNm: "압력 센서",
-          rowStat: "D",
-        },
-      ];
-      //   res = await this.postApiReturn({
-      //     apiKey: "selectTagAndEqpmList",
-      //     resKey: "tagTrndDatas",
-      //     sendParam: searchParam,
-      //   });
+      // let res = [
+      //   {
+      //     eqpmGrpNm: "냉각 시스템",
+      //     eqpmGrpId: "GRP001",
+      //     eqpmId: "EQ001",
+      //     eqpmNm: "냉각기 A",
+      //     tagId: "TAG001-001",
+      //     tagNm: "냉각 온도 센서",
+      //     rowStat: "I",
+      //   },
+      //   {
+      //     eqpmGrpNm: "전력 시스템",
+      //     eqpmGrpId: "GRP002",
+      //     eqpmId: "EQ002",
+      //     eqpmNm: "변압기 B",
+      //     tagId: "TAG002-002",
+      //     tagNm: "전류 센서",
+      //     rowStat: "U",
+      //   },
+      //   {
+      //     eqpmGrpNm: "공기압 시스템",
+      //     eqpmGrpId: "GRP003",
+      //     eqpmId: "EQ003",
+      //     eqpmNm: "압축기 C",
+      //     tagId: "TAG003-003",
+      //     tagNm: "압력 센서",
+      //     rowStat: "D",
+      //   },
+      // ];
+      let res = await this.postApiReturn({
+          apiKey: "selectTagAndEqpmList",
+          resKey: "tagTrndDatas",
+          sendParam: searchParam,
+      });
       let newRes = [];
       if (this.searchParam["tagList"].length > 0) {
         newRes = res.filter((item) => {

components/pages/ems/DataSetInfo/DataSetTagRelTab.vue

@@ -38,7 +38,7 @@
 import { mapState, mapMutations, mapActions } from 'vuex';
 import Buttons from '~/components/common/button/Buttons';
 import Grid from '~/components/common/Grid';
-import { CustumChecbox } from '~/plugins/gridUtility';
+import { CustomCheckbox } from '~/plugins/gridUtility';
 import { CustomNumberEditor } from '~/plugins/gridUtility';
 import Form from '~/components/common/form/Form';
 import mixinGlobal from '@/mixin/global.js';

components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue

@@ -30,7 +30,7 @@
 import { mapState, mapMutations, mapActions } from 'vuex';
 import Buttons from '~/components/common/button/Buttons';
 import Grid from '~/components/common/Grid';
-import { CustumChecbox } from '~/plugins/gridUtility';
+import { CustomCheckbox } from '~/plugins/gridUtility';
 import { CustomNumberEditor } from '~/plugins/gridUtility';
 import Form from '~/components/common/form/Form';
 import mixinGlobal from '@/mixin/global.js';
@@ -185,7 +185,7 @@ export default {
 					align: 'center',
 					width: 100,
 					// renderer: {
-					//   type: CustumChecbox,
+					//   type: CustomCheckbox,
 					//   options: {
 					//     onlyone: true,
 					//     // disabled: true

layouts/default.vue

@@ -61,10 +61,10 @@
                 </v-list-item>
               </v-list>
             </v-menu>
-            <a-button id="refresh" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1">
+            <a-button id="removeBm" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1">
               <span class="material-icons" style="font-size: 17px">star</span>
             </a-button>
-            <a-button id="refresh" class="btn-header" :style="{
+            <a-button id="addBm" class="btn-header" :style="{
                     display: 'flex',
                     alignItems: 'center'}" @click="addBookMark" v-if="bookmarkBtn == 0">
               <span class="material-icons" style="font-size: 17px">star_border</span>

pages/comm/auth/MenuRoleMngPage.vue

@@ -342,7 +342,7 @@ export default {
 			//---------------------gridOption 설정 끝----------------------------
 
 			//---------------------gridName3의 체크박스 설정 시작----------------------------
-			class CustumChecbox {
+			class CustomCheckbox {
 				constructor(props) {
 					const el = document.createElement('input');
 					const { grid, rowKey, columnInfo } = props;
@@ -433,7 +433,7 @@ export default {
 					name: 'useFg',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -441,7 +441,7 @@ export default {
 					name: 'authCd1',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -449,7 +449,7 @@ export default {
 					name: 'authCd2',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -457,7 +457,7 @@ export default {
 					name: 'authCd3',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -465,7 +465,7 @@ export default {
 					name: 'authCd4',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -473,7 +473,7 @@ export default {
 					name: 'authCd5',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 				{
@@ -481,7 +481,7 @@ export default {
 					name: 'authCd6',
 					align: 'center',
 					renderer: {
-						type: CustumChecbox,
+						type: CustomCheckbox,
 					},
 				},
 			];

pages/comm/auth/UserRoleMngPage.vue

@@ -151,6 +151,7 @@
 												:leftGridName="gridName2"
 												:rightGridName="gridName3"
 												:btnActionsFnc="dualGridBtnActions"
+												directionBtn="vertically"
 											/>
 										</v-col>
 										<v-col :cols="12" class="h100">
@@ -981,7 +982,7 @@ const myDetail = blocCdList => {
 			cols: 6,
 			labelCols: 12,
 			textCols: 12,
-			class: 'py-2 pr-4',
+			class: 'py-2 pl-4',
 			iconShow: true,
 			required: true,
 		},
@@ -1005,7 +1006,7 @@ const myDetail = blocCdList => {
 			cols: 6,
 			labelCols: 12,
 			textCols: 12,
-			class: 'py-2 pr-4',
+			class: 'py-2 pl-4',
 			iconShow: true,
 			required: true,
 		},
@@ -1031,7 +1032,7 @@ const myDetail = blocCdList => {
 			cols: 6,
 			labelCols: 12,
 			textCols: 12,
-			class: 'py-2 pr-4',
+			class: 'py-2 pl-4',
 			iconShow: true,
 		},
 		{
@@ -1054,7 +1055,7 @@ const myDetail = blocCdList => {
 			cols: 6,
 			labelCols: 12,
 			textCols: 12,
-			class: 'py-2 pr-4',
+			class: 'py-2 pl-4',
 			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},
@@ -1078,7 +1079,7 @@ const myDetail = blocCdList => {
 			cols: 6,
 			labelCols: 12,
 			textCols: 12,
-			class: 'py-2 pr-4',
+			class: 'py-2 pl-4',
 			iconShow: true,
 			placeholder: '시스템 자동입력',
 		},

pages/ems/base/EnrgCostCenterMngPage.vue

@@ -4,7 +4,7 @@
 			<v-col :cols="12">
 				<v-card class="searchFilter">
 					<v-row align="center" no-gutters>
-						<v-col :cols="3">
+						<v-col :cols="2.5">
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="myPrgmId"
@@ -14,7 +14,7 @@
 								:addAll="true"
 							/>
 						</v-col>
-						<v-col :cols="3">
+						<v-col :cols="2.5">
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="myPrgmId"
@@ -24,8 +24,8 @@
 								:addAll="true"
 							/>
 						</v-col>
-						<v-col :cols="3">
-							<!-- 사업장 -->
+						<!-- 사업장 -->
+						<!-- <v-col :cols="3">
 							<div style="visibility:hidden">
 								<component
 									:is="'SelectBlocMstr'"
@@ -33,13 +33,8 @@
 									:parentPrgmId="myPrgmId"
 								/>
 							</div>
-						</v-col>
-						<v-col :cols="3" class="text-right">
-							<BtnSearch @click="search" />
-						</v-col>
-					</v-row>
-					<v-row align="center" no-gutters>
-						<v-col :cols="3">
+						</v-col> -->
+						<v-col :cols="2.5">
 							<component
 								:is="'selectCodeList'"
 								:parentPrgmId="myPrgmId"
@@ -49,7 +44,7 @@
 								:addAll="true"
 							/>
 						</v-col>
-						<v-col :cols="6">
+						<v-col :cols="2.5">
 							<InputText
 								:parentPrgmId="myPrgmId"
 								label="공정명"
@@ -59,6 +54,12 @@
 								:searchOption="true"
 							/>
 						</v-col>
+						<v-col class="text-right">
+							<BtnSearch @click="search" />
+						</v-col>
+					</v-row>
+					<v-row align="center" no-gutters>
+						
 					</v-row>
 				</v-card>
 			</v-col>

pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue

@@ -49,7 +49,7 @@
 						<v-col :cols="3">
 							<!-- 대상일 -->
 							<component :is="'Datepicker'" :parentPrgmId="myPrgmId" :label="'대상일'" :labelCols="12"
-								:textCols="12" :customClass="'input-large'" />
+								:textCols="12" :customClass="'datepicker-large'" />
 						</v-col>
 						<v-col :cols="3" class="text-right">
 							<!-- 조회버튼 -->

pages/ems/effc/EnrgEffcTotSummPage.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="l-layout">
+    <CommonPageTitle />
     <v-row ref="searchFilter">
       <v-col :cols="12">
         <v-card class="searchFilter">
@@ -25,7 +26,7 @@
               <component
                 :is="'Datepicker'"
                 :parentPrgmId="myPrgmId"
-                :customClass="'select-large'"
+                :customClass="'datepicker-large'"
                 :label="'대상일'"
                 :labelCols="3"
               />
@@ -99,7 +100,6 @@ export default {
   async asyncData(context) {
     const myState = context.store.state;
     myPrgmId = context.route.query.prgmId;
-    console.log("active menu:", myState.menuData);
     await context.store.commit("setActiveMenuInfo", myState.menuData[myPrgmId]);
     myTitle = await myState.activeMenuInfo.menuNm;
   },
@@ -319,8 +319,7 @@ export default {
         },
       };
 
-      console.log("data : ", data);
-      data.map((item) => {
+        data.map((item) => {
         xAxisData.push(item.fabNm);
       });
 
@@ -374,8 +373,6 @@ export default {
         ];
       }
 
-      // console.log("xAxisData : ", xAxisData);
-      console.log("seriesData : ", seriesData);
       var chartOption = {
         legend: {
           top: xAxisData.length > 7 ? "top" : "bottom",

pages/ems/effc/EnrgUseEqpmDetlMntrPage.vue

@@ -97,7 +97,7 @@
     </v-row>
     <v-row ref="contents" style="height: calc(100vh - 230px)">
       <v-col :cols="12" style="height: 100%">
-        <v-row class="pa-1" style="height: 37%; width: 100%">
+        <v-row class="pa-1" style="height: 50%; width: 100%">
           <div style="width: 100%; height: 100%; overflow: hidden">
             <div style="height: 15%">
               <v-card-title
@@ -117,7 +117,7 @@
                   v-for="(value, key, index) in contentData01"
                   :key="'key1' + index"
                 >
-                  <v-card>
+                  <v-card style="position: relative; overflow: hidden;" >
                     <!-- Card header -->
                     <div
                       style="
@@ -133,23 +133,9 @@
                     <v-card-title style="padding-left: 10px">{{
                       value["gdIdxNm"]
                     }}</v-card-title>
-                    <div class="v-box" style="height: 80%; padding: 3px; margin: 2px">
-                      <v-col :cols="12" style="height: 100%">
-                        <!-- <div style="height: 20%">
-                          <div
-                            style="
-                              position: absolute;
-                              left: 0;
-                              top: 10px;
-                              width: 4px;
-                              height: 50px;
-                              background-color: #91caff;
-                              border-radius: 2px;
-                            "
-                          ></div>
-                          <v-card-title>{{ value["gdIdxNm"] }}</v-card-title>
-                        </div> -->
-                        <div style="height: 95%">
+                    <div class="v-box" style="height: 80%; padding: 3px; margin: 10px;">
+                      <v-col :cols="12" style="height: 100%;">
+                        <div style="height: 85%;">
                           <component
                             class="w100 h100"
                             :is="loadChart ? 'Chart' : null"
@@ -166,7 +152,7 @@
             </div>
           </div>
         </v-row>
-        <v-row class="pa-1" style="height: 33%; width: 100%">
+        <v-row class="pa-1" style="height: 40%; width: 100%">
           <v-card class="pa-1" style="height: 100%; width: 100%; overflow: hidden">
             <div style="height: 25%">
               <v-card-title class="d-flex align-center justify-space-between pa-5">
@@ -746,10 +732,12 @@ export default {
 					{
             type: "line",
 						data: seriesData,
-            symbol: "none",
             itemStyle: {
               color: "#D32029",
             },
+            // symbol: "circle",
+            showSymbol: true,
+            connectNulls: true,
           },
           // {
           //   type: "line",

pages/ems/effc/EnrgUsePlanPage.vue

@@ -10,15 +10,15 @@
 						</v-col>
 						<v-col :cols="2.5">
 							<component :is="'SelectBox'" ref="SelectBox1" :propsValue="selectValue01" :itemList="selectValueList01"
-								:label="'FAB'" @update:propsValue="selectValue01 = $event" :iconShow="false" customClass="select-large" />
+								:label="'FAB'" @update:propsValue="selectValue01 = $event" :iconShow="true" customClass="select-large" />
 						</v-col>
 						<v-col :cols="2.5">
 							<component :is="'SelectBox'" ref="SelectBox2" :propsValue="selectValue02" :itemList="selectValueList02"
-								:label="'설비종류'" @update:propsValue="selectValue02 = $event" :iconShow="false" customClass="select-large"/>
+								:label="'설비종류'" @update:propsValue="selectValue02 = $event" :iconShow="true" customClass="select-large"/>
 						</v-col>
 						<v-col :cols="2.5">
 							<component :is="'SelectBox'" ref="SelectBox3" :propsValue="selectValue03" :itemList="selectValueList03"
-								:label="'설비그룹'" @update:propsValue="selectValue03 = $event" :iconShow="false" customClass="select-large" />
+								:label="'설비그룹'" @update:propsValue="selectValue03 = $event" :iconShow="true" customClass="select-large" />
 						</v-col>
 
 						<BtnSearch size="large" @click="search" />
@@ -33,7 +33,7 @@
 		<v-row ref="contents">
 			<v-col :cols="12" >
 				<v-card class="pb-5">
-					<div class="d-flex align-center justify-space-between pa-4">
+					<div class="d-flex align-center justify-space-between py-4 px-4">
 						<v-card-title class="pa-0 custom-title-4">설비별 에너지 계획 리스트</v-card-title>
 						<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
 					</div>
@@ -291,7 +291,7 @@ export default {
 				},
 			};
 
-			class CustumButton {
+			class CustomButton {
 				constructor(props) {
 					const { grid, rowKey, columnInfo } = props;
 
@@ -304,7 +304,7 @@ export default {
 					$(elDiv).addClass('tui-grid-cell-content d-flex justify-space-between');
 					const el2 = document.createElement('button');
 					$(el2).addClass('edit-btn blue--text');
-					el2.innerText = 'Edit';
+					el2.innerText = '편집하다';
 					elDiv.appendChild(el2);
 
 					this.el = elDiv;
@@ -352,7 +352,7 @@ export default {
 					header: 'NO',
 					name: 'rowNum',
 					width: 40,
-					align: 'center',
+					align: 'right',
 					// hidden: true,
 				},
 				{
@@ -389,7 +389,7 @@ export default {
 					// `;
 					// }
 					renderer: {
-						type: CustumButton,
+						type: CustomButton,
 						options: {
 							value: '계획수정',
 						},
@@ -402,7 +402,7 @@ export default {
 					align: 'center',
 					hidden: true,
 					renderer: {
-						type: CustumButton,
+						type: CustomButton,
 						options: {
 							value: '계획수정',
 						},

pages/ems/effc/EnrgUseTotSummPage.vue

@@ -24,6 +24,7 @@
                 :is="'DatePicker'"
                 :label="'대상연월'"
                 :parentPrgmId="myPrgmId"
+                :customClass="'datepicker-large'"
               />
             </v-col>
             <v-col :cols="3"> </v-col>
@@ -429,9 +430,6 @@ export default {
       var chartKey = null;
       var chartOption = null;
 
-      console.log("data key:", dataKeyList);
-      console.log("data test:", data);
-
       for (var i = 0; i < dataKeyList.length; i++) {
         for (var j = 0; j < data[dataKeyList[i]].chartData.length; j++) {
           currentChartData = data[dataKeyList[i]].chartData[j];

pages/ems/effc/EqpmIndMntrPage.vue

@@ -71,6 +71,7 @@
                 :label="'대상년월'"
                 :parentPrgmId="myPrgmId"
                 :isRangeOption="false"
+                :customClass="'datepicker-large'"
               />
             </v-col>
             <v-col :cols="6"> </v-col>

plugins/gridUtility.js

@@ -115,7 +115,7 @@ export class CustomCalcNumberEditor {
 	}
 }
 
-export class CustumChecbox {
+export class CustomCheckbox {
 	constructor(props) {
 		const el = document.createElement('input');
 		const { grid, rowKey, columnInfo } = props;
@@ -169,7 +169,7 @@ export class CustumChecbox {
 	}
 }
 
-export class CustumButton {
+export class CustomButton {
 	constructor(props) {
 		const el = document.createElement('button');
 		const { grid, rowKey, columnInfo } = props;