fix bugs grid on popup
This commit is contained in:

parent
85a14633be
commit
20211168e9
@ -448,8 +448,8 @@
|
||||
|
||||
.router-tab {
|
||||
.router-tab__header {
|
||||
background-color: map-deep-get($config, #{$theme}, "router-header");
|
||||
border-color: map-deep-get($config, #{$theme}, "router-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);
|
||||
|
@ -58,6 +58,11 @@ export default {
|
||||
require: false,
|
||||
default: false,
|
||||
},
|
||||
required: {
|
||||
type: Boolean,
|
||||
require: false,
|
||||
default: false,
|
||||
},
|
||||
labelCols: {
|
||||
type: Number,
|
||||
require: false,
|
||||
|
@ -400,7 +400,6 @@ export default {
|
||||
header: {
|
||||
height: 'auto',
|
||||
},
|
||||
// rowHeaders:[{ type: 'checkbox' }],
|
||||
rowHeight: 'auto',
|
||||
};
|
||||
if (this.isMulti) {
|
||||
@ -408,8 +407,6 @@ export default {
|
||||
myOptions['rowHeight'] = 'auto';
|
||||
}
|
||||
|
||||
|
||||
|
||||
this.setModalGridOption({
|
||||
modalKey: this.myModalKey,
|
||||
gridKey: this.gridName,
|
||||
@ -463,8 +460,6 @@ export default {
|
||||
modalDataKey: this.modalDataKey,
|
||||
value: myColumns,
|
||||
});
|
||||
|
||||
|
||||
// this.getRowGridData();
|
||||
},
|
||||
async getRowGridData() {
|
||||
@ -588,6 +583,18 @@ var eqpmSelectPop = {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.tui-grid-lside-area {
|
||||
.tui-grid-table {
|
||||
.tui-grid-cell-header {
|
||||
&.tui-grid-cell {
|
||||
input[type=checkbox] {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
@ -104,7 +104,9 @@
|
||||
:items="treevieItems" activatable hoverable color="#3896ff" open-on-click @update:open="openNode">
|
||||
<template slot="label" slot-scope="{ item }">
|
||||
<button :class="{ 'justify-center': miniVariant }" @mouseover="doMouseOver">
|
||||
|
||||
<!-- <span v-if="['MNU0065', 'MNU0027'].includes(item.menuId)" >
|
||||
{{ item }}
|
||||
</span> -->
|
||||
<v-icon
|
||||
v-if="item.lvl === 1 && menuIconKeys.includes(item.menuId)"
|
||||
:class="{ 'mr-2': !miniVariant }"
|
||||
@ -142,8 +144,12 @@
|
||||
</v-navigation-drawer>
|
||||
</div>
|
||||
|
||||
<v-col>
|
||||
<router-tab ref="routerTab" :tabs="treevieItems" :keep-last-tab="false" :contextmenu="false">
|
||||
<v-col :class="`${isDarkMode ? 'dark' : 'light'}`">
|
||||
<router-tab ref="routerTab"
|
||||
:tabs="treevieItems"
|
||||
:keep-last-tab="false"
|
||||
:contextmenu="false"
|
||||
>
|
||||
<template slot-scope="{ title, closable, to, base }">
|
||||
<span>{{ title }}</span>
|
||||
<v-icon size="20" class="ml-2" v-if="closable" @click.stop="onCloseTab(to)">mdi-close</v-icon>
|
||||
@ -700,4 +706,17 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/layout.scss';
|
||||
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
.light .router-tab .router-tab__header {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.dark .router-tab .router-tab__header {
|
||||
background-color: #212224;
|
||||
border-color: #212224;
|
||||
}
|
||||
</style>
|
||||
|
@ -129,10 +129,20 @@ let myPrgmId;
|
||||
export default {
|
||||
mixins: [mixinGlobal, resize],
|
||||
async asyncData(context) {
|
||||
const myState = context.store.state;
|
||||
myPrgmId = context.route.query.prgmId;
|
||||
await context.store.commit("setActiveMenuInfo", myState.menuData[myPrgmId]);
|
||||
myTitle = await myState.activeMenuInfo.menuNm;
|
||||
console.log('----DEBUG-----ReadResultCloseMngPage--asyncData:', Utility.setFormatDate(new Date(), "YYYYMMDD"));
|
||||
try{
|
||||
myPrgmId = context.route.query.prgmId;
|
||||
const myState = context.store.state;
|
||||
const activeMenuInfo = myState.menuData[myPrgmId];
|
||||
myTitle = activeMenuInfo.menuNm;
|
||||
|
||||
console.log('-----DEBUG----store.commit----setActiveMenuInfo:', activeMenuInfo);
|
||||
await context.store.commit("setActiveMenuInfo", activeMenuInfo);
|
||||
myTitle = await myState.activeMenuInfo.menuNm;
|
||||
console.log('-----DEBUG----store.commit----setActiveMenuInfo---Compeleted:', myState.activeMenuInfo);
|
||||
}catch(err){
|
||||
console.log('-----DEBUG----err', err);
|
||||
}
|
||||
},
|
||||
meta: {
|
||||
title: () => {
|
||||
@ -206,18 +216,22 @@ export default {
|
||||
this.setPageData({ isFind: true });
|
||||
},
|
||||
},
|
||||
async beforeCreate() {
|
||||
beforeCreate() {
|
||||
console.log('----DEBUG-----ReadResultCloseMngPage--beforeCreate:', Utility.setFormatDate(new Date(), "YYYYMMDD"));
|
||||
myPrgmId = this.$route.query.prgmId;
|
||||
await this.$store.dispatch("chkOpenTabList", {
|
||||
key: "create",
|
||||
prgmId: myPrgmId,
|
||||
defaultData: defaultData,
|
||||
});
|
||||
// const context = {
|
||||
// key: "create",
|
||||
// prgmId: myPrgmId,
|
||||
// defaultData: defaultData,
|
||||
// };
|
||||
// this.$store.dispatch("chkOpenTabList", context);
|
||||
// this.chkOpenTabList(context)
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
},
|
||||
created() {},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
...mapMutations({
|
||||
setPageData: "setPageData",
|
||||
|
@ -239,7 +239,7 @@ export default {
|
||||
try{
|
||||
await this.getChartData();
|
||||
}catch(err){
|
||||
this.initTestChart();
|
||||
// this.initTestChart();
|
||||
}
|
||||
this.setPageData({
|
||||
isFind: false,
|
||||
|
@ -513,6 +513,7 @@ export const actions = {
|
||||
//commit("pageInit", {});
|
||||
break;
|
||||
case 'create':
|
||||
console.log("---------DEBUGmyPrgmId:", myPrgmId);
|
||||
if (!list.some(it => it === myPrgmId)) {
|
||||
// console.log("클릭 한 메뉴가 기존 목록에 없다 => 새로 push"); // & 초기화 세팅
|
||||
localStorage.setItem('pageData', JSON.stringify(state.pageData));
|
||||
|
Reference in New Issue
Block a user