Change style to built in class + Add missing titlte

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.setSelectValueList01();
-    // await this.setSelectValueList02();
+    await this.setSelectValueList02();
-    // await this.setSelectValueList03();
+    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 = [
+      // let res = [
-        {
+      //   {
-          eqpmGrpNm: "냉각 시스템",
+      //     eqpmGrpNm: "냉각 시스템",
-          eqpmGrpId: "GRP001",
+      //     eqpmGrpId: "GRP001",
-          eqpmId: "EQ001",
+      //     eqpmId: "EQ001",
-          eqpmNm: "냉각기 A",
+      //     eqpmNm: "냉각기 A",
-          tagId: "TAG001-001",
+      //     tagId: "TAG001-001",
-          tagNm: "냉각 온도 센서",
+      //     tagNm: "냉각 온도 센서",
-          rowStat: "I",
+      //     rowStat: "I",
-        },
+      //   },
-        {
+      //   {
-          eqpmGrpNm: "전력 시스템",
+      //     eqpmGrpNm: "전력 시스템",
-          eqpmGrpId: "GRP002",
+      //     eqpmGrpId: "GRP002",
-          eqpmId: "EQ002",
+      //     eqpmId: "EQ002",
-          eqpmNm: "변압기 B",
+      //     eqpmNm: "변압기 B",
-          tagId: "TAG002-002",
+      //     tagId: "TAG002-002",
-          tagNm: "전류 센서",
+      //     tagNm: "전류 센서",
-          rowStat: "U",
+      //     rowStat: "U",
-        },
+      //   },
-        {
+      //   {
-          eqpmGrpNm: "공기압 시스템",
+      //     eqpmGrpNm: "공기압 시스템",
-          eqpmGrpId: "GRP003",
+      //     eqpmGrpId: "GRP003",
-          eqpmId: "EQ003",
+      //     eqpmId: "EQ003",
-          eqpmNm: "압축기 C",
+      //     eqpmNm: "압축기 C",
-          tagId: "TAG003-003",
+      //     tagId: "TAG003-003",
-          tagNm: "압력 센서",
+      //     tagNm: "압력 센서",
-          rowStat: "D",
+      //     rowStat: "D",
-        },
+      //   },
-      ];
+      // ];
-      //   res = await this.postApiReturn({
+      let res = await this.postApiReturn({
-      //     apiKey: "selectTagAndEqpmList",
+          apiKey: "selectTagAndEqpmList",
-      //     resKey: "tagTrndDatas",
+          resKey: "tagTrndDatas",
-      //     sendParam: searchParam,
+          sendParam: searchParam,
-      //   });
+      });
       let newRes = [];
       if (this.searchParam["tagList"].length > 0) {
         newRes = res.filter((item) => {

layouts/default.vue

@@ -62,10 +62,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/base/NoticeMngPage.vue

@@ -3,22 +3,22 @@
 		<CommonPageTitle />
 		<!-- 리스트 페이지 시작 -->
 		<div v-if="pageActionFlag == 'list'" class="h1001">
-			<v-card class="">
+			<v-card class="" >
 				<div class="pa-5">
-					<v-row align="center" no-gutters>
+					<v-row align="center" no-gutters >
 						<v-col :cols="12" class="d-flex align-center justify-space-between">
 							<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
 							<div class="d-flex align-center">
 								<!-- <v-btn @click="listPageButtonGroupClickEvent('view')" :ripple="false" class="mr-1">상세보기</v-btn> -->
-								<a-button type="primary" size="large" @click="listPageButtonGroupClickEvent('write')"
+								<a-button type="primary" size="large" @click="listPageButtonGroupClickEvent('write')" :ripple="false"
-									:ripple="false" icon="edit" class="mr-1">작성</a-button>
+									icon="edit" class="mr-1">작성</a-button>
 								<!-- <v-btn @click="listPageButtonGroupClickEvent('delete')" :ripple="false">삭제</v-btn> -->
 							</div>
 						</v-col>
 						<v-col :cols="12" ref="contents" class="mt-5" style="min-height: calc(100% - 76px);">
 							<div ref="gridParent" class="px-50" style="min-height: 70vh;">
-								<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
+								<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
-									:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
+									 @getRowsData="getRowData" />
 							</div>
 						</v-col>
 					</v-row>
@@ -27,23 +27,22 @@
 		</div>
 		<!-- 리스트 페이지 끝 -->
 		<!-- 상세보기 페이지 시작 -->
-		<div v-if="pageActionFlag == 'view'">
+		<div v-if="pageActionFlag == 'view'" >
 			<v-card>
 				<v-row class="pa-5">
 					<v-col :cols="12" class="d-flex align-center justify-space-between ">
-						<v-card-title class="pa-0 custom-title-4">공지사항 보기</v-card-title>
+						<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
 						<div class="d-flex align-center">
-							<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false"
+							<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false" class="mr-1"
-								class="mr-1" icon="unordered-list">목록</a-button>
+								icon="unordered-list">목록</a-button>
-							<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false"
+							<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false" class="mr-1"
-								class="mr-1" icon="send-outlined">
+								icon="send-outlined">
 								<v-icon small :class="['mr-2']">$icoSend</v-icon>
 								답글
 							</a-button>
-							<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false"
+							<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false" class="mr-1"
-								class="mr-1" icon="edit">수정</a-button>
+								icon="edit">수정</a-button>
-							<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost
+							<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost icon="delete">삭제</a-button>
-								icon="delete">삭제</a-button>
 						</div>
 					</v-col>
 					<v-col :cols="12" class="mt-5">
@@ -58,12 +57,13 @@
 						<v-card-title class="custom-title-7 pa-0">
 							파일목록
 						</v-card-title>
-						<div v-for="fileData in viewActionData.fileData" :key="fileData.apndFileId" class="file-item">
+						<div v-for="fileData in viewActionData.fileData" 
+							:key="fileData.apndFileId" 
+							class="file-item">
 							<a @click.prevent="downloadFile(fileData)">
 								<div class="d-flex justify-start search-box-label">
 									<v-icon>mdi-paperclip</v-icon>
-									<span class="file-item-name ml-2">{{ fileData.apndFileNm + '.' +
+									<span class="file-item-name ml-2">{{ fileData.apndFileNm + '.' + fileData.apndFileExt }}</span>
-										fileData.apndFileExt }}</span>
 								</div>
 							</a>
 						</div>
@@ -73,12 +73,12 @@
 		</div>
 		<!-- 상세보기 페이지 끝 -->
 		<!-- 작성 페이지 시작 -->
-		<div v-if="pageActionFlag == 'write'">
+		<div v-if="pageActionFlag == 'write'" >
 			<v-card>
 				<div class="pa-5">
 					<v-row class="pa-50">
 						<v-col :cols="12" class="">
-							<v-card-title class="custom-title-4 pa-0">공지사항 작성</v-card-title>
+							<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
 						</v-col>
 						<v-col :cols="12" class="mt-4">
 							<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
@@ -88,31 +88,37 @@
 						<v-col :cols="12" style="min-height: calc(100vh - 450px);">
 							<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg" />
 						</v-col>
-
+	
 						<v-col :cols="6" class="mt-5">
 							<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
 							<div class="" v-if="writeActionData.fileData">
-								<div v-for="(fileData, index) in writeActionData.fileData" :key="fileData.apndFileId"
+								<div 
+									v-for="(fileData, index) in writeActionData.fileData" 
+									:key="fileData.apndFileId" 
 									class="file-item d-flex justify-space-between">
 									<div class="file-item-detail">
 										<v-icon>mdi-paperclip</v-icon>
 										<span href="#" class="file-item-name">{{ fileData.name }}</span>
 									</div>
-									<a-icon type="delete" class="v-icon pointer"
+									<a-icon type="delete" class="v-icon pointer" @click="writeActionData.fileData.splice(index, 1)" />
-										@click="writeActionData.업로드fileData.splice(index, 1)" />
 								</div>
 							</div>
-							<a-button class="mt-2" icon="upload" @click="$refs.writeInputFile.$refs.input.click()">
+							<a-button class="mt-2" icon="upload" @click="$refs.writeInputFile.$refs.input.click()" >
 								업로드
 							</a-button>
-							<v-file-input ref="writeInputFile" v-model="writeActionData.fileData" multiple outlined
+							<v-file-input 
-								hide-input class="d-none" prepend-icon="mdi-tray-arrow-up"></v-file-input>
+								ref="writeInputFile" 
+								v-model="writeActionData.fileData" 
+								multiple
+								outlined 
+								hide-input
+								class="d-none"
+								prepend-icon="mdi-tray-arrow-up"
+							></v-file-input>
 						</v-col>
 						<v-col :cols="12" class="text-right">
-							<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false"
+							<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false" class="mr-2">취소</a-button>
-								class="mr-2">취소</a-button>
+							<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false" type="primary">등록</a-button>
-							<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false"
-								type="primary">등록</a-button>
 						</v-col>
 					</v-row>
 				</div>
@@ -120,7 +126,7 @@
 		</div>
 		<!-- 작성 페이지 끝 -->
 		<!-- 답글 작성 페이지 시작 -->
-		<div v-if="pageActionFlag == 'reply'">
+		<div v-if="pageActionFlag == 'reply'" >
 			<v-card class="pa-5">
 				<v-row align="center" class="mt-0">
 					<v-col :cols="12" class="">
@@ -128,7 +134,8 @@
 					</v-col>
 					<v-col :cols="12" class="mt-4">
 						<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
-						<v-text-field v-model="replyActionData.title" class="v-input__custom" outlined hide-details>
+						<v-text-field v-model="replyActionData.title" class="v-input__custom" outlined
+							hide-details>
 						</v-text-field>
 					</v-col>
 					<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
@@ -137,73 +144,72 @@
 					<v-col :cols="6" class="mt-5">
 						<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
 						<div class="" v-if="replyActionData.fileData">
-							<div v-for="(fileData, index) in replyActionData.fileData" :key="fileData.apndFileId"
+							<div 
+								v-for="(fileData, index) in replyActionData.fileData" 
+								:key="fileData.apndFileId" 
 								class="file-item d-flex justify-space-between">
 								<div class="file-item-detail">
 									<v-icon>mdi-paperclip</v-icon>
 									<span href="#" class="file-item-name">{{ fileData.name }}</span>
 								</div>
-								<a-icon type="delete" class="v-icon pointer"
+								<a-icon type="delete" class="v-icon pointer" @click="replyActionData.fileData.splice(index, 1)" />
-									@click="replyActionData.fileData.splice(index, 1)" />
 							</div>
 						</div>
-						<a-button class="mt-3" icon="upload" @click="$refs.replyInputFile.$refs.input.click()">
+						<a-button class="mt-3" icon="upload" @click="$refs.replyInputFile.$refs.input.click()" >
 							업로드
 						</a-button>
-						<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData"
+						<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData" hide-details="true" class="d-none">
-							hide-details="true" class="d-none">
 						</v-file-input>
 					</v-col>
 					<v-col :cols="12" class="text-right">
 						<a-button @click="replyPageButtonGroupClickEvent('cancel')" :ripple="false">취소</a-button>
-						<a-button @click="replyPageButtonGroupClickEvent('reply')" :ripple="false"
+						<a-button @click="replyPageButtonGroupClickEvent('reply')" :ripple="false" type="primary">등록</a-button>
-							type="primary">등록</a-button>
 					</v-col>
 				</v-row>
 			</v-card>
 		</div>
 		<!-- 답글 작성 페이지 끝 -->
 		<!-- 수정 페이지 시작 -->
-		<div v-if="pageActionFlag == 'update'">
+		<div v-if="pageActionFlag == 'update'" >
 			<v-card>
 				<div class="pa-5">
 					<v-row align="center" no-gutters>
 						<v-col :cols="12">
-							<v-card-title class="custom-title-4 pa-0">공지사항 수정</v-card-title>
+							<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
 						</v-col>
 						<v-col :cols="12" class="mt-4">
 							<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
-							<v-text-field v-model="updateActionData.title" class="v-input__custom" hide-details
+							<v-text-field v-model="updateActionData.title" class="v-input__custom" hide-details outlined>
-								outlined>
 							</v-text-field>
 						</v-col>
-						<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4">
+						<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4" >
 							<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
 								:initialValue="updateActionData.content" />
 						</v-col>
 						<v-col :cols="6" class="mt-5">
-							<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
+								<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
-							<div class="" v-if="updateActionData.fileData">
+								<div class="" v-if="updateActionData.fileData">
-								<div v-for="(fileData, index) in updateActionData.fileData" :key="fileData.apndFileId"
+									<div 
-									class="file-item d-flex justify-space-between">
+										v-for="(fileData, index) in updateActionData.fileData"
-									<div class="file-item-detail">
+										:key="fileData.apndFileId" 
-										<v-icon>mdi-paperclip</v-icon>
+										class="file-item d-flex justify-space-between">
-										<span href="#" class="file-item-name">{{ fileData.name }}</span>
+										<div class="file-item-detail">
+											<v-icon>mdi-paperclip</v-icon>
+											<span href="#" class="file-item-name">{{ fileData.name }}</span>
+										</div>
+										<a-icon type="delete" class="v-icon pointer" @click="updateActionData.fileData.splice(index, 1)" />
 									</div>
-									<a-icon type="delete" class="v-icon pointer"
-										@click="updateActionData.fileData.splice(index, 1)" />
 								</div>
-							</div>
+								<a-button class="mt-2" icon="upload" @click="$refs.updateInputFile.$refs.input.click()" >
-							<a-button class="mt-2" icon="upload" @click="$refs.updateInputFile.$refs.input.click()">
+									업로드
-								업로드
+								</a-button>
-							</a-button>
+								<v-file-input ref="updateInputFile" multiple show-size v-model="updateActionData.fileData"
-							<v-file-input ref="updateInputFile" multiple show-size v-model="updateActionData.fileData"
+									hide-details="true" class="d-none">
-								hide-details="true" class="d-none">
+								</v-file-input>
-							</v-file-input>
 						</v-col>
 						<v-col :cols="12" class="text-right">
-							<a-button @click="updatePageButtonGroupClickEvent('cancel')">취소</a-button>
+							<a-button @click="updatePageButtonGroupClickEvent('cancel')" >취소</a-button>
-							<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary">등록</a-button>
+							<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary" >등록</a-button>
 						</v-col>
 					</v-row>
 				</div>
@@ -289,6 +295,8 @@ export default {
 				postGrpOrd: null,
 				postOrgNo: null,
 			},
+			dataPathMock: {},
+
 		};
 	},
 	computed: {
@@ -333,7 +341,7 @@ export default {
 			chkOpenTabList: 'chkOpenTabList',
 			getDomain: 'modules/list/getDomain',
 		}),
-		onTest() {
+		onTest(){
 			console.log(this.writeActionData.fileData);
 		},
 		async init() {
@@ -392,11 +400,7 @@ export default {
 		gridInit() {
 			const gridHeight = this.$refs.contents.offsetHeight - 76;
 
-			const myOptions = {
+			const myOptions = {};
-				header: {
-					height: 38,
-				},
-			};
 			this.setGridOption({
 				gridKey: this.gridName,
 				value: Object.assign(Utility.defaultGridOption(gridHeight), myOptions),
@@ -417,7 +421,7 @@ export default {
 					align: 'center',
 					hidden: true,
 				},
-				{ header: '번호', name: 'postNo', width: 150, align: 'right' },
+				{ header: '번호', name: 'postNo', width: 150, align: 'center' },
 				{
 					header: '원글번호',
 					name: 'postOrgNo',
@@ -447,9 +451,9 @@ export default {
 					hidden: true,
 				},
 				{ header: '제목', name: 'title', align: 'left' },
-				{ header: '작성자', name: 'regUserNo', width: 250, align: 'right' },
+				{ header: '작성자', name: 'regUserNo', width: 250, align: 'center' },
 				{ header: '작성일', name: 'regDttm', width: 250, align: 'center' },
-				{ header: '조회수', name: 'viewCnt', width: 150, align: 'right' },
+				{ header: '조회수', name: 'viewCnt', width: 150, align: 'center' },
 				// {header: "파일아이디", name:"apndFileUuid", width:150, align:"center"}, // 수정필요
 			];
 
@@ -471,7 +475,7 @@ export default {
 				resKey: 'postData',
 				sendParam: params,
 			});
-
+			
 			this.setGridData({
 				gridKey: this.gridName,
 				value: res,
@@ -1016,6 +1020,15 @@ const defaultData = {
 	},
 };
 
+import { getPathDataExample } from '@/const/const'
+const dataPathDataExample = getPathDataExample({
+	postNo: '18',
+	title: '오픈공지',
+	regUserNo: '1',
+	regDttm: '2023-01-09 09:39:41',
+	viewCnt: '1'
+}, 10);
+
 </script>
 
 <style lang="scss" scoped>
@@ -1029,41 +1042,23 @@ const defaultData = {
 	margin: 2px 0;
 	padding: 4px;
 	background-color: #0000000A;
-
+	.file-item-name{
-	.file-item-name {
 		color: #1677FF;
 	}
 }
-
 ::v-deep {
 	.v-input__slot {
 		padding-left: 8px;
 		padding-right: 8px;
 	}
-
 	.custom-view {
 		border: 1px solid;
 		border-radius: 6px;
 		height: 100%;
-
 		@each $theme in dark, light {
 			@include theme($theme);
-			border-color: map-deep-get($config, #{$theme}, "v-input-textarea-border");
+			border-color: map-deep-get($config, #{$theme}, "v-input-textarea-border");;
-			;
 		}
 	}
-
-	.toastui-editor-mode-switch{
-		font-family: Inter !important;
-		font-size: 1.0rem !important;
-	}
-
-	.toastui-editor-mode-switch .tab-item.active{
-		color: #1677FF
-	}
-
-	.toastui-editor-mode-switch .tab-item{
-		color: #000000E0
-	}
 }
 </style>

pages/ems/base/ReadResultCloseMngPage.vue

@@ -43,6 +43,7 @@
                 :is="'Datepicker'"
                 :parentPrgmId="myPrgmId"
                 :label="'조회기간'"
+                customClass="datepicker-large"
               />
             </v-col>
             <div class="d-flex">

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/EnrgReptMngPage.vue

@@ -32,7 +32,7 @@
 						</v-col>
 						<v-col :cols="3">
 							<!-- 대상일 -->
-							<component :is="'Datepicker'" :parentPrgmId="myPrgmId" :label="'대상일'" :labelCols="3"  />
+							<component :is="'Datepicker'" :parentPrgmId="myPrgmId" :label="'대상일'" :labelCols="3" customClass="datepicker-large"  />
 						</v-col>
 						<v-col :cols="6" class="text-right d-flex align-end justify-end align-self-end">
 							<!-- 조회버튼 -->

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">
+                    <div class="v-box" style="height: 80%; padding: 3px; margin: 10px;">
-                      <v-col :cols="12" style="height: 100%">
+                      <v-col :cols="12" style="height: 100%;">
-                        <!-- <div style="height: 20%">
+                        <div style="height: 85%;">
-                          <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%">
                           <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/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>