gitadmin/sk_fems_ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

dev-trungvq7-0729 #40

Merged
dev merged 2 commits from dev-trungvq7-0729 into dev 2025-08-07 10:58:24 +09:00
Conversation 0 Commits 2 Files Changed 8 +121 -99
8 changed files with 121 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scss/common.scss
View File

@ -860,7 +860,7 @@ a {
); );
.day-label { .day-label {
color: map-deep-get($config, #{$theme}, "non-activate"); color: map-deep-get($config, #{$theme}, "card-text-title-color");
} }
} }
} }

13
assets/scss/common/grid.scss
View File

@ -56,6 +56,12 @@
font-weight: 400; font-weight: 400;
} }
th[data-column-name="_checked"] {
padding-left: 0;
}
} }
.tui-grid-table{ .tui-grid-table{
@ -63,6 +69,13 @@
.tui-grid-cell-has-input .tui-grid-cell-content { .tui-grid-cell-has-input .tui-grid-cell-content {
padding: 8px; padding: 8px;
} }
th[data-column-name="_checked"] {
&.tui-grid-cell-header {
padding-left: 0;
}
}
} }
.treeGrid { .treeGrid {

12
assets/scss/common/input.scss
View File

@ -230,6 +230,10 @@
} }
} }
input[type="checkbox"] {
width: 16px;
height: 16px
}
@each $theme in dark, light { @each $theme in dark, light {
@include theme($theme); @include theme($theme);
@ -242,6 +246,7 @@
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg"); background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg"); border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-primary-color"); color:map-deep-get($config, #{$theme}, "ant-btn-primary-color");
&.ant-checkbox-inner::after { &.ant-checkbox-inner::after {
border-color: map-deep-get($config, #{$theme}, "ant-btn-primary-color"); border-color: map-deep-get($config, #{$theme}, "ant-btn-primary-color");
} }
@ -403,6 +408,13 @@
"v-input-textarea-border" "v-input-textarea-border"
); );
} }
input[type="checkbox"] {
accent-color: map-deep-get($config,
#{$theme},
"ant-btn-primary-bg"
);
}
} }
.v-radio { .v-radio {

16
components/common/modal/EnrgEffcEqpmDetailPop.vue
View File

@ -119,8 +119,7 @@
/> />
</div> --> </div> -->
<v-card-actions> <v-card-actions class="px-6 py-4 d-flex align-center justify-end">
<v-spacer></v-spacer>
<a-button color="primary" type="primary" @click="closePop()">확인</a-button> <a-button color="primary" type="primary" @click="closePop()">확인</a-button>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
@ -275,7 +274,12 @@ export default {
// const gridHeight = this.$refs.gridParent.offsetHeight - 30; // const gridHeight = this.$refs.gridParent.offsetHeight - 30;
const myOptions = { const myOptions = {
rowHeaders: ['rowNum'], rowHeaders: [
{
type: 'rowNum',
align: 'right',
},
],
columnOptions: { columnOptions: {
resizable: true, resizable: true,
minWidth: 100 minWidth: 100
@ -319,19 +323,19 @@ export default {
header: '주의', header: '주의',
width: 100, width: 100,
name: 'careStndVal', name: 'careStndVal',
align: 'center' align: 'right'
}, },
{ {
header: '경고', header: '경고',
width: 100, width: 100,
name: 'warnStndVal', name: 'warnStndVal',
align: 'center' align: 'right'
}, },
{ {
header: '가이드값', header: '가이드값',
width: 100, width: 100,
name: 'totVal', name: 'totVal',
align: 'center' align: 'right'
}, },
{ {
header: '알람내용', header: '알람내용',

87
components/common/modal/EqpmSelectPop.vue
View File

@ -8,47 +8,35 @@
</label> </label>
</v-col> </v-col>
<v-col :cols="textCols"> <v-col :cols="textCols">
<v-text-field <v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]"
readonly @click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false"
v-model="selectValue" :disabled="disabled || false"><template v-slot:append>
append-icon="mdi-magnify"
:class="['v-input__custom', customClass]"
@click="dialogOpenCloseEvent(dialog)"
outlined
:hide-details="true"
:required="required || false"
:disabled="disabled || false"
:placeholder="placeholder"
>
<template v-slot:append>
<!-- Custom SVG icon --> <!-- Custom SVG icon -->
<v-icon>$icoSearch</v-icon> <v-icon>$icoSearch</v-icon>
</template> </template>
</v-text-field> </v-text-field>
</v-col> </v-col>
<v-dialog ref="popModal" v-model="dialog" width="800" scrollable> <v-dialog ref="popModal" v-model="dialog" width="800" content-class="custom-dialog" scrollable>
<v-card style="height: 90vh;"> <v-card style="height: 100%;">
<v-card-title class="px-5 py-4 d-flex align-center justify-space-between"> <v-card-title class="px-5 py-4 d-flex align-center justify-space-between">
<span class="custom-title-4">설비 선택</span> <span class="custom-title-4">설비 선택</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-2 pt-0"> <div class="px-5 pt-2">
<!-- <v-card class="searchFilter"> <!-- <v-card class="searchFilter">
</v-card> --> </v-card> -->
<v-row align="end" class="searchFilter"> <v-row align="end">
<v-col> <v-col :cols="3.5">
<!-- 설비그룹 --> <!-- 설비그룹 -->
<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01" <component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01"
:label="'설비그룹'" :disabled="eqpmGrpDisabled" :label="'설비그룹'" :disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event"
@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" <component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02"
:itemList="selectValueList02" :label="'FAB'" :labelCols="12" :multiple="true" :label="'FAB'" :labelCols="12" :multiple="true" :disabled="fabDisabled"
:disabled="fabDisabled" @update:propsValue="selectValue02 = $event" :textCols="12" @update:propsValue="selectValue02 = $event" :textCols="12" :iconShow="true" />
:iconShow="true" />
</v-col> </v-col>
<v-col > <v-col >
<v-row> <v-row>
@ -59,9 +47,8 @@
</label> </label>
</v-col> </v-col>
<v-col :cols="12" class="pt-0"> <v-col :cols="12" class="pt-0">
<v-text-field append-icon="" class="v-input__custom" outlined <v-text-field append-icon="" class="v-input__custom" outlined :hide-details="true"
:hide-details="true" v-model="searchWord" @keyup.enter="search"><template v-model="searchWord" @keyup.enter="search"><template v-slot:append>
v-slot:append>
<!-- Custom SVG icon --> <!-- Custom SVG icon -->
<v-icon>$icoSearch</v-icon> <v-icon>$icoSearch</v-icon>
@ -70,7 +57,11 @@
</v-row> </v-row>
</v-col> </v-col>
<a-button icon="search" type="primary" @click="search()" class="mb-1 mr-2">조회</a-button> <v-col :cols="2" class="last-col mr-2">
<a-button icon="search" :ripple="false" type="primary" @click="search()"
class="search-button">조회</a-button>
</v-col>
</v-row> </v-row>
<!-- <v-row align="center" no-gutters style="margin-top: 14px;"> <!-- <v-row align="center" no-gutters style="margin-top: 14px;">
@ -91,13 +82,13 @@
</v-row> --> </v-row> -->
</div> </div>
<v-card-text class="px-2 w100"> <div class="pa-5" style="height:calc(100% - 30px)">
<div ref="modalGridParent" style="height: 450px;" class="h100 w100"> <div ref="modalGridParent" class="h100 w100">
<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" @getRowsData="getRowData" /> :parentPrgmId="parentPrgmId" @getRowsData="getRowData" />
</div> </div>
</v-card-text> </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="mr-2">닫기</a-button> <a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="mr-2">닫기</a-button>
@ -270,7 +261,7 @@ export default {
}, },
chkDialog() { chkDialog() {
if (this.isMulti) { if (this.isMulti) {
this.$store.state.pageData[this.parentPrgmId][this.modalDataKey][this.myModalKey][this.gridName].option.rowHeaders = [{ type: 'checkbox' }]; this.$store.state.pageData[this.parentPrgmId][this.modalDataKey][this.myModalKey][this.gridName].option.rowHeaders = [{ type: 'checkbox', width: 72 }];
} else { } else {
this.$store.state.pageData[this.parentPrgmId][this.modalDataKey][this.myModalKey][this.gridName].option.rowHeaders = []; this.$store.state.pageData[this.parentPrgmId][this.modalDataKey][this.myModalKey][this.gridName].option.rowHeaders = [];
} }
@ -437,18 +428,15 @@ export default {
{ {
header: 'FAB', header: 'FAB',
name: 'fabNm', name: 'fabNm',
align: 'center'
}, },
{ {
header: '설비ID', header: '설비ID',
name: 'eqpmId', name: 'eqpmId'
align: 'center',
// hidden:true // hidden:true
}, },
{ {
header: '설비명', header: '설비명',
name: 'eqpmNm', name: 'eqpmNm'
align: 'center'
}, },
{ {
header: 'eccId', header: 'eccId',
@ -532,11 +520,11 @@ export default {
this.loadGrid = true; this.loadGrid = true;
this.$nextTick(() => { // this.$nextTick(() => {
if (this.isMulti) { // if (this.isMulti) {
this.getChecked(); // this.getChecked();
} // }
}); // });
}, },
setUpdate() { setUpdate() {
@ -588,3 +576,16 @@ var eqpmSelectPop = {
} }
</script> </script>
<style lang="scss" scoped>
::v-deep {
.last-col {
flex-basis: content;
}
.v-dialog {
overflow-y: hidden;
}
}
</style>

4
components/pages/ems/ReadPlcInfo/ReadPlcTagRelTab.vue
View File

@ -332,7 +332,7 @@ const myReadPlcTagDetail = [
valueNm2: 'tagNm', valueNm2: 'tagNm',
disabled: true, disabled: true,
cols: 6, cols: 6,
class: 'pr-4 pb-2 py-3', class: 'pr-4 pb-2 py-2',
required: true, required: true,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
@ -345,7 +345,7 @@ const myReadPlcTagDetail = [
valueNm: 'ercId', valueNm: 'ercId',
disabled: false, disabled: false,
cols: 6, cols: 6,
class: 'pl-4 py-3', class: 'pl-4 pb-2 py-3',
list: 'ercNmList', list: 'ercNmList',
itemText: 'text', itemText: 'text',
itemValue: 'value', itemValue: 'value',

63
pages/comm/base/BatchMngPage.vue
View File

@ -15,25 +15,15 @@
:customClass="'input-large'" /> :customClass="'input-large'" />
</v-col> </v-col>
<v-col :cols="2.5"> <v-col :cols="2.5">
<component <component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'배치 실행 구분'"
:is="'selectCodeList'"
:parentPrgmId="myPrgmId"
:label="'배치 실행 구분'"
:dataKey="'searchBatchExecTp'" :dataKey="'searchBatchExecTp'"
:sendParam="{ commGrpCd: 'CO_BATCH_EXEC_TP', useFg: '1' }" :sendParam="{ commGrpCd: 'CO_BATCH_EXEC_TP', useFg: '1' }" :addAll="true"
:addAll="true" :customClass="'select-large'" />
:customClass="'select-large'"
/>
</v-col> </v-col>
<v-col :cols="2.5" class="pr-4"> <v-col :cols="2.5" class="pr-4">
<component <component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'사용여부'"
:is="'selectCodeList'" :dataKey="'searchUseFg'" :sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
:parentPrgmId="myPrgmId" :customClass="'select-large'" />
:label="'사용여부'"
:dataKey="'searchUseFg'"
:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
:customClass="'select-large'"
/>
</v-col> </v-col>
<BtnSearch size="large" class="mr-2" /> <BtnSearch size="large" class="mr-2" />
@ -42,9 +32,9 @@
</v-col> </v-col>
</v-row> </v-row>
<v-row ref="contents" class="mt-4"> <v-row ref="contents" class="mt-4 h100">
<!-- 배치 리스트 --> <!-- 배치 리스트 -->
<v-col :cols="6" class="h100 pr-2"> <v-col :cols="6" class="pr-2">
<v-card class="pb-5"> <v-card class="pb-5">
<div class="d-flex align-center justify-space-between pa-4"> <div class="d-flex align-center justify-space-between pa-4">
<!-- <v-card-title> <!-- <v-card-title>
@ -56,7 +46,7 @@
:btnActionsFnc="btnActions" /> :btnActionsFnc="btnActions" />
</div> </div>
<div class="px-4"> <div class="px-4">
<div ref="gridParent" class="h100 w100"> <div ref="gridParent" class="h100 w100" style="height:calc(100% - 70px)">
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :parentPrgmId="myPrgmId" <component :ref="gridName" :is="loadGrid ? 'Grid' : null" :parentPrgmId="myPrgmId"
:gridName="gridName" @getRowsData="getRowData" /> :gridName="gridName" @getRowsData="getRowData" />
</div> </div>
@ -65,7 +55,7 @@
</v-card> </v-card>
</v-col> </v-col>
<!-- 배치 상세 --> <!-- 배치 상세 -->
<v-col :cols="6" class="h100 pl-3"> <v-col :cols="6" class="pl-3">
<v-card class="pd-y-20 h100"> <v-card class="pd-y-20 h100">
<v-card-title class="d-flex justify-space-between align-end pa-4"> <v-card-title class="d-flex justify-space-between align-end pa-4">
<span class="tit ft-size_20 ft-weight_600">배치 상세</span> <span class="tit ft-size_20 ft-weight_600">배치 상세</span>
@ -82,14 +72,17 @@
<v-card style="height: 100%"> <v-card style="height: 100%">
<v-card-title class="v-card__title d-flex align-center justify-space-between"> <v-card-title class="v-card__title d-flex align-center justify-space-between">
<span class="custom-title-4">DB 프로시져 파라메터 설정</span> <span class="custom-title-4">DB 프로시져 파라메터 설정</span>
<div> <a-button icon="close" type="text" @click="dialog = false"></a-button>
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridNameParam"
:btnActionsFnc="btnActionsParam" />
</div>
</v-card-title> </v-card-title>
<div class="pa-5"> <div class="pa-5">
<v-row align="center" no-gutters> <v-row align="end" no-gutters>
<v-col cols="12" class="text-right"> </v-col> <v-col cols="12" class="d-flex justify-end">
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridNameParam"
:btnActionsFnc="btnActionsParam" />
</v-col>
</v-row> </v-row>
</div> </div>
<v-card-text style="height: 300px;"> <v-card-text style="height: 300px;">
@ -101,10 +94,9 @@
</div> </div>
</div> </div>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions class="px-6 py-4 d-flex align-center justify-end">
<v-spacer></v-spacer> <a-button :ripple="false" @click="dialog = false" class="mr-2">닫기</a-button>
<v-btn color="primary" dark @click="setParamChangeData()">확인</v-btn> <a-button :ripple="false" type="primary" @click="setParamChangeData()">확인</a-button>
<v-btn color="primary" dark @click="dialog = false">닫기</v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-dialog> </v-dialog>
@ -261,7 +253,7 @@ export default {
const _this = this; const _this = this;
const myColumns = [ const myColumns = [
{ header: '배치ID', name: 'batchId', align: 'center', width: 100 }, { header: '배치ID', name: 'batchId', align: 'right', width: 100 },
{ header: '배치명', name: 'batchNm', minWidth: 200 }, { header: '배치명', name: 'batchNm', minWidth: 200 },
{ {
header: '배치 실행 구분', header: '배치 실행 구분',
@ -283,7 +275,6 @@ export default {
{ {
header: '사용여부', header: '사용여부',
name: 'useFg', name: 'useFg',
align: 'center',
width: 145, width: 145,
formatter({ value }) { formatter({ value }) {
let retVal = ''; let retVal = '';
@ -567,6 +558,10 @@ export default {
selectionUnit: 'row', selectionUnit: 'row',
editingEvent: 'click', editingEvent: 'click',
scrollX: false, scrollX: false,
header: {
height: 37,
},
rowHeight: 37,
}; };
this.setGridOption({ this.setGridOption({
gridKey: this.gridNameParam, gridKey: this.gridNameParam,
@ -592,7 +587,6 @@ export default {
{ {
header: 'MODE', header: 'MODE',
name: 'mode', name: 'mode',
align: 'center',
formatter({ value }) { formatter({ value }) {
return value == ('OUT' || 'out') ? 'OUT' : 'IN'; return value == ('OUT' || 'out') ? 'OUT' : 'IN';
}, },
@ -642,7 +636,7 @@ export default {
}, },
getRowParamData() { getRowParamData() {
this.paramLoadGrid = false; this.paramLoadGrid = false;
// let res = []; let res = [];
// /* this.pageData.paramStrData 처리 */ // /* this.pageData.paramStrData 처리 */
// // console.log("this.pageData.paramStrData : ", JSON.parse(this.pageData.paramStrData)); // // console.log("this.pageData.paramStrData : ", JSON.parse(this.pageData.paramStrData));
@ -717,7 +711,6 @@ export default {
}, },
inputClick(event, item, valueNm) { inputClick(event, item, valueNm) {
if (valueNm == 'refVal1') { if (valueNm == 'refVal1') {
this.dialog = true;
const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke( const rowIdxKey = this.$refs[this.gridName].gridInstance.invoke(
'getFocusedCell', 'getFocusedCell',
).rowKey; ).rowKey;

19
pages/ems/effc/EnrgEffcEqpmDetlMntrPage.vue
View File

@ -67,14 +67,8 @@
</div> </div>
<div class="px-4" style="height:calc(100% - 76px)"> <div class="px-4" style="height:calc(100% - 76px)">
<div ref="gridParent" class="w100 h100"> <div ref="gridParent" class="w100 h100">
<component <component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
:ref="gridName" :parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick" />
:is="loadGrid ? 'Grid' : null"
:gridName="gridName"
:parentPrgmId="myPrgmId"
:columnClickEventFlag="true"
@columnClick="columnClick"
/>
</div> </div>
</div> </div>
</v-card> </v-card>
@ -552,7 +546,12 @@ export default {
columnOptions: { columnOptions: {
resizable: true, resizable: true,
}, },
rowHeaders: ['rowNum'], rowHeaders: [
{
type: 'rowNum',
align: 'right',
},
],
header: { header: {
height: 37, height: 37,
}, },
@ -642,7 +641,7 @@ export default {
{ {
header: '평가', header: '평가',
name: 'okFg', name: 'okFg',
align: 'center', align: 'left',
width: 80, width: 80,
}, },
{ {