Compare commits
2 Commits
08637f6321
...
dev-manhph
| Author | SHA1 | Date | |
|---|---|---|---|
| 8bfcebdd10 | |||
| 1d6c49f944 |
@ -89,57 +89,9 @@
|
||||
}
|
||||
|
||||
.tui-grid-cell {
|
||||
input[type=checkbox] {
|
||||
margin-top: 8px;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:checked {
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 1px;
|
||||
width: 5px;
|
||||
height: 9px;
|
||||
border: solid;
|
||||
border-width: 0 2px 2px 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tui-grid-layer-editing {
|
||||
input[type=checkbox] {
|
||||
margin-top: 8px;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:checked {
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 1px;
|
||||
width: 5px;
|
||||
height: 9px;
|
||||
border: solid;
|
||||
border-width: 0 2px 2px 0;
|
||||
transform: rotate(45deg);
|
||||
&:last-child {
|
||||
input[type=checkbox] {
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -166,44 +118,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;
|
||||
@ -247,35 +161,6 @@
|
||||
#{$theme},
|
||||
"tui-grid-cell-borderStyle-darkmode"
|
||||
);
|
||||
|
||||
input[type=checkbox] {
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-border"
|
||||
);
|
||||
background: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-bg"
|
||||
);
|
||||
|
||||
&:checked {
|
||||
background-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-btn-primary-bg"
|
||||
);
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-btn-primary-bg"
|
||||
);
|
||||
|
||||
&::after {
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-bg"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -482,15 +367,6 @@
|
||||
// "tui-grid-cell-insert-color"
|
||||
// );
|
||||
}
|
||||
|
||||
span {
|
||||
&.custom-link {
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"router-tab-item-active-color"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -726,37 +602,6 @@
|
||||
&-frozen-border {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&-layer-editing {
|
||||
input[type=checkbox] {
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-border"
|
||||
);
|
||||
background: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-bg"
|
||||
);
|
||||
|
||||
&:checked {
|
||||
background-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-btn-primary-bg"
|
||||
);
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-btn-primary-bg"
|
||||
);
|
||||
|
||||
&::after {
|
||||
border-color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"ant-checkbox-bg"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[class*="tui-grid-tree-wrapper"] {
|
||||
|
||||
@ -174,8 +174,9 @@ export default {
|
||||
this.gridScrollTop = e.target.scrollTop;
|
||||
this.gridScrollLeft = e.target.scrollLeft;
|
||||
});
|
||||
|
||||
if (!(this.scrollBody.scrollHeight > this.scrollBody.clientHeight)) {
|
||||
if (this.scrollBody.scrollHeight > this.scrollBody.clientHeight) {
|
||||
this.gridInstance.$el.getElementsByClassName('tui-grid-content-area')[0].classList.remove('tui-grid-no-scroll-y');
|
||||
} else {
|
||||
this.gridInstance.$el.getElementsByClassName('tui-grid-content-area')[0].classList.add('tui-grid-no-scroll-y');
|
||||
}
|
||||
}
|
||||
|
||||
@ -68,6 +68,18 @@ 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: {
|
||||
|
||||
@ -205,8 +205,8 @@ export default {
|
||||
header: {
|
||||
height: 38,
|
||||
},
|
||||
rowHeight: 37,
|
||||
minRowHeight: 37,
|
||||
rowHeight: 29,
|
||||
minRowHeight: 29,
|
||||
selectionUnit: 'row',
|
||||
editingEvent: 'click',
|
||||
};
|
||||
@ -383,15 +383,5 @@ function numberFormatter({ value }) {
|
||||
.tab-datepicker {
|
||||
width: 64% !important;
|
||||
}
|
||||
|
||||
.tui-grid-layer-state {
|
||||
top: 40px !important;
|
||||
}
|
||||
|
||||
.tui-grid-layer-selection,
|
||||
.tui-grid-cell-content-editor{
|
||||
height: 36px !important;
|
||||
// border: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -41,7 +41,7 @@
|
||||
<v-card-title>
|
||||
<span class="custom-title-4">캘린더 미리보기</span>
|
||||
</v-card-title>
|
||||
<v-card-actions class="px-5 d-block">
|
||||
<v-card-actions class="px-5 d-block" >
|
||||
<Calendar :parentPrgmId="myPrgmId" :gridName="gridName" :headerVisible="false"
|
||||
:showTitle="false" />
|
||||
</v-card-actions>
|
||||
@ -470,76 +470,71 @@ const defaultData = {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.selectbox:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.calendarOption {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
select.selectbox {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* 높이 초기화 */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
/* line-height 초기화 */
|
||||
font-family: inherit;
|
||||
/* 폰트 상속 */
|
||||
border: 0;
|
||||
// opacity: 0; /* 숨기기 */
|
||||
// filter:alpha(opacity=0); /* IE8 숨기기 */
|
||||
// -webkit-appearance: none; /* 네이티브 외형 감추기 */
|
||||
// -moz-appearance: none;
|
||||
// appearance: none;
|
||||
opacity: 1;
|
||||
/* 숨기기 */
|
||||
filter: alpha(opacity=1);
|
||||
/* IE8 숨기기 */
|
||||
-webkit-appearance: auto;
|
||||
/* 네이티브 외형 감추기 */
|
||||
-moz-appearance: auto;
|
||||
appearance: auto;
|
||||
}
|
||||
|
||||
.tui-grid-layer-editing {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
// background-image: initial;
|
||||
// background-position-x: initial;
|
||||
// background-position-y: initial;
|
||||
// background-size: initial;
|
||||
// background-repeat-x: initial;
|
||||
// background-repeat-y: initial;
|
||||
// background-attachment: initial;
|
||||
// background-origin: initial;
|
||||
// background-clip: initial;
|
||||
// background-color: rgb(255, 255, 255);
|
||||
// z-index: 15;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
/* border-style: solid; */
|
||||
/* border-width: 1px; */
|
||||
white-space: nowrap;
|
||||
border-width: 0px;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
|
||||
::v-deep {
|
||||
.selectbox:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.calendarOption {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
select.selectbox {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* 높이 초기화 */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
/* line-height 초기화 */
|
||||
font-family: inherit;
|
||||
/* 폰트 상속 */
|
||||
border: 0;
|
||||
// opacity: 0; /* 숨기기 */
|
||||
// filter:alpha(opacity=0); /* IE8 숨기기 */
|
||||
// -webkit-appearance: none; /* 네이티브 외형 감추기 */
|
||||
// -moz-appearance: none;
|
||||
// appearance: none;
|
||||
opacity: 1;
|
||||
/* 숨기기 */
|
||||
filter: alpha(opacity=1);
|
||||
/* IE8 숨기기 */
|
||||
-webkit-appearance: auto;
|
||||
/* 네이티브 외형 감추기 */
|
||||
-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 {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
// background-image: initial;
|
||||
// background-position-x: initial;
|
||||
// background-position-y: initial;
|
||||
// background-size: initial;
|
||||
// background-repeat-x: initial;
|
||||
// background-repeat-y: initial;
|
||||
// background-attachment: initial;
|
||||
// background-origin: initial;
|
||||
// background-clip: initial;
|
||||
// background-color: rgb(255, 255, 255);
|
||||
// z-index: 15;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
/* border-style: solid; */
|
||||
/* border-width: 1px; */
|
||||
white-space: nowrap;
|
||||
border-width: 0px;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.custom-vc-calender {
|
||||
.vc-header {
|
||||
display: none;
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<!-- 리스트 페이지 시작 -->
|
||||
<div v-if="pageActionFlag == 'list'" class="h1001">
|
||||
<v-card class="">
|
||||
<div class="pa-5">
|
||||
<div class="pa-5 pb-0">
|
||||
<v-row align="center" no-gutters>
|
||||
<v-col :cols="12" class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
|
||||
@ -15,11 +15,15 @@
|
||||
<!-- <v-btn @click="listPageButtonGroupClickEvent('delete')" :ripple="false">삭제</v-btn> -->
|
||||
</div>
|
||||
</v-col>
|
||||
<v-col :cols="12" ref="contents" class="mt-5" style="min-height: calc(100% - 76px);">
|
||||
<div ref="gridParent" class="px-50" style="min-height: 70vh;">
|
||||
<v-col :cols="12" ref="contents" class="mt-5" style="min-height: calc(100% - 73px);">
|
||||
<div ref="gridParent" class="px-50" style="min-height: 64vh;">
|
||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||
:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
|
||||
</div>
|
||||
<div class="d-flex align-center justify-center pa-5" v-if="loadGrid && totalCount > 0">
|
||||
<pagination id="pagination" :total-count="totalCount" :page-num="page" :limit="limit"
|
||||
@loadData="changeGrid" />
|
||||
</div>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</div>
|
||||
@ -37,7 +41,7 @@
|
||||
class="mr-1" icon="unordered-list">목록</a-button>
|
||||
<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false"
|
||||
class="mr-1" icon="send-outlined">
|
||||
<v-icon small :class="['mr-2']" >$icoSend</v-icon>
|
||||
<v-icon small :class="['mr-2']">$icoSend</v-icon>
|
||||
답글
|
||||
</a-button>
|
||||
<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false"
|
||||
@ -60,11 +64,8 @@
|
||||
<v-card-title class="custom-title-7 pa-0">
|
||||
파일목록
|
||||
</v-card-title>
|
||||
<div v-for="fileData in viewActionData.fileData"
|
||||
:key="fileData.apndFileId"
|
||||
:class="['file-item', isDarkMode?'dark':'light']"
|
||||
style="background-color: unset;"
|
||||
>
|
||||
<div v-for="fileData in viewActionData.fileData" :key="fileData.apndFileId"
|
||||
:class="['file-item', isDarkMode ? 'dark' : 'light']" style="background-color: unset;">
|
||||
<a @click.prevent="downloadFile(fileData)" class="pa-0">
|
||||
<div class="d-flex justify-start search-box-label mb-0">
|
||||
<v-icon>mdi-paperclip</v-icon>
|
||||
@ -93,15 +94,14 @@
|
||||
</v-col>
|
||||
<v-col :cols="12" style="min-height: calc(100vh - 450px);">
|
||||
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg"
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']" />
|
||||
</v-col>
|
||||
|
||||
<v-col :cols="6" class="mt-5">
|
||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||
<div class="" v-if="writeActionData.fileData">
|
||||
<div v-for="(fileData, index) in writeActionData.fileData" :key="fileData.apndFileId"
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode?'dark':'light']"
|
||||
>
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode ? 'dark' : 'light']">
|
||||
<div class="file-item-detail">
|
||||
<v-icon>mdi-paperclip</v-icon>
|
||||
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||
@ -110,17 +110,16 @@
|
||||
@click="writeActionData.업로드fileData.splice(index, 1)" />
|
||||
</div>
|
||||
</div>
|
||||
<a-button class="ant-btn-popup-default mt-3" color="primary" icon="upload" @click="$refs.writeInputFile.$refs.input.click()">
|
||||
<a-button class="ant-btn-popup-default mt-3" color="primary" icon="upload"
|
||||
@click="$refs.writeInputFile.$refs.input.click()">
|
||||
업로드
|
||||
</a-button>
|
||||
<v-file-input ref="writeInputFile" v-model="writeActionData.fileData" multiple outlined
|
||||
hide-input class="d-none" prepend-icon="mdi-tray-arrow-up"></v-file-input>
|
||||
</v-col>
|
||||
<v-col :cols="12" class="text-right">
|
||||
<a-button @click="writePageButtonGroupClickEvent('cancel')"
|
||||
:ripple="false"
|
||||
class="ant-btn-popup-default mr-2"
|
||||
color="primary" >취소</a-button>
|
||||
<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false"
|
||||
class="ant-btn-popup-default mr-2" color="primary">취소</a-button>
|
||||
<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false"
|
||||
type="primary">등록</a-button>
|
||||
</v-col>
|
||||
@ -143,14 +142,13 @@
|
||||
</v-col>
|
||||
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
|
||||
<editor ref="tuiReplyEditor" height="100%" initialEditType="wysiwyg"
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']" />
|
||||
</v-col>
|
||||
<v-col :cols="6" class="mt-5">
|
||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||
<div class="" v-if="replyActionData.fileData">
|
||||
<div v-for="(fileData, index) in replyActionData.fileData" :key="fileData.apndFileId"
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode?'dark':'light']"
|
||||
>
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode ? 'dark' : 'light']">
|
||||
<div class="file-item-detail">
|
||||
<v-icon>mdi-paperclip</v-icon>
|
||||
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||
@ -159,7 +157,8 @@
|
||||
@click="replyActionData.fileData.splice(index, 1)" />
|
||||
</div>
|
||||
</div>
|
||||
<a-button class="ant-btn-popup-default mt-3" color="primary" icon="upload" @click="$refs.replyInputFile.$refs.input.click()">
|
||||
<a-button class="ant-btn-popup-default mt-3" color="primary" icon="upload"
|
||||
@click="$refs.replyInputFile.$refs.input.click()">
|
||||
업로드
|
||||
</a-button>
|
||||
<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData"
|
||||
@ -167,10 +166,8 @@
|
||||
</v-file-input>
|
||||
</v-col>
|
||||
<v-col :cols="12" class="text-right">
|
||||
<a-button @click="replyPageButtonGroupClickEvent('cancel')"
|
||||
class="ant-btn-popup-default mr-2"
|
||||
color="primary"
|
||||
:ripple="false">취소</a-button>
|
||||
<a-button @click="replyPageButtonGroupClickEvent('cancel')" class="ant-btn-popup-default mr-2"
|
||||
color="primary" :ripple="false">취소</a-button>
|
||||
<a-button @click="replyPageButtonGroupClickEvent('reply')" :ripple="false"
|
||||
type="primary">등록</a-button>
|
||||
</v-col>
|
||||
@ -195,14 +192,13 @@
|
||||
<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4">
|
||||
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
|
||||
:initialValue="updateActionData.content"
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
|
||||
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']" />
|
||||
</v-col>
|
||||
<v-col :cols="6" class="mt-5">
|
||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||
<div class="" v-if="updateActionData.fileData">
|
||||
<div v-for="(fileData, index) in updateActionData.fileData" :key="fileData.apndFileId"
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode?'dark':'light']"
|
||||
>
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode ? 'dark' : 'light']">
|
||||
<div class="file-item-detail">
|
||||
<v-icon style="font-size: 18px;">mdi-paperclip</v-icon>
|
||||
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||
@ -214,8 +210,7 @@
|
||||
<div class="current-files" v-if="updateActionData.currentFileList">
|
||||
<div v-for="(fileData, index) in updateActionData.currentFileList"
|
||||
:key="fileData.apndFileId"
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode?'dark':'light']"
|
||||
>
|
||||
:class="['file-item d-flex justify-space-between', isDarkMode ? 'dark' : 'light']">
|
||||
<div class="file-item-detail">
|
||||
<v-icon style="font-size: 18px;">mdi-paperclip</v-icon>
|
||||
<span @click.prevent="downloadFile(fileData)" href="#"
|
||||
@ -226,7 +221,8 @@
|
||||
@click="addFileToDeleteFileList(fileData)" />
|
||||
</div>
|
||||
</div>
|
||||
<a-button class="ant-btn-popup-default mt-2" color="primary" icon="upload" @click="$refs.updateInputFile.$refs.input.click()">
|
||||
<a-button class="ant-btn-popup-default mt-2" color="primary" icon="upload"
|
||||
@click="$refs.updateInputFile.$refs.input.click()">
|
||||
업로드
|
||||
</a-button>
|
||||
<v-file-input ref="updateInputFile" multiple show-size v-model="updateActionData.fileData"
|
||||
@ -235,9 +231,7 @@
|
||||
</v-col>
|
||||
<v-col :cols="12" class="text-right">
|
||||
<a-button @click="updatePageButtonGroupClickEvent('cancel')"
|
||||
class="ant-btn-popup-default mr-2"
|
||||
color="primary"
|
||||
>취소</a-button>
|
||||
class="ant-btn-popup-default mr-2" color="primary">취소</a-button>
|
||||
<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary">등록</a-button>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@ -258,6 +252,7 @@ import '@toast-ui/editor/dist/toastui-editor.css';
|
||||
import { Editor } from '@toast-ui/vue-editor';
|
||||
import '@toast-ui/editor/dist/toastui-editor-viewer.css';
|
||||
import { Viewer } from '@toast-ui/vue-editor';
|
||||
import pagination from '~/components/common/Pagination';
|
||||
|
||||
let myTitle;
|
||||
// const myPrgmId = "PRG0034";
|
||||
@ -284,6 +279,7 @@ export default {
|
||||
Utility,
|
||||
Editor,
|
||||
Viewer,
|
||||
pagination,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -298,6 +294,11 @@ export default {
|
||||
loadGrid: false,
|
||||
selectedRowKey: null,
|
||||
selectedRowData: null,
|
||||
itemsPerPage: 10,
|
||||
itemsPerPageArray: [10, 20, 30],
|
||||
limit: 20,
|
||||
page: 1,
|
||||
totalCount: 0,
|
||||
writeActionData: {
|
||||
title: '',
|
||||
postNo: null,
|
||||
@ -339,7 +340,10 @@ export default {
|
||||
},
|
||||
watch: {
|
||||
chkIsFind(val) {
|
||||
if (val) this.search();
|
||||
if (val) {
|
||||
this.page = 1;
|
||||
this.search();
|
||||
}
|
||||
},
|
||||
},
|
||||
async beforeCreate() {
|
||||
@ -425,7 +429,7 @@ export default {
|
||||
this.getGridData();
|
||||
},
|
||||
gridInit() {
|
||||
const gridHeight = this.$refs.contents.offsetHeight - 76;
|
||||
const gridHeight = this.$refs.contents.offsetHeight - 120;
|
||||
|
||||
const myOptions = {
|
||||
header: {
|
||||
@ -497,16 +501,29 @@ export default {
|
||||
async getGridData() {
|
||||
var params = {
|
||||
bordNo: 'BORD0001',
|
||||
limit: this.limit,
|
||||
page: this.page,
|
||||
offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
|
||||
};
|
||||
|
||||
this.loadGrid = false;
|
||||
|
||||
const res = await this.postApiReturn({
|
||||
apiKey: 'selectPostList',
|
||||
resKey: 'postData',
|
||||
apiKey: 'selectPostData',
|
||||
resKey: 'postPage',
|
||||
sendParam: params,
|
||||
});
|
||||
|
||||
const res2 = await this.postApiReturn({
|
||||
apiKey: 'selectPostPageTotal',
|
||||
resKey: 'postPageTotal',
|
||||
sendParam: {
|
||||
bordNo: 'BORD0001',
|
||||
}
|
||||
});
|
||||
|
||||
this.totalCount = res2[0].totalcount;
|
||||
|
||||
this.setGridData({
|
||||
gridKey: this.gridName,
|
||||
value: res,
|
||||
@ -1038,6 +1055,12 @@ export default {
|
||||
|
||||
return resultFlag;
|
||||
},
|
||||
changeGrid: async function (pageNum, limit) {
|
||||
this.page = pageNum;
|
||||
this.limit = limit;
|
||||
|
||||
this.search();
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
@ -1381,9 +1381,6 @@ export default {
|
||||
textStyle: {
|
||||
color: this.isDarkMode ? "#fff" : "#333333",
|
||||
},
|
||||
itemStyle: {
|
||||
borderWidth: 0
|
||||
}
|
||||
},
|
||||
series: seriesData,
|
||||
};
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
</v-col>
|
||||
<v-col :cols="3">
|
||||
<component :is="'EvtObjPop'" :parentPrgmId="myPrgmId" :item="evtObjPopItem"
|
||||
class="no-gutters" customClass="select-large" />
|
||||
class="no-gutters" customClass="select-large pa-0" />
|
||||
</v-col>
|
||||
<v-col :cols="3">
|
||||
<!-- 대상일 -->
|
||||
@ -38,7 +38,7 @@
|
||||
<div class="d-flex align-center justify-center pa-5" v-if="loadGrid && totalCount > 0">
|
||||
<pagination id="pagination" :total-count="totalCount" :page-num="page" :limit="limit"
|
||||
@loadData="changeGrid" />
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
|
||||
</v-col>
|
||||
|
||||
@ -60,23 +60,17 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row ref="contents" class="pt-3">
|
||||
<v-col :cols="12" >
|
||||
<v-col :cols="12" style="height: 100%">
|
||||
<v-card class="pb-5">
|
||||
<div class="d-flex align-center justify-space-between pa-4">
|
||||
<v-card-title class="pa-0">설비별 현황 리스트</v-card-title>
|
||||
</div>
|
||||
<div class="px-4" >
|
||||
<div ref="gridParent" class="w100 h100 enrg-effc">
|
||||
<div class="px-4" style="height:calc(100% - 76px)">
|
||||
<div ref="gridParent" class="w100 h100">
|
||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||
:parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick" />
|
||||
<div class="d-flex align-center justify-center pa-5 pb-0" v-if="loadGrid && totalCount > 0">
|
||||
<pagination id="pagination" :total-count="totalCount" :page-num="page" :limit="limit"
|
||||
@loadData="changeGrid" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@ -98,7 +92,6 @@ import Datepicker from '~/components/common/Datepicker';
|
||||
import EqpmSelectPop from '~/components/common/modal/EqpmSelectPop';
|
||||
import EnrgEffcEqpmDetailPop from '~/components/common/modal/EnrgEffcEqpmDetailPop';
|
||||
import EnrgEffcGdIdxDetPop from '~/components/common/modal/EnrgEffcGdIdxDetPop';
|
||||
import pagination from '~/components/common/Pagination';
|
||||
|
||||
let myTitle;
|
||||
let myPrgmId;
|
||||
@ -131,7 +124,6 @@ export default {
|
||||
EnrgEffcEqpmDetailPop,
|
||||
EqpmSelectPop,
|
||||
EnrgEffcGdIdxDetPop,
|
||||
pagination
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -157,12 +149,7 @@ export default {
|
||||
eqpmGrpFlag: false,
|
||||
eqpmGdIdxFlag: false,
|
||||
fabFlag: false,
|
||||
itemsPerPage: 10,
|
||||
itemsPerPageArray: [10, 20, 30],
|
||||
limit: 20,
|
||||
page: 1,
|
||||
routeData: {},
|
||||
totalCount: 0,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -390,7 +377,6 @@ export default {
|
||||
resKey: 'eqpmKindCodeLists',
|
||||
sendParam: {},
|
||||
});
|
||||
|
||||
if (res.length > 0) {
|
||||
this.selectValueList01 = await res.map(item => {
|
||||
return {
|
||||
@ -694,29 +680,9 @@ export default {
|
||||
fabId: this.selectValue02,
|
||||
eqpmKindId: this.selectValue01,
|
||||
okFg: this.selectValue06,
|
||||
limit: this.limit,
|
||||
page: this.page,
|
||||
offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
|
||||
},
|
||||
});
|
||||
|
||||
const res2 = await this.postApiReturn({
|
||||
apiKey: 'selectEnrgEffcEqpmDetlMntrPageTotal',
|
||||
resKey: 'eqpmDetlDataPageTotal',
|
||||
sendParam: {
|
||||
eqpmId: this.selectValue04.eqpmId,
|
||||
eqpmGrpId: this.selectValue03,
|
||||
fromDt: this.pageData.fromDt,
|
||||
toDt: this.pageData.toDt,
|
||||
gdIdxId: this.selectValue05,
|
||||
fabId: this.selectValue02,
|
||||
eqpmKindId: this.selectValue01,
|
||||
okFg: this.selectValue06,
|
||||
},
|
||||
});
|
||||
|
||||
this.totalCount = res2[0]?.totalcount;
|
||||
|
||||
this.setGridData({
|
||||
gridKey: this.gridName,
|
||||
value: res,
|
||||
@ -756,12 +722,6 @@ export default {
|
||||
});
|
||||
}
|
||||
},
|
||||
changeGrid: async function (pageNum, limit) {
|
||||
this.page = pageNum;
|
||||
this.limit = limit;
|
||||
|
||||
this.search();
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
@ -32,15 +32,19 @@
|
||||
</v-row>
|
||||
<v-row ref="contents">
|
||||
<v-col :cols="12" >
|
||||
<v-card class="pb-5">
|
||||
<v-card>
|
||||
<div class="d-flex align-center justify-space-between py-4 px-4">
|
||||
<v-card-title class="pa-0 custom-title-4">설비별 에너지 계획 리스트</v-card-title>
|
||||
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
|
||||
</div>
|
||||
<div ref="gridParent" class="px-5" style="min-height: 60vh;">
|
||||
<div ref="gridParent" class="px-5" style="min-height: 50vh;">
|
||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
|
||||
:editorGrid="true" @getRowsData="getRowData" />
|
||||
</div>
|
||||
<div class="d-flex align-center justify-center pa-5" v-if="loadGrid && totalCount > 0">
|
||||
<pagination id="pagination" :total-count="totalCount" :page-num="page" :limit="limit"
|
||||
@loadData="changeGrid" />
|
||||
</div>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@ -57,7 +61,7 @@ import Grid from '~/components/common/Grid';
|
||||
import Utility from '~/plugins/utility';
|
||||
import Buttons from '~/components/common/button/Buttons';
|
||||
import EnrgUsePlanModiPop from '~/components/common/modal/EnrgUsePlanModiPop';
|
||||
import DateUtility from '~/plugins/dateUtility';
|
||||
import pagination from '~/components/common/Pagination';
|
||||
|
||||
let myTitle;
|
||||
let myPrgmId;
|
||||
@ -86,6 +90,7 @@ export default {
|
||||
Grid,
|
||||
Buttons,
|
||||
EnrgUsePlanModiPop,
|
||||
pagination
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -104,7 +109,11 @@ export default {
|
||||
fromDt: new Date().getFullYear(),
|
||||
rowKey: null,
|
||||
edtingFinishFlag: 'Y',
|
||||
// gridName: 'rowGrid',
|
||||
itemsPerPage: 10,
|
||||
itemsPerPageArray: [10, 20, 30],
|
||||
limit: 20,
|
||||
page: 1,
|
||||
totalCount: 0,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -134,7 +143,10 @@ export default {
|
||||
this.fromDt = val;
|
||||
},
|
||||
chkIsFind(val) {
|
||||
if (val) this.search();
|
||||
if (val) {
|
||||
this.page = 1;
|
||||
this.search();
|
||||
}
|
||||
},
|
||||
async selectValue01(val) {
|
||||
if (this.initedFlag) {
|
||||
@ -265,7 +277,7 @@ export default {
|
||||
gridInit() {
|
||||
this.loadGrid = false;
|
||||
let _this = this;
|
||||
const gridHeight = this.$refs.gridParent.offsetHeight - 50;
|
||||
const gridHeight = this.$refs.gridParent.offsetHeight - 40;
|
||||
let yyyyCol = this.pageData.fromDt + '년';
|
||||
let childCols1 = [];
|
||||
let myComplexColumns = [
|
||||
@ -358,14 +370,14 @@ export default {
|
||||
{
|
||||
header: 'FAB',
|
||||
name: 'fab',
|
||||
width: 100,
|
||||
width: 85,
|
||||
align: 'left',
|
||||
// hidden: true,
|
||||
},
|
||||
{
|
||||
header: '공정명',
|
||||
name: 'eccNm',
|
||||
width: 100,
|
||||
width: 150,
|
||||
align: 'left',
|
||||
hidden: true,
|
||||
},
|
||||
@ -415,7 +427,7 @@ export default {
|
||||
{
|
||||
header: '구분',
|
||||
name: 'gubun',
|
||||
width: 200,
|
||||
width: 150,
|
||||
align: 'left',
|
||||
// hidden: true,
|
||||
formatter({ value }) {
|
||||
@ -447,7 +459,7 @@ export default {
|
||||
myColumns.push({
|
||||
header: i.toString() + '월',
|
||||
name: qty,
|
||||
width: 80,
|
||||
width: 70,
|
||||
align: 'right',
|
||||
editor: 'text',
|
||||
formatter: this.numberFormatter,
|
||||
@ -500,8 +512,25 @@ export default {
|
||||
pastDt: parseInt(this.fromDt) - 1,
|
||||
eqpmGrpId: this.selectValue03,
|
||||
eccId: this.selectValue01,
|
||||
limit: this.limit,
|
||||
page: this.page,
|
||||
offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
|
||||
},
|
||||
});
|
||||
|
||||
const res2 = await this.postApiReturn({
|
||||
apiKey: 'selectEnrgUsePlanPageTotal',
|
||||
resKey: 'enrgUsePlanPageTotal',
|
||||
sendParam: {
|
||||
fromDt: this.fromDt,
|
||||
pastDt: parseInt(this.fromDt) - 1,
|
||||
eqpmGrpId: this.selectValue03,
|
||||
eccId: this.selectValue01,
|
||||
},
|
||||
});
|
||||
|
||||
this.totalCount = res2[0].totalcount;
|
||||
|
||||
let fabText = this.pageData.eccIdList.filter(item => {
|
||||
return item.value == this.selectValue01;
|
||||
})[0]['text'];
|
||||
@ -734,6 +763,12 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
changeGrid: async function (pageNum, limit) {
|
||||
this.page = pageNum;
|
||||
this.limit = limit;
|
||||
|
||||
this.search();
|
||||
},
|
||||
},
|
||||
};
|
||||
const dt = new Date();
|
||||
|
||||
@ -514,6 +514,8 @@ const INIT_URL_STATE = {
|
||||
|
||||
// prgmId: "PRG0003" 공지사항
|
||||
selectPostList: 'comm/base/NoticeMngCtr/selectPostList',
|
||||
selectPostData: 'comm/base/NoticeMngCtr/selectPostData',
|
||||
selectPostPageTotal: 'comm/base/NoticeMngCtr/selectPostPageTotal',
|
||||
deletePostList: 'comm/base/NoticeMngCtr/deletePost',
|
||||
|
||||
//prgmId: "PRG0121" 공지사항 게시물 상세조회
|
||||
@ -902,6 +904,8 @@ const INIT_URL_STATE = {
|
||||
//prgmId: PRG0079 에너지사용량계획
|
||||
selectFabCodeList: 'ems/effc/EnrgUsePlanCtr/selectFabCodeList',
|
||||
selectEnrgUsePlanData: 'ems/effc/EnrgUsePlanCtr/selectEnrgUsePlanData',
|
||||
selectEnrgUsePlanPageTotal: 'ems/effc/EnrgUsePlanCtr/selectEnrgUsePlanPageTotal',
|
||||
|
||||
saveEmsEqpmMmPlanDatas: 'ems/effc/EnrgUsePlanCtr/saveEmsEqpmMmPlanDatas',
|
||||
|
||||
//prgmId : PRG0080 에너지 사용량 - Total Summary
|
||||
@ -943,8 +947,6 @@ const INIT_URL_STATE = {
|
||||
//prgmId : PRG0084 설비별 운전가이드
|
||||
selectEqpmCodeList: 'ems/effc/EnrgEffcEqpmDetlMntrCtr/selectEqpmCodeList',
|
||||
selectEnrgEffcEqpmDetlMntr:'ems/effc/EnrgEffcEqpmDetlMntrCtr/selectEnrgEffcEqpmDetlMntr',
|
||||
selectEnrgEffcEqpmDetlMntrPageTotal:
|
||||
'ems/effc/EnrgEffcEqpmDetlMntrCtr/selectEnrgEffcEqpmDetlMntrPageTotal', // 일일검침정보
|
||||
selectEqpmDetailPop: 'ems/effc/EnrgEffcEqpmDetlMntrCtr/selectEqpmDetailPop',
|
||||
selectEnrgEffcGdIdxDetPop : 'ems/effc/EnrgEffcEqpmDetlMntrCtr/selectEnrgEffcGdIdxDetPop',
|
||||
|
||||
|
||||
Reference in New Issue
Block a user