update

update code
2025-08-19 16:44:01 +09:00 · 2025-08-19 16:41:01 +09:00
24 changed files with 287 additions and 71 deletions
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@ -1,5 +1,17 @@
 // router-tab (header)
+@import "./var.scss";
@import "./mixin.scss";
+@import "./common/fonts.scss";
+@import "./common/text.scss";
+@import "./common/input.scss";
+@import "./common/button.scss";
+@import "./common/grid.scss";
+@import "./common/card.scss";
+@import "./common/tabs.scss";
+@import "./common/numericInput.scss";
+@import "./common/pagination.scss";
+@import "./common/editor.scss";
+

 html,
 body {
@ -227,7 +239,8 @@ a {

    .ant-checkbox-disabled .ant-checkbox-inner
    {
-      background-color: #f5f5f5 !important;
+      background-color: map-deep-get($config, #{$theme}, "ant-checkbox-disabled-bg") !important;
+      border: map-deep-get($config, #{$theme}, "ant-checkbox-disabled-border") !important;
    }

    .v-list-item__title {
@ -322,6 +335,74 @@ a {
      }
    }

+    .router-tab {
+      .router-tab__header {
+        background-color: map-deep-get($config, #{$theme}, "router-header");
+        border-color: map-deep-get($config, #{$theme}, "router-header");
+        height: 46px;
+        z-index: 7;
+        max-width: calc(100vw - 290px);
+      }
+
+      .router-tab__container {
+        background-color: map-deep-get($config, #{$theme}, "router-container");
+      }
+
+      .router-tab__item {
+        background-color: map-deep-get($config, #{$theme}, "router-tab-item");
+        border-color: map-deep-get($config, #{$theme}, "router-tab-item");
+        color: map-deep-get($config, #{$theme}, "router-tab-item-color");
+
+        &:not(.is-active) {
+          &:hover {
+            &>span {
+              color: map-deep-get($config,
+                #{$theme},
+                "router-tab-item-hover-color"
+              );
+            }
+          }
+        }
+
+        .v-icon {
+          color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
+        }
+
+        &.is-active {
+          background-color: map-deep-get($config,
+            #{$theme},
+            "router-tab-item-active"
+          );
+          border-color: map-deep-get($config,
+            #{$theme},
+            "router-tab-item-active-color"
+          ) !important;
+          color: map-deep-get($config,
+            #{$theme},
+            "router-tab-item-active-color"
+          );
+
+          .v-icon {
+            color: map-deep-get($config,
+              #{$theme},
+              "router-tab-item-icon-active-color"
+            );
+          }
+
+        }
+      }
+
+      .router-tab__slot-end {
+        .v-btn {
+          background-color: map-deep-get($config,
+            #{$theme},
+            "router-tab-slot-end-button-backgroundColor"
+          );
+          box-shadow: none;
+        }
+      }
+    }
+
    .border-bottom-1 {
      border-bottom: 1px solid map-deep-get($config, #{$theme}, "border-color");
    }
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@ -182,7 +182,6 @@
      height: calc(100vh - 110px);
      max-height: calc(100vh - 115px);
      padding: 20px;
-      background-color: transparent !important;
    }

    .router-tab__slot-end {
@ -437,70 +436,6 @@
        }
      }

-      .router-tab {
-        .router-tab__header {
-          background-color: map-deep-get($config, #{$theme}, "router-header");
-          border-color: map-deep-get($config, #{$theme}, "router-header");
-          height: 46px;
-          z-index: 7;
-          max-width: calc(100vw - 290px);
-        }
-  
-        .router-tab__item {
-          background-color: map-deep-get($config, #{$theme}, "router-tab-item");
-          border-color: map-deep-get($config, #{$theme}, "router-tab-item");
-          color: map-deep-get($config, #{$theme}, "router-tab-item-color");
-  
-          &:not(.is-active) {
-            &:hover {
-              &>span {
-                color: map-deep-get($config,
-                  #{$theme},
-                  "router-tab-item-hover-color"
-                );
-              }
-            }
-          }
-  
-          .v-icon {
-            color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
-          }
-  
-          &.is-active {
-            background-color: map-deep-get($config,
-              #{$theme},
-              "router-tab-item-active"
-            );
-            border-color: map-deep-get($config,
-              #{$theme},
-              "router-tab-item-active-color"
-            ) !important;
-            color: map-deep-get($config,
-              #{$theme},
-              "router-tab-item-active-color"
-            );
-  
-            .v-icon {
-              color: map-deep-get($config,
-                #{$theme},
-                "router-tab-item-icon-active-color"
-              );
-            }
-  
-          }
-        }
-  
-        .router-tab__slot-end {
-          .v-btn {
-            background-color: map-deep-get($config,
-              #{$theme},
-              "router-tab-slot-end-button-backgroundColor"
-            );
-            box-shadow: none;
-          }
-        }
-      }
-
    }
  }
 }
--- a/assets/scss/theme.scss
+++ b/assets/scss/theme.scss
@ -1,3 +1,10 @@
+// @import './var.scss';
+// @import './functions.scss';
+// @import './mixin.scss';
+
+
+
+
 // @each $theme in dark, light{
 //   @include theme($theme);
 //   .v-application.#{$theme}-mode{
--- a/assets/scss/var.scss
+++ b/assets/scss/var.scss
@ -185,6 +185,8 @@ $config: (
    paging-background: #212224,
    paging-text: #FFFFFFD9,
    icon-datepicker-color: #FFFFFF73,
+    ant-checkbox-disabled-bg: #FFFFFF14,
+    ant-checkbox-disabled-border: #424242,
  ),
  light: (w-g5: $--color-gray_555,
    g5-w: $--color-white,
@ -333,5 +335,7 @@ $config: (
    paging-background: #FFFFFF,
    paging-text: #000000E0,
    icon-datepicker-color: #00000073,
+    ant-checkbox-disabled-bg: #0000000A,
+    ant-checkbox-disabled-border: #D9D9D9,
  ),
 );
--- a/components/common/AdminMenu.vue
+++ b/components/common/AdminMenu.vue
@ -112,6 +112,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import '@/assets/scss/var.scss';
@each $theme in dark, light {
 	.v-application.#{$theme}-mode {
 		.mdi-account {
--- a/components/common/Calendar.vue
+++ b/components/common/Calendar.vue
@ -180,6 +180,8 @@ const myDetail = [];
 </script>

 <style lang="scss" scoped>
+@import '@/assets/scss/var.scss';
+@import '@/assets/scss/mixin.scss';

 ::-webkit-scrollbar {
 	width: 0px;
--- a/components/common/Datepicker.vue
+++ b/components/common/Datepicker.vue
@ -431,6 +431,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+// @import "@/assets/scss/datepicker.scss";
+
 ::v-deep {
 	.tui-timepicker-row {
 		display: flex;
--- a/components/common/DatepickerTimeSelectBox.vue
+++ b/components/common/DatepickerTimeSelectBox.vue
@ -539,6 +539,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import "@/assets/scss/datepicker.scss";

 ::v-deep {
  .tui-timepicker-row {
--- a/components/common/DatepickerTopView.vue
+++ b/components/common/DatepickerTopView.vue
@ -405,6 +405,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import "@/assets/scss/datepicker.scss";
+
 ::v-deep {
 	.tui-timepicker-row {
 		display: flex;
--- a/components/common/DatepickerWidget.vue
+++ b/components/common/DatepickerWidget.vue
@ -355,6 +355,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import "@/assets/scss/datepicker.scss";
+
 ::v-deep {
 	.tui-timepicker-row {
 		display: flex;
--- a/components/common/PastRsltDatePicker.vue
+++ b/components/common/PastRsltDatePicker.vue
@ -317,6 +317,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import "@/assets/scss/datepicker.scss";
+
 ::v-deep {
 	.tui-timepicker-row {
 		display: flex;
--- a/components/common/modal/ElecPowChrgPop.vue
+++ b/components/common/modal/ElecPowChrgPop.vue
@ -683,6 +683,7 @@ const myColumns = [
 </script>

 <style lang="scss" scoped>
+@import '@/assets/scss/var.scss';
@each $theme in dark, light {
 	.v-application.#{$theme}-mode {
 		.tui-grid {
--- a/components/common/modal/EnrgEffcEqpmDetailPop.vue
+++ b/components/common/modal/EnrgEffcEqpmDetailPop.vue
@ -408,6 +408,7 @@ var eqpmDetlPop = {
 // 전력량 요금(원/kWh)
 </script>
 <style lang="scss" scoped>
+// @import '@/assets/scss/common/grid.scss';
 .tui-grid-scrollbar-left-bottom {
 	display: none !important;
 }
--- a/components/common/modal/EnrgEffcGdIdxDetPop.vue
+++ b/components/common/modal/EnrgEffcGdIdxDetPop.vue
@ -329,6 +329,7 @@ var gdIdxDetPop = {
 // 전력량 요금(원/kWh)
 </script>
 <style lang="scss" scoped>
+// @import '@/assets/scss/common/grid.scss';
 .tui-grid-scrollbar-left-bottom {
  display: none !important;
 }
--- a/layouts/default.vue
+++ b/layouts/default.vue
@ -149,6 +149,151 @@
                  <v-icon size="20" class="ml-2" v-if="closable" @click.stop="onCloseTab(to)">mdi-close</v-icon>
                </template>
                <template #end v-if="false">
+                  <v-menu offset-y>
+                    <template v-slot:activator="{ on, attrs }">
+                      <!-- <v-btn :ripple="false" tile class="btn-close" v-bind="attrs" v-on="on">
+                        <span class="body-2">닫기</span>
+                        <v-icon size="20">mdi-chevron-down</v-icon>
+                      </v-btn> -->
+                      <a-button style="width: 80px; height: 36px" class="btn-close">
+                        <span class="body-2">닫기</span>
+                        <v-icon size="20">mdi-chevron-down</v-icon></a-button>
+                    </template>
+                    <v-list class="py-2 btn-close-menu-list" >
+                      <v-list-item class="px-2">
+                        <v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title>
+                      </v-list-item>
+                      <v-list-item class="px-2">
+                        <v-list-item-title @click="deleteSblingsTab()" class="body-2">나머지 닫기</v-list-item-title>
+                      </v-list-item>
+                    </v-list>
+                  </v-menu>
+                  <v-menu offset-y>
+                    <template v-slot:activator="{ on, attrs }">
+                      <!-- <v-btn
+                        :ripple="false"
+                        tile
+                        class="btn-close"
+                        v-bind="attrs"
+                        v-on="on"
+                        style="width: 100px"
+                      >
+                        <span class="body-2">즐겨찾기</span>
+                        <v-icon size="20">mdi-chevron-down</v-icon>
+                      </v-btn> -->
+                      <a-button style="width: 100px; height: 36px" class="btn-close">
+                        <span class="body-2">즐겨찾기</span>
+                        <v-icon size="20">mdi-chevron-down</v-icon></a-button>
+                    </template>
+                    <v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list" >
+                      <v-list-item v-for="item in myMenuList" :key="item.menuId" class="px-2" style="cursor: pointer">
+                        <v-list-item-title @click="moveToMyMenu(item.url, item.menuId, item.prgmId)" class="body-2">{{
+                          item.menuNm
+                        }}</v-list-item-title>
+                      </v-list-item>
+                    </v-list>
+                  </v-menu>
+                  <a-button id="refresh" :style="{
+                    padding: '0',
+                    width: '36px',
+                    height: '36px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '4px', // square corners
+                  }" type="text" @click="removeBookMark" v-if="bookmarkBtn == 1">
+                    <span class="material-icons" style="font-size: 17px; vertical-align: middle">star</span>
+                  </a-button>
+                  <a-button id="refresh" :style="{
+                    padding: '0',
+                    width: '36px',
+                    height: '36px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '4px', // square corners
+                  }" type="text" @click="addBookMark" v-if="bookmarkBtn == 0">
+                    <span class="material-icons" style="font-size: 17px; vertical-align: middle">star_border</span>
+                  </a-button>
+                  <v-btn style="
+                      background-color: white;
+                      color: #fff;
+                      border: 0.2px solid rgb(217, 217, 217);
+                    " id="refresh" icon tile :ripple="false" @click="refreshTab()">
+                    <v-icon style="color: rgba(0, 0, 0, 0.54)">mdi-refresh</v-icon>
+                  </v-btn>
+                  <v-btn style="
+                      background-color: white;
+                      color: #fff;
+                      border: 0.2px solid rgb(217, 217, 217);
+                    " icon tile :ripple="false" @click="toggle()">
+                    <v-icon style="color: rgba(0, 0, 0, 0.54)" v-if="!fullscreen">mdi-arrow-expand-all</v-icon>
+                    <v-icon style="color: rgba(0, 0, 0, 0.54)" v-else>mdi-arrow-collapse-all</v-icon>
+                  </v-btn>
+                  <!-- <v-btn
+                    icon
+                    tile
+                    :ripple="false"
+                    @click="removeBookMark()"
+                    v-if="bookmarkBtn == 1"
+                  >
+                    <span
+                      class="material-icons"
+                      style="font-size: 17px; vertical-align: middle"
+                      >star</span
+                    >
+                  </v-btn> -->
+                  <!-- <v-btn
+                    icon
+                    tile
+                    :ripple="false"
+                    @click="addBookMark()"
+                    v-if="bookmarkBtn == 0"
+                  >
+                    <span
+                      class="material-icons"
+                      style="font-size: 17px; vertical-align: middle"
+                      >star_border</span
+                    >
+                  </v-btn> -->
+                  <!-- <a-button
+                    id="refresh"
+                    :style="{
+                      padding: '0',
+                      width: '36px',
+                      height: '36px',
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
+                      borderRadius: '4px', // square corners
+                    }"
+                    type="text"
+                    @click="refreshTab"
+                  >
+                    <v-icon >mdi-refresh</v-icon>
+                  </a-button> -->
+                  <!-- <a-button id="refresh" type="text" @click="setDrawer" class="icon-button">
+                        <i class="mdi mdi-crop-free" style="font-size: 20px"></i>  
+                  </a-button>
+                  <a-button type="text" @click="setDrawer" class="icon-button">
+                        <i class="mdi mdi-crop-free" style="font-size: 20px"></i>  
+                  </a-button> -->
+                  <!-- <a-button
+                    :style="{
+                      padding: '0',
+                      width: '36px',
+                      height: '36px',
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
+                      borderRadius: '4px', // square corners
+                    }"
+                    type="text"
+                    @click="toggle"
+                  >
+                    <v-icon v-if="!fullscreen">mdi-arrow-expand-all</v-icon>  
+                    <v-icon v-else>mdi-arrow-collapse-all</v-icon>
+                  </a-button> -->
                </template>
              </router-tab>
            </v-col>
@ -701,4 +846,5 @@ export default {

 <style lang="scss" scoped>
@import '@/assets/scss/layout.scss';
+
 </style>
--- a/nuxt.config.js
+++ b/nuxt.config.js
@ -58,9 +58,9 @@ module.exports = {

 	// Modules: https://go.nuxtjs.dev/config-modules
 	modules: ['@nuxtjs/axios', '@nuxtjs/dayjs', '@nuxtjs/style-resources' ],
-	// styleResources: {
-	// 	scss: ['./assets/scss/*.scss'],
-	// },
+	styleResources: {
+		scss: ['./assets/scss/*.scss'],
+	},
 	proxy: {
 	  "/api/": {
 	    target: "http://0.0.0.0:9999/",
--- a/pages/comm/base/BatchLogMngPage.vue
+++ b/pages/comm/base/BatchLogMngPage.vue
@ -441,4 +441,11 @@ const myDetail = [
 		rows: 3
 	},
 ];
-</script>
+</script>
+<style lang="scss" scoped>
+	::v-deep{
+		.tui-grid-layer-state{
+			top: 40px !important;
+		}
+	}
+</style>
--- a/pages/ems/base/AddInfoMngPage.vue
+++ b/pages/ems/base/AddInfoMngPage.vue
@ -626,3 +626,6 @@ const myDetail = [
 	},
 ];
 </script>
+<style lang="scss">
+@import '@/assets/scss/common.scss';
+</style>
--- a/pages/ems/base/EnrgCostCenterMngPage.vue
+++ b/pages/ems/base/EnrgCostCenterMngPage.vue
@ -1028,4 +1028,4 @@ const myDetail = [
 		value: { '1': true, '0': false },
 	},
 ];
-</script>
+</script>
--- a/pages/ems/base/ReadObjectMngPage.vue
+++ b/pages/ems/base/ReadObjectMngPage.vue
@ -855,6 +855,7 @@ const myDetail = [
 ];
 </script>
 <style lang="scss" scoped>
+@import '@/assets/scss/common.scss';
 ::v-deep {
 	.tui-grid-layer-state {
 		top: 40px !important;
--- a/pages/ems/effc/EnrgEffcTotSummPage.vue
+++ b/pages/ems/effc/EnrgEffcTotSummPage.vue
@ -411,3 +411,15 @@ const defaultData = {
  fromDt: Utility.setFormatDate(new Date(), "YYYYMMDD"), // 조회 시작일
 };
 </script>
+<style lang="scss" scoped>
+// @import "@/assets/scss/common.scss";
+
+// .echarts::v-deep > div > canvas:hover {
+//     cursor: pointer;
+// }
+// ::v-deep{
+// 	.echarts:hover > div:nth-child(1){
+// 		cursor:pointer !important;
+// 	}
+// }
+</style>
--- a/pages/ems/effc/EnrgUsePlanPage.vue
+++ b/pages/ems/effc/EnrgUsePlanPage.vue
@ -819,6 +819,8 @@ const defaultData = {
 };
 </script>
 <style lang="scss" scoped>
+// @import '@/assets/scss/common.scss';
+@import '@/assets/scss/var.scss';
@each $theme in dark, light {
 	.v-application.#{$theme}-mode {
 		.tui-grid {
--- a/pages/ems/effc/TagTrndPage.vue
+++ b/pages/ems/effc/TagTrndPage.vue
@ -1214,6 +1214,7 @@ const defaultData = {
 };
 </script>
 <style lang="scss" scoped>
+@import "@/assets/scss/var.scss";

 ::v-deep {
  .datepicker-container {
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@ -200,6 +200,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@import '@/assets/scss/var.scss';
+@import '@/assets/scss/mixin.scss';

 ::v-deep {
 	.v-avatar {
Author	SHA1	Message	Date
Nguyen Van Luan/(Nguyen Van Luan)/현장대리인/SK	2fcc719721	update	2025-08-19 16:44:01 +09:00
Nguyen Van Luan/(Nguyen Van Luan)/현장대리인/SK	06f16f82ff	update code	2025-08-19 16:41:01 +09:00