Compare commits
5 Commits
dev-manhph
...
dev-dungtv
Author | SHA1 | Date | |
---|---|---|---|
50698ac661 | |||
c815eae2ca | |||
8a9dfd9949 | |||
3155258656 | |||
68916550e5 |
@ -21,15 +21,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-no-scroll-y {
|
||||
.tui-grid-rside-area {
|
||||
.tui-grid-header-area,
|
||||
.tui-grid-summary-area {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-rside-area {
|
||||
|
||||
.tui-grid-header-area,
|
||||
@ -118,6 +109,44 @@
|
||||
@include theme($theme);
|
||||
|
||||
.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-header-area {
|
||||
height: auto !important;
|
||||
@ -367,6 +396,15 @@
|
||||
// "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.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: {
|
||||
|
@ -68,18 +68,6 @@ export default {
|
||||
loadGrid: false,
|
||||
gridName: 'rowDataSetTagRelGrid',
|
||||
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: {
|
||||
|
@ -470,6 +470,7 @@ const defaultData = {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep {
|
||||
.selectbox:focus {
|
||||
outline: none;
|
||||
}
|
||||
@ -509,6 +510,10 @@ select.selectbox {
|
||||
/* 네이티브 외형 감추기 */
|
||||
-moz-appearance: auto;
|
||||
appearance: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 6px;
|
||||
color: rgba(0,0,0,0.87843);
|
||||
}
|
||||
|
||||
.tui-grid-layer-editing {
|
||||
@ -534,7 +539,7 @@ select.selectbox {
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
|
||||
::v-deep {
|
||||
|
||||
.custom-vc-calender {
|
||||
.vc-header {
|
||||
display: none;
|
||||
|
@ -66,7 +66,7 @@
|
||||
<v-card-title class="pa-0">설비별 현황 리스트</v-card-title>
|
||||
</div>
|
||||
<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"
|
||||
:parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick" />
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user