Compare commits
2 Commits
dev-nghian
...
dev-dungtv
Author | SHA1 | Date | |
---|---|---|---|
dc43264503 | |||
5abba695b2 |
@ -1,17 +1,5 @@
|
||||
// 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 {
|
||||
@ -239,8 +227,7 @@ a {
|
||||
|
||||
.ant-checkbox-disabled .ant-checkbox-inner
|
||||
{
|
||||
background-color: map-deep-get($config, #{$theme}, "ant-checkbox-disabled-bg") !important;
|
||||
border: map-deep-get($config, #{$theme}, "ant-checkbox-disabled-border") !important;
|
||||
background-color: #f5f5f5 !important;
|
||||
}
|
||||
|
||||
.v-list-item__title {
|
||||
@ -335,74 +322,6 @@ 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");
|
||||
}
|
||||
|
@ -10,25 +10,13 @@
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ant-pagination-disabled {
|
||||
color: map-deep-get($config, #{$theme}, "paging-disable") !important;;
|
||||
cursor: not-allowed !important;
|
||||
pointer-events: none; /* disables hover and click */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ant-pagination-disabled:hover {
|
||||
color: map-deep-get($config, #{$theme}, "paging-disable") !important;;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.ant-pagination-item,
|
||||
.ant-pagination-prev,
|
||||
.ant-pagination-next {
|
||||
// border: none !important;
|
||||
// box-shadow: none !important;
|
||||
background-color: map-deep-get($config, #{$theme}, "paging-background") !important;
|
||||
color: map-deep-get($config, #{$theme}, "paging-text");
|
||||
color: map-deep-get($config, #{$theme}, "paging-text") !important;
|
||||
border: none;
|
||||
|
||||
.ant-pagination-item-link {
|
||||
|
@ -182,6 +182,7 @@
|
||||
height: calc(100vh - 110px);
|
||||
max-height: calc(100vh - 115px);
|
||||
padding: 20px;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.router-tab__slot-end {
|
||||
@ -436,6 +437,70 @@
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,10 +1,3 @@
|
||||
// @import './var.scss';
|
||||
// @import './functions.scss';
|
||||
// @import './mixin.scss';
|
||||
|
||||
|
||||
|
||||
|
||||
// @each $theme in dark, light{
|
||||
// @include theme($theme);
|
||||
// .v-application.#{$theme}-mode{
|
||||
|
@ -184,10 +184,7 @@ $config: (
|
||||
ant-btn-popup-border: #424242,
|
||||
paging-background: #212224,
|
||||
paging-text: #FFFFFFD9,
|
||||
paging-disable: #FFFFFF40,
|
||||
icon-datepicker-color: #FFFFFF73,
|
||||
ant-checkbox-disabled-bg: #FFFFFF14,
|
||||
ant-checkbox-disabled-border: #424242,
|
||||
),
|
||||
light: (w-g5: $--color-gray_555,
|
||||
g5-w: $--color-white,
|
||||
@ -335,9 +332,6 @@ $config: (
|
||||
ant-btn-popup-border: #D9D9D9,
|
||||
paging-background: #FFFFFF,
|
||||
paging-text: #000000E0,
|
||||
paging-disable: #00000040,
|
||||
icon-datepicker-color: #00000073,
|
||||
ant-checkbox-disabled-bg: #0000000A,
|
||||
ant-checkbox-disabled-border: #D9D9D9,
|
||||
),
|
||||
);
|
@ -112,7 +112,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/var.scss';
|
||||
@each $theme in dark, light {
|
||||
.v-application.#{$theme}-mode {
|
||||
.mdi-account {
|
||||
|
@ -180,8 +180,6 @@ const myDetail = [];
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/var.scss';
|
||||
@import '@/assets/scss/mixin.scss';
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
|
@ -431,8 +431,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// @import "@/assets/scss/datepicker.scss";
|
||||
|
||||
::v-deep {
|
||||
.tui-timepicker-row {
|
||||
display: flex;
|
||||
|
@ -539,7 +539,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/datepicker.scss";
|
||||
|
||||
::v-deep {
|
||||
.tui-timepicker-row {
|
||||
|
@ -405,8 +405,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/datepicker.scss";
|
||||
|
||||
::v-deep {
|
||||
.tui-timepicker-row {
|
||||
display: flex;
|
||||
|
@ -355,8 +355,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/datepicker.scss";
|
||||
|
||||
::v-deep {
|
||||
.tui-timepicker-row {
|
||||
display: flex;
|
||||
|
@ -317,8 +317,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/datepicker.scss";
|
||||
|
||||
::v-deep {
|
||||
.tui-timepicker-row {
|
||||
display: flex;
|
||||
|
@ -683,7 +683,6 @@ const myColumns = [
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/var.scss';
|
||||
@each $theme in dark, light {
|
||||
.v-application.#{$theme}-mode {
|
||||
.tui-grid {
|
||||
|
@ -408,7 +408,6 @@ var eqpmDetlPop = {
|
||||
// 전력량 요금(원/kWh)
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// @import '@/assets/scss/common/grid.scss';
|
||||
.tui-grid-scrollbar-left-bottom {
|
||||
display: none !important;
|
||||
}
|
||||
|
@ -329,7 +329,6 @@ var gdIdxDetPop = {
|
||||
// 전력량 요금(원/kWh)
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// @import '@/assets/scss/common/grid.scss';
|
||||
.tui-grid-scrollbar-left-bottom {
|
||||
display: none !important;
|
||||
}
|
||||
|
@ -149,151 +149,6 @@
|
||||
<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>
|
||||
@ -846,5 +701,4 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/layout.scss';
|
||||
|
||||
</style>
|
||||
|
@ -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/",
|
||||
|
@ -441,11 +441,4 @@ const myDetail = [
|
||||
rows: 3
|
||||
},
|
||||
];
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep{
|
||||
.tui-grid-layer-state{
|
||||
top: 40px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</script>
|
@ -626,6 +626,3 @@ const myDetail = [
|
||||
},
|
||||
];
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import '@/assets/scss/common.scss';
|
||||
</style>
|
||||
|
@ -635,15 +635,15 @@ export default {
|
||||
this.setChart04Data(chart04Dat);
|
||||
|
||||
let chartOption2 = getLineChartOption({
|
||||
xAxisData: this.$store.state.pageData[myPrgmId][this.chart_02].xAxis.data,
|
||||
seriesData: this.$store.state.pageData[myPrgmId][this.chart_02].series,
|
||||
xAxisData: this.$store.state.pageData[myPrgmId][this.chart_02].xAxisData,
|
||||
seriesData: this.$store.state.pageData[myPrgmId][this.chart_02].seriesData,
|
||||
isDarkMode: this.isDarkMode,
|
||||
});
|
||||
this.$store.state.pageData[myPrgmId][this.chart_02] = chartOption2
|
||||
|
||||
let chartOption5 = getLineChartOption({
|
||||
xAxisData: this.$store.state.pageData[myPrgmId][this.chart_05].xAxis.data,
|
||||
seriesData: this.$store.state.pageData[myPrgmId][this.chart_05].series,
|
||||
xAxisData: this.$store.state.pageData[myPrgmId][this.chart_05].xAxisData,
|
||||
seriesData: this.$store.state.pageData[myPrgmId][this.chart_05].seriesData,
|
||||
isDarkMode: this.isDarkMode,
|
||||
});
|
||||
this.$store.state.pageData[myPrgmId][this.chart_05] = chartOption5
|
||||
@ -754,7 +754,7 @@ export default {
|
||||
changeGrid: async function (pageNum, limit) {
|
||||
this.page = pageNum;
|
||||
this.limit = limit;
|
||||
await this.getGridData(true);
|
||||
await this.getGridData();
|
||||
},
|
||||
async search() {
|
||||
await new Promise((resolve) => setTimeout(resolve, 1500));
|
||||
@ -766,7 +766,7 @@ export default {
|
||||
await this.getTodayEfficiencyStatus();
|
||||
await this.getTodayNgTopTen();
|
||||
await this.getCompareEqpmTGdChart();
|
||||
await this.getGridData(false);
|
||||
await this.getGridData();
|
||||
}
|
||||
},
|
||||
async gridInit() {
|
||||
@ -944,13 +944,8 @@ export default {
|
||||
this.loadGrid = true;
|
||||
// this.getGridData();
|
||||
},
|
||||
async getGridData(isPaging) {
|
||||
|
||||
// Do not hide grid when trigger paging function
|
||||
if (!isPaging) {
|
||||
this.loadGrid = false;
|
||||
}
|
||||
|
||||
async getGridData() {
|
||||
this.loadGrid = false;
|
||||
// Get total records of grid
|
||||
const totalRes = await this.postApiReturn({
|
||||
apiKey: "selectIssueGdIdxDataPageTotal",
|
||||
|
@ -1028,4 +1028,4 @@ const myDetail = [
|
||||
value: { '1': true, '0': false },
|
||||
},
|
||||
];
|
||||
</script>
|
||||
</script>
|
@ -855,7 +855,6 @@ const myDetail = [
|
||||
];
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/common.scss';
|
||||
::v-deep {
|
||||
.tui-grid-layer-state {
|
||||
top: 40px !important;
|
||||
|
@ -411,15 +411,3 @@ 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>
|
||||
|
@ -819,8 +819,6 @@ 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 {
|
||||
|
@ -282,13 +282,13 @@ export default {
|
||||
changeGrid: async function (pageNum, limit) {
|
||||
this.page = pageNum;
|
||||
this.limit = limit;
|
||||
this.getGridData(true);
|
||||
this.search();
|
||||
},
|
||||
async init() {
|
||||
await this.getSelectValueList();
|
||||
await this.setQueryParams();
|
||||
this.gridInit();
|
||||
await this.getGridData(false);
|
||||
await this.getGridData();
|
||||
|
||||
this.initedFlag = true;
|
||||
},
|
||||
@ -588,10 +588,8 @@ export default {
|
||||
value: columnList,
|
||||
});
|
||||
},
|
||||
async getGridData(isPaging) {
|
||||
if(!isPaging) {
|
||||
this.loadGrid = false;
|
||||
}
|
||||
async getGridData() {
|
||||
this.loadGrid = false;
|
||||
this.enrgUseMainIdxDesc = [];
|
||||
var apiKey = null;
|
||||
var apiKey2 = null;
|
||||
@ -653,7 +651,7 @@ export default {
|
||||
this.makeTooltip();
|
||||
},
|
||||
async search() {
|
||||
await this.getGridData(false);
|
||||
await this.getGridData();
|
||||
},
|
||||
async makeTooltip() {
|
||||
var gdIdxList = [
|
||||
|
@ -153,7 +153,7 @@
|
||||
<v-card class="pb-5 px-2">
|
||||
<div class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="d-flex align-center justify-space-between pa-5">{{
|
||||
'TAG를 선택해주세요'
|
||||
"ICHEON.HVAC.EQP_HT_CH004.UT_HT_CH201.CHI_AMP_1A_PV"
|
||||
}}</v-card-title>
|
||||
</div>
|
||||
<div :ref="'chartParent' + 0" style="height: 100%; overflow: visible">
|
||||
@ -1214,7 +1214,6 @@ const defaultData = {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/var.scss";
|
||||
|
||||
::v-deep {
|
||||
.datepicker-container {
|
||||
|
@ -200,8 +200,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/var.scss';
|
||||
@import '@/assets/scss/mixin.scss';
|
||||
|
||||
::v-deep {
|
||||
.v-avatar {
|
||||
|
Reference in New Issue
Block a user