dev-manhph1-screen18-19-21-28
This commit is contained in:
Le Quang Cuong/(Le Quang Cuong)/현장대리인/SK
parent
1453e75f9a
commit
dd559629ab
@ -1,19 +1,13 @@
|
||||
<template>
|
||||
<div ref="mainDiv" class="l-layout">
|
||||
<PageTitle/>
|
||||
<v-row ref="searchFilter">
|
||||
<v-col :cols="12">
|
||||
<v-card class="searchFilter">
|
||||
<v-row align="end" no-gutters>
|
||||
<v-col :cols="5">
|
||||
<InputText
|
||||
:parentPrgmId="myPrgmId"
|
||||
label="설비종류명"
|
||||
valueNm="eqpmKindNm"
|
||||
:searchOption="true"
|
||||
:textCols="12"
|
||||
:labelCols="12"
|
||||
customClass="input-large"
|
||||
/>
|
||||
<InputText :parentPrgmId="myPrgmId" label="설비종류명" valueNm="eqpmKindNm" :searchOption="true"
|
||||
:textCols="12" :labelCols="12" customClass="input-large" />
|
||||
</v-col>
|
||||
<v-col :cols="7" class="text-right">
|
||||
<BtnSearch @click="search" size="large" />
|
||||
@ -25,41 +19,27 @@
|
||||
<v-row ref="contents">
|
||||
<v-col :cols="5" class="h100">
|
||||
<v-card class="pb-5">
|
||||
<div class="d-flex align-center justify-space-between pa-5">
|
||||
<div class="d-flex align-center justify-space-between pa-4" style="padding-bottom: 30px !important;">
|
||||
<v-card-title class="pa-0">설비종류</v-card-title>
|
||||
<Buttons
|
||||
:parentPrgmId="myPrgmId"
|
||||
:bindingData="gridName"
|
||||
:btnActionsFnc="btnActions"
|
||||
/>
|
||||
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :btnActionsFnc="btnActions" />
|
||||
</div>
|
||||
<div class="h100 px-5" style="height:calc(100% - 70px)">
|
||||
<div ref="gridParent" class="w100 h100">
|
||||
<component
|
||||
:ref="gridName"
|
||||
:is="loadGrid ? 'Grid' : null"
|
||||
:gridName="gridName"
|
||||
:parentPrgmId="myPrgmId"
|
||||
@getRowsData="getRowData"
|
||||
:preventFocusChangeEventFlag="false"
|
||||
:dataPath="dataPathMock"
|
||||
/>
|
||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||
:parentPrgmId="myPrgmId" @getRowsData="getRowData"
|
||||
:preventFocusChangeEventFlag="false" />
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col :cols="7" class="h100">
|
||||
<v-card class="pb-5">
|
||||
<div class="d-flex align-center justify-space-between pa-5">
|
||||
<div class="d-flex align-center justify-space-between pa-4" style="padding-bottom: 30px !important;">
|
||||
<v-card-title class="pa-0">설비종류 상세</v-card-title>
|
||||
</div>
|
||||
<div class="px-5" style="height:calc(100% - 76px)">
|
||||
<component
|
||||
:is="'Form'"
|
||||
:parentPrgmId="myPrgmId"
|
||||
:detailList="detailList"
|
||||
@gridEditingFinish="gridEditingFinish"
|
||||
/>
|
||||
<component :is="'Form'" :parentPrgmId="myPrgmId" :detailList="detailList"
|
||||
@gridEditingFinish="gridEditingFinish" />
|
||||
</div>
|
||||
</v-card>
|
||||
</v-col>
|
||||
@ -78,6 +58,8 @@ import Form from '~/components/common/form/Form';
|
||||
import Grid from '~/components/common/Grid';
|
||||
import Utility from '~/plugins/utility';
|
||||
import SelectBox from '@/components/common/select/SelectBox';
|
||||
import PageTitle from "~/components/common/PageTitle";
|
||||
|
||||
let myTitle;
|
||||
// const myPrgmId = "PRG0013";
|
||||
let myPrgmId;
|
||||
@ -108,6 +90,7 @@ export default {
|
||||
Grid,
|
||||
Utility,
|
||||
SelectBox,
|
||||
PageTitle,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -118,21 +101,6 @@ export default {
|
||||
detailList: myDetail,
|
||||
selectValueList01: [],
|
||||
selectValue01: null,
|
||||
dataPathMock: {
|
||||
'eqpmKindGrid': {
|
||||
column: [
|
||||
{ header: '설비종류ID', name: 'eqpmKindId', headerAlign: 'center' },
|
||||
{ header: '설비종류명', name: 'eqpmKindNm', headerAlign: 'left' },
|
||||
{ header: '등록자NO', name: 'regUserNo', hidden: true},
|
||||
{ header: '등록일시', name: 'regDttm', hidden: true },
|
||||
{ header: '수정자NO', name: 'procUserNo', hidden: true },
|
||||
{ header: '수정일시', name: 'procDttm', hidden: true}
|
||||
],
|
||||
data: dataPathDataExample,
|
||||
defaultRow: dataPathDataExample,
|
||||
option: {}
|
||||
}
|
||||
},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -164,7 +132,7 @@ export default {
|
||||
defaultData: defaultData,
|
||||
});
|
||||
},
|
||||
created() {},
|
||||
created() { },
|
||||
mounted() {
|
||||
this.gridInit();
|
||||
// this.init();
|
||||
@ -184,6 +152,8 @@ export default {
|
||||
const myOptions = {
|
||||
columnOptions: {
|
||||
resizable: true,
|
||||
}, header: {
|
||||
height: 38,
|
||||
},
|
||||
};
|
||||
this.setGridOption({
|
||||
@ -255,12 +225,12 @@ export default {
|
||||
//rowKey: 0,
|
||||
rowKey:
|
||||
this.pageData.rowGridSelectKey == '' ||
|
||||
this.pageData.rowGridSelectKey == null
|
||||
this.pageData.rowGridSelectKey == null
|
||||
? 0
|
||||
: this.pageData.rowGridSelectKey ==
|
||||
this.$refs[this.gridName].getData().length - 1
|
||||
? this.pageData.rowGridSelectKey
|
||||
: 0,
|
||||
this.$refs[this.gridName].getData().length - 1
|
||||
? this.pageData.rowGridSelectKey
|
||||
: 0,
|
||||
setScroll: true,
|
||||
});
|
||||
}
|
||||
@ -398,7 +368,7 @@ const myDetail = [
|
||||
textCols: 12,
|
||||
},
|
||||
{
|
||||
type: 'InputTextReg',
|
||||
type: 'InputText',
|
||||
label: '설비종류명',
|
||||
valueNm: 'eqpmKindNm',
|
||||
disabled: false,
|
||||
@ -458,14 +428,4 @@ const myDetail = [
|
||||
textCols: 12,
|
||||
},
|
||||
];
|
||||
|
||||
import { getPathDataExample } from '@/const/const'
|
||||
const dataPathDataExample = getPathDataExample({
|
||||
eqpmKindId: 'EKIND0005',
|
||||
eqpmKindNm: 'VCB',
|
||||
regUserNo: '사용',
|
||||
regDttm: 'EQP_HVAC_LT_CH001',
|
||||
procUserNo: '사용',
|
||||
procDttm: 'EQP_HVAC_LT_CH001',
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user