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

init dev-push code ui base design

Browse Source
This commit is contained in:
leonard
2025-07-22 09:58:38 +07:00
parent ffdf5ccb66
commit eedbf94d56
214 changed files with 42170 additions and 28040 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/pages/ems/EqpmInfo/EqpmAddInfoTab.vue
View File

@ -4,7 +4,7 @@
class="d-flex justify-space-between align-center"
style="height: 80px;"
>
<span class="txt">설비 추가 정보</span>
<span class="txt custom-title-4-new">설비 추가 정보</span>
<Buttons
:parentPrgmId="parentPrgmId"
:bindingData="gridName"
@ -20,6 +20,7 @@
:editorGrid="true"
:innerTabGridInfo="innerTabGridInfo"
@getRowsData="getRowData"
:dataPath="dataPathMock"
/>
</div>
</div>
@ -51,10 +52,24 @@ export default {
},
data() {
return {
loadGrid: false,
loadGrid: true,
gridName: 'rowDetailGrid',
rowKey: null,
edtingFinishFlag: 'Y',
dataPathMock: {
'rowDetailGrid' : {
column: [
{ header: '추가 정보', name: 'id', headerAlign: 'left' },
{ header: 'Data 구분', name: 'lable', headerAlign: 'left' },
{ header: '추가 정보 값', name: 'type', headerAlign: 'left' },
// { header: '비고', name: 'note', headerAlign: 'left' }
],
data: dataPathDataExample,
defaultRow: dataPathDataExample,
option: {}
}
},
};
},
computed: {
@ -393,4 +408,11 @@ export default {
},
},
};
import { getPathDataExample } from '@/const/const'
const dataPathDataExample = getPathDataExample({
id: 'INCHEON.HVAC.EQP_HT_CH001.UT_CH101.CHI_AMP_1A_PV',
lable: 'INCHEON 고온 냉동기 101호기 - 호로1',
type: '사용', note: '-'
});
</script>

107
components/pages/ems/EqpmInfo/EqpmConstTab.vue
View File

@ -1,34 +1,16 @@
<template>
<div>
<div
class="d-flex justify-space-between align-center"
style="height: 80px;"
>
<span class="txt">설비 상수 정보</span>
<Buttons
:parentPrgmId="parentPrgmId"
:bindingData="gridName"
:btnActionsFnc="btnActions"
/>
<div class="d-flex justify-space-between align-center" style="height: 80px;">
<span class="txt custom-title-4-new">설비 상수 정보</span>
<Buttons :parentPrgmId="parentPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
</div>
<div ref="gridParent" style="height: calc(100vh - 800px);">
<Grid
:ref="gridName"
:is="loadGrid ? 'Grid' : null"
:gridName="gridName"
:parentPrgmId="parentPrgmId"
@getRowsData="getRowData"
:innerTabGridInfo="innerTabGridInfo"
/>
<div ref="gridParent" style="min-height: calc(100vh - 800px);">
<Grid :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="parentPrgmId"
@getRowsData="getRowData" :innerTabGridInfo="innerTabGridInfo" :dataPath="dataPathMock" />
</div>
<div style="height: calc(100vh - 900px);">
<component
:is="'Form'"
:parentPrgmId="parentPrgmId"
:bindingData="gridName"
:detailList="detailList"
@gridEditingFinish="gridEditingFinish"
/>
<div style="min-height: calc(100vh - 900px);" class="mt-4">
<component :is="'Form'" :parentPrgmId="parentPrgmId" :bindingData="gridName" :detailList="detailList"
@gridEditingFinish="gridEditingFinish" />
</div>
</div>
</template>
@ -59,12 +41,28 @@ export default {
},
data() {
return {
loadGrid: false,
loadGrid: true,
gridName: 'rowEqpmConstGrid',
detailList: myEqpmConstDetail,
inputList_emMapDiv: [],
inputList_cmInOut: [],
dataPathMock: {
'rowEqpmConstGrid': {
column: [
{ header: '대상항목', name: 'id', headerAlign: 'left' },
{ header: '에너지원 명', name: 'lable', headerAlign: 'left' },
{ header: '대상 유형', name: 'type', headerAlign: 'left' },
{ header: '물리량', name: 'note', headerAlign: 'left' },
{ header: '계산여부', name: 'field1', headerAlign: 'left' },
{ header: '분배율', name: 'field2', headerAlign: 'left' }
],
data: dataPathDataExample,
defaultRow: dataPathDataExample,
option: {}
}
},
};
},
computed: {
@ -101,7 +99,7 @@ export default {
this.detailList[2].eqpmKindId = val;
}
},
selectedEqpmGrpId(val){
selectedEqpmGrpId(val) {
// if(!val){
// this.detailList[2].eqpmGrpId = '';
// }else{
@ -332,7 +330,7 @@ export default {
gridEditingFinish(data, bindingData) {
this.$refs[this.gridName].editingFinish(data);
},
search() {},
search() { },
},
};
@ -360,20 +358,16 @@ const myEqpmConstDetail = [
label: '대상 유형',
disabled: true,
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
list: 'emMapDivList2',
valueNm: 'objKind',
itemText: 'commCdNm',
itemValue: 'commCd',
required: true,
disabled: true,
},
{
// 공백 처리
type: 'Label',
cols: 6,
class: 'py-2',
disabled: true,
labelCols: 12,
textCols: 12,
iconShow: true,
},
{
type: 'EgrpPysclQtyPop',
@ -390,19 +384,32 @@ const myEqpmConstDetail = [
required: true,
openMode: 'CONST',
cols: 6,
class: 'py-2',
eqpmGrpDisableFlag:true,
// eqpmGrpId:''
class: 'py-3 pl-4',
eqpmGrpDisableFlag: true,
// eqpmGrpId:'',
labelCols: 12,
textCols: 12,
iconShow: true,
},
{
// 공백 처리
type: 'Label',
cols: 6,
class: 'py-3',
disabled: true,
},
{
type: 'InputText',
valueNm: 'pysclQtyNm',
disabled: true,
readonly: true,
cols: 5,
class: 'py-2',
cols: 6,
class: 'py-3 pt-1 pl-4',
align: 'right',
// class: 'py-2 d-none',
labelCols: 12,
textCols: 12,
iconShow: true,
},
{
type: 'InputText',
@ -410,12 +417,24 @@ const myEqpmConstDetail = [
valueNm: 'pysclQtyVal',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
align: 'right',
inputType: 'number',
min: 0,
max: 100,
required: true,
labelCols: 12,
textCols: 12,
iconShow: true,
},
];
import { getPathDataExample } from '@/const/const'
const dataPathDataExample = getPathDataExample({
id: 'INCHEON.HVAC.EQP_HT_CH001.UT_CH101.CHI_AMP_1A_PV',
lable: 'INCHEON 고온 냉동기 101호기 - 호로1',
type: '사용', note: '-',
field1: '1111',
field2: '2222',
});
</script>

129
components/pages/ems/EqpmInfo/EqpmIaoTab.vue
View File

@ -4,24 +4,25 @@
class="d-flex justify-space-between align-center"
style="height: 80px;"
>
<span class="txt">설비 입출력 정보</span>
<span class="txt custom-title-4-new">설비 입출력 정보</span>
<Buttons
:parentPrgmId="parentPrgmId"
:bindingData="gridName"
:btnActionsFnc="btnActions"
/>
</div>
<div ref="gridParent" style="height: calc(100vh - 800px);">
<div ref="gridParent" style="min-height: calc(100vh - 800px);" >
<!-- :is="loadGrid ? 'Grid' : null" -->
<Grid
:ref="gridName"
:is="loadGrid ? 'Grid' : null"
:gridName="gridName"
:parentPrgmId="parentPrgmId"
@getRowsData="getRowData"
:innerTabGridInfo="innerTabGridInfo"
:dataPath="dataPathMock"
/>
</div>
<div style="height: calc(100vh - 900px);">
<div style="min-height: calc(100vh - 900px);" class="mt-4">
<component
:is="'Form'"
:parentPrgmId="parentPrgmId"
@ -59,12 +60,28 @@ export default {
},
data() {
return {
loadGrid: false,
loadGrid: true,
gridName: 'rowEqpmIaoGrid',
detailList: myEqpmIaoDetail,
inputList_emMapDiv: [],
inputList_cmInOut: [],
dataPathMock: {
'rowEqpmIaoGrid' : {
column: [
{ header: '대상항목', name: 'id', headerAlign: 'left' },
{ header: '에너지원 명', name: 'lable', headerAlign: 'left' },
{ header: '대상 유형', name: 'type', headerAlign: 'left' },
{ header: '물리량', name: 'note', headerAlign: 'left' },
{ header: '계산여부', name: 'field1', headerAlign: 'left' },
{ header: '분배율', name: 'field2', headerAlign: 'left' }
],
data: dataPathDataExample,
defaultRow: dataPathDataExample,
option: {}
}
},
};
},
computed: {
@ -155,7 +172,7 @@ export default {
},
},
mounted() {
this.init();
// this.init();
},
methods: {
...mapMutations({
@ -421,22 +438,18 @@ const myEqpmIaoDetail = [
{
type: 'SelectBox',
label: '대상 유형',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
list: 'emMapDivList',
// list: 'ercNmList',
valueNm: 'objKind',
itemText: 'commCdNm',
itemValue: 'commCd',
required: true,
disabled: false,
},
{
// 공백 처리
type: 'Label',
cols: 6,
class: 'py-2',
disabled: true,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'ReadPlcPop',
@ -444,63 +457,88 @@ const myEqpmIaoDetail = [
valueNm: 'objId',
disabled: true,
cols: 6,
class: 'py-2',
class: 'py-3 pl-4',
required: true,
bindNm: 'objNm',
textCols: 12,
labelCols: 12,
iconShow: true,
},
{
// 공백 처리
type: 'Label',
cols: 6,
class: 'py-3',
disabled: true,
textCols: 12,
labelCols: 12,
},
{
type: 'InputText',
valueNm: 'objNm',
readonly: true,
disabled: true,
cols: 5,
class: 'py-2',
cols: 6,
class: 'py-3 pl-4 pt-1',
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'EvtObjPop',
labelContent: '대상 항목',
labelContent: '대상 항목 111',
valueNm: 'objId',
valueNm2: 'objNm',
bindNm: 'objNm',
disabled: true,
required: true,
cols: 6,
class: 'py-2 d-none',
labelCols: 4,
textCols: 7,
class: 'py-3 d-none',
disableContent: true,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'InputText',
cols: 5,
class: 'py-2 d-none',
class: 'py-3 d-none',
valueNm: 'objNm',
readonly: true,
disabled: true,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'SelectBox',
label: '에너지원',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
list: 'ercNmList',
valueNm: 'ercId',
itemText: 'text',
itemValue: 'value',
required: false,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'SelectBox',
label: '투입생산유형',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pl-4',
list: 'cmInoutList',
valueNm: 'inProdKind',
itemText: 'commCdNm',
itemValue: 'commCd',
required: false,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'InputText',
@ -508,12 +546,15 @@ const myEqpmIaoDetail = [
valueNm: 'distRt',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
align: 'right',
inputType: 'number',
min: 0,
max: 100,
required: false,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'CheckBox',
@ -521,9 +562,12 @@ const myEqpmIaoDetail = [
valueNm: 'calcFg',
disabled: false,
cols: 6,
class: 'py-2',
class: 'py-3 pl-4',
value: { '1': true, '0': false },
required: false,
textCols: 12,
labelCols: 12,
iconShow: true
},
{
type: 'EgrpPysclQtyPop',
@ -541,19 +585,42 @@ const myEqpmIaoDetail = [
required: false,
openMode: 'TAG',
cols: 6,
class: 'py-2',
class: 'py-3 pr-4',
eqpmGrpDisableFlag: true,
// eqpmGrpId: '',
textCols: 12,
labelCols: 12,
iconShow: true
},
{
// 공백 처리
type: 'Label',
cols: 6,
class: 'py-2',
disabled: true,
textCols: 12,
labelCols: 12,
},
{
type: 'InputText',
valueNm: 'pysclQtyNm',
disabled: true,
readonly: true,
cols: 5,
class: 'py-2',
cols: 6,
class: 'py-3 pt-0 pr-4',
align: 'right',
// class: 'py-2 d-none',
textCols: 12,
labelCols: 12,
iconShow: true
},
];
import { getPathDataExample } from '@/const/const'
const dataPathDataExample = getPathDataExample({
id: 'INCHEON.HVAC.EQP_HT_CH001.UT_CH101.CHI_AMP_1A_PV',
lable: 'INCHEON 고온 냉동기 101호기 - 호로1',
type: '사용', note: '-',
field1: '1111',
field2: '2222',
});
</script>