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