gitadmin/sk_fems_ems
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update slected header

Browse Source
This commit is contained in:
Nguyen Van Luan/(Nguyen Van Luan)/현장대리인/SK
2025-07-25 19:03:41 +09:00
parent 85fc9a62af 1453e75f9a
commit 3f99958fe3
5 changed files with 86 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/scss/common.scss
View File

@ -1314,18 +1314,24 @@ a {
.btn-close-menu-list { .btn-close-menu-list {
min-width: 100px; min-width: 100px;
border-color: transparent; border-color: transparent;
background-color: map-deep-get($config, #{$theme}, "btn-header-select-bg") !important;
.v-list-item { .v-list-item {
min-height: 30px; min-height: 30px;
} }
.v-list-item__title { .v-list-item__title {
color: #fff; color: map-deep-get($config, #{$theme}, "btn-header-select-color");
&:hover { &:hover {
color: #46c0ff; color: #46c0ff;
} }
} }
.v-btn {
background-color: transparent !important;
color: map-deep-get($config, #{$theme}, "btn-header-select-color") !important;
}
} }
[hover-tooltip] { [hover-tooltip] {

4
assets/scss/var.scss
View File

@ -168,6 +168,8 @@ $config: (
ant-btn-default-bg:#FFFFFF2E, ant-btn-default-bg:#FFFFFF2E,
ant-btn-default-color:#FFFFFFD9, ant-btn-default-color:#FFFFFFD9,
ant-btn-default-border-outlined:#424242, ant-btn-default-border-outlined:#424242,
btn-header-select-bg: #1F1F1F,
btn-header-select-color:#FFFFFFD9,
), ),
light: (w-g5: $--color-gray_555, light: (w-g5: $--color-gray_555,
g5-w: $--color-white, g5-w: $--color-white,
@ -300,5 +302,7 @@ $config: (
ant-btn-default-bg:#00000026, ant-btn-default-bg:#00000026,
ant-btn-default-color:#000000E0, ant-btn-default-color:#000000E0,
ant-btn-default-border-outlined:#D9D9D9, ant-btn-default-border-outlined:#D9D9D9,
btn-header-select-color:#1F1F1F,
btn-header-select-bg:#FFFFFF,
), ),
); );

2
components/common/AdminMenu.vue
View File

@ -27,7 +27,7 @@
/> --> /> -->
</template> </template>
<v-list class="pa-2"> <v-list class="pa-2 btn-close-menu-list" >
<!-- <v-list-item class="mb-1">--> <!-- <v-list-item class="mb-1">-->
<!-- <div class="d-flex align-center">--> <!-- <div class="d-flex align-center">-->
<!-- <v-avatar class="mr-1" size="20">--> <!-- <v-avatar class="mr-1" size="20">-->

47
layouts/default.vue
View File

@ -28,9 +28,7 @@
<span class="body-2">닫기</span> <span class="body-2">닫기</span>
<v-icon size="20">mdi-chevron-down</v-icon></a-button> --> <v-icon size="20">mdi-chevron-down</v-icon></a-button> -->
</template> </template>
<v-list class="py-2 btn-close-menu-list" :style="{ <v-list class="py-2 btn-close-menu-list">
backgroundColor: isDarkMode ? '#144985' : '#3f4d7d',
}">
<v-list-item class="px-2"> <v-list-item class="px-2">
<v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title> <v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title>
</v-list-item> </v-list-item>
@ -56,9 +54,7 @@
<span class="body-2">즐겨찾기</span> <span class="body-2">즐겨찾기</span>
<v-icon size="20">mdi-chevron-down</v-icon></a-button> --> <v-icon size="20">mdi-chevron-down</v-icon></a-button> -->
</template> </template>
<v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list" :style="{ <v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list">
backgroundColor: isDarkMode ? '#144985' : '#3f4d7d',
}">
<v-list-item v-for="item in myMenuList" :key="item.menuId" class="px-2" style="cursor: pointer"> <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">{{ <v-list-item-title @click="moveToMyMenu(item.url, item.menuId, item.prgmId)" class="body-2">{{
item.menuNm item.menuNm
@ -69,7 +65,9 @@
<a-button id="refresh" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1"> <a-button id="refresh" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1">
<span class="material-icons" style="font-size: 17px">star</span> <span class="material-icons" style="font-size: 17px">star</span>
</a-button> </a-button>
<a-button id="refresh" class="btn-header" @click="addBookMark" v-if="bookmarkBtn == 0"> <a-button id="refresh" 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> <span class="material-icons" style="font-size: 17px">star_border</span>
</a-button> </a-button>
<a-button <a-button
@ -178,9 +176,7 @@
<span class="body-2">닫기</span> <span class="body-2">닫기</span>
<v-icon size="20">mdi-chevron-down</v-icon></a-button> <v-icon size="20">mdi-chevron-down</v-icon></a-button>
</template> </template>
<v-list class="py-2 btn-close-menu-list" :style="{ <v-list class="py-2 btn-close-menu-list" >
backgroundColor: isDarkMode ? '#144985' : '#3f4d7d',
}">
<v-list-item class="px-2"> <v-list-item class="px-2">
<v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title> <v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title>
</v-list-item> </v-list-item>
@ -206,9 +202,7 @@
<span class="body-2">즐겨찾기</span> <span class="body-2">즐겨찾기</span>
<v-icon size="20">mdi-chevron-down</v-icon></a-button> <v-icon size="20">mdi-chevron-down</v-icon></a-button>
</template> </template>
<v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list" :style="{ <v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list" >
backgroundColor: isDarkMode ? '#144985' : '#3f4d7d',
}">
<v-list-item v-for="item in myMenuList" :key="item.menuId" class="px-2" style="cursor: pointer"> <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">{{ <v-list-item-title @click="moveToMyMenu(item.url, item.menuId, item.prgmId)" class="body-2">{{
item.menuNm item.menuNm
@ -456,17 +450,15 @@ export default {
this.activeTree.push(ov); this.activeTree.push(ov);
} else { } else {
this.myPrgmId = nv; this.myPrgmId = nv;
console.log("menu:", this.menuData);
if (this.menuData[nv].url) { if (this.menuData[nv].url) {
const menuUrl = this.menuData[nv].url; const menuUrl = this.menuData[nv].url;
const menuId = this.menuData[nv].menuId; const menuId = this.menuData[nv].menuId;
const isCommMenu = menuUrl.indexOf("comm/"); const isCommMenu = menuUrl.indexOf('comm/');
const isEmsMenu = menuUrl.indexOf("ems/"); const isEmsMenu = menuUrl.indexOf('ems/');
const isCmmsMenu = menuUrl.indexOf("cmms/"); const isCmmsMenu = menuUrl.indexOf('cmms/');
// console.log('activeTree...'); // console.log('activeTree...');
console.log(isEmsMenu);
if (isCommMenu > -1 || isEmsMenu > -1 || isCmmsMenu > -1) { if (isCommMenu > -1 || isEmsMenu > -1 || isCmmsMenu > -1) {
// console.log('activeTree if stmt1'); // console.log('activeTree if stmt1');
@ -475,18 +467,9 @@ export default {
// console.log('if isLoading stmt1'); // console.log('if isLoading stmt1');
// return; // return;
// } // }
console.log("this:", this.menuData[nv].url);
this.$router.push({ this.$router.push({
path: `/${this.menuData[nv].url}?prgmId=${nv}`, path: `${this.menuData[nv].url}?prgmId=${nv}`,
}); });
// this.$router.replace("/").then(() => {
// alert("hihi");
// this.$router.push({
// path: `${this.menuData[nv].url}?prgmId=${nv}`,
// });
// });
// this.$router.beforeEach((to, from, next) => { // this.$router.beforeEach((to, from, next) => {
// if(_this.isLoading == true){ // if(_this.isLoading == true){
// next(false); // next(false);
@ -512,12 +495,14 @@ export default {
// return; // return;
// } // }
this.$refs.routerTab.openIframe( this.$refs.routerTab.openIframe(
encodeURI(`http://localhost:9999${this.menuData[nv].url}?prgmId=${nv}`), encodeURI(
this.menuData[nv].menuNm `http://localhost:9999${this.menuData[nv].url}?prgmId=${nv}`,
),
this.menuData[nv].menuNm,
); );
} }
this.$axios.get(`${this.menuData[nv].url}?$menuId=${menuId}`); this.$axios.get(`${this.menuData[nv].url}?$menuId=${menuId}`);
} else alert("지정된 페이지 경로가 없습니다."); } else alert('지정된 페이지 경로가 없습니다.');
} }
} }
}, },

10
pages/login/index.vue
View File

@ -275,11 +275,11 @@ export default {
} }
} }
.v-btn { .v-btn {
@if $theme == dark { // @if $theme == dark {
background-color: #18579e; // background-color: #18579e;
} @else { // } @else {
background-color: #3f4d7d; // background-color: #3f4d7d;
} // }
} }
} }
} }