From f5465885d85db194e6807e6010af2a904c75cf55 Mon Sep 17 00:00:00 2001 From: dev Date: Wed, 20 Aug 2025 17:14:37 +0900 Subject: [PATCH 1/2] Update 2008 --- assets/scss/common/grid.scss | 65 ++++++++------------- pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue | 55 +++++++++++++++-- 2 files changed, 74 insertions(+), 46 deletions(-) diff --git a/assets/scss/common/grid.scss b/assets/scss/common/grid.scss index 3ca101f..63f8c47 100644 --- a/assets/scss/common/grid.scss +++ b/assets/scss/common/grid.scss @@ -10,6 +10,14 @@ &-container { width: 100%; border-radius: 10px; + + .tui-select-box-input { + p { + font-size: 14px; + font-family: inherit + } + } + } &-content-area { @@ -23,6 +31,7 @@ &-no-scroll-y { .tui-grid-rside-area { + .tui-grid-header-area, .tui-grid-summary-area { margin-right: 0 !important; @@ -150,6 +159,15 @@ .tui-select-box-input { border-radius: 6px; + + .tui-select-box-icon { + width: 14px; + height: 14px; + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.45)%22%20d%3D%22M1.90728%203.65546L8.20371%2012.3358C8.43228%2012.6501%208.90014%2012.6501%209.12692%2012.3358L15.4251%203.65546C15.4406%203.63411%2015.4499%203.60889%2015.452%203.58259C15.454%203.55628%2015.4487%203.52993%2015.4367%203.50644C15.4247%203.48296%2015.4064%203.46326%2015.3839%203.44954C15.3613%203.43581%2015.3354%203.42859%2015.3091%203.42868H13.9698C13.8787%203.42868%2013.793%203.47332%2013.7394%203.54653L8.66621%2010.5394L3.593%203.54653C3.53942%203.47332%203.45371%203.42868%203.36264%203.42868H2.02335C1.90728%203.42868%201.83943%203.56082%201.90728%203.65546Z%22/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-size: contain; + margin-top: -20px; + } } .tui-select-box-dropdown { @@ -158,7 +176,9 @@ padding: 4px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); + .tui-select-box-item { + font-size: 14px; margin-bottom: 4px; position: relative; @@ -204,44 +224,6 @@ @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; @@ -715,7 +697,7 @@ } &-tree-button-expand { - z-index: 9999; + z-index: 7; .tui-grid-btn-tree { i { @@ -735,7 +717,7 @@ } &-tree-button-collapse { - z-index: 9999; + z-index: 7; .tui-grid-btn-tree { i { @@ -886,7 +868,8 @@ .tui-select-box-highlight { - background:none !important; + background: none !important; + &:before { background: map-deep-get($config, #{$theme}, diff --git a/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue b/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue index 1f77b6a..f1f6e96 100644 --- a/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue +++ b/pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue @@ -69,12 +69,12 @@
- +
- -
+ + @@ -589,6 +589,39 @@ export default { }); const _this = this; + class CustomButton { + constructor(props) { + const { grid, rowKey, columnInfo } = props; + + const gridData = grid.store.data.rawData; + const value = gridData[rowKey][columnInfo.name]; + + this.disabled = columnInfo.renderer.options.disabled || false; + const elDiv = document.createElement('div'); + if (value != null) { + elDiv.innerHTML = `${value}`; + $(elDiv).addClass('tui-grid-cell-content d-flex justify-space-between'); + const el2 = document.createElement('button'); + $(el2).addClass('edit-btn blue--text'); + el2.innerText = '보기'; + elDiv.appendChild(el2); + } else { + elDiv.innerHTML = ``; + } + + this.el = elDiv; + + } + getElement() { + return this.el; + } + getValue() { + // return this.el.value; + } + mounted() { + // this.el.focus(); + } + } const myColumns = [ { header: 'FAB', @@ -633,7 +666,13 @@ export default { { header: '가이드명', name: 'gdIdxNm', - width: 200, + width: 250, + renderer: { + type: CustomButton, + options: { + value: "보기", + } + }, }, { header: '주의', @@ -668,6 +707,12 @@ export default { name: 'ngCnt', align: 'right', width: 80, + renderer: { + type: CustomButton, + options: { + value: "보기", + } + }, }, ]; -- 2.50.1.windows.1 From 6350c31c50942941802f54c3a39b32e848b79018 Mon Sep 17 00:00:00 2001 From: dev Date: Wed, 20 Aug 2025 17:28:15 +0900 Subject: [PATCH 2/2] Update 2008 --- assets/scss/common/grid.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/assets/scss/common/grid.scss b/assets/scss/common/grid.scss index 63f8c47..3bb317a 100644 --- a/assets/scss/common/grid.scss +++ b/assets/scss/common/grid.scss @@ -163,7 +163,7 @@ .tui-select-box-icon { width: 14px; height: 14px; - background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.45)%22%20d%3D%22M1.90728%203.65546L8.20371%2012.3358C8.43228%2012.6501%208.90014%2012.6501%209.12692%2012.3358L15.4251%203.65546C15.4406%203.63411%2015.4499%203.60889%2015.452%203.58259C15.454%203.55628%2015.4487%203.52993%2015.4367%203.50644C15.4247%203.48296%2015.4064%203.46326%2015.3839%203.44954C15.3613%203.43581%2015.3354%203.42859%2015.3091%203.42868H13.9698C13.8787%203.42868%2013.793%203.47332%2013.7394%203.54653L8.66621%2010.5394L3.593%203.54653C3.53942%203.47332%203.45371%203.42868%203.36264%203.42868H2.02335C1.90728%203.42868%201.83943%203.56082%201.90728%203.65546Z%22/%3E%3C/svg%3E"); + background-repeat: no-repeat; background-size: contain; margin-top: -20px; @@ -844,6 +844,17 @@ "tui-grid-cell-color" ); + .tui-select-box-icon { + + @if $theme ==dark { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22rgba(255%2C%20255%2C%20255%2C%200.45)%22%20d%3D%22M1.90728%203.65546L8.20371%2012.3358C8.43228%2012.6501%208.90014%2012.6501%209.12692%2012.3358L15.4251%203.65546C15.4406%203.63411%2015.4499%203.60889%2015.452%203.58259C15.454%203.55628%2015.4487%203.52993%2015.4367%203.50644C15.4247%203.48296%2015.4064%203.46326%2015.3839%203.44954C15.3613%203.43581%2015.3354%203.42859%2015.3091%203.42868H13.9698C13.8787%203.42868%2013.793%203.47332%2013.7394%203.54653L8.66621%2010.5394L3.593%203.54653C3.53942%203.47332%203.45371%203.42868%203.36264%203.42868H2.02335C1.90728%203.42868%201.83943%203.56082%201.90728%203.65546Z%22/%3E%3C/svg%3E"); + } + + @else { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.45)%22%20d%3D%22M1.90728%203.65546L8.20371%2012.3358C8.43228%2012.6501%208.90014%2012.6501%209.12692%2012.3358L15.4251%203.65546C15.4406%203.63411%2015.4499%203.60889%2015.452%203.58259C15.454%203.55628%2015.4487%203.52993%2015.4367%203.50644C15.4247%203.48296%2015.4064%203.46326%2015.3839%203.44954C15.3613%203.43581%2015.3354%203.42859%2015.3091%203.42868H13.9698C13.8787%203.42868%2013.793%203.47332%2013.7394%203.54653L8.66621%2010.5394L3.593%203.54653C3.53942%203.47332%203.45371%203.42868%203.36264%203.42868H2.02335C1.90728%203.42868%201.83943%203.56082%201.90728%203.65546Z%22/%3E%3C/svg%3E"); + } + } + } .tui-select-box-dropdown { -- 2.50.1.windows.1