init dev-push code ui base design
This commit is contained in:
leonard
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user