Merge pull request 'dev-trungvq7-0729' (#26) from dev-trungvq7-0729 into dev
Reviewed-on: #26
This commit is contained in:
@ -434,7 +434,7 @@ a {
|
||||
.v-application.#{$theme}-mode {
|
||||
min-width: 1000px;
|
||||
|
||||
.head-logo{
|
||||
.head-logo {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@ -485,6 +485,7 @@ a {
|
||||
|
||||
.container--fluid {
|
||||
background-color: map-deep-get($config, #{$theme}, "container-fluid");
|
||||
|
||||
.menu-container {
|
||||
height:calc(100vh - 60px);
|
||||
overflow-y: auto;
|
||||
@ -950,15 +951,24 @@ a {
|
||||
"v-calendar-weekday-backgroundColor"
|
||||
);
|
||||
border-right: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
|
||||
border-bottom: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
|
||||
border-top: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
|
||||
color: map-deep-get($config, #{$theme}, "v-calendar-weekday-color");
|
||||
|
||||
&:nth-of-type(1) {
|
||||
color: map-deep-get($color, "week", "sun");
|
||||
// color: map-deep-get($config,
|
||||
// #{$theme},
|
||||
// "v-calendar-is-sun"
|
||||
// );
|
||||
border-left: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
|
||||
}
|
||||
|
||||
&:nth-of-type(7) {
|
||||
color: map-deep-get($color, "week", "sat");
|
||||
}
|
||||
// &:nth-of-type(7) {
|
||||
// color: map-deep-get($config,
|
||||
// #{$theme},
|
||||
// "v-calendar-is-sat"
|
||||
// );
|
||||
// }
|
||||
}
|
||||
|
||||
>.vc-day {
|
||||
@ -967,22 +977,33 @@ a {
|
||||
|
||||
.day-hldyNm,
|
||||
.day-label.is-holiday {
|
||||
color: map-deep-get($color, "week", "sun");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sun"
|
||||
);
|
||||
}
|
||||
|
||||
&.weekday-1 {
|
||||
|
||||
.day-label,
|
||||
.day-hldyNm {
|
||||
color: map-deep-get($color, "week", "sun");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sun"
|
||||
);
|
||||
}
|
||||
|
||||
border-left: 1px solid map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color");
|
||||
}
|
||||
|
||||
&.weekday-7 {
|
||||
|
||||
.day-label,
|
||||
.day-hldyNm {
|
||||
color: map-deep-get($color, "week", "sat");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sat"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1184,11 +1205,17 @@ a {
|
||||
}
|
||||
|
||||
th.tui-sun {
|
||||
color: map-deep-get($color, "week", "sun");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sun"
|
||||
);
|
||||
}
|
||||
|
||||
th.tui-sat {
|
||||
color: map-deep-get($color, "week", "sat");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sat"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1204,11 +1231,17 @@ a {
|
||||
}
|
||||
|
||||
td.tui-calendar-sun {
|
||||
color: map-deep-get($color, "week", "sun");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sun"
|
||||
);
|
||||
}
|
||||
|
||||
td.tui-calendar-sat {
|
||||
color: map-deep-get($color, "week", "sat");
|
||||
color: map-deep-get($config,
|
||||
#{$theme},
|
||||
"v-calendar-is-sat"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1322,11 +1355,12 @@ a {
|
||||
color: #46c0ff;
|
||||
}
|
||||
}
|
||||
|
||||
.v-btn {
|
||||
background-color: transparent !important;
|
||||
color: map-deep-get($config, #{$theme}, "btn-header-select-color") !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
[hover-tooltip] {
|
||||
|
||||
@ -32,8 +32,8 @@ $color: (
|
||||
"black": ("0": #000,
|
||||
"1": #111),
|
||||
"white": ("0": #fff),
|
||||
"week": ("sun": #fb5a83,
|
||||
"sat": #2d8cf6)
|
||||
"week": ("sun": #FF4D4F,
|
||||
"sat": #597EF7)
|
||||
);
|
||||
|
||||
$config: (
|
||||
@ -96,12 +96,14 @@ $config: (
|
||||
v-input-disabled-backgroundColor:rgba(255, 255, 255, 0.08),
|
||||
v-input-disabled-color: rgba(255, 255, 255, 0.5),
|
||||
v-select-label-color: rgba(255, 255, 255, 0.85),
|
||||
v-calendar-weekday-backgroundColor: #383f5d,
|
||||
v-calendar-weekday-color: #fff,
|
||||
v-calendar-weekday-border-color: rgba(255, 255, 255, 0.1),
|
||||
v-calendar-day-color: #fff,
|
||||
v-calendar-day-in-not-month-color: rgba(255, 255, 255, 0.05),
|
||||
v-calendar-is-today-background-color: #2d4571,
|
||||
v-calendar-weekday-backgroundColor: #FFFFFF0A,
|
||||
v-calendar-weekday-color: #FFFFFFD9,
|
||||
v-calendar-weekday-border-color: #FFFFFF0F,
|
||||
v-calendar-day-color: #FFFFFFD9,
|
||||
v-calendar-day-in-not-month-color: #FFFFFF14,
|
||||
v-calendar-is-today-background-color: #0A224F,
|
||||
v-calendar-is-sat: #263EA0,
|
||||
v-calendar-is-sun:#A61D24,
|
||||
tui-grid-title-color: #FFFFFFD9,
|
||||
tui-grid-header-backgroundColor: #2a2b2d,
|
||||
tui-grid-header-color: #FFFFFFD9,
|
||||
@ -234,12 +236,14 @@ $config: (
|
||||
v-input-disabled-backgroundColor: rgba(0, 0, 0, 0.04),
|
||||
v-input-disabled-color: rgba(0, 0, 0, 0.25),
|
||||
v-select-label-color: rgba(0, 0, 0, 0.88),
|
||||
v-calendar-weekday-backgroundColor: #e0e0e0,
|
||||
v-calendar-weekday-color: #111,
|
||||
v-calendar-weekday-border-color: #d4d4d4,
|
||||
v-calendar-day-color: #111,
|
||||
v-calendar-day-in-not-month-color: #f8f8f8,
|
||||
v-calendar-is-today-background-color: #e3eaf3,
|
||||
v-calendar-weekday-backgroundColor: #00000005,
|
||||
v-calendar-weekday-color: #000000E0,
|
||||
v-calendar-weekday-border-color: #0000000F,
|
||||
v-calendar-day-color: #000000E0,
|
||||
v-calendar-day-in-not-month-color: #0000000A,
|
||||
v-calendar-is-today-background-color: #E6F4FF,
|
||||
v-calendar-is-sat: #597EF7,
|
||||
v-calendar-is-sun:#FF4D4F,
|
||||
tui-grid-title-color: #000000E0,
|
||||
tui-grid-header-backgroundColor: #fafafa, //#e0e0e0,
|
||||
tui-grid-header-color: rgba(0, 0, 0, 0.88),
|
||||
|
||||
@ -3,45 +3,28 @@
|
||||
<div class="custom-vc-calender-title text-center" v-if="headerVisible">
|
||||
<span>{{ selectedYear }}년 {{ selectedMonth }}월</span>
|
||||
</div>
|
||||
<vc-calendar
|
||||
ref="myCalendar"
|
||||
:attributes="calendarAttributes"
|
||||
class="custom-calendar"
|
||||
>
|
||||
<vc-calendar locale="ko-KR" ref="myCalendar" :attributes="calendarAttributes" class="custom-calendar">
|
||||
<!-- disable-page-swipe
|
||||
is-expanded -->
|
||||
<template v-slot:day-content="{ day, attributes }">
|
||||
<div class="plusButton" style="overflow:auto">
|
||||
<!-- <p class="plusButton mr-1" >+</p> -->
|
||||
<span
|
||||
:class="['day-label', { 'is-holiday': hldyValues(day.day) }]"
|
||||
@click="addPlan(day.year, day.month, day.day)"
|
||||
>{{ day.day }}</span
|
||||
>
|
||||
<span :class="['day-label', { 'is-holiday': hldyValues(day.day) }]"
|
||||
@click="addPlan(day.year, day.month, day.day)">{{ day.day }}</span>
|
||||
<span v-for="attr in attributes" :key="attr.key" class="day-hldyNm">
|
||||
{{ attr.customData.title }}
|
||||
</span>
|
||||
<div class="">
|
||||
<p
|
||||
v-for="attr in attributes"
|
||||
:key="attr.key"
|
||||
:class="attr.customData.planColor"
|
||||
@click="updatePlan(attr.customData.planSeq)"
|
||||
>
|
||||
<p v-for="attr in attributes" :key="attr.key" :class="attr.customData.planColor"
|
||||
@click="updatePlan(attr.customData.planSeq)">
|
||||
{{ attr.customData.planTitle }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</vc-calendar>
|
||||
<component
|
||||
ref="planPop"
|
||||
:is="'PlanPop'"
|
||||
v-show="false"
|
||||
:detailList="detailList"
|
||||
:label="planLabel"
|
||||
:parentPrgmId="parentPrgmId"
|
||||
/>
|
||||
<component ref="planPop" :is="'PlanPop'" v-show="false" :detailList="detailList" :label="planLabel"
|
||||
:parentPrgmId="parentPrgmId" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@ -63,6 +46,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
@ -122,7 +109,7 @@ export default {
|
||||
planColor:
|
||||
// item.endDt < Utility.setFormatDate(new Date(), 'YYYY-MM-DD')
|
||||
// ? 'grey':
|
||||
item.planColor,
|
||||
item.planColor,
|
||||
},
|
||||
dates: new Date(yy, mm, dd),
|
||||
});
|
||||
@ -166,15 +153,14 @@ export default {
|
||||
this.$refs['planPop'].strtDt = '';
|
||||
this.$refs['planPop'].endDt = '';
|
||||
this.$refs['planPop'].addPlanData = {
|
||||
year : year,
|
||||
month : month,
|
||||
day : day
|
||||
year: year,
|
||||
month: month,
|
||||
day: day
|
||||
}
|
||||
// BEGIN TEST UI
|
||||
// this.$refs['planPop'].blocId = this.pageData.blocMstrList[
|
||||
// this.pageData.blocId
|
||||
// ].blocId;
|
||||
// END TEST UI
|
||||
|
||||
this.$refs['planPop'].blocId = this.pageData.blocMstrList[
|
||||
this.pageData.blocId
|
||||
].blocId;
|
||||
this.$refs['planPop'].dialog = true;
|
||||
},
|
||||
updatePlan(val) {
|
||||
@ -188,7 +174,7 @@ export default {
|
||||
this.$refs['planPop'].dialog = true;
|
||||
},
|
||||
},
|
||||
mounted() {},
|
||||
mounted() { },
|
||||
};
|
||||
const myDetail = [];
|
||||
</script>
|
||||
@ -196,36 +182,44 @@ const myDetail = [];
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/scss/var.scss';
|
||||
@import '@/assets/scss/mixin.scss';
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom-vc-calender {
|
||||
&-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep {
|
||||
.custom-calendar.vc-container {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.vc-header,
|
||||
.vc-arrows-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vc-weeks {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
> div {
|
||||
|
||||
>div {
|
||||
flex: 1 0 calc(100% / 7);
|
||||
}
|
||||
}
|
||||
|
||||
.vc-weekday {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -233,6 +227,7 @@ const myDetail = [];
|
||||
height: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.vc-day {
|
||||
height: 10.889vh;
|
||||
min-height: auto;
|
||||
@ -241,6 +236,7 @@ const myDetail = [];
|
||||
font-size: 1rem;
|
||||
line-height: 1.235;
|
||||
}
|
||||
|
||||
.day-hldyNm {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -251,25 +247,27 @@ const myDetail = [];
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vc-day.is-not-in-month {
|
||||
* {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
.plusButton:hover > span:first-child {
|
||||
|
||||
.plusButton:hover>span:first-child {
|
||||
font-weight: bolder;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.red {
|
||||
//background-color: rgba(229,62,62,var(--bg-opacity));
|
||||
background-color: #e53e3e !important;
|
||||
background-color: #FF4D4F !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -277,9 +275,9 @@ const myDetail = [];
|
||||
text-align: left;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.blue {
|
||||
//background-color: rgba(66,153,225,var(--bg-opacity));
|
||||
background-color: #4299e1 !important;
|
||||
background-color: #597EF7 !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -287,9 +285,9 @@ const myDetail = [];
|
||||
text-align: left;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.puple {
|
||||
//background-color: rgba(102,126,234,var(--bg-opacity));
|
||||
background-color: #667eea !important;
|
||||
background-color: #9254DE !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -297,9 +295,9 @@ const myDetail = [];
|
||||
text-align: left;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.green {
|
||||
//background-color: rgba(56,178,172,var(--bg-opacity));
|
||||
background-color: #38b2ac !important;
|
||||
background-color: #73D13D !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -308,9 +306,9 @@ const myDetail = [];
|
||||
margin-bottom: 0.25rem;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.orange {
|
||||
//background-color: rgba(237,137,54,var(--bg-opacity));
|
||||
background-color: #ed8936 !important;
|
||||
background-color: #FFA940 !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -318,9 +316,9 @@ const myDetail = [];
|
||||
text-align: left;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.pink {
|
||||
//background-color: rgba(237,100,166,var(--bg-opacity));
|
||||
background-color: #ed64a6 !important;
|
||||
background-color: #F759AB !important;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
@ -328,8 +326,8 @@ const myDetail = [];
|
||||
text-align: left;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.grey {
|
||||
background-color: #6d6d6d;
|
||||
color: #fff;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 0.75rem;
|
||||
|
||||
@ -80,11 +80,11 @@
|
||||
</div> -->
|
||||
|
||||
<v-card-actions class="px-6 py-4 d-flex align-center justify-end">
|
||||
<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)"
|
||||
class="mr-2">닫기</a-button>
|
||||
<a-button v-if="item.closeBtnFg || false" :ripple="false" type="danger" ghost danger
|
||||
|
||||
<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="mr-2">닫기</a-button>
|
||||
<a-button v-if="item.closeBtnFg || false" :ripple="false" type="danger" ghost danger
|
||||
@click="deleteBtnAction($event)" class="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>
|
||||
</v-dialog>
|
||||
@ -156,23 +156,7 @@ export default {
|
||||
return {
|
||||
dialog: false,
|
||||
|
||||
loadGrid: true,
|
||||
dataPathPopExample: {
|
||||
"rowGrid": {
|
||||
data: [
|
||||
{
|
||||
'calcProc': 'AVG_CNT2',
|
||||
'argCnt': '2',
|
||||
'calcDesc': '두개 변수에 대한 평균'
|
||||
|
||||
}
|
||||
],
|
||||
column: [
|
||||
{ header: '계산코드', name: 'calcProc', width: 150 },
|
||||
{ header: '아규먼트갯수', name: 'argCnt', align: 'center', width: 100 },
|
||||
]
|
||||
}
|
||||
},
|
||||
loadGrid: false,
|
||||
grid_01: 'grid_01',
|
||||
myModalKey: 'egrpPysclQtyPop',
|
||||
modalDataKey: 'pyscModalData',
|
||||
@ -337,13 +321,6 @@ export default {
|
||||
this.selectValueList01 = [];
|
||||
this.selectValue01 = null;
|
||||
}
|
||||
|
||||
// this.selectValueList01 = [
|
||||
// { label: '냉동기고온', value: '냉동기고온' },
|
||||
// { label: '냉동기저온', value: '냉동기저온' },
|
||||
// { label: '공조기', value: '공조기' },
|
||||
// { label: '보일러', value: '보일러' }
|
||||
// ];
|
||||
},
|
||||
search() {
|
||||
this.getGridData();
|
||||
@ -365,7 +342,7 @@ export default {
|
||||
modalDataKey: this.modalDataKey,
|
||||
value: Object.assign(
|
||||
// Utility.defaultGridOption(this.$refs.modalGridParent.offsetHeight - 60, myOptions),
|
||||
// Utility.defaultGridOption(100, myOptions),
|
||||
Utility.defaultGridOption(400, myOptions),
|
||||
myOptions,
|
||||
),
|
||||
});
|
||||
@ -423,6 +400,15 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
// res = [
|
||||
// {
|
||||
// 'pysclQtyId' : 'PYSCL00001',
|
||||
// 'pysclQtyCd' : 'AMP_1A',
|
||||
// 'pysclQtyNm' : '회로1 전류A',
|
||||
// 'pysclQtyTpNm' : 'TAG'
|
||||
|
||||
// }
|
||||
// ]
|
||||
this.setModalGridData({
|
||||
modalKey: this.myModalKey,
|
||||
gridKey: this.grid_01,
|
||||
@ -477,10 +463,10 @@ export default {
|
||||
this.dialog = flag;
|
||||
},
|
||||
async dialogOpenCloseEvent(val) {
|
||||
// await this.setSelectValueList01();
|
||||
// if (!this.myBindingData) {
|
||||
// return alert('그리드를 먼저 선택해주세요.');
|
||||
// }
|
||||
await this.setSelectValueList01();
|
||||
if (!this.myBindingData) {
|
||||
return alert('그리드를 먼저 선택해주세요.');
|
||||
}
|
||||
this.dialog = !val;
|
||||
},
|
||||
deleteBtnAction(v) {
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<v-icon
|
||||
v-if="iconShow"
|
||||
small
|
||||
:class="['mr-1', required ? 'icon-orange' : 'icon-blue']"
|
||||
:class="['mr-1', item.required ? 'icon-orange' : 'icon-blue']"
|
||||
>$icoBulletPoint</v-icon
|
||||
>
|
||||
{{ option.labelContent }}
|
||||
|
||||
@ -43,7 +43,10 @@
|
||||
</v-col>
|
||||
<v-col :cols="6" class="py-0 pl-2">
|
||||
<!-- <DatePicker v-model="strtDt" :parentPrgmId="parentPrgmId"/> -->
|
||||
<div class="startpicker-container2">
|
||||
<component :parentPrgmId="parentPrgmId" :is="'SelectBoxTime'" ref="SelectBox1"
|
||||
:propsValue="selectTimeValue1" :itemList="selectTimeValueList1" :minInterval="selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
|
||||
" @update:propsValue="selectTimeValue1 = $event" />
|
||||
<!-- <div class="startpicker-container2">
|
||||
<v-text-field id="startpicker2" ref="startpicker2" v-model="strtDt"
|
||||
:class="'v-input__custom'" :hide-details="true" readonly outlined>
|
||||
<template #append>
|
||||
@ -53,7 +56,7 @@
|
||||
<div ref="startpicker-container2" id="startpicker-container2"></div>
|
||||
</template>
|
||||
</v-text-field>
|
||||
</div>
|
||||
</div> -->
|
||||
</v-col>
|
||||
<!-- <v-col :cols="2">
|
||||
<vue-numeric-input v-model="strtHh" :min="0" :max="23" controls-type="updown"
|
||||
@ -91,17 +94,9 @@
|
||||
</div>
|
||||
</v-col>
|
||||
<v-col :cols="6" class="pl-2">
|
||||
<div class="startpicker-container3">
|
||||
<v-text-field id="startpicker3" ref="startpicker3" v-model="endDt"
|
||||
:class="'v-input__custom'" :hide-details="true" readonly outlined>
|
||||
<template #append>
|
||||
<v-icon size="20">$icoCalendar</v-icon>
|
||||
</template>
|
||||
<template #append-outer>
|
||||
<div ref="startpicker-container3" id="startpicker-container3"></div>
|
||||
</template>
|
||||
</v-text-field>
|
||||
</div>
|
||||
<component :parentPrgmId="parentPrgmId" :is="'SelectBoxTime'" ref="SelectBox2"
|
||||
:propsValue="selectTimeValue2" :itemList="selectTimeValueList2" :minInterval="selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
|
||||
" @update:propsValue="selectTimeValue2 = $event" />
|
||||
</v-col>
|
||||
<!-- <v-col :cols="2">
|
||||
<vue-numeric-input v-model="endHh" :min="0" :max="23" controls-type="updown"
|
||||
@ -186,10 +181,11 @@
|
||||
</div>
|
||||
</template>
|
||||
<v-card-actions class="justify-end">
|
||||
<a-button :ripple="false" @click="btnAction('save')" class="mr-2">저장</a-button>
|
||||
<a-button :ripple="false" @click="btnAction('close')" class="mr-2">닫기</a-button>
|
||||
<a-button type="primary" :ripple="false" @click="btnAction('save')" class="mr-2">저장</a-button>
|
||||
<a-button v-show="popUpAction === 'update'" type="danger" ghost danger :ripple="false"
|
||||
@click="btnAction('delete')" class="mr-2">삭제</a-button>
|
||||
<a-button :ripple="false" type="primary" @click="btnAction('close')" class="mr-2">닫기</a-button>
|
||||
@click="btnAction('delete')">삭제</a-button>
|
||||
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
@ -210,6 +206,7 @@ import DatePicker from '~/components/common/Datepicker';
|
||||
import mixinGlobal from '@/mixin/global.js';
|
||||
import Utility from '~/plugins/utility';
|
||||
import TuiDatepicker from 'tui-date-picker';
|
||||
import SelectBoxTime from "@/components/common/select/SelectBoxTime";
|
||||
|
||||
export default {
|
||||
mixins: [mixinGlobal],
|
||||
@ -237,6 +234,13 @@ export default {
|
||||
type: String,
|
||||
require: false,
|
||||
},
|
||||
selectBoxTimeItemList: {
|
||||
type: Object,
|
||||
require: false,
|
||||
default: () => {
|
||||
return {};
|
||||
},
|
||||
},
|
||||
},
|
||||
components: {
|
||||
InputText,
|
||||
@ -250,6 +254,7 @@ export default {
|
||||
Utility,
|
||||
TuiDatepicker,
|
||||
VueNumericInput,
|
||||
SelectBoxTime,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -272,7 +277,23 @@ export default {
|
||||
planSeq: '',
|
||||
blocId: '',
|
||||
addPlanData: {
|
||||
}
|
||||
},
|
||||
selectTimeValue1:
|
||||
this.selectBoxTimeItemList.selectTimeValue1 != undefined
|
||||
? this.selectBoxTimeItemList.selectTimeValue1
|
||||
: null, // selectBoxTime에 필요한 prop
|
||||
selectTimeValueList1:
|
||||
this.selectBoxTimeItemList.selectTimeValueList1 != undefined
|
||||
? this.selectBoxTimeItemList.selectTimeValueList1
|
||||
: [], // selectBoxTime에 필요한 prop
|
||||
selectTimeValue2:
|
||||
this.selectBoxTimeItemList.selectTimeValue2 != undefined
|
||||
? this.selectBoxTimeItemList.selectTimeValue2
|
||||
: null, // selectBoxTime에 필요한 prop
|
||||
selectTimeValueList2:
|
||||
this.selectBoxTimeItemList.selectTimeValueList2 != undefined
|
||||
? this.selectBoxTimeItemList.selectTimeValueList2
|
||||
: [], // selectBoxTime에 필요한 prop
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -310,7 +331,11 @@ export default {
|
||||
}
|
||||
},
|
||||
strtHh(val) {
|
||||
// console.log('strtHh : ', val);
|
||||
|
||||
// const [hh, mm] = selectTimeValue1.split(':');
|
||||
// console.log(`Hours: ${hh}, Minutes: ${mm}`);
|
||||
|
||||
console.log('strtHh : ', val);
|
||||
this.checkStrtAndEndDateTime('start');
|
||||
},
|
||||
endHh(val) {
|
||||
@ -323,6 +348,12 @@ export default {
|
||||
endMm(val) {
|
||||
this.checkStrtAndEndDateTime('end');
|
||||
},
|
||||
selectTimeValue1(val) {
|
||||
this.setPageData({ selectTimeValue1: val });
|
||||
},
|
||||
selectTimeValue2(val) {
|
||||
this.setPageData({ selectTimeValue2: val });
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
...mapMutations({
|
||||
@ -505,10 +536,8 @@ export default {
|
||||
let returnData = res[0];
|
||||
this.strtDt = Utility.setFormatDate(returnData.strtDt, 'YYYY-MM-DD');
|
||||
this.endDt = Utility.setFormatDate(returnData.endDt, 'YYYY-MM-DD');
|
||||
this.strtHh = returnData.strtHh;
|
||||
this.strtMm = returnData.strtMm;
|
||||
this.endHh = returnData.endHh;
|
||||
this.endMm = returnData.endMm;
|
||||
this.selectTimeValue1 = returnData.strtHh+' : '+ returnData.strtMm;
|
||||
this.selectTimeValue2 = returnData.endHh+' : '+ returnData.endMm;
|
||||
this.planTitle = returnData.planTitle;
|
||||
this.planCntn = returnData.planCntn;
|
||||
this.planColor = returnData.planColor;
|
||||
@ -525,10 +554,8 @@ export default {
|
||||
if (
|
||||
this.strtDt === '' ||
|
||||
this.endDt === '' ||
|
||||
this.strtHh === '' ||
|
||||
this.strtMm === '' ||
|
||||
this.endHh === '' ||
|
||||
this.endMm === '' ||
|
||||
this.selectTimeValue1 === '' ||
|
||||
this.selectTimeValue2 === '' ||
|
||||
this.planTitle === '' ||
|
||||
this.planCntn === '' ||
|
||||
this.planColor === ''
|
||||
@ -542,10 +569,8 @@ export default {
|
||||
if (
|
||||
this.strtDt == '' ||
|
||||
this.endDt == '' ||
|
||||
this.strtHh == '' ||
|
||||
this.strtMm == '' ||
|
||||
this.endHh == '' ||
|
||||
this.endMm == '' ||
|
||||
this.selectTimeValue1 === '' ||
|
||||
this.selectTimeValue2 === '' ||
|
||||
this.planTitle == '' ||
|
||||
this.planCntn == '' ||
|
||||
this.planColor == ''
|
||||
@ -565,13 +590,17 @@ export default {
|
||||
//console.log(this);
|
||||
},
|
||||
async insertDetail() {
|
||||
|
||||
const [strtHh, strtMm] = this.selectTimeValue1 ? this.selectTimeValue1.split(':') : '00:00'.split(':');
|
||||
const [endHh, endMm] = this.selectTimeValue2 ? this.selectTimeValue2.split(':') : '01:00'.split(':');
|
||||
|
||||
var params = {
|
||||
strtDt: this.strtDt,
|
||||
endDt: this.endDt,
|
||||
strtHh: this.strtHh.toString(),
|
||||
strtMm: this.strtMm.toString(),
|
||||
endHh: this.endHh.toString(),
|
||||
endMm: this.endMm.toString(),
|
||||
strtHh: strtHh.trim().toString(),
|
||||
strtMm: strtMm.trim().toString(),
|
||||
endHh: endHh.trim().toString(),
|
||||
endMm: endMm.trim().toString(),
|
||||
blocId: this.blocId,
|
||||
planTitle: this.planTitle,
|
||||
planCntn: this.planCntn,
|
||||
@ -592,13 +621,16 @@ export default {
|
||||
});
|
||||
},
|
||||
async updateDetail() {
|
||||
const [strtHh, strtMm] = this.selectTimeValue1 ? this.selectTimeValue1.split(':') : '00:00'.split(':');
|
||||
const [endHh, endMm] = this.selectTimeValue2 ? this.selectTimeValue2.split(':') : '01:00'.split(':');
|
||||
|
||||
var params = {
|
||||
strtDt: this.strtDt.substr(0, 10),
|
||||
endDt: this.endDt.substr(0, 10),
|
||||
strtHh: this.strtHh.toString(),
|
||||
strtMm: this.strtMm.toString(),
|
||||
endHh: this.endHh.toString(),
|
||||
endMm: this.endMm.toString(),
|
||||
strtHh: strtHh.trim().toString(),
|
||||
strtMm: strtMm.trim().toString(),
|
||||
endHh: endHh.trim().toString(),
|
||||
endMm: endMm.trim().toString(),
|
||||
planTitle: this.planTitle,
|
||||
planCntn: this.planCntn,
|
||||
planColor: this.planColor,
|
||||
|
||||
@ -67,7 +67,7 @@
|
||||
Expand All
|
||||
</a-button></v-col>
|
||||
</v-row>
|
||||
|
||||
|
||||
<!-- <v-btn color="primary" dark @click="btnTreeExpand()">{{
|
||||
treeExpand
|
||||
}}</v-btn> -->
|
||||
|
||||
@ -22,11 +22,11 @@
|
||||
outlined
|
||||
:menu-props="{ auto: true, offsetY: true }"
|
||||
:hide-details="true"
|
||||
:class="'v-select__custom select-large'"
|
||||
:class="'v-select__custom'"
|
||||
:disabled="disabled"
|
||||
:readonly="readonly"
|
||||
@click="setDatepickerHide"
|
||||
style="width: 170px; border-radius: 6px !important"
|
||||
style="min-width: 170px;"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<a-icon
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<div class="l-layout">
|
||||
<v-row ref="searchFilter">
|
||||
<common-page-title />
|
||||
<v-row ref="searchFilter" class="mt-2">
|
||||
<v-col :cols="12">
|
||||
<v-card class="searchFilter">
|
||||
<v-row align="end" no-gutters>
|
||||
@ -34,7 +35,7 @@
|
||||
<div class="h100 px-4" style="height:calc(100% - 70px)">
|
||||
<div ref="treeGridParent" class="w100 h100">
|
||||
<component :ref="gridName + myPrgmId" :is="loadTree ? 'Grid' : null" :gridName="gridName"
|
||||
:parentPrgmId="myPrgmId" @getRowsData="getRowData" :dataPath="dataPathExample" />
|
||||
:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
@ -91,21 +92,9 @@ export default {
|
||||
return {
|
||||
myPrgmId: myPrgmId,
|
||||
gridName: 'treeGrid',
|
||||
loadTree: true,
|
||||
loadTree: false,
|
||||
detailList: myDetail,
|
||||
addRowFg: false,
|
||||
dataPathExample: {
|
||||
"treeGrid": {
|
||||
data: sampleData,
|
||||
column: [
|
||||
{ header: '메뉴명', name: 'menuNm' },
|
||||
{ header: 'prgmId ', name: 'prgmId', hidden: true },
|
||||
{ header: 'sysDivCd ', name: 'sysDivCd', hidden: true },
|
||||
],
|
||||
option: myOptions,
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -166,6 +155,10 @@ export default {
|
||||
name: 'menuNm',
|
||||
},
|
||||
scrollX: false,
|
||||
header: {
|
||||
height: 37,
|
||||
},
|
||||
rowHeight: 37,
|
||||
};
|
||||
this.setGridOption({
|
||||
gridKey: this.gridName,
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div class="l-layout">
|
||||
<!-- 조회조견 -->
|
||||
<v-row ref="searchFilter">
|
||||
<common-page-title />
|
||||
<v-row ref="searchFilter" class="mt-2">
|
||||
<v-col :cols="12">
|
||||
<v-card class="searchFilter">
|
||||
<v-row align="end" no-gutters>
|
||||
@ -24,7 +25,7 @@
|
||||
:customClass="'select-large'"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col :cols="2.5">
|
||||
<v-col :cols="2.5" class="pr-4">
|
||||
<component
|
||||
:is="'selectCodeList'"
|
||||
:parentPrgmId="myPrgmId"
|
||||
@ -34,7 +35,7 @@
|
||||
:customClass="'select-large'"
|
||||
/>
|
||||
</v-col>
|
||||
<BtnSearch size="large" />
|
||||
<BtnSearch size="large" class="mr-2" />
|
||||
|
||||
</v-row>
|
||||
</v-card>
|
||||
@ -57,7 +58,7 @@
|
||||
<div class="px-4">
|
||||
<div ref="gridParent" class="h100 w100">
|
||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :parentPrgmId="myPrgmId"
|
||||
:gridName="gridName" @getRowsData="getRowData" :dataPath="dataPathExample" />
|
||||
:gridName="gridName" @getRowsData="getRowData" />
|
||||
</div>
|
||||
<!-- </v-card-actions> -->
|
||||
</div>
|
||||
@ -77,7 +78,7 @@
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-dialog ref="popModal" v-model="dialog" width="700" overlay-color="#000" overlay-opacity="0.8" scrollable>
|
||||
<v-dialog ref="popModal" v-model="dialog" width="800" overlay-color="#000" overlay-opacity="0.8" scrollable>
|
||||
<v-card style="height: 100%">
|
||||
<v-card-title class="v-card__title d-flex align-center justify-space-between">
|
||||
<span class="custom-title-4">DB 프로시져 파라메터 설정</span>
|
||||
@ -91,7 +92,6 @@
|
||||
<v-col cols="12" class="text-right"> </v-col>
|
||||
</v-row>
|
||||
</div>
|
||||
<v-divider></v-divider>
|
||||
<v-card-text style="height: 300px;">
|
||||
<div id="gridParent" class="mt-6" style="height:calc(100% - 36px);">
|
||||
<div style="height:calc(100% - 36px);">
|
||||
@ -101,7 +101,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="primary" dark @click="setParamChangeData()">확인</v-btn>
|
||||
@ -155,76 +154,16 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
myPrgmId: myPrgmId,
|
||||
loadGrid: true,
|
||||
loadGrid: false,
|
||||
gridName: 'rowGrid',
|
||||
dataPathExample: {
|
||||
"rowGrid": {
|
||||
data: [
|
||||
{
|
||||
"batchId": "BATCH001",
|
||||
"batchNm": "일일 데이터 백업",
|
||||
"batchExecTp": "자동 실행",
|
||||
"batchDupExecFg": "N",
|
||||
"useFg": "사용"
|
||||
},
|
||||
{
|
||||
"batchId": "BATCH002",
|
||||
"batchNm": "월간 리포트 생성",
|
||||
"batchExecTp": "수동 실행",
|
||||
"batchDupExecFg": "Y",
|
||||
"useFg": "사용"
|
||||
},
|
||||
{
|
||||
"batchId": "BATCH003",
|
||||
"batchNm": "로그 정리 작업",
|
||||
"batchExecTp": "자동 실행",
|
||||
"batchDupExecFg": "N",
|
||||
"useFg": "미사용"
|
||||
},
|
||||
{
|
||||
"batchId": "BATCH004",
|
||||
"batchNm": "사용자 통계 수집",
|
||||
"batchExecTp": "예약 실행",
|
||||
"batchDupExecFg": "Y",
|
||||
"useFg": "사용"
|
||||
},
|
||||
{
|
||||
"batchId": "BATCH005",
|
||||
"batchNm": "서버 상태 점검",
|
||||
"batchExecTp": "수동 실행",
|
||||
"batchDupExecFg": "N",
|
||||
"useFg": "미사용"
|
||||
}
|
||||
]
|
||||
|
||||
,
|
||||
column: [
|
||||
{ header: '배치ID', name: 'batchId', align: 'center', width: 100 },
|
||||
{ header: '배치명', name: 'batchNm', minWidth: 200 },
|
||||
{
|
||||
header: '배치 실행 구분',
|
||||
name: 'batchExecTp',
|
||||
align: 'left',
|
||||
minWidth: 190,
|
||||
},
|
||||
{ header: '배치 중복 여부', name: 'batchDupExecFg', hidden: true },
|
||||
{
|
||||
header: '사용여부',
|
||||
name: 'useFg',
|
||||
align: 'center',
|
||||
width: 145,
|
||||
},
|
||||
],
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
// rowGridOrigin: [],
|
||||
detailList: myDetail,
|
||||
|
||||
// 파라메터 셋팅용 변수
|
||||
dialog: false,
|
||||
gridNameParam: 'paramGrid',
|
||||
paramLoadGrid: true,
|
||||
paramLoadGrid: false,
|
||||
selectedGridNameParamRow: null,
|
||||
};
|
||||
},
|
||||
@ -292,7 +231,7 @@ export default {
|
||||
}),
|
||||
init() {
|
||||
// this.layoutInit();
|
||||
// this.gridInit();
|
||||
this.gridInit();
|
||||
this.gridParamInit();
|
||||
},
|
||||
// layoutInit() {
|
||||
@ -309,6 +248,10 @@ export default {
|
||||
columnOptions: {
|
||||
resizable: true,
|
||||
},
|
||||
header: {
|
||||
height: 37,
|
||||
},
|
||||
rowHeight: 37,
|
||||
};
|
||||
this.setGridOption({
|
||||
gridKey: this.gridName,
|
||||
@ -384,7 +327,7 @@ export default {
|
||||
},
|
||||
async search() {
|
||||
// console.log("search");
|
||||
// await this.getRowGridData();
|
||||
await this.getRowGridData();
|
||||
await this.setPageData({
|
||||
isFind: false,
|
||||
});
|
||||
@ -629,20 +572,20 @@ export default {
|
||||
gridKey: this.gridNameParam,
|
||||
value: myOptions,
|
||||
});
|
||||
// setTimeout(() => { });
|
||||
setTimeout(() => { });
|
||||
|
||||
// let modeList = [];
|
||||
// const modeIn = { text: 'IN', value: 'IN' };
|
||||
// const modeOut = { text: 'OUT', value: 'OUT' };
|
||||
// modeList.push(modeIn);
|
||||
// modeList.push(modeOut);
|
||||
// let typeList = [];
|
||||
// const typeInt = { text: 'INT', value: 'int' };
|
||||
// const typeStr = { text: 'STRING', value: 'str' };
|
||||
// const typeFunc = { text: 'FUNCTION', value: 'function' };
|
||||
// typeList.push(typeInt);
|
||||
// typeList.push(typeStr);
|
||||
// typeList.push(typeFunc);
|
||||
let modeList = [];
|
||||
const modeIn = { text: 'IN', value: 'IN' };
|
||||
const modeOut = { text: 'OUT', value: 'OUT' };
|
||||
modeList.push(modeIn);
|
||||
modeList.push(modeOut);
|
||||
let typeList = [];
|
||||
const typeInt = { text: 'INT', value: 'int' };
|
||||
const typeStr = { text: 'STRING', value: 'str' };
|
||||
const typeFunc = { text: 'FUNCTION', value: 'function' };
|
||||
typeList.push(typeInt);
|
||||
typeList.push(typeStr);
|
||||
typeList.push(typeFunc);
|
||||
|
||||
const myColumns = [
|
||||
{ header: 'ID', name: 'id', editor: 'text' },
|
||||
@ -664,27 +607,27 @@ export default {
|
||||
header: 'Type',
|
||||
name: 'type',
|
||||
align: 'center',
|
||||
// formatter({ value }) {
|
||||
// let retVal = '';
|
||||
// switch (value) {
|
||||
// case 'int':
|
||||
// retVal = 'INT';
|
||||
// break;
|
||||
// case 'str':
|
||||
// retVal = 'STRING';
|
||||
// break;
|
||||
// case 'function':
|
||||
// retVal = 'FUNCTION';
|
||||
// break;
|
||||
// }
|
||||
// return retVal;
|
||||
// },
|
||||
// editor: {
|
||||
// type: 'select',
|
||||
// options: {
|
||||
// listItems: typeList,
|
||||
// },
|
||||
// },
|
||||
formatter({ value }) {
|
||||
let retVal = '';
|
||||
switch (value) {
|
||||
case 'int':
|
||||
retVal = 'INT';
|
||||
break;
|
||||
case 'str':
|
||||
retVal = 'STRING';
|
||||
break;
|
||||
case 'function':
|
||||
retVal = 'FUNCTION';
|
||||
break;
|
||||
}
|
||||
return retVal;
|
||||
},
|
||||
editor: {
|
||||
type: 'select',
|
||||
options: {
|
||||
listItems: typeList,
|
||||
},
|
||||
},
|
||||
},
|
||||
{ header: '값', name: 'val', editor: 'text' },
|
||||
{ header: 'rowStat', name: 'rowStat', hidden: true },
|
||||
@ -703,86 +646,49 @@ export default {
|
||||
|
||||
// /* this.pageData.paramStrData 처리 */
|
||||
// // console.log("this.pageData.paramStrData : ", JSON.parse(this.pageData.paramStrData));
|
||||
// let rowData = {};
|
||||
// if (
|
||||
// this.pageData.paramStrData.startsWith('{') &&
|
||||
// this.pageData.paramStrData.endsWith('}')
|
||||
// ) {
|
||||
// rowData = JSON.parse(this.pageData.paramStrData);
|
||||
// }
|
||||
// var keys = Object.keys(rowData); //키를 가져옵니다. 이때, keys 는 반복가능한 객체가 됩니다.
|
||||
// for (var i = 0; i < keys.length; i++) {
|
||||
// var key = keys[i];
|
||||
// res.push(rowData[key]);
|
||||
// }
|
||||
let rowData = {};
|
||||
if (
|
||||
this.pageData.paramStrData.startsWith('{') &&
|
||||
this.pageData.paramStrData.endsWith('}')
|
||||
) {
|
||||
rowData = JSON.parse(this.pageData.paramStrData);
|
||||
}
|
||||
var keys = Object.keys(rowData); //키를 가져옵니다. 이때, keys 는 반복가능한 객체가 됩니다.
|
||||
for (var i = 0; i < keys.length; i++) {
|
||||
var key = keys[i];
|
||||
res.push(rowData[key]);
|
||||
}
|
||||
|
||||
// const newRes = res.map(item => {
|
||||
// const newObj = {
|
||||
// ...item,
|
||||
// rowStat: null,
|
||||
// id: item.id || '',
|
||||
// mode: item.mode || 'in',
|
||||
// type: item.type || 'str',
|
||||
// val: item.val || '',
|
||||
// };
|
||||
// return newObj;
|
||||
// });
|
||||
const newRes = res.map(item => {
|
||||
const newObj = {
|
||||
...item,
|
||||
rowStat: null,
|
||||
id: item.id || '',
|
||||
mode: item.mode || 'in',
|
||||
type: item.type || 'str',
|
||||
val: item.val || '',
|
||||
};
|
||||
return newObj;
|
||||
});
|
||||
|
||||
const newRes = [
|
||||
{
|
||||
"id": "VAR001",
|
||||
"mode": "OUT",
|
||||
"type": "int",
|
||||
"val": "100",
|
||||
"rowStat": "C"
|
||||
},
|
||||
{
|
||||
"id": "VAR002",
|
||||
"mode": "IN",
|
||||
"type": "str",
|
||||
"val": "Hello World",
|
||||
"rowStat": "U"
|
||||
},
|
||||
{
|
||||
"id": "FUNC001",
|
||||
"mode": "out",
|
||||
"type": "function",
|
||||
"val": "calculateSum()",
|
||||
"rowStat": "C"
|
||||
},
|
||||
{
|
||||
"id": "VAR003",
|
||||
"mode": "IN",
|
||||
"type": "int",
|
||||
"val": "42",
|
||||
"rowStat": "D"
|
||||
},
|
||||
{
|
||||
"id": "VAR004",
|
||||
"mode": "OUT",
|
||||
"type": "str",
|
||||
"val": "Sample Text",
|
||||
"rowStat": "C"
|
||||
}
|
||||
];
|
||||
|
||||
this.setGridData({
|
||||
gridKey: this.gridNameParam,
|
||||
value: newRes,
|
||||
});
|
||||
// this.$nextTick(() => {
|
||||
// if (newRes.length > 0) {
|
||||
// try {
|
||||
// this.$refs[this.gridNameParam].focus({
|
||||
// //rowKey: 0,
|
||||
// rowKey: 0,
|
||||
// setScroll: true,
|
||||
// });
|
||||
// } catch (error) {
|
||||
// console.log('error[nextTick grid] : ', error);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
this.$nextTick(() => {
|
||||
if (newRes.length > 0) {
|
||||
try {
|
||||
this.$refs[this.gridNameParam].focus({
|
||||
//rowKey: 0,
|
||||
rowKey: 0,
|
||||
setScroll: true,
|
||||
});
|
||||
} catch (error) {
|
||||
console.log('error[nextTick grid] : ', error);
|
||||
}
|
||||
}
|
||||
});
|
||||
this.paramLoadGrid = true;
|
||||
},
|
||||
xlsDataBind(res) {
|
||||
@ -812,21 +718,21 @@ export default {
|
||||
inputClick(event, item, valueNm) {
|
||||
if (valueNm == 'refVal1') {
|
||||
this.dialog = true;
|
||||
// const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke(
|
||||
// 'getFocusedCell',
|
||||
// ).rowKey;
|
||||
// const selectRowData = this.$refs[this.gridName].gridInstance.invoke(
|
||||
// 'getRow',
|
||||
// rowIdxKey,
|
||||
// );
|
||||
const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke(
|
||||
'getFocusedCell',
|
||||
).rowKey;
|
||||
const selectRowData = this.$refs[this.gridName].gridInstance.invoke(
|
||||
'getRow',
|
||||
rowIdxKey,
|
||||
);
|
||||
|
||||
// if (selectRowData.batchExecTp == 'DP') {
|
||||
// // 여기에 팝업 레이어 띠우기 기능 추가
|
||||
// this.pageData.paramStrData = event.target.value;
|
||||
// this.pageData.paramChangeDataTarget = event.target;
|
||||
// this.getRowParamData();
|
||||
// this.dialog = true;
|
||||
// }
|
||||
if (selectRowData.batchExecTp == 'DP') {
|
||||
// 여기에 팝업 레이어 띠우기 기능 추가
|
||||
this.pageData.paramStrData = event.target.value;
|
||||
this.pageData.paramChangeDataTarget = event.target;
|
||||
this.getRowParamData();
|
||||
this.dialog = true;
|
||||
}
|
||||
}
|
||||
},
|
||||
setParamChangeData() {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<div class="l-layout">
|
||||
<v-row ref="searchFilter">
|
||||
<common-page-title />
|
||||
<v-row ref="searchFilter" class="mt-2">
|
||||
<v-col :cols="12">
|
||||
<v-card class="searchFilter">
|
||||
<v-row align="end" no-gutters>
|
||||
@ -20,28 +21,29 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row ref="contents" id="CalendarMngContent" class="mt-4">
|
||||
<v-col cols="12" lg="4" class="h100 pr-2">
|
||||
<v-col cols="12" lg="4" class=" pr-2">
|
||||
<v-card class="w100">
|
||||
<v-card-title class="d-flex justify-space-between align-center">
|
||||
<span class="custom-title-4">캘린더 리스트</span>
|
||||
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
|
||||
</v-card-title>
|
||||
<v-card-actions class="pt-0 px-5 pb-5" :style="{ height: 'calc(100% - 72.56px)' }">
|
||||
<v-card-actions class="pt-0 px-5 pb-5" :style="{ height: 'calc(100% - 10px)' }">
|
||||
<div ref="gridParent" class="w100 h100">
|
||||
<component class="w100" :ref="gridName + myPrgmId" :is="loadGrid ? 'Grid' : null"
|
||||
:gridName="gridName" :parentPrgmId="myPrgmId" :editorGrid="true"
|
||||
@getRowsData="getRowData" :dataPath="dataPathExample" />
|
||||
@getRowsData="getRowData" />
|
||||
</div>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col cols="12" lg="8" class="h100 pl-3">
|
||||
<v-col cols="12" lg="8" class=" pl-3">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="custom-title-4">캘린더 미리보기</span>
|
||||
</v-card-title>
|
||||
<v-card-actions class="px-5 d-block" :style="{ height: 'calc(100% - 62px)' }">
|
||||
<Calendar :parentPrgmId="myPrgmId" :gridName="gridName" :headerVisible="false" />
|
||||
<v-card-actions class="px-5 d-block" >
|
||||
<Calendar :parentPrgmId="myPrgmId" :gridName="gridName" :headerVisible="false"
|
||||
:showTitle="false" />
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
@ -94,81 +96,7 @@ export default {
|
||||
return {
|
||||
myPrgmId: myPrgmId,
|
||||
gridName: 'rowGrid',
|
||||
loadGrid: true,
|
||||
dataPathExample: {
|
||||
"rowGrid": {
|
||||
data: [
|
||||
{
|
||||
"hldyFg": "평일",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-23",
|
||||
"dtNm": "수요일",
|
||||
"dt": "2025-07-21",
|
||||
"dtNm": "월요일",
|
||||
"hldyFg": "평일",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-22",
|
||||
"dtNm": "화요일",
|
||||
"hldyFg": "평일",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-24",
|
||||
"dtNm": "목요일",
|
||||
"hldyFg": "평일",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-25",
|
||||
"dtNm": "금요일",
|
||||
"hldyFg": "평일",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-26",
|
||||
"dtNm": "토요일",
|
||||
"hldyFg": "주말",
|
||||
"hldyNm": ""
|
||||
},
|
||||
{
|
||||
"dt": "2025-07-27",
|
||||
"dtNm": "일요일",
|
||||
"hldyFg": "휴일",
|
||||
"hldyNm": "정기휴일"
|
||||
}
|
||||
],
|
||||
column: [
|
||||
{
|
||||
header: '일자',
|
||||
name: 'dt',
|
||||
align: 'center',
|
||||
// formatter({ value }) {
|
||||
// return value.split(' ')[0];
|
||||
// },
|
||||
},
|
||||
{
|
||||
header: '요일',
|
||||
name: 'dtNm',
|
||||
align: 'center',
|
||||
// formatter({ value }) {
|
||||
// return value + '요일';
|
||||
// },
|
||||
},
|
||||
{
|
||||
header: '구분',
|
||||
name: 'hldyFg',
|
||||
align: 'center',
|
||||
essential: true,
|
||||
},
|
||||
{ header: '휴일명', name: 'hldyNm', editor: 'text' },
|
||||
],
|
||||
|
||||
}
|
||||
},
|
||||
loadGrid: false,
|
||||
rowKey: null,
|
||||
edtingFinishFlag: 'Y',
|
||||
};
|
||||
@ -241,16 +169,19 @@ export default {
|
||||
await this.gridInit();
|
||||
},
|
||||
async search() {
|
||||
// await this.getRowGridData();
|
||||
await this.getRowGridData();
|
||||
},
|
||||
async gridInit() {
|
||||
// const gridHeight = this.$refs.gridParent.offsetHeight - 30;
|
||||
// this.setGridOption({
|
||||
// gridKey: this.gridName,
|
||||
// value: Object.assign(Utility.defaultGridOption(gridHeight), {
|
||||
// scrollX: false,
|
||||
// }),
|
||||
// });
|
||||
const gridHeight = this.$refs.gridParent.offsetHeight - 30;
|
||||
this.setGridOption({
|
||||
gridKey: this.gridName,
|
||||
value: Object.assign(Utility.defaultGridOption(gridHeight), {
|
||||
scrollX: false, header: {
|
||||
height: 37,
|
||||
},
|
||||
rowHeight: 37,
|
||||
}),
|
||||
});
|
||||
|
||||
// this.getRowGridData();
|
||||
},
|
||||
@ -350,86 +281,86 @@ export default {
|
||||
|
||||
this.loadGrid = false;
|
||||
|
||||
// let res = await this.postApiReturn({
|
||||
// apiKey: 'selectWorkCald',
|
||||
// resKey: 'workcaldData',
|
||||
// sendParam: {
|
||||
// blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
|
||||
// yymm: this.chkFromDt,
|
||||
// comId: this.comId,
|
||||
// },
|
||||
// });
|
||||
let res = await this.postApiReturn({
|
||||
apiKey: 'selectWorkCald',
|
||||
resKey: 'workcaldData',
|
||||
sendParam: {
|
||||
blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
|
||||
yymm: this.chkFromDt,
|
||||
comId: this.comId,
|
||||
},
|
||||
});
|
||||
|
||||
// let res2 = await this.postApiReturn({
|
||||
// apiKey: 'selectWorkCaldDetl',
|
||||
// resKey: 'workcaldDetlData',
|
||||
// sendParam: {
|
||||
// blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
|
||||
// yymm: this.chkFromDt,
|
||||
// comId: this.comId,
|
||||
// },
|
||||
// });
|
||||
let res2 = await this.postApiReturn({
|
||||
apiKey: 'selectWorkCaldDetl',
|
||||
resKey: 'workcaldDetlData',
|
||||
sendParam: {
|
||||
blocId: this.pageData.blocMstrList[this.chkBlocCd].blocId,
|
||||
yymm: this.chkFromDt,
|
||||
comId: this.comId,
|
||||
},
|
||||
});
|
||||
|
||||
// for (var i = 0; i < res2.length; i++) {
|
||||
// if (
|
||||
// !(
|
||||
// res2[i].hldyNm == null ||
|
||||
// res2[i].hldyNm == '토요일' ||
|
||||
// res2[i].hldyNm == '일요일'
|
||||
// )
|
||||
// ) {
|
||||
// for (var j = i + 1; j < res2.length; j++) {
|
||||
// if (res2[i].hldyNm == res2[j].hldyNm) {
|
||||
// res2[i].hldyNm = '';
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
for (var i = 0; i < res2.length; i++) {
|
||||
if (
|
||||
!(
|
||||
res2[i].hldyNm == null ||
|
||||
res2[i].hldyNm == '토요일' ||
|
||||
res2[i].hldyNm == '일요일'
|
||||
)
|
||||
) {
|
||||
for (var j = i + 1; j < res2.length; j++) {
|
||||
if (res2[i].hldyNm == res2[j].hldyNm) {
|
||||
res2[i].hldyNm = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// res = res.map(item => {
|
||||
// const dt = this.$dayjs(item.dt.split(' ')[0]); // YYYY-MM-DD
|
||||
// const dtNm = dt.format('ddd'); // 요일
|
||||
// const newItem = {
|
||||
// ...item,
|
||||
// dtNm: dtNm,
|
||||
// hldyNm: item.hldyNm ? item.hldyNm : '',
|
||||
// rowStat: null,
|
||||
// };
|
||||
// return newItem;
|
||||
// });
|
||||
res = res.map(item => {
|
||||
const dt = this.$dayjs(item.dt.split(' ')[0]); // YYYY-MM-DD
|
||||
const dtNm = dt.format('ddd'); // 요일
|
||||
const newItem = {
|
||||
...item,
|
||||
dtNm: dtNm,
|
||||
hldyNm: item.hldyNm ? item.hldyNm : '',
|
||||
rowStat: null,
|
||||
};
|
||||
return newItem;
|
||||
});
|
||||
|
||||
// this.loadGrid = true;
|
||||
// this.setPageData({ isFind: false });
|
||||
this.loadGrid = true;
|
||||
this.setPageData({ isFind: false });
|
||||
|
||||
// this.setGridColumn({
|
||||
// gridKey: this.gridName,
|
||||
// value: myColumns,
|
||||
// });
|
||||
this.setGridColumn({
|
||||
gridKey: this.gridName,
|
||||
value: myColumns,
|
||||
});
|
||||
|
||||
// this.setGridData({
|
||||
// gridKey: this.gridName,
|
||||
// value: res,
|
||||
// });
|
||||
this.setGridData({
|
||||
gridKey: this.gridName,
|
||||
value: res,
|
||||
});
|
||||
|
||||
// this.setPageData({ planData: res2 });
|
||||
this.setPageData({ planData: res2 });
|
||||
|
||||
// // 첫번째 row 선택상태
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs[this.gridName + this.myPrgmId].focus({
|
||||
// //rowKey: 0,
|
||||
// rowKey:
|
||||
// this.pageData.rowGridSelectKey == '' ||
|
||||
// this.pageData.rowGridSelectKey == null
|
||||
// ? 0
|
||||
// : this.pageData.rowGridSelectKey ==
|
||||
// this.$refs[this.gridName + this.myPrgmId].getData().length - 1
|
||||
// ? this.pageData.rowGridSelectKey
|
||||
// : 0,
|
||||
// columnName: 'dt',
|
||||
// setScroll: true,
|
||||
// });
|
||||
// this.setPageData({ isFind: false });
|
||||
// });
|
||||
// 첫번째 row 선택상태
|
||||
this.$nextTick(() => {
|
||||
this.$refs[this.gridName + this.myPrgmId].focus({
|
||||
//rowKey: 0,
|
||||
rowKey:
|
||||
this.pageData.rowGridSelectKey == '' ||
|
||||
this.pageData.rowGridSelectKey == null
|
||||
? 0
|
||||
: this.pageData.rowGridSelectKey ==
|
||||
this.$refs[this.gridName + this.myPrgmId].getData().length - 1
|
||||
? this.pageData.rowGridSelectKey
|
||||
: 0,
|
||||
columnName: 'dt',
|
||||
setScroll: true,
|
||||
});
|
||||
this.setPageData({ isFind: false });
|
||||
});
|
||||
},
|
||||
async getRowData(data, gridName) {
|
||||
this.setGridSelectData({
|
||||
@ -604,4 +535,17 @@ select.selectbox {
|
||||
border-width: 0px;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
|
||||
::v-deep {
|
||||
.custom-vc-calender {
|
||||
.vc-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vc-weeks {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
:textCols="12" :searchOption="true" :customClass="'input-large'" :iconShow="true" />
|
||||
</v-col>
|
||||
|
||||
<BtnSearch @click="search" size="large" />
|
||||
<BtnSearch @click="search" size="large" class="mr-2" />
|
||||
|
||||
</v-row>
|
||||
</v-card>
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row ref="contents" class="mt-3">
|
||||
<v-col :cols="5" class="h100 pr-2">
|
||||
<v-col :cols="5" class="pr-2">
|
||||
<v-card class="pb-5">
|
||||
<v-card-title class="d-flex align-center justify-space-between pa-5">
|
||||
물리량 리스트
|
||||
@ -50,7 +50,7 @@
|
||||
</div>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col :cols="7" class="h100 pl-2">
|
||||
<v-col :cols="7" class="pl-2">
|
||||
<v-card class="pb-5 px-4">
|
||||
<v-card-title class="px-0">물리량 상세</v-card-title>
|
||||
<v-row no-gutters>
|
||||
@ -114,7 +114,7 @@
|
||||
<component :is="'TextArea'" :parentPrgmId="myPrgmId" ref="TextArea" :item="calcDescItem" />
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row no-gutters v-show="argContentShowFlag">
|
||||
<v-row no-gutters v-show="argContentShowFlag" align="end" >
|
||||
<v-col :cols="12" class="py-2">
|
||||
<label for="">
|
||||
<v-icon small
|
||||
@ -122,13 +122,13 @@
|
||||
계산Argument
|
||||
</label>
|
||||
</v-col>
|
||||
<v-col :cols="6" class="py-2">
|
||||
<v-col :cols="6" class="py-2 pr-4">
|
||||
<InputText :parentPrgmId="myPrgmId" label="ARG갯수" valueNm="argCnt" :labelCols="12"
|
||||
:textCols="12" :iconShow="true" :required="requiredValueList[7]"
|
||||
:textCols="12" :iconShow="false" :required="requiredValueList[7]"
|
||||
:disabled="disabledValueList[7]" :readonly="readOnlyValueList[7]" />
|
||||
</v-col>
|
||||
<v-col :cols="4"> </v-col>
|
||||
<v-col :cols="12" class="py-2" align="right">
|
||||
<!-- <v-col :cols="4"> </v-col> -->
|
||||
<v-col :cols="6" class="py-2" align="right">
|
||||
<a-button type="primary" @click="btnAction('add')" class="v-btn-add-text mr-1" icon="plus">추가</a-button>
|
||||
<a-button type="danger" @click="btnAction('remove')" ghost danger icon="delete">삭제</a-button>
|
||||
</v-col>
|
||||
@ -225,61 +225,6 @@ export default {
|
||||
formatterSelectList02: [],
|
||||
|
||||
loadGrid: false,
|
||||
dataPathExample: {
|
||||
"rowGrid": {
|
||||
data: [
|
||||
{
|
||||
"pysclQtyId": "001",
|
||||
"pysclQtyCd": "TEMP001",
|
||||
"pysclQtyNm": "온도",
|
||||
"pysclQtyTp": "실수"
|
||||
},
|
||||
{
|
||||
"pysclQtyId": "002",
|
||||
"pysclQtyCd": "PRESS001",
|
||||
"pysclQtyNm": "압력",
|
||||
"pysclQtyTp": "실수"
|
||||
},
|
||||
{
|
||||
"pysclQtyId": "003",
|
||||
"pysclQtyCd": "FLOW001",
|
||||
"pysclQtyNm": "유량",
|
||||
"pysclQtyTp": "정수"
|
||||
},
|
||||
{
|
||||
"pysclQtyId": "004",
|
||||
"pysclQtyCd": "HUMID001",
|
||||
"pysclQtyNm": "습도",
|
||||
"pysclQtyTp": "실수"
|
||||
},
|
||||
{
|
||||
"pysclQtyId": "005",
|
||||
"pysclQtyCd": "VOLT001",
|
||||
"pysclQtyNm": "전압",
|
||||
"pysclQtyTp": "실수"
|
||||
}
|
||||
]
|
||||
|
||||
,
|
||||
column: [
|
||||
{
|
||||
header: '물리량 ID',
|
||||
name: 'pysclQtyId',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
},
|
||||
{ header: '물리량코드', name: 'pysclQtyCd', minWidth: 255 },
|
||||
{ header: '물리량명', name: 'pysclQtyNm', width: 150 },
|
||||
{
|
||||
header: '물리량타입',
|
||||
name: 'pysclQtyTp',
|
||||
width: 80,
|
||||
},
|
||||
|
||||
],
|
||||
|
||||
}
|
||||
},
|
||||
loadGrid2: false,
|
||||
detailList: myDetail,
|
||||
|
||||
@ -954,6 +899,8 @@ export default {
|
||||
height: 37,
|
||||
},
|
||||
rowHeight: 'auto',
|
||||
scrollX: true,
|
||||
scrollY: true,
|
||||
};
|
||||
|
||||
this.setGridOption({
|
||||
@ -967,7 +914,7 @@ export default {
|
||||
header: '물리량 ID',
|
||||
name: 'pysclQtyId',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
},
|
||||
{ header: '설비그룹 ID', name: 'eqpmGrpId', hidden: true },
|
||||
{ header: 'argCnt', name: 'argCnt', hidden: true },
|
||||
|
||||
@ -119,109 +119,6 @@ export default {
|
||||
selectValueList01: [],
|
||||
selectValue02: null,
|
||||
selectValueList02: [],
|
||||
// pyscPopupValueChkList: 'pyscPopupValueChkList',
|
||||
// pyscListChk: {
|
||||
// pysclQtyId1 : null,
|
||||
// pysclQtyId2 : null,
|
||||
// pysclQtyId3 : null,
|
||||
// pysclQtyId4 : null
|
||||
// }
|
||||
// dataPathExample: {
|
||||
// "rowGrid": {
|
||||
// data: [
|
||||
|
||||
// {
|
||||
// gdIdxId: 'GD001',
|
||||
// gdIdxNm: '온도 가이드',
|
||||
// eqpmGrpId: 'EQ001',
|
||||
// upTotMeth: 'AVG',
|
||||
// careStndVal: 50,
|
||||
// warnStndVal: 70,
|
||||
// alrmMsg: '온도가 기준치를 초과했습니다.',
|
||||
// },
|
||||
// {
|
||||
// gdIdxId: 'GD002',
|
||||
// gdIdxNm: '습도 가이드',
|
||||
// eqpmGrpId: 'EQ002',
|
||||
// upTotMeth: 'MAX',
|
||||
// careStndVal: 30,
|
||||
// warnStndVal: 60,
|
||||
// alrmMsg: '습도가 기준치를 초과했습니다.',
|
||||
// },
|
||||
// {
|
||||
// gdIdxId: 'GD003',
|
||||
// gdIdxNm: '압력 가이드',
|
||||
// eqpmGrpId: 'EQ003',
|
||||
// upTotMeth: 'SUM',
|
||||
// careStndVal: 100,
|
||||
// warnStndVal: 150,
|
||||
// alrmMsg: '압력이 기준치를 초과했습니다.',
|
||||
// }
|
||||
|
||||
// ],
|
||||
// column: [
|
||||
// {
|
||||
// header: '가이드',
|
||||
// name: 'gdIdxId',
|
||||
// width: 100,
|
||||
// align: 'center',
|
||||
// },
|
||||
// {
|
||||
// header: '가이드명',
|
||||
// name: 'gdIdxNm',
|
||||
// width: 210,
|
||||
// align: 'left',
|
||||
// },
|
||||
// {
|
||||
// header: '설비그룹ID',
|
||||
// name: 'eqpmGrpId',
|
||||
// width: 100,
|
||||
// align: 'center',
|
||||
// // formatter({ value }) {
|
||||
// // let retVal = '';
|
||||
// // const newValue = _this.pageData.eqpmGrpList.filter(item => item.value == value);
|
||||
// // if (newValue.length > 0) {
|
||||
// // retVal = newValue[0].text;
|
||||
// // }
|
||||
// // return retVal;
|
||||
// // },
|
||||
// },
|
||||
// {
|
||||
// header: '상위집계방법',
|
||||
// name: 'upTotMeth',
|
||||
// width: 100,
|
||||
// align: 'center',
|
||||
// // formatter({ value }) {
|
||||
// // let retVal = '';
|
||||
// // const newValue = _this.pageData.upTotMethList.filter(item => item.commCd == value);
|
||||
// // if (newValue.length > 0) {
|
||||
// // retVal = newValue[0].commCdNm;
|
||||
// // }
|
||||
// // return retVal;
|
||||
// // },
|
||||
// },
|
||||
// {
|
||||
// header: '주의기준',
|
||||
// name: 'careStndVal',
|
||||
// width: 100,
|
||||
// align: 'right',
|
||||
// },
|
||||
// {
|
||||
// header: '경고기준',
|
||||
// name: 'warnStndVal',
|
||||
// width: 100,
|
||||
// align: 'right',
|
||||
// },
|
||||
// {
|
||||
// header: '알람메세지',
|
||||
// name: 'alrmMsg',
|
||||
// minWidth: 860,
|
||||
// align: 'left',
|
||||
// }
|
||||
// ]
|
||||
|
||||
// }
|
||||
// }
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -627,59 +524,7 @@ export default {
|
||||
async getRowGridData() {
|
||||
this.loadGrid = false;
|
||||
let res = [];
|
||||
// const newRes = [
|
||||
// {
|
||||
// comId: 'COM001',
|
||||
// gdIdxId: 'GD001',
|
||||
// gdIdxNm: '온도 가이드',
|
||||
// eqpmGrpId: 'EQ001',
|
||||
// upTotMeth: 'AVG',
|
||||
// sortSeq: 1,
|
||||
// pysclQtyId1: 'TEMP',
|
||||
// pysclQtyId2: null,
|
||||
// pysclQtyId3: null,
|
||||
// pysclQtyId4: null,
|
||||
// ctgr1: '환경',
|
||||
// ctgr2: '내부',
|
||||
// careStndVal: 50,
|
||||
// warnStndVal: 70,
|
||||
// gdMeth: '자동',
|
||||
// useFg: '1',
|
||||
// alrmMsg: '온도가 기준치를 초과했습니다.',
|
||||
// calcProc: 'PROC001',
|
||||
// calcDesc: '평균 계산',
|
||||
// calcMeth: '(A+B)/2',
|
||||
// unit: 'C',
|
||||
// argCnt: 2,
|
||||
// rowStat: null,
|
||||
// },
|
||||
// {
|
||||
// comId: 'COM002',
|
||||
// gdIdxId: 'GD002',
|
||||
// gdIdxNm: '습도 가이드',
|
||||
// eqpmGrpId: 'EQ002',
|
||||
// upTotMeth: 'MAX',
|
||||
// sortSeq: 2,
|
||||
// pysclQtyId1: 'HUMID',
|
||||
// pysclQtyId2: null,
|
||||
// pysclQtyId3: null,
|
||||
// pysclQtyId4: null,
|
||||
// ctgr1: '환경',
|
||||
// ctgr2: '외부',
|
||||
// careStndVal: 30,
|
||||
// warnStndVal: 60,
|
||||
// gdMeth: '수동',
|
||||
// useFg: '0',
|
||||
// alrmMsg: '습도가 기준치를 초과했습니다.',
|
||||
// calcProc: 'PROC002',
|
||||
// calcDesc: '최대값 계산',
|
||||
// calcMeth: 'MAX(A,B)',
|
||||
// unit: '%',
|
||||
// argCnt: 2,
|
||||
// rowStat: null,
|
||||
// },
|
||||
// ];
|
||||
|
||||
|
||||
res = await this.postApiReturn({
|
||||
apiKey: 'selectEqpmGdIdxDataList',
|
||||
resKey: 'eqpmGdIdxDataList',
|
||||
@ -1453,7 +1298,7 @@ const myDetail = [
|
||||
class: 'pa-3',
|
||||
// required: true,
|
||||
openMode: 'ALL',
|
||||
disabled: false,
|
||||
disabled: true,
|
||||
eqpmKindId: '',
|
||||
eqpmGrpId: '',
|
||||
closeBtnFg: true,
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<div class="l-layout">
|
||||
<v-row ref="searchFilter">
|
||||
<common-page-title />
|
||||
<v-row ref="searchFilter" class="mt-2">
|
||||
<v-col :cols="12">
|
||||
<v-card class="searchFilter">
|
||||
<v-row align="center" no-gutters>
|
||||
@ -555,7 +556,7 @@ export default {
|
||||
header: {
|
||||
height: 37,
|
||||
},
|
||||
rowHeight: 'auto',
|
||||
rowHeight: 37,
|
||||
|
||||
|
||||
// pageOptions: {
|
||||
|
||||
Reference in New Issue
Block a user