Compare commits
29 Commits
af3a7c78f2
...
dev
Author | SHA1 | Date | |
---|---|---|---|
094d8a03f3 | |||
df64326d0d | |||
6dcaf56eee | |||
38bbd95ad4 | |||
931e2e237e | |||
42a2555671 | |||
abc6709a31 | |||
2ef474fda4 | |||
9eaad1a2e4 | |||
7ece26bdfb | |||
3702c59f20 | |||
b2a0f1cde2 | |||
d4c39c577f | |||
ac5bb1eb6e | |||
70aa21c78d | |||
39502ae8fb | |||
bcea171273 | |||
08d2918a6d | |||
2dde396442 | |||
4a20707c62 | |||
f35924aac8 | |||
8d613e14d3 | |||
9212c636cf | |||
50fee505fe | |||
9459291a8e | |||
f633eb413a | |||
9000afc00d | |||
ee1bd87817 | |||
8bfcebdd10 |
@ -92,6 +92,15 @@
|
|||||||
background-color: #36383f;
|
background-color: #36383f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h1,
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h2,
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h3,
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h4,
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h5,
|
||||||
|
.toastui-editor-dark .toastui-editor-popup-add-heading h6 {
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
.toastui-editor-dark .toastui-editor-popup-body label {
|
.toastui-editor-dark .toastui-editor-popup-body label {
|
||||||
color: #9a9da3;
|
color: #9a9da3;
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.v-select__custom {
|
.v-select__custom {
|
||||||
padding: 0.125rem;
|
// padding: 0.125rem;
|
||||||
|
|
||||||
&.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
|
&.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -22,6 +22,10 @@
|
|||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-pagination-item-ellipsis {
|
||||||
|
color: map-deep-get($config, #{$theme}, "paging-text") !important;
|
||||||
|
}
|
||||||
|
|
||||||
.ant-pagination-item,
|
.ant-pagination-item,
|
||||||
.ant-pagination-prev,
|
.ant-pagination-prev,
|
||||||
.ant-pagination-next {
|
.ant-pagination-next {
|
||||||
|
@ -69,7 +69,7 @@ export default {
|
|||||||
},
|
},
|
||||||
limit: {
|
limit: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 0,
|
default: 10,
|
||||||
},
|
},
|
||||||
itemsPerPageArray: {
|
itemsPerPageArray: {
|
||||||
type: Array,
|
type: Array,
|
||||||
|
@ -43,16 +43,16 @@
|
|||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- </v-list-item>-->
|
<!-- </v-list-item>-->
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-btn @click="pswdChange" small elevation="0">
|
<v-list-item-title @click="pswdChange" class="body-2">
|
||||||
<v-icon class="mr-1" size="20">mdi-account-outline</v-icon>
|
<v-icon class="mr-1" size="20">mdi-account-outline</v-icon>
|
||||||
<span class="body-2">비밀번호 변경</span>
|
<span class="body-2">비밀번호 변경</span>
|
||||||
</v-btn>
|
</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-btn @click="logout" small elevation="0">
|
<v-list-item-title @click="logout" class="body-2">
|
||||||
<v-icon class="mr-1" size="20">mdi-logout</v-icon>
|
<v-icon class="mr-1" size="20">mdi-logout</v-icon>
|
||||||
<span class="body-2">로그아웃</span>
|
<span class="body-2">로그아웃</span>
|
||||||
</v-btn>
|
</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
@ -105,7 +105,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
pswdChange() {
|
pswdChange() {
|
||||||
this.$parent.$parent.$parent.$parent.$refs['changePswdPop'].dialog = true;
|
this.$parent.$parent.$parent.$refs['changePswdPop'].dialog = true;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
|
@ -173,8 +173,9 @@ 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) {
|
||||||
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');
|
this.gridInstance.$el.getElementsByClassName('tui-grid-content-area')[0].classList.add('tui-grid-no-scroll-y');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -34,7 +34,7 @@ export default {
|
|||||||
},
|
},
|
||||||
itemsPerPageArray: {
|
itemsPerPageArray: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default: () => [20, 50, 100],
|
default: () => [10, 20, 50],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -104,7 +104,6 @@ export default {
|
|||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
async chkDialog(val) {
|
async chkDialog(val) {
|
||||||
//console.log("watch : ", val)
|
|
||||||
if (val) {
|
if (val) {
|
||||||
this.openDialog();
|
this.openDialog();
|
||||||
|
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
<span class="custom-title-4">{{ option.modalTitle }}</span>
|
<span class="custom-title-4">{{ option.modalTitle }}</span>
|
||||||
<a-button icon="close" type="text" @click="dialogOpenCloseEvent(dialog)"></a-button>
|
<a-button icon="close" type="text" @click="dialogOpenCloseEvent(dialog)"></a-button>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<div class="pa-6 pt-0">
|
<div class="pa-6 pt-0 pb-3">
|
||||||
<v-row align="center">
|
<v-row align="center">
|
||||||
<v-col :cols="5">
|
<v-col :cols="5">
|
||||||
<component :is="'SelectBox'" ref="SelectBox1" :labelCols="12" :textCols="12"
|
<component :is="'SelectBox'" ref="SelectBox1" :labelCols="12" :textCols="12"
|
||||||
@ -43,7 +43,7 @@
|
|||||||
물리량명
|
물리량명
|
||||||
</label>
|
</label>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="9"> <v-text-field append-icon="" class="v-input__custom" outlined
|
<v-col :cols="10" class="pr-2"> <v-text-field append-icon="" class="v-input__custom" outlined
|
||||||
:hide-details="true" v-model="searchWord" @keyup.enter="search"><template
|
:hide-details="true" v-model="searchWord" @keyup.enter="search"><template
|
||||||
v-slot:append>
|
v-slot:append>
|
||||||
<!-- Custom SVG icon -->
|
<!-- Custom SVG icon -->
|
||||||
@ -51,8 +51,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</template></v-text-field></v-col>
|
</template></v-text-field></v-col>
|
||||||
<v-spacer></v-spacer>
|
<v-col cols="2" class="text-right">
|
||||||
<v-col cols="3" class="text-right">
|
|
||||||
<a-button icon="search" type="primary" @click="search()"
|
<a-button icon="search" type="primary" @click="search()"
|
||||||
class="search-button">조회</a-button>
|
class="search-button">조회</a-button>
|
||||||
|
|
||||||
@ -63,9 +62,9 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div :style="'height: calc(50vh)'"> -->
|
<!-- <div :style="'height: calc(50vh)'"> -->
|
||||||
<div :style="'height: 429px;'">
|
<div :style="{ height: 'calc(100% - 60px)' }">
|
||||||
<!-- <div :style="{ height: 'calc(100% - 213px)' }"> -->
|
<!-- <div :style="{ height: 'calc(100% - 213px)' }"> -->
|
||||||
<div ref="modalGridParent" class="h100 px-6 py-4">
|
<div ref="modalGridParent" class="px-6 py-4">
|
||||||
<component :is="loadGrid && dialog ? 'Grid' : null" :gridName="gridName"
|
<component :is="loadGrid && dialog ? 'Grid' : null" :gridName="gridName"
|
||||||
:dataPath="searchParam.modalDataEqpmBaseInfoPop.eqpmBaseInfoPop"
|
:dataPath="searchParam.modalDataEqpmBaseInfoPop.eqpmBaseInfoPop"
|
||||||
:parentPrgmId="parentPrgmId" @getRowsData="getRowData" @dblClick="setUpdate($event)" />
|
:parentPrgmId="parentPrgmId" @getRowsData="getRowData" @dblClick="setUpdate($event)" />
|
||||||
|
@ -2,17 +2,14 @@
|
|||||||
<v-row class="search-box" align="center" no-gutters>
|
<v-row class="search-box" align="center" no-gutters>
|
||||||
<v-col v-if="label" :cols="labelCols" class="mr-2">
|
<v-col v-if="label" :cols="labelCols" class="mr-2">
|
||||||
<label for="" class="search-box-label">
|
<label for="" class="search-box-label">
|
||||||
<v-icon v-if="iconShow" small
|
<v-icon v-if="iconShow" small :class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
|
||||||
:class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
|
|
||||||
{{ label }}
|
{{ label }}
|
||||||
</label>
|
</label>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="textCols">
|
<v-col :cols="textCols">
|
||||||
<v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]"
|
<v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]"
|
||||||
@click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false"
|
@click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false"
|
||||||
:disabled="disabled || false"
|
:disabled="disabled || false" :placeholder="placeholder">
|
||||||
:placeholder="placeholder"
|
|
||||||
>
|
|
||||||
<template v-slot:append>
|
<template v-slot:append>
|
||||||
<!-- Custom SVG icon -->
|
<!-- Custom SVG icon -->
|
||||||
<v-icon>$icoSearch</v-icon>
|
<v-icon>$icoSearch</v-icon>
|
||||||
@ -31,17 +28,17 @@
|
|||||||
<v-row align="end">
|
<v-row align="end">
|
||||||
<v-col :cols="3.5">
|
<v-col :cols="3.5">
|
||||||
<!-- 설비그룹 -->
|
<!-- 설비그룹 -->
|
||||||
<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01"
|
<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01" :label="'설비그룹'"
|
||||||
:label="'설비그룹'" :disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event"
|
:disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event" :labelCols="12" :textCols="12"
|
||||||
:labelCols="12" :textCols="12" :iconShow="true" />
|
:iconShow="true" />
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col>
|
<v-col>
|
||||||
<!-- FAB -->
|
<!-- FAB -->
|
||||||
<component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02"
|
<component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02" :label="'FAB'"
|
||||||
:label="'FAB'" :labelCols="12" :multiple="true" :disabled="fabDisabled"
|
:labelCols="12" :multiple="true" :disabled="fabDisabled" @update:propsValue="selectValue02 = $event"
|
||||||
@update:propsValue="selectValue02 = $event" :textCols="12" :iconShow="true" />
|
:textCols="12" :iconShow="true" />
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col >
|
<v-col>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col :cols="12" class="py-0">
|
<v-col :cols="12" class="py-0">
|
||||||
<label for="" class="search-box-label">
|
<label for="" class="search-box-label">
|
||||||
@ -86,15 +83,16 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pa-5" style="height:calc(100% - 30px)">
|
<div class="pa-5" style="height:calc(100% - 30px)">
|
||||||
<div ref="modalGridParent" class="h100 w100">
|
<div ref="modalGridParent" :class="['h100', 'w100', isDarkMode ? 'dark-mode' : 'light-mode']">
|
||||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null"
|
<component :ref="gridName" :is="loadGrid ? 'Grid' : null"
|
||||||
:dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName"
|
:dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName" :parentPrgmId="parentPrgmId"
|
||||||
:parentPrgmId="parentPrgmId" @getRowsData="getRowData" />
|
@getRowsData="getRowData" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-card-actions class="px-6 py-4 d-flex align-center justify-end">
|
<v-card-actions class="px-6 py-4 d-flex align-center justify-end">
|
||||||
<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="ant-btn-popup-default mr-2">닫기</a-button>
|
<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)"
|
||||||
|
class="ant-btn-popup-default mr-2">닫기</a-button>
|
||||||
<a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button>
|
<a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
@ -247,6 +245,7 @@ export default {
|
|||||||
eqpmKindId: data.eqpmKindId,
|
eqpmKindId: data.eqpmKindId,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
isDarkMode: "isDarkMode",
|
||||||
}),
|
}),
|
||||||
selectValue: {
|
selectValue: {
|
||||||
get() {
|
get() {
|
||||||
@ -585,8 +584,9 @@ var eqpmSelectPop = {
|
|||||||
|
|
||||||
.tui-grid-lside-area {
|
.tui-grid-lside-area {
|
||||||
.tui-grid-table {
|
.tui-grid-table {
|
||||||
|
|
||||||
.tui-grid-cell-header {
|
.tui-grid-cell-header {
|
||||||
&.tui-grid-cell {
|
&.tui-grid-cell {
|
||||||
input[type=checkbox] {
|
input[type=checkbox] {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
@ -594,7 +594,23 @@ var eqpmSelectPop = {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@each $theme in dark, light {
|
||||||
|
@include theme($theme);
|
||||||
|
|
||||||
|
.#{$theme}-mode {
|
||||||
|
::v-deep {
|
||||||
|
.tui-grid-lside-area {
|
||||||
|
.tui-grid-table{
|
||||||
|
border-right: 1px solid map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"tui-grid-border-vertical-color"
|
||||||
|
) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -53,7 +53,7 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<!-- <div :style="'height: calc(65vh)'"> -->
|
<!-- <div :style="'height: calc(65vh)'"> -->
|
||||||
<div :style="'height: 600px'" class="px-5">
|
<div :style="'height: 620px'" class="px-5">
|
||||||
<!-- <div :style="{ height: 'calc(100% - 213px)' }"> -->
|
<!-- <div :style="{ height: 'calc(100% - 213px)' }"> -->
|
||||||
<div ref="modalGridParent" class="h100 py-3">
|
<div ref="modalGridParent" class="h100 py-3">
|
||||||
<!-- :is="loadGrid && dialog ? 'Grid' : null" -->
|
<!-- :is="loadGrid && dialog ? 'Grid' : null" -->
|
||||||
|
@ -107,7 +107,7 @@ export default {
|
|||||||
this.detailList[4].class = 'pl-4 mt-2';
|
this.detailList[4].class = 'pl-4 mt-2';
|
||||||
this.detailList[3].class = 'd-block';
|
this.detailList[3].class = 'd-block';
|
||||||
this.detailList[2].class = 'd-none';
|
this.detailList[2].class = 'd-none';
|
||||||
this.detailList[1].class = 'd-block pl-4 mt-1 pb-0';
|
this.detailList[1].class = 'd-block pl-4 mt-3-new pb-0';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -503,5 +503,10 @@ const myDetail = [
|
|||||||
.tui-grid-layer-state{
|
.tui-grid-layer-state{
|
||||||
top: 40px !important;
|
top: 40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mt-3-new{
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -102,7 +102,7 @@ export default {
|
|||||||
this.gridInit();
|
this.gridInit();
|
||||||
},
|
},
|
||||||
gridInit() {
|
gridInit() {
|
||||||
const gridHeight = this.$refs.gridParent.offsetHeight - 31;
|
const gridHeight = this.$refs.gridParent.offsetHeight;
|
||||||
|
|
||||||
const myOptions = {
|
const myOptions = {
|
||||||
columnOptions: {
|
columnOptions: {
|
||||||
@ -113,8 +113,8 @@ export default {
|
|||||||
header: {
|
header: {
|
||||||
height: 28,
|
height: 28,
|
||||||
},
|
},
|
||||||
rowHeight: 36,
|
rowHeight: 38,
|
||||||
minRowHeight: 36,
|
minRowHeight: 38,
|
||||||
selectionUnit: 'row',
|
selectionUnit: 'row',
|
||||||
editingEvent: 'click',
|
editingEvent: 'click',
|
||||||
};
|
};
|
||||||
@ -122,7 +122,6 @@ export default {
|
|||||||
gridKey: this.gridName,
|
gridKey: this.gridName,
|
||||||
value: myOptions,
|
value: myOptions,
|
||||||
});
|
});
|
||||||
|
|
||||||
const _this = this;
|
const _this = this;
|
||||||
let useFgSelectList = [];
|
let useFgSelectList = [];
|
||||||
this.pageData.useFgList.forEach(item => {
|
this.pageData.useFgList.forEach(item => {
|
||||||
@ -447,7 +446,9 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tui-grid-cell-content-editor {
|
.tui-grid-cell-content-editor {
|
||||||
height: 36px !important;
|
position: relative;
|
||||||
|
height: 39px !important;
|
||||||
|
top: 39px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -61,7 +61,9 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
<a-button id="removeBm" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1">
|
<a-button id="removeBm" :style="{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center'}" class="btn-header" @click="removeBookMark" v-if="bookmarkBtn == 1">
|
||||||
<span class="material-icons" style="font-size: 17px">star</span>
|
<span class="material-icons" style="font-size: 17px">star</span>
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button id="addBm" class="btn-header" :style="{
|
<a-button id="addBm" class="btn-header" :style="{
|
||||||
@ -347,6 +349,12 @@ export default {
|
|||||||
//console.log("localPageData", this.pageData);
|
//console.log("localPageData", this.pageData);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
isDarkMode(){
|
||||||
|
this.loadingStackCnt = 1;
|
||||||
|
setTimeout(() => {
|
||||||
|
this.loadingStackCnt = 0;
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
// menuLink: {
|
// menuLink: {
|
||||||
// deep: true,
|
// deep: true,
|
||||||
// handler() {
|
// handler() {
|
||||||
|
@ -117,8 +117,8 @@ export default {
|
|||||||
// rowGridOrigin: [],
|
// rowGridOrigin: [],
|
||||||
detailList: myDetail,
|
detailList: myDetail,
|
||||||
itemsPerPage: 20,
|
itemsPerPage: 20,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
@ -143,7 +143,7 @@ export default {
|
|||||||
chkIsFind(val) {
|
chkIsFind(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.page = 1;
|
this.page = 1;
|
||||||
this.search();
|
this.search(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkExecRsltCd() {
|
chkExecRsltCd() {
|
||||||
@ -249,14 +249,16 @@ export default {
|
|||||||
|
|
||||||
this.loadGrid = true;
|
this.loadGrid = true;
|
||||||
},
|
},
|
||||||
async search() {
|
async search(isPaging) {
|
||||||
await this.getRowGridData();
|
await this.getRowGridData(isPaging);
|
||||||
await this.setPageData({
|
await this.setPageData({
|
||||||
isFind: false,
|
isFind: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async getRowGridData() {
|
async getRowGridData(isPaging) {
|
||||||
this.loadGrid = false;
|
if(!isPaging) {
|
||||||
|
this.loadGrid = false;
|
||||||
|
}
|
||||||
// this.setGridData({
|
// this.setGridData({
|
||||||
// gridKey: this.gridName,
|
// gridKey: this.gridName,
|
||||||
// value: [],
|
// value: [],
|
||||||
@ -369,7 +371,7 @@ export default {
|
|||||||
this.page = pageNum;
|
this.page = pageNum;
|
||||||
this.limit = limit;
|
this.limit = limit;
|
||||||
|
|
||||||
this.search();
|
this.search(true);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -295,8 +295,8 @@ export default {
|
|||||||
selectedRowKey: null,
|
selectedRowKey: null,
|
||||||
selectedRowData: null,
|
selectedRowData: null,
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
writeActionData: {
|
writeActionData: {
|
||||||
@ -426,7 +426,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
search() {
|
search() {
|
||||||
this.getGridData();
|
this.getGridData(false);
|
||||||
},
|
},
|
||||||
gridInit() {
|
gridInit() {
|
||||||
const gridHeight = this.$refs.contents.offsetHeight - 120;
|
const gridHeight = this.$refs.contents.offsetHeight - 120;
|
||||||
@ -498,18 +498,18 @@ export default {
|
|||||||
});
|
});
|
||||||
this.getGridData();
|
this.getGridData();
|
||||||
},
|
},
|
||||||
async getGridData() {
|
async getGridData(isPaging) {
|
||||||
var params = {
|
var params = {
|
||||||
bordNo: 'BORD0001',
|
bordNo: 'BORD0001',
|
||||||
limit: this.limit,
|
limit: this.limit,
|
||||||
page: this.page,
|
page: this.page,
|
||||||
offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
|
offset: (this.page - 1) * this.limit, // MariaDB Query에서 직접 계산이 안됨
|
||||||
};
|
};
|
||||||
|
if(!isPaging) {
|
||||||
this.loadGrid = false;
|
this.loadGrid = false;
|
||||||
|
}
|
||||||
const res = await this.postApiReturn({
|
const res = await this.postApiReturn({
|
||||||
apiKey: 'selectPostPage',
|
apiKey: 'selectPostData',
|
||||||
resKey: 'postPage',
|
resKey: 'postPage',
|
||||||
sendParam: params,
|
sendParam: params,
|
||||||
});
|
});
|
||||||
@ -1059,7 +1059,8 @@ export default {
|
|||||||
this.page = pageNum;
|
this.page = pageNum;
|
||||||
this.limit = limit;
|
this.limit = limit;
|
||||||
|
|
||||||
this.search();
|
// this.search();
|
||||||
|
this.getGridData(true);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -134,8 +134,8 @@ export default {
|
|||||||
// rowGridOrigin: [],
|
// rowGridOrigin: [],
|
||||||
detailList: myDetail,
|
detailList: myDetail,
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
|
@ -63,7 +63,7 @@
|
|||||||
<v-tabs-items v-model="tab" style="height: calc(100% - 65px);" class="pt-6 py-2">
|
<v-tabs-items v-model="tab" style="height: calc(100% - 65px);" class="pt-6 py-2">
|
||||||
<v-tab-item v-for="(item, idx) in items" :key="item.id">
|
<v-tab-item v-for="(item, idx) in items" :key="item.id">
|
||||||
<component v-if="item.id == 'readPlcBaseInfoTab'" :is="'Form'" :parentPrgmId="myPrgmId"
|
<component v-if="item.id == 'readPlcBaseInfoTab'" :is="'Form'" :parentPrgmId="myPrgmId"
|
||||||
:detailList="f" :bindingData="gridName"
|
:detailList="detailList" :bindingData="gridName"
|
||||||
@gridEditingFinish="gridEditingFinish" />
|
@gridEditingFinish="gridEditingFinish" />
|
||||||
<ReadPlcAddInfoTab v-if="item.id == 'readPlcAddInfoTab'" :parentPrgmId="myPrgmId"
|
<ReadPlcAddInfoTab v-if="item.id == 'readPlcAddInfoTab'" :parentPrgmId="myPrgmId"
|
||||||
:innerTabGridInfo="{ tab, idx }" />
|
:innerTabGridInfo="{ tab, idx }" />
|
||||||
@ -923,51 +923,6 @@ const defaultData = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const sampleData = [
|
|
||||||
{
|
|
||||||
readPlcNm: '서울 본사',
|
|
||||||
plcKind: '본사',
|
|
||||||
useFg: '사용',
|
|
||||||
_children: [
|
|
||||||
{
|
|
||||||
readPlcNm: '서울 본사 - 1층',
|
|
||||||
plcKind: '층',
|
|
||||||
useFg: '사용',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
readPlcNm: '서울 본사 - 2층',
|
|
||||||
plcKind: '층',
|
|
||||||
useFg: '미사용',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
readPlcNm: '부산 지사',
|
|
||||||
plcKind: '지사',
|
|
||||||
useFg: '사용',
|
|
||||||
_children: [
|
|
||||||
{
|
|
||||||
readPlcNm: '부산 지사 - A동',
|
|
||||||
plcKind: '건물',
|
|
||||||
useFg: '사용',
|
|
||||||
_children: [
|
|
||||||
{
|
|
||||||
readPlcNm: '부산 지사 - A동 1층',
|
|
||||||
plcKind: '층',
|
|
||||||
useFg: '사용',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
readPlcNm: '대전 창고',
|
|
||||||
plcKind: '창고',
|
|
||||||
useFg: '미사용',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
|
|
||||||
const myDetail = [
|
const myDetail = [
|
||||||
{
|
{
|
||||||
type: 'InputText',
|
type: 'InputText',
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<component :is="'EvtObjPop'" :parentPrgmId="myPrgmId" :item="evtObjPopItem"
|
<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>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<!-- 대상일 -->
|
<!-- 대상일 -->
|
||||||
@ -30,8 +30,8 @@
|
|||||||
</v-row>
|
</v-row>
|
||||||
<v-row ref="contents">
|
<v-row ref="contents">
|
||||||
<v-col :cols="12" class="h100">
|
<v-col :cols="12" class="h100">
|
||||||
<v-card class="px-5 py-5">
|
<v-card class="pa-5 pb-0">
|
||||||
<div ref="gridParent" class="px-5" style="height:calc(100% - 40px)">
|
<div ref="gridParent" class="px-5" style="height:calc(100% - 70px)">
|
||||||
<component ref="myGrid" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
<component ref="myGrid" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||||
:parentPrgmId="myPrgmId" />
|
:parentPrgmId="myPrgmId" />
|
||||||
</div>
|
</div>
|
||||||
@ -117,8 +117,8 @@ export default {
|
|||||||
formFg: false,
|
formFg: false,
|
||||||
},
|
},
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
@ -144,17 +144,17 @@ export default {
|
|||||||
chkIsFind(val) {
|
chkIsFind(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.page = 1;
|
this.page = 1;
|
||||||
this.search();
|
this.search(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkTagId(val) {
|
chkTagId(val) {
|
||||||
if (this.initFlag && val != null) {
|
if (this.initFlag && val != null) {
|
||||||
this.search();
|
this.search(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkTagNm() {
|
chkTagNm() {
|
||||||
if (this.initFlag) {
|
if (this.initFlag) {
|
||||||
this.search();
|
this.search(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkReadPlcId() {
|
chkReadPlcId() {
|
||||||
@ -193,13 +193,13 @@ export default {
|
|||||||
postApiReturn: 'modules/list/postApiReturn',
|
postApiReturn: 'modules/list/postApiReturn',
|
||||||
chkOpenTabList: 'chkOpenTabList',
|
chkOpenTabList: 'chkOpenTabList',
|
||||||
}),
|
}),
|
||||||
async search() {
|
async search(isPaging) {
|
||||||
// this.gridInit();
|
// this.gridInit();
|
||||||
if (this.initFlag) {
|
if (this.initFlag) {
|
||||||
if (this.pageData.tagId == '' || this.pageData.tagId == null) {
|
if (this.pageData.tagId == '' || this.pageData.tagId == null) {
|
||||||
alert('TAG를 선택해 주세요');
|
alert('TAG를 선택해 주세요');
|
||||||
} else {
|
} else {
|
||||||
this.getRowGridData();
|
this.getRowGridData(isPaging);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.setPageData({
|
this.setPageData({
|
||||||
@ -289,9 +289,10 @@ export default {
|
|||||||
|
|
||||||
this.loadGrid = true;
|
this.loadGrid = true;
|
||||||
},
|
},
|
||||||
async getRowGridData() {
|
async getRowGridData(isPaging) {
|
||||||
this.loadGrid = false;
|
if(!isPaging) {
|
||||||
|
this.loadGrid = false;
|
||||||
|
}
|
||||||
let res = [];
|
let res = [];
|
||||||
let res2 = [];
|
let res2 = [];
|
||||||
let yearQuarterData = [];
|
let yearQuarterData = [];
|
||||||
@ -476,7 +477,7 @@ export default {
|
|||||||
this.page = pageNum;
|
this.page = pageNum;
|
||||||
this.limit = limit;
|
this.limit = limit;
|
||||||
|
|
||||||
this.search();
|
this.search(true);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -167,8 +167,8 @@ export default {
|
|||||||
gridName: "rowGrid",
|
gridName: "rowGrid",
|
||||||
loadGrid: false,
|
loadGrid: false,
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
@ -198,7 +198,7 @@ export default {
|
|||||||
chkIsFind(val) {
|
chkIsFind(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.page = 1;
|
this.page = 1;
|
||||||
this.search();
|
this.search(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkBlocId() {
|
chkBlocId() {
|
||||||
@ -265,12 +265,13 @@ export default {
|
|||||||
value: myColumns,
|
value: myColumns,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async search() {
|
async search(isPaging) {
|
||||||
await this.getRowGridData();
|
await this.getRowGridData(isPaging);
|
||||||
},
|
},
|
||||||
async getRowGridData() {
|
async getRowGridData(isPaging) {
|
||||||
this.loadGrid = false;
|
if(!isPaging) {
|
||||||
|
this.loadGrid = false;
|
||||||
|
}
|
||||||
if (
|
if (
|
||||||
this.pageData.blocMstrList.length > 0 &&
|
this.pageData.blocMstrList.length > 0 &&
|
||||||
this.pageData.commCdList.length > 0 &&
|
this.pageData.commCdList.length > 0 &&
|
||||||
@ -356,7 +357,7 @@ export default {
|
|||||||
this.page = pageNum;
|
this.page = pageNum;
|
||||||
this.limit = limit;
|
this.limit = limit;
|
||||||
|
|
||||||
this.search();
|
this.search(true);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -153,8 +153,8 @@ export default {
|
|||||||
detailList: myDetail,
|
detailList: myDetail,
|
||||||
alrmFg: null,
|
alrmFg: null,
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
|
@ -783,5 +783,8 @@ const dataPathDataExample = getPathDataExample({
|
|||||||
.v-window {
|
.v-window {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
.ant-checkbox-inner {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -159,8 +159,8 @@ export default {
|
|||||||
eqpmGdIdxFlag: false,
|
eqpmGdIdxFlag: false,
|
||||||
fabFlag: false,
|
fabFlag: false,
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
routeData: {},
|
routeData: {},
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
@ -211,7 +211,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
chkIsFind(val) {
|
chkIsFind(val) {
|
||||||
if (val) this.search();
|
if (val) this.search(false);
|
||||||
},
|
},
|
||||||
fabId(val) { },
|
fabId(val) { },
|
||||||
fabNm(val) { },
|
fabNm(val) { },
|
||||||
@ -371,8 +371,8 @@ export default {
|
|||||||
}
|
}
|
||||||
await this.gridInit();
|
await this.gridInit();
|
||||||
},
|
},
|
||||||
async search() {
|
async search(isPaging) {
|
||||||
await this.getRowGridData();
|
await this.getRowGridData(isPaging);
|
||||||
this.setPageData({
|
this.setPageData({
|
||||||
isFind: false,
|
isFind: false,
|
||||||
});
|
});
|
||||||
@ -725,9 +725,10 @@ export default {
|
|||||||
|
|
||||||
this.getRowGridData();
|
this.getRowGridData();
|
||||||
},
|
},
|
||||||
async getRowGridData() {
|
async getRowGridData(isPaging) {
|
||||||
this.loadGrid = false;
|
if(!isPaging) {
|
||||||
|
this.loadGrid = false;
|
||||||
|
}
|
||||||
var res = await this.postApiReturn({
|
var res = await this.postApiReturn({
|
||||||
apiKey: 'selectEnrgEffcEqpmDetlMntr',
|
apiKey: 'selectEnrgEffcEqpmDetlMntr',
|
||||||
resKey: 'eqpmDetlData',
|
resKey: 'eqpmDetlData',
|
||||||
@ -806,7 +807,7 @@ export default {
|
|||||||
this.page = pageNum;
|
this.page = pageNum;
|
||||||
this.limit = limit;
|
this.limit = limit;
|
||||||
|
|
||||||
this.search();
|
this.search(true);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -110,8 +110,8 @@ export default {
|
|||||||
rowKey: null,
|
rowKey: null,
|
||||||
edtingFinishFlag: 'Y',
|
edtingFinishFlag: 'Y',
|
||||||
itemsPerPage: 10,
|
itemsPerPage: 10,
|
||||||
itemsPerPageArray: [10, 20, 30],
|
itemsPerPageArray: [10, 20, 50],
|
||||||
limit: 20,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
};
|
};
|
||||||
|
@ -327,6 +327,10 @@ export class NewCustomEditor {
|
|||||||
} else {
|
} else {
|
||||||
el.checked = false;
|
el.checked = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
divEl.style.position = 'relative';
|
||||||
|
divEl.style.top = rowKey === 0 ? '1px' : '2px';
|
||||||
|
|
||||||
el.addEventListener('change', (ev) => {
|
el.addEventListener('change', (ev) => {
|
||||||
// console.log('props: %o', ev);
|
// console.log('props: %o', ev);
|
||||||
if (ev.target.checked) {
|
if (ev.target.checked) {
|
||||||
@ -401,4 +405,4 @@ export class NewCustomEditor {
|
|||||||
// }
|
// }
|
||||||
this.el.select();
|
this.el.select();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -514,7 +514,7 @@ const INIT_URL_STATE = {
|
|||||||
|
|
||||||
// prgmId: "PRG0003" 공지사항
|
// prgmId: "PRG0003" 공지사항
|
||||||
selectPostList: 'comm/base/NoticeMngCtr/selectPostList',
|
selectPostList: 'comm/base/NoticeMngCtr/selectPostList',
|
||||||
selectPostPage: 'comm/base/NoticeMngCtr/selectPostPage',
|
selectPostData: 'comm/base/NoticeMngCtr/selectPostData',
|
||||||
selectPostPageTotal: 'comm/base/NoticeMngCtr/selectPostPageTotal',
|
selectPostPageTotal: 'comm/base/NoticeMngCtr/selectPostPageTotal',
|
||||||
deletePostList: 'comm/base/NoticeMngCtr/deletePost',
|
deletePostList: 'comm/base/NoticeMngCtr/deletePost',
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user