Compare commits
5 Commits
dev-manhph
...
dev-dungtv
Author | SHA1 | Date | |
---|---|---|---|
50698ac661 | |||
c815eae2ca | |||
8a9dfd9949 | |||
3155258656 | |||
68916550e5 |
@ -21,15 +21,6 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-no-scroll-y {
|
|
||||||
.tui-grid-rside-area {
|
|
||||||
.tui-grid-header-area,
|
|
||||||
.tui-grid-summary-area {
|
|
||||||
margin-right: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&-rside-area {
|
&-rside-area {
|
||||||
|
|
||||||
.tui-grid-header-area,
|
.tui-grid-header-area,
|
||||||
@ -118,6 +109,44 @@
|
|||||||
@include theme($theme);
|
@include theme($theme);
|
||||||
|
|
||||||
.v-application.#{$theme}-mode {
|
.v-application.#{$theme}-mode {
|
||||||
|
.enrg-effc {
|
||||||
|
.tui-grid-rside-area {
|
||||||
|
.tui-grid-table {
|
||||||
|
tr {
|
||||||
|
|
||||||
|
td:nth-child(4),
|
||||||
|
td:nth-child(10) {
|
||||||
|
.tui-grid-cell-content {
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active-color"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tui-grid {
|
||||||
|
|
||||||
|
&-row-odd,
|
||||||
|
&-row-even {
|
||||||
|
&:hover {
|
||||||
|
|
||||||
|
>td:nth-child(4),
|
||||||
|
td:nth-child(10) {
|
||||||
|
.tui-grid-cell-content {
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active-color"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.tui-grid-content-area {
|
.tui-grid-content-area {
|
||||||
.tui-grid-header-area {
|
.tui-grid-header-area {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
@ -367,6 +396,15 @@
|
|||||||
// "tui-grid-cell-insert-color"
|
// "tui-grid-cell-insert-color"
|
||||||
// );
|
// );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
&.custom-link {
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active-color"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -174,10 +174,6 @@ export default {
|
|||||||
this.gridScrollTop = e.target.scrollTop;
|
this.gridScrollTop = e.target.scrollTop;
|
||||||
this.gridScrollLeft = e.target.scrollLeft;
|
this.gridScrollLeft = e.target.scrollLeft;
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!(this.scrollBody.scrollHeight > this.scrollBody.clientHeight)) {
|
|
||||||
this.gridInstance.$el.getElementsByClassName('tui-grid-content-area')[0].classList.add('tui-grid-no-scroll-y');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -68,18 +68,6 @@ export default {
|
|||||||
loadGrid: false,
|
loadGrid: false,
|
||||||
gridName: 'rowDataSetTagRelGrid',
|
gridName: 'rowDataSetTagRelGrid',
|
||||||
detailDataSetTagList: myDataSetTagDetail,
|
detailDataSetTagList: myDataSetTagDetail,
|
||||||
dataPathMock: {
|
|
||||||
"rowDataSetTagRelGrid": {
|
|
||||||
column: [
|
|
||||||
{ header: 'TAG ID', name: 'id', headerAlign: 'left' },
|
|
||||||
{ header: 'TAG 명', name: 'name', headerAlign: 'left' },
|
|
||||||
{ header: '모델 Data 구분', name: 'type', headerAlign: 'left' }
|
|
||||||
],
|
|
||||||
data: dataPathDataExample,
|
|
||||||
defaultRow: dataPathDataExample,
|
|
||||||
option: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
@ -470,6 +470,7 @@ const defaultData = {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
::v-deep {
|
||||||
.selectbox:focus {
|
.selectbox:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -509,6 +510,10 @@ select.selectbox {
|
|||||||
/* 네이티브 외형 감추기 */
|
/* 네이티브 외형 감추기 */
|
||||||
-moz-appearance: auto;
|
-moz-appearance: auto;
|
||||||
appearance: auto;
|
appearance: auto;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #d9d9d9;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: rgba(0,0,0,0.87843);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tui-grid-layer-editing {
|
.tui-grid-layer-editing {
|
||||||
@ -534,7 +539,7 @@ select.selectbox {
|
|||||||
// box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep {
|
|
||||||
.custom-vc-calender {
|
.custom-vc-calender {
|
||||||
.vc-header {
|
.vc-header {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -66,7 +66,7 @@
|
|||||||
<v-card-title class="pa-0">설비별 현황 리스트</v-card-title>
|
<v-card-title class="pa-0">설비별 현황 리스트</v-card-title>
|
||||||
</div>
|
</div>
|
||||||
<div class="px-4" style="height:calc(100% - 76px)">
|
<div class="px-4" style="height:calc(100% - 76px)">
|
||||||
<div ref="gridParent" class="w100 h100">
|
<div ref="gridParent" class="w100 h100 enrg-effc">
|
||||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||||
:parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick" />
|
:parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick" />
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user