update theme header

This commit is contained in:
Nguyen Van Luan/(Nguyen Van Luan)/현장대리인/SK
2025-07-25 12:30:27 +09:00
19 changed files with 607 additions and 1599 deletions

View File

@ -478,7 +478,7 @@ a {
.btn-header {
background-color: map-deep-get($config, #{$theme}, "v-btn-header-background");
border: map-deep-get($config, #{$theme}, "v-btn-header-border");
border:1px solid map-deep-get($config, #{$theme}, "v-btn-header-border");
color: map-deep-get($config, #{$theme}, "v-btn-header-text");
}

View File

@ -72,11 +72,11 @@ $config: (
v-btn-backgroundColor: #144985,
v-box: #212224,
v-banner-border-color: rgba(255, 255, 255, 0.1),
v-treeview-node-root-backgroundColor: #18579e,
v-treeview-node-root-label-color: #fff,
v-treeview-node-root-label-active-color: #fff,
v-treeview-node-root-icon-color: #fff,
v-treeview-node-root-icon-active-color: #fff,
v-treeview-node-root-backgroundColor: #212224,
v-treeview-node-root-label-color: #FFFFFFD9,
v-treeview-node-root-label-active-color: #FFFFFFD9,
v-treeview-node-root-icon-color: #FFFFFFD9,
v-treeview-node-root-icon-active-color: #FFFFFFD9,
// v-treeview-node-subroot-backgroundColor: #FFFFFF0A,
v-treeview-node-subroot-backgroundColor: transparent,
v-treeview-node-label-color: rgba(255, 255, 255, 0.6),
@ -206,11 +206,11 @@ $config: (
// v-btn-backgroundColor: #fff,
v-box: #FFFFFF,
v-banner-border-color: #ddd,
v-treeview-node-root-backgroundColor: #4777d9,
v-treeview-node-root-label-color: #111,
v-treeview-node-root-label-active-color: #fff,
v-treeview-node-root-icon-color: #555,
v-treeview-node-root-icon-active-color: #fff,
v-treeview-node-root-backgroundColor: #FFFFFF,
v-treeview-node-root-label-color: #000000E0,
v-treeview-node-root-label-active-color: #000000E0,
v-treeview-node-root-icon-color: #000000E0,
v-treeview-node-root-icon-active-color: #000000E0,
// v-treeview-node-subroot-backgroundColor: #00000005,
v-treeview-node-subroot-backgroundColor: transparent,
v-treeview-node-label-color: #555,

View File

@ -13,14 +13,15 @@
</v-col>
<v-col :cols="label ? textCols : ''">
<a-checkbox
v-model:checked="chkValue"
:disabled="disabledFlag"
:readonly="readonly || false"
:required="required || false"
@change="modifyValue"
>
</a-checkbox>
<v-checkbox
v-model="chkValue"
:disabled="disabledFlag"
:readonly="readonly || false"
:required="required || false"
:false-value="false"
:color="isDarkMode ? '#fff' : '#1890ff'"
@change="modifyValue"
></v-checkbox>
</v-col>
</v-row>
</template>

View File

@ -1,9 +1,11 @@
<template>
<v-switch
class="theme-switch"
v-model="mode"
@change="themeChange"
></v-switch>
<a-button
class="btn-header"
:color="mode ? 'dark' : 'light'"
@click="themeChange"
icon="bulb"
>
</a-button>
</template>
<script>
import { mapState, mapMutations } from 'vuex';
@ -26,8 +28,11 @@ export default {
setThemeChange: 'setThemeChange',
}),
themeChange() {
this.mode = !this.mode;
this.$vuetify.theme.isDark = this.mode;
this.setThemeChange(this.mode);
console.log(this.mode)
console.log(this.$vuetify.theme.isDark)
},
},
};
@ -69,12 +74,14 @@ export default {
background-color: #f2f2f2;
top: 2px;
left: 0;
background-image: url(../../assets/images/icon/ico-theme-light.png);
// background-image: url(../../assets/images/icon/ico-theme-light.png);
content: "light";
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
}
}
&.v-input--is-label-active {
::v-deep {
.v-input--switch__track {
@ -82,7 +89,8 @@ export default {
}
.v-input--switch__thumb {
// transform: translate(38px, 0);
background-image: url(../../assets/images/icon/ico-theme-dark.png);
// background-image: url(../../assets/images/icon/ico-theme-dark.png);
content: 'dark';
}
}
}

View File

@ -4,7 +4,7 @@
v-if="item.label"
:cols="item.cols == 12 ? 2 : 4"
:style="item.padding ? 'padding-left:10px' : ''"
class="mb-2"
class="py-0"
>
<label for="" class="search-box-label">
<v-icon

View File

@ -62,7 +62,7 @@
<v-row align="center" no-gutters>
<v-col :cols="12">
<label for="" class="search-box-label">
<v-icon small :class="['mr-1','icon-blue']">$icoBulletPoint</v-icon>
<v-icon small :class="['mr-1', 'icon-blue']">$icoBulletPoint</v-icon>
설비
</label>
</v-col>
@ -80,7 +80,7 @@
<v-row align="center" no-gutters class="mt-4">
<v-col :cols="12">
<label for="" class="search-box-label">
<v-icon small :class="['mr-1','icon-blue']">$icoBulletPoint</v-icon>
<v-icon small :class="['mr-1', 'icon-blue']">$icoBulletPoint</v-icon>
가이드지표
</label>
</v-col>
@ -190,7 +190,7 @@ export default {
modalDataKey: 'modalData',
myModalKey: 'eqpmDetlPop',
gridName: 'eqpmDetlGrid',
loadGrid: true,
loadGrid: false,
setGrid: false,
popCheck: false,
dialog: false,
@ -217,13 +217,7 @@ export default {
}),
InputValue: {
get() {
// return this.myBindingData;
return [{
"eqpmId": "EQ001",
"eqpmNm": "Etcher A12",
"gdIdxId": "GD001",
"gdIdxNm": "Etch Depth Guide",
}]
return this.myBindingData;
}
},
chkDialog() {
@ -241,7 +235,7 @@ export default {
},
async popCheck(val) {
if (val) {
// await this.getRowGridData();
await this.getRowGridData();
this.dialog = true;
} else {
this.dialog = false;
@ -365,57 +359,24 @@ export default {
},
async getRowGridData() {
this.loadGrid = false;
// var res = await this.postApiReturn({
// apiKey: 'selectEqpmDetailPop',
// resKey: 'eqpmDetlPopData',
// sendParam: {
// gdIdxId : this.myBindingData.gdIdxId,
// eqpmId : this.myBindingData.eqpmId,
// fromDt : this.myBindingData.fromDt,
// toDt : this.myBindingData.toDt
// },
// });
// const dayjs = require('dayjs');
// var newRes = res.map(item=>
// item = {
// ...item,
// totDttmDay : Utility.setFormatDate(item.totDttm, 'YYYY-MM-DD'),
// totDttmTime : Utility.setFormatDate(item.totDttm, 'HH') + "~" + dayjs(item.totDttm).add(1,'h').format('HH'),
// }
// );
const newRes = [
{
"totDttmDay": "2025-07-10",
"totDttmTime": "14:00~15:00",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 500,
"warnStndVal": 700,
"totVal": 720,
"alrmMsg": "Chamber pressure exceeded warning threshold. Immediate inspection required.",
"alrmKind": "경고"
var res = await this.postApiReturn({
apiKey: 'selectEqpmDetailPop',
resKey: 'eqpmDetlPopData',
sendParam: {
gdIdxId: this.myBindingData.gdIdxId,
eqpmId: this.myBindingData.eqpmId,
fromDt: this.myBindingData.fromDt,
toDt: this.myBindingData.toDt
},
{
"totDttmDay": "2025-07-10",
"totDttmTime": "09:00~10:00",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 60,
"warnStndVal": 80,
"totVal": 75,
"alrmMsg": "Temperature nearing warning threshold. Monitor closely.",
"alrmKind": "주의"
},
{
"totDttmDay": "2025-07-09",
"totDttmTime": "22:00~23:00",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 300,
"warnStndVal": 400,
"totVal": 290,
"alrmMsg": "Gas flow rate below caution level. Check for leaks or blockages.",
"alrmKind": "주의"
});
const dayjs = require('dayjs');
var newRes = res.map(item =>
item = {
...item,
totDttmDay: Utility.setFormatDate(item.totDttm, 'YYYY-MM-DD'),
totDttmTime: Utility.setFormatDate(item.totDttm, 'HH') + "~" + dayjs(item.totDttm).add(1, 'h').format('HH'),
}
]
);
this.setModalGridData({

View File

@ -234,13 +234,7 @@ export default {
}),
InputValue: {
get() {
return [{
"eqpmId": "EQ001",
"eqpmNm": "Etcher A12",
"gdIdxId": "GD001",
"gdIdxNm": "Etch Depth Guide",
}]
// return this.myBindingData;
return this.myBindingData;
}
},
chkDialog() {
@ -258,7 +252,7 @@ export default {
},
async popCheck(val) {
if (val) {
// await this.getData();
await this.getData();
this.dialog = true;
} else {
this.dialog = false;
@ -288,13 +282,13 @@ export default {
}),
init() {
// this.gridInit();
this.gridInit();
},
closePop() {
this.popCheck = false;
},
search() {
// this.getData();
this.getData();
},
async getData() {
var res = await this.postApiReturn({

View File

@ -323,58 +323,58 @@ export default {
this.getRowGridData();
},
async getFab() {
// let res = await this.postApiReturn({
// apiKey: 'selectFabCodeList',
// resKey: 'fabCodeLists',
// sendParam: {},
// });
// if (res.length > 0) {
// this.selectValueList02 = await res.map(item => {
// return {
// text: item.eccNm,
// value: item.eccId,
// };
// });
// this.selectValueList02.unshift({
// text:"전체",
// value:null
// });
// // if(this.pageData.eccId != null && this.pageData.eccId != ''){
// // this.selectValue02 = this.pageData.eccId;
// // }else if(this.pageData.eccId == null || this.pageData.eccId == ''){
// this.selectValue02.push(this.selectValueList02[0].value);
// // }
// } else {
// this.selectValueList02 = [];
// this.selectValue02 = [];
// }
let res = await this.postApiReturn({
apiKey: 'selectFabCodeList',
resKey: 'fabCodeLists',
sendParam: {},
});
if (res.length > 0) {
this.selectValueList02 = await res.map(item => {
return {
text: item.eccNm,
value: item.eccId,
};
});
this.selectValueList02.unshift({
text: "전체",
value: null
});
// if(this.pageData.eccId != null && this.pageData.eccId != ''){
// this.selectValue02 = this.pageData.eccId;
// }else if(this.pageData.eccId == null || this.pageData.eccId == ''){
this.selectValue02.push(this.selectValueList02[0].value);
// }
} else {
this.selectValueList02 = [];
this.selectValue02 = [];
}
},
async getEqpmGrp() {
// let res = await this.postApiReturn({
// apiKey: 'selectEqpmGrpCodeList',
// resKey: 'eqpmGrpCodeLists',
// sendParam: { },
// });
// if (res.length > 0) {
// this.selectValueList01 = await res.map(item => {
// return {
// text: item.eqpmGrpNm,
// value: item.eqpmGrpId,
// };
// });
// this.selectValueList01.unshift({
// text:"전체",
// value:null
// });
// // if(this.pageData.eqpmGrpId != null && this.pageData.eqpmGrpId != ''){
// // this.selectValue02 = this.pageData.eqpmGrpId;
// // }else if(this.pageData.eqpmGrpId == null || this.pageData.eqpmGrpId == ''){
// this.selectValue01 = this.selectValueList01[0].value;
// // }
// } else {
// this.selectValueList01 = [];
// this.selectValue01 = null;
// }
let res = await this.postApiReturn({
apiKey: 'selectEqpmGrpCodeList',
resKey: 'eqpmGrpCodeLists',
sendParam: {},
});
if (res.length > 0) {
this.selectValueList01 = await res.map(item => {
return {
text: item.eqpmGrpNm,
value: item.eqpmGrpId,
};
});
this.selectValueList01.unshift({
text: "전체",
value: null
});
// if(this.pageData.eqpmGrpId != null && this.pageData.eqpmGrpId != ''){
// this.selectValue02 = this.pageData.eqpmGrpId;
// }else if(this.pageData.eqpmGrpId == null || this.pageData.eqpmGrpId == ''){
this.selectValue01 = this.selectValueList01[0].value;
// }
} else {
this.selectValueList01 = [];
this.selectValue01 = null;
}
},
gridInit() {
// console.log("modalGridParent : ",this.$refs)
@ -459,16 +459,16 @@ export default {
},
async getRowGridData() {
this.loadGrid = false;
// var res = await this.postApiReturn({
// apiKey: 'selectEqpmPop',
// resKey: 'eqpmPopData',
// sendParam: {
// fabId:this.selectValue02,
// eqpmGrpId:this.selectValue01,
// searchWord:this.searchWord,
// eqpmKindId:this.myBindingData.eqpmKindId,
// },
// });
var res = await this.postApiReturn({
apiKey: 'selectEqpmPop',
resKey: 'eqpmPopData',
sendParam: {
fabId: this.selectValue02,
eqpmGrpId: this.selectValue01,
searchWord: this.searchWord,
eqpmKindId: this.myBindingData.eqpmKindId,
},
});
// const dayjs = require('dayjs');
// var newRes = res.map(item=>
// item = {
@ -477,33 +477,33 @@ export default {
// totDttmTime : Utility.setFormatDate(item.totDttm, 'HH') + "~" + dayjs(item.totDttm).add(1,'h').format('HH')
// }
// );
const res =
[
{
"fabId": "FAB001",
"fabNm": "Gumi FAB",
"eqpmId": "EQ001",
"eqpmNm": "Etcher A12",
"eccId": "ECC001",
"eccNm": "Etch Control Center"
},
{
"fabId": "FAB002",
"fabNm": "Pyeongtaek FAB",
"eqpmId": "EQ002",
"eqpmNm": "Deposition B34",
"eccId": "ECC002",
"eccNm": "Deposition Control Center"
},
{
"fabId": "FAB003",
"fabNm": "Hwaseong FAB",
"eqpmId": "EQ003",
"eqpmNm": "CMP C56",
"eccId": "ECC003",
"eccNm": "CMP Control Center"
}
];
// const res =
// [
// {
// "fabId": "FAB001",
// "fabNm": "Gumi FAB",
// "eqpmId": "EQ001",
// "eqpmNm": "Etcher A12",
// "eccId": "ECC001",
// "eccNm": "Etch Control Center"
// },
// {
// "fabId": "FAB002",
// "fabNm": "Pyeongtaek FAB",
// "eqpmId": "EQ002",
// "eqpmNm": "Deposition B34",
// "eccId": "ECC002",
// "eccNm": "Deposition Control Center"
// },
// {
// "fabId": "FAB003",
// "fabNm": "Hwaseong FAB",
// "eqpmId": "EQ003",
// "eqpmNm": "CMP C56",
// "eccId": "ECC003",
// "eccNm": "CMP Control Center"
// }
// ];
this.setModalGridData({
modalKey: this.myModalKey,
gridKey: this.gridName,

View File

@ -27,7 +27,7 @@
<div ref="gridParent" style="height: calc(35vh);">
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
:parentPrgmId="parentPrgmId" @getRowsData="getRowData" :innerTabGridInfo="innerTabGridInfo"
:dataPath="sampleDataPath" />
/>
</div>
</div>
</div>
@ -67,58 +67,57 @@ export default {
},
data() {
return {
loadGrid: true,
loadGrid: false,
gridName: 'effcInfoGrid',
sampleDataPath: {
"effcInfoGrid": {
data:
[
{
"eqpmKindId": "펌프",
"eqpmGrpId": "냉각수 시스템",
"totMethNm": "평균값"
},
{
"eqpmKindId": "모터",
"eqpmGrpId": "공기압 시스템",
"totMethNm": "최대값"
},
{
"eqpmKindId": "밸브",
"eqpmGrpId": "스팀 공급",
"totMethNm": "합계"
},
{
"eqpmKindId": "센서",
"eqpmGrpId": "온도 제어",
"totMethNm": "최소값"
},
{
"eqpmKindId": "컴프레서",
"eqpmGrpId": "에어 시스템",
"totMethNm": "중앙값"
}
]
// "effcInfoGrid": {
// data:
// [
// {
// "eqpmKindId": "펌프",
// "eqpmGrpId": "냉각수 시스템",
// "totMethNm": "평균값"
// },
// {
// "eqpmKindId": "모터",
// "eqpmGrpId": "공기압 시스템",
// "totMethNm": "최대값"
// },
// {
// "eqpmKindId": "밸브",
// "eqpmGrpId": "스팀 공급",
// "totMethNm": "합계"
// },
// {
// "eqpmKindId": "센서",
// "eqpmGrpId": "온도 제어",
// "totMethNm": "최소값"
// },
// {
// "eqpmKindId": "컴프레서",
// "eqpmGrpId": "에어 시스템",
// "totMethNm": "중앙값"
// }
// ]
,
column: [
// ,
// column: [
{
header: '대상설비종류',
name: 'eqpmKindId',
// {
// header: '대상설비종류',
// name: 'eqpmKindId',
},
{
header: '대상설비그룹',
name: 'eqpmGrpId',
},
// },
// {
// header: '대상설비그룹',
// name: 'eqpmGrpId',
// },
{ header: '집계방법', name: 'totMethNm', align: 'center' },
// { header: '집계방법', name: 'totMethNm', align: 'center' },
]
// ]
}
},
// }
// },
itemList: [],
tagTpList: [],
// detailList: myDetail,

View File

@ -2,7 +2,8 @@ import $cookie from 'vue-cookie';
export default async function({ store, route, redirect }) {
// const menuId = route.query.menuId;
const FEMS_SESSION = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiIxMjM0NTYiLCJyb2xlIjoiYWRtaW4ifQ.sflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';
// const FEMS_SESSION = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiIxMjM0NTYiLCJyb2xlIjoiYWRtaW4ifQ.sflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';
const FEMS_SESSION = $cookie.get('FEMS_SESSION');
if (!FEMS_SESSION) {
if (route.name !== 'login') redirect('/login');
} else {

View File

@ -61,15 +61,15 @@ module.exports = {
styleResources: {
scss: ['./assets/scss/*.scss'],
},
// proxy: {
// "/api/": {
// target: "http://0.0.0.0:9999/",
// //target: "http://192.168.0.152:8082/",
// pathRewrite: {
// "^/api/": ""
// }
// }
// },
proxy: {
"/api/": {
target: "http://0.0.0.0:9999/",
//target: "http://192.168.0.152:8082/",
pathRewrite: {
"^/api/": ""
}
}
},
axios: {
//baseURL: "http://dotest.kfems.kr:9997",
proxy: true,

View File

@ -3,13 +3,14 @@
<v-row ref="searchFilter">
<v-col :cols="12">
<v-card class="searchFilter">
<v-row algin="center" no-gutters>
<v-row algin="end" no-gutters>
<v-col :cols="3">
<InputText
:parentPrgmId="myPrgmId"
label="역할ID"
valueNm="roleId"
:searchOption="true"
customClass="input-large"
/>
</v-col>
<v-col :cols="3">
@ -18,17 +19,19 @@
label="역할명"
valueNm="roleNm"
:searchOption="true"
customClass="input-large"
/>
</v-col>
<v-col :cols="6" class="text-right">
<!-- <v-btn @click="test = !test">WWW</v-btn> -->
<BtnSearch />
<BtnSearch size="large" />
</v-col>
</v-row>
</v-card>
</v-col>
</v-row>
<v-row ref="contents">
<v-row ref="contents" style="height: 100vh;">
<v-col cols="12" lg="2" class="h100">
<v-card>
<v-card-title>

View File

@ -339,7 +339,7 @@ export default {
// 사용자 리스트 그리드 세팅
gridInit() {
this.gridInitTest(); return
// this.gridInitTest(); return
const gridHeight = this.$refs.gridParent.offsetHeight - 90;

View File

@ -1,242 +1,224 @@
<template>
<div class="l-layout">
<!-- 리스트 페이지 시작 -->
<div v-if="pageActionFlag == 'list'" class="h100">
<v-row align="center" no-gutters>
<v-col :cols="12">
<v-card>
<div class="d-flex align-center justify-space-between pa-5">
<v-card-title class="pa-0">공지사항</v-card-title>
<div v-if="pageActionFlag == 'list'" class="h1001">
<v-card class="" >
<div class="pa-5">
<v-row align="center" no-gutters >
<v-col :cols="12" class="d-flex align-center justify-space-between">
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
<div class="d-flex align-center">
<!-- <v-btn @click="listPageButtonGroupClickEvent('view')" :ripple="false" class="mr-1">상세보기</v-btn> -->
<a-button type="primary" size="large" @click="listPageButtonGroupClickEvent('write')" :ripple="false"
icon="edit" class="mr-1">작성</a-button>
<!-- <v-btn @click="listPageButtonGroupClickEvent('delete')" :ripple="false">삭제</v-btn> -->
</div>
</div>
</v-card>
</v-col>
</v-row>
<v-row ref="contents">
<v-col :cols="12">
<v-card class="pa-5">
<div ref="gridParent" class="h100 px-50">
<component :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
ref="noticeMngGrid" @getRowsData="getRowData" :dataPath="dataPathMock" />
</div>
<!-- <div class="h100 W100 px-50" style="min-height:calc(100% - 70px)">
</div> -->
</v-card>
</v-col>
</v-row>
</v-col>
<v-col :cols="12" ref="contents" class="mt-5">
<div ref="gridParent" class="h100 px-50">
<component :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
ref="noticeMngGrid" @getRowsData="getRowData" :dataPath="dataPathMock" />
</div>
</v-col>
</v-row>
</div>
</v-card>
</div>
<!-- 리스트 페이지 -->
<!-- 상세보기 페이지 시작 -->
<div v-if="pageActionFlag == 'view'" class="h100">
<div v-if="pageActionFlag == 'view'" class="h1001">
<v-card>
<v-row class="pa-5">
<v-col :cols="12" class="d-flex align-center justify-space-between ">
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
<div class="d-flex align-center">
<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false" class="mr-1" icon="unordered-list" >목록</a-button>
<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false" class="mr-1" icon="send-outlined" >
<v-icon
small
:class="['mr-2']"
>$icoSend</v-icon>
<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false" class="mr-1"
icon="unordered-list">목록</a-button>
<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false" class="mr-1"
icon="send-outlined">
<v-icon small :class="['mr-2']">$icoSend</v-icon>
답글
</a-button>
<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false" class="mr-1" icon="edit">수정</a-button>
<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost icon="delete" >삭제</a-button>
<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false" class="mr-1"
icon="edit">수정</a-button>
<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost icon="delete">삭제</a-button>
</div>
</v-col>
<v-col :cols="12" class="custom-title-4-new">
제목
</v-col>
<v-col :cols="12">
<v-text-field v-model="viewActionData.title" class="v-input__custom" hide-details
:readonly="true">
<p class="custom-title-3 mb-2"> 제목 </p>
<v-text-field v-model="viewActionData.title" class="v-input__custom" hide-details :readonly="true">
</v-text-field>
</v-col>
</v-row>
<v-row style="height:calc(100% - 218px);">
<v-col :cols="12" style="height: 100%;">
<v-card class="pa-5" style="overflow-y:auto;">
<viewer v-if="viewActionData.viewerFlag" ref="tuiViewer" height="inherit"
:initialValue="viewActionData.content" theme="white"
:class="isDarkMode ? 'theme--white' : 'theme--black'" />
</v-card>
<v-col :cols="12" style="min-height:calc(90vh - 218px);" class="pa-5">
<viewer v-if="viewActionData.viewerFlag" ref="tuiViewer" height="inherit"
:initialValue="viewActionData.content" theme="white"
:class="isDarkMode ? 'theme--white' : 'theme--black'" />
</v-col>
</v-row>
<v-row>
<v-col :cols="12">
<v-card class="pa-5">
<v-row align="center" no-gutters>
<v-col cols="1">
<v-card-subtitle class="pa-0">파일목록</v-card-subtitle>
</v-col>
<v-col :cols="11">
<v-row v-for="fileData in viewActionData.fileData" :key="fileData.apndFileId">
<a @click.prevent="downloadFile(fileData)">
<div class="search-box-label">
{{ fileData.apndFileNm + '.' + fileData.apndFileExt }}
</div>
</a>
</v-row>
</v-col>
</v-row>
</v-card>
<v-col :cols="6">
<p class="custom-title-3 mb-2">파일목록</p>
<div v-for="fileData in viewActionData.fileData"
:key="fileData.apndFileId"
class="file-item">
<a @click.prevent="downloadFile(fileData)">
<div class="d-flex justify-space-between search-box-label">
<v-icon>mdi-paperclip</v-icon>
<span class="file-item-name">{{ fileData.apndFileNm + '.' + fileData.apndFileExt }}</span>
</div>
</a>
</div>
</v-col>
</v-row>
</v-card>
</div>
<!-- 상세보기 페이지 -->
<!-- 작성 페이지 시작 -->
<div v-if="pageActionFlag == 'write'" class="h100">
<v-row align="center" no-gutters>
<v-col :cols="12">
<v-card>
<v-card-title>공지사항</v-card-title>
<v-row class="pa-5">
<v-col :cols="12" class="custom-title-4-new">
제목
</v-col>
<v-col :cols="12">
<v-text-field v-model="writeActionData.title" class="v-input__custom" hide-details outlined>
</v-text-field>
</v-col>
<v-col :cols="12" style="min-height: calc(90vh - 270px);">
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg" />
</v-col>
<v-col :cols="12" class="custom-title-4-new mt-2">
<div v-if="pageActionFlag == 'write'" class="h1001">
<v-card>
<div class="pa-5">
<v-row class="pa-50">
<v-col :cols="12" class="">
<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
</v-col>
<v-col :cols="12" class="custom-title-4-new mt-4">
<p class="custom-title-3 mb-2">제목</p>
<v-text-field v-model="writeActionData.title" class="v-input__custom" hide-details outlined>
</v-text-field>
</v-col>
<v-col :cols="12" style="min-height: calc(90vh - 270px);">
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg" />
</v-col>
<v-col :cols="12" class="mt-2">
<p class="custom-title-3 mb-2">
파일첨부
</v-col>
<v-col :cols="6">
<!-- background-color="#47535c" -->
<v-file-input multiple show-size v-model="writeActionData.fileData" hide-details="true"
clear-icon="delete" chips label="업로드" flat hide-input outlined>
<!-- append-icon="cancel" -->
</v-file-input>
</v-col>
<v-col :cols="12" class="text-right">
<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false" class="mr-2">취소</a-button>
<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false" type="primary">등록</a-button>
</v-col>
</v-row>
</v-card>
</v-col>
</v-row>
</p>
</v-col>
<v-col :cols="6">
<div class="" v-if="writeActionData.fileData">
<div
v-for="(fileData, index) in writeActionData.fileData"
:key="fileData.apndFileId"
class="file-item d-flex justify-space-between">
<div class="file-item-detail">
<v-icon>mdi-paperclip</v-icon>
<span href="#" class="file-item-name">{{ fileData.name }}</span>
</div>
<a-icon type="delete" class="v-icon pointer" @click="writeActionData.fileData.splice(index, 1)" />
</div>
</div>
<a-button class="mt-2" icon="upload" @click="$refs.writeInputFile.$refs.input.click()" >
업로드
</a-button>
<v-file-input
ref="writeInputFile"
v-model="writeActionData.fileData"
multiple
outlined
hide-input
class="d-none"
prepend-icon="mdi-tray-arrow-up"
></v-file-input>
</v-col>
<v-col :cols="12" class="text-right">
<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false" class="mr-2">취소</a-button>
<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false" type="primary">등록</a-button>
</v-col>
</v-row>
</div>
</v-card>
</div>
<!-- 작성 페이지 -->
<!-- 답글 작성 페이지 시작 -->
<div v-if="pageActionFlag == 'reply'" class="h1001">
<v-card class="pa-5">
<v-row>
<v-col :cols="12" class="card-title-color">
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
<v-row align="center" class="mt-0">
<v-col :cols="12" class="">
<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
</v-col>
</v-row>
<v-row align="center" class="mt-5" >
<v-col :cols="12">
<p class="custom-title-4-new">제목</p>
<v-text-field v-model="replyActionData.title" class="v-input__custom" placeholder="제목" outlined hide-details>
<p class="custom-title-3 mb-2">제목</p>
<v-text-field v-model="replyActionData.title" class="v-input__custom" placeholder="제목" outlined
hide-details>
</v-text-field>
</v-col>
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-4" >
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
<editor ref="tuiReplyEditor" height="100%" initialEditType="wysiwyg" />
</v-col>
<v-col :cols="12" class="custom-title-4-new mt-4" >
파일첨부
</v-col>
<v-col :cols="12" >
<v-file-input
multiple
show-size
v-model="replyActionData.fileData"
hide-details="true">
<v-col :cols="6" class="mt-4">
<p class="custom-title-3 mb-2">
파일첨부
</p>
<div class="" v-if="replyActionData.fileData">
<div
v-for="(fileData, index) in replyActionData.fileData"
:key="fileData.apndFileId"
class="file-item d-flex justify-space-between">
<div class="file-item-detail">
<v-icon>mdi-paperclip</v-icon>
<span href="#" class="file-item-name">{{ fileData.name }}</span>
</div>
<a-icon type="delete" class="v-icon pointer" @click="replyActionData.fileData.splice(index, 1)" />
</div>
</div>
<a-button class="mt-3" icon="upload" @click="$refs.replyInputFile.$refs.input.click()" >
업로드
</a-button>
<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData" hide-details="true" class="d-none">
</v-file-input>
</v-col>
<v-col :cols="12" class="text-right">
<a-button @click="replyPageButtonGroupClickEvent('cancel')" :ripple="false">취소</a-button>
<a-button @click="replyPageButtonGroupClickEvent('reply')" :ripple="false" type="primary" >등록</a-button>
<a-button @click="replyPageButtonGroupClickEvent('reply')" :ripple="false" type="primary">등록</a-button>
</v-col>
</v-row>
</v-card>
</div>
<!-- 답글 작성 페이지 -->
<!-- 수정 페이지 시작 -->
<div v-if="pageActionFlag == 'update'" class="h100">
<v-row align="center" no-gutters>
<v-col :cols="12">
<v-card>
<v-card-title>공지사항</v-card-title>
</v-card>
</v-col>
</v-row>
<v-row>
<v-col :cols="12">
<v-card min-height="60" class="pa-5">
<v-text-field v-model="updateActionData.title" class="v-input__custom" placeholder="제목" hide-details>
</v-text-field>
</v-card>
</v-col>
</v-row>
<v-row style="height:calc(100% - 342px)">
<v-col :cols="12">
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
:initialValue="updateActionData.content" />
</v-col>
</v-row>
<v-row>
<v-col :cols="12">
<v-card class="pa-5">
<v-row align="center" no-gutters>
<v-col cols="1">
<v-card-subtitle class="pa-0">파일첨부</v-card-subtitle>
</v-col>
<v-col :cols="4">
<v-file-input multiple background-color="#47535c" show-size v-model="updateActionData.fileData"
hide-details="true">
<div v-if="pageActionFlag == 'update'" class="h1001">
<v-card>
<div class="pa-5">
<v-row align="center" no-gutters>
<v-col :cols="12">
<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
</v-col>
<v-col :cols="12" class="mt-4">
<p class="custom-title-3 mb-2">제목</p>
<v-text-field v-model="updateActionData.title" class="v-input__custom" placeholder="" hide-details outlined>
</v-text-field>
</v-col>
<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4" >
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
:initialValue="updateActionData.content" />
</v-col>
<v-col :cols="6">
<p class="pa-0 mb-2 custom-title-4-new-1">파일첨부</p>
<div class="" v-if="updateActionData.fileData">
<div
v-for="(fileData, index) in updateActionData.fileData"
:key="fileData.apndFileId"
class="file-item d-flex justify-space-between">
<div class="file-item-detail">
<v-icon>mdi-paperclip</v-icon>
<span href="#" class="file-item-name">{{ fileData.name }}</span>
</div>
<a-icon type="delete" class="v-icon pointer" @click="updateActionData.fileData.splice(index, 1)" />
</div>
</div>
<a-button class="mt-2" icon="upload" @click="$refs.updateInputFile.$refs.input.click()" >
업로드
</a-button>
<v-file-input ref="updateInputFile" multiple show-size v-model="updateActionData.fileData"
hide-details="true" class="d-none">
</v-file-input>
</v-col>
</v-row>
</v-card>
</v-col>
</v-row>
<v-row>
<v-col :cols="12">
<v-card class="pa-5">
<v-row align="center">
<v-col :cols="1">
<v-card-subtitle class="pa-0">파일목록</v-card-subtitle>
</v-col>
<v-col :cols="11">
<v-row v-for="fileData in updateActionData.currentFileList" :key="fileData.apndFileId">
<a @click.prevent="downloadFile(fileData)">
<v-col :cols="12">
<div class="search-box-label">
{{ fileData.apndFileNm + '.' + fileData.apndFileExt }}
</div>
</v-col>
</a>
<v-icon class="pl-5" @click="addFileToDeleteFileList(fileData)">
mdi-close
</v-icon>
</v-row>
</v-col>
</v-row>
</v-card>
</v-col>
</v-row>
<v-row>
<v-col :cols="12" class="text-right">
<v-btn @click="updatePageButtonGroupClickEvent('update')" :ripple="false">등록</v-btn>
<v-btn @click="updatePageButtonGroupClickEvent('cancel')" :ripple="false">취소</v-btn>
</v-col>
</v-row>
</v-col>
<v-col :cols="12" class="text-right">
<a-button @click="updatePageButtonGroupClickEvent('cancel')" >취소</a-button>
<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary" >등록</a-button>
</v-col>
</v-row>
</div>
</v-card>
</div>
<!-- 수정 페이지 -->
</div>
@ -363,6 +345,9 @@ export default {
chkOpenTabList: 'chkOpenTabList',
getDomain: 'modules/list/getDomain',
}),
onTest(){
console.log(this.writeActionData.fileData);
},
async init() {
this.initData();
await this.gridInit();
@ -1069,7 +1054,18 @@ const dataPathDataExample = getPathDataExample({
</script>
<style lang="scss" scoped>
.pointer,
.tui-grid-table tr {
cursor: pointer;
}
.file-item {
width: auto;
margin: 2px 0;
padding: 4px;
background-color: #0000000A;
.file-item-name{
color: #1677FF;
}
}
</style>

View File

@ -6,7 +6,7 @@
<v-row align="end" no-gutters>
<v-col :cols="3">
<InputText :labelCols="12" :textCols="12" :parentPrgmId="myPrgmId" label="지표명"
valueNm="searchEffcIdxNm" :searchOption="true" :customClass="'input-large fixed-width'"
valueNm="searchEffcIdxNm" :searchOption="true" :customClass="'input-large surface-name'"
:iconShow="true" />
</v-col>
<v-col :cols="9" class="text-right">
@ -27,7 +27,7 @@
<div ref="gridParent" id="gridParent" class="w100 h100">
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
:parentPrgmId="myPrgmId" @getRowsData="getRowData" :preventFocusChangeEventFlag="false"
:dataPath="dataPathExample" />
/>
</div>
</div>
</v-card>
@ -212,66 +212,65 @@ export default {
disabledFlag: false,
},
],
loadGrid: true,
dataPathExample: {
"effcIdxGrid": {
data: [
{
"effcIdxId": "E001",
"effcIdxNm": "에너지 소비 효율",
"effcKind": "환경"
},
{
"effcIdxId": "E002",
"effcIdxNm": "작업 시간 대비 생산량",
"effcKind": "생산성"
},
{
"effcIdxId": "E003",
"effcIdxNm": "장비 가동률",
"effcKind": "운영"
},
{
"effcIdxId": "E004",
"effcIdxNm": "불량률",
"effcKind": "품질"
},
{
"effcIdxId": "E005",
"effcIdxNm": "재고 회전율",
"effcKind": "물류"
}
]
,
column: [
{
header: '효율지표 ID',
name: 'effcIdxId',
align: 'center',
// hidden:true
},
{
header: '효율지표명',
name: 'effcIdxNm',
align: 'left',
minWidth: 150,
// hidden:true
},
loadGrid: false,
// "effcIdxGrid": {
// data: [
// {
// "effcIdxId": "E001",
// "effcIdxNm": "에너지 소비 효율",
// "effcKind": "환경"
// },
// {
// "effcIdxId": "E002",
// "effcIdxNm": "작업 시간 대비 생산량",
// "effcKind": "생산성"
// },
// {
// "effcIdxId": "E003",
// "effcIdxNm": "장비 가동률",
// "effcKind": "운영"
// },
// {
// "effcIdxId": "E004",
// "effcIdxNm": "불량률",
// "effcKind": "품질"
// },
// {
// "effcIdxId": "E005",
// "effcIdxNm": "재고 회전율",
// "effcKind": "물류"
// }
// ]
// ,
// column: [
// {
// header: '효율지표 ID',
// name: 'effcIdxId',
// align: 'center',
// // hidden:true
// },
// {
// header: '효율지표명',
// name: 'effcIdxNm',
// align: 'left',
// minWidth: 150,
// // hidden:true
// },
{
header: '효율지표종류',
name: 'effcKind',
align: 'left',
// hidden: true,
},
// { header: '등록 사용자', name: 'regUserNo', hidden: true },
// { header: '등록 일자', name: 'regDttm', hidden: true },
// { header: '수정 사용자', name: 'procUserNo', hidden: true },
// { header: '수정 일자', name: 'procDttm', hidden: true },
],
// {
// header: '효율지표종류',
// name: 'effcKind',
// align: 'left',
// // hidden: true,
// },
// // { header: '등록 사용자', name: 'regUserNo', hidden: true },
// // { header: '등록 일자', name: 'regDttm', hidden: true },
// // { header: '수정 사용자', name: 'procUserNo', hidden: true },
// // { header: '수정 일자', name: 'procDttm', hidden: true },
// ],
}
},
// }
// },
initFlag: false,
selectValueList01: [],
selectValueList02: [],
@ -904,6 +903,10 @@ export default {
columnOptions: {
resizable: true,
},
header: {
height: 37,
},
rowHeight: 'auto',
};
this.setGridOption({
gridKey: this.gridName,
@ -1439,6 +1442,6 @@ const defaultData = {
</script>
<style lang="scss" scoped>
.v-input__custom.surface-name fieldset {
width: 345px;
max-width: 345px;
}
</style>

View File

@ -66,9 +66,14 @@
</div>
<div class="px-4" style="height:calc(100% - 76px)">
<div ref="gridParent" class="w100 h100">
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
:parentPrgmId="myPrgmId" :columnClickEventFlag="true" @columnClick="columnClick"
:dataPath="dataPathExample" />
<component
:ref="gridName"
:is="loadGrid ? 'Grid' : null"
:gridName="gridName"
:parentPrgmId="myPrgmId"
:columnClickEventFlag="true"
@columnClick="columnClick"
/>
</div>
</div>
</v-card>
@ -141,442 +146,8 @@ export default {
selectValueList05: [],
selectValueList06: [],
initedFlag: false,
loadGrid: true,
loadGrid: false,
gridName: 'rowGrid',
dataPathExample: {
"rowGrid": {
data: [
{
"no": 1,
"fabNm": "B02",
"eqpmGrpNm": "ETCH Group",
"eqpmId": "EQ028",
"eqpmNm": "DEP D78",
"gdIdxId": "GD004",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 34,
"warnStndVal": 56,
"totVal": 30,
"okFg": "주의",
"gdMeth": "Adjust pad pressure",
"ngCnt": 0
},
{
"no": 2,
"fabNm": "C01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ003",
"eqpmNm": "PHOTO P34",
"gdIdxId": "GD028",
"gdIdxNm": "Exposure Time Guide",
"careStndVal": 40,
"warnStndVal": 53,
"totVal": 48,
"okFg": "주의",
"gdMeth": "Tune RF power",
"ngCnt": 7
},
{
"no": 3,
"fabNm": "C01",
"eqpmGrpNm": "CMP Group",
"eqpmId": "EQ012",
"eqpmNm": "CMP C56",
"gdIdxId": "GD016",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 31,
"warnStndVal": 34,
"totVal": 44,
"okFg": "양호",
"gdMeth": "Change exposure time",
"ngCnt": 6
},
{
"no": 4,
"fabNm": "D01",
"eqpmGrpNm": "ETCH Group",
"eqpmId": "EQ016",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD004",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 33,
"warnStndVal": 40,
"totVal": 56,
"okFg": "주의",
"gdMeth": "Modify gas flow",
"ngCnt": 2
},
{
"no": 5,
"fabNm": "C01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ004",
"eqpmNm": "CMP C56",
"gdIdxId": "GD008",
"gdIdxNm": "Deposition Rate Guide",
"careStndVal": 33,
"warnStndVal": 44,
"totVal": 20,
"okFg": "주의",
"gdMeth": "Adjust pad pressure",
"ngCnt": 7
},
{
"no": 6,
"fabNm": "B01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ019",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD014",
"gdIdxNm": "Polish Rate Guide",
"careStndVal": 34,
"warnStndVal": 38,
"totVal": 46,
"okFg": "양호",
"gdMeth": "Modify gas flow",
"ngCnt": 1
},
{
"no": 7,
"fabNm": "D01",
"eqpmGrpNm": "ETCH Group",
"eqpmId": "EQ024",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD008",
"gdIdxNm": "Exposure Time Guide",
"careStndVal": 37,
"warnStndVal": 51,
"totVal": 24,
"okFg": "경고",
"gdMeth": "Modify gas flow",
"ngCnt": 10
},
{
"no": 8,
"fabNm": "D01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ014",
"eqpmNm": "DEP D78",
"gdIdxId": "GD023",
"gdIdxNm": "Deposition Rate Guide",
"careStndVal": 22,
"warnStndVal": 49,
"totVal": 43,
"okFg": "주의",
"gdMeth": "Change exposure time",
"ngCnt": 6
},
{
"no": 9,
"fabNm": "C01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ001",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD022",
"gdIdxNm": "Polish Rate Guide",
"careStndVal": 20,
"warnStndVal": 24,
"totVal": 51,
"okFg": "경고",
"gdMeth": "Modify gas flow",
"ngCnt": 9
},
{
"no": 10,
"fabNm": "D01",
"eqpmGrpNm": "CMP Group",
"eqpmId": "EQ027",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD002",
"gdIdxNm": "Deposition Rate Guide",
"careStndVal": 27,
"warnStndVal": 46,
"totVal": 60,
"okFg": "양호",
"gdMeth": "Modify gas flow",
"ngCnt": 4
},
{
"no": 11,
"fabNm": "C01",
"eqpmGrpNm": "PHOTO Group",
"eqpmId": "EQ004",
"eqpmNm": "CMP C56",
"gdIdxId": "GD025",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 30,
"warnStndVal": 58,
"totVal": 28,
"okFg": "경고",
"gdMeth": "Modify gas flow",
"ngCnt": 3
},
{
"no": 12,
"fabNm": "D01",
"eqpmGrpNm": "ETCH Group",
"eqpmId": "EQ022",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD024",
"gdIdxNm": "Polish Rate Guide",
"careStndVal": 27,
"warnStndVal": 42,
"totVal": 62,
"okFg": "양호",
"gdMeth": "Adjust pad pressure",
"ngCnt": 0
},
{
"no": 13,
"fabNm": "C01",
"eqpmGrpNm": "ETCH Group",
"eqpmId": "EQ018",
"eqpmNm": "PHOTO P34",
"gdIdxId": "GD013",
"gdIdxNm": "Exposure Time Guide",
"careStndVal": 32,
"warnStndVal": 35,
"totVal": 62,
"okFg": "양호",
"gdMeth": "Change exposure time",
"ngCnt": 5
},
{
"no": 14,
"fabNm": "D01",
"eqpmGrpNm": "CMP Group",
"eqpmId": "EQ017",
"eqpmNm": "DEP D78",
"gdIdxId": "GD005",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 36,
"warnStndVal": 47,
"totVal": 39,
"okFg": "경고",
"gdMeth": "Tune RF power",
"ngCnt": 10
},
{
"no": 15,
"fabNm": "D01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ025",
"eqpmNm": "DEP D78",
"gdIdxId": "GD028",
"gdIdxNm": "Deposition Rate Guide",
"careStndVal": 36,
"warnStndVal": 59,
"totVal": 63,
"okFg": "양호",
"gdMeth": "Adjust pad pressure",
"ngCnt": 1
},
{
"no": 16,
"fabNm": "B02",
"eqpmGrpNm": "PHOTO Group",
"eqpmId": "EQ026",
"eqpmNm": "PHOTO P34",
"gdIdxId": "GD008",
"gdIdxNm": "Exposure Time Guide",
"careStndVal": 24,
"warnStndVal": 59,
"totVal": 20,
"okFg": "양호",
"gdMeth": "Change exposure time",
"ngCnt": 1
},
{
"no": 17,
"fabNm": "B01",
"eqpmGrpNm": "DEP Group",
"eqpmId": "EQ023",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD021",
"gdIdxNm": "Polish Rate Guide",
"careStndVal": 26,
"warnStndVal": 51,
"totVal": 31,
"okFg": "주의",
"gdMeth": "Modify gas flow",
"ngCnt": 2
},
{
"no": 18,
"fabNm": "B02",
"eqpmGrpNm": "PHOTO Group",
"eqpmId": "EQ012",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD023",
"gdIdxNm": "Polish Rate Guide",
"careStndVal": 34,
"warnStndVal": 45,
"totVal": 64,
"okFg": "경고",
"gdMeth": "Change exposure time",
"ngCnt": 1
},
{
"no": 19,
"fabNm": "B01",
"eqpmGrpNm": "PHOTO Group",
"eqpmId": "EQ018",
"eqpmNm": "ETCH E12",
"gdIdxId": "GD002",
"gdIdxNm": "Etch Depth Guide",
"careStndVal": 30,
"warnStndVal": 31,
"totVal": 51,
"okFg": "주의",
"gdMeth": "Tune RF power",
"ngCnt": 2
},
{
"no": 20,
"fabNm": "C01",
"eqpmGrpNm": "CMP Group",
"eqpmId": "EQ018",
"eqpmNm": "CMP C56",
"gdIdxId": "GD021",
"gdIdxNm": "Exposure Time Guide",
"careStndVal": 30,
"warnStndVal": 51,
"totVal": 45,
"okFg": "양호",
"gdMeth": "Change exposure time",
"ngCnt": 7
},
{
"no": 21,
"fabNm": "B01",
"eqpmGrpNm": "CMP Group",
"eqpmId": "EQ021",
"eqpmNm": "CMP C56",
"gdIdxId": "GD001",
"gdIdxNm": "Deposition Rate Guide",
"careStndVal": 23,
"warnStndVal": 42,
"totVal": 40,
"okFg": "주의",
"gdMeth": "Tune RF power",
"ngCnt": 5
}
]
,
column: [
{
header: 'No.',
name: 'no',
align: 'right',
width: 30,
},
{
header: 'FAB',
name: 'fabNm',
align: 'left',
width: 80,
},
{
header: '설비그룹',
name: 'eqpmGrpNm',
width: 130,
},
{
header: '설비id',
name: 'eqpmId',
hidden: true,
},
{
header: '설비명',
name: 'eqpmNm',
width: 130,
},
{
header: '가이드명',
name: 'gdIdxId',
hidden: true,
// formatter({ value }) {
// let retVal = '';
// const newValue = _this.pageData.gdIdxIdList.filter(
// item => item.value == value,
// );
// if (newValue.length > 0) {
// retVal = newValue[0].text;
// }
// //빈값일때 전체방지
// if (value == '' || value == null) {
// retVal = '';
// }
// return retVal;
// },
},
{
header: '가이드명',
name: 'gdIdxNm',
width: 200,
},
{
header: '주의',
name: 'careStndVal',
align: 'right',
width: 80,
},
{
header: '경고',
name: 'warnStndVal',
align: 'right',
width: 80,
},
{
header: '가이드값',
name: 'totVal',
align: 'right',
width: 120,
},
{
header: '평가',
name: 'okFg',
align: 'center',
width: 80,
},
{
header: '절감가이드 방법',
name: 'gdMeth',
},
{
header: 'NG발생건수',
name: 'ngCnt',
align: 'right',
width: 100,
},
],
option: {
// pageOptions: {
// useClient: true,
// perPage: 10,
// },
// scrollX: false,
scrollY: true
}
// pageOptions: {
// useClient: true,
// perPage: 10,
// },
// scrollX: false,
// scrollY: false
},
// pageOptions: {
// useClient: true,
// perPage: 10,
// },
// scrollX: true,
// scrollY: false
},
popDialog: false,
eqpmFlag: false,
eqpmKindFlag: false,
@ -667,7 +238,7 @@ export default {
});
this.selectValue04 = { eqpmId: [] };
await this.getEqpmGrp();
// await this.getEqpm(this.selectValueList03);
await this.getEqpm(this.selectValueList03);
}
},
async selectValue03(val) {
@ -789,7 +360,7 @@ export default {
} else {
this.setFromDt();
}
// await this.gridInit();
await this.gridInit();
},
async search() {
await this.getRowGridData();
@ -806,75 +377,69 @@ export default {
// this.pageData.toDt = Utility.setAftertDate(this.pageData, this.pageData.fromDt, "YYYYMMDD");
},
async getEqpmKind() {
// let res = await this.postApiReturn({
// apiKey: 'selectEqpmKindCodeList',
// resKey: 'eqpmKindCodeLists',
// sendParam: {},
// });
// if (res.length > 0) {
// this.selectValueList01 = await res.map(item => {
// return {
// text: item.eqpmKindNm,
// value: item.eqpmKindId,
// };
// });
// this.selectValueList01.unshift({
// text: '전체',
// value: null,
// });
// if (
// this.routeData.eqpmKindId == null ||
// this.routeData.eqpmKindId == ''
// ) {
// this.selectValue01 = this.selectValueList01[0].value;
// } else if (
// this.routeData.eqpmKindId != null ||
// this.routeData.eqpmKindId != ''
// ) {
// this.selectValue01 = this.routeData.eqpmKindId;
// }
// } else {
// this.selectValueList01 = [];
// this.selectValue01 = null;
// }
let res = await this.postApiReturn({
apiKey: 'selectEqpmKindCodeList',
resKey: 'eqpmKindCodeLists',
sendParam: {},
});
if (res.length > 0) {
this.selectValueList01 = await res.map(item => {
return {
text: item.eqpmKindNm,
value: item.eqpmKindId,
};
});
this.selectValueList01.unshift({
text: '전체',
value: null,
});
if (
this.routeData.eqpmKindId == null ||
this.routeData.eqpmKindId == ''
) {
this.selectValue01 = this.selectValueList01[0].value;
} else if (
this.routeData.eqpmKindId != null ||
this.routeData.eqpmKindId != ''
) {
this.selectValue01 = this.routeData.eqpmKindId;
}
} else {
this.selectValueList01 = [];
this.selectValue01 = null;
}
this.setPageData({
eqpmKindList: this.selectValueList01,
eqpmKindId: this.selectValue01,
});
},
async getFab() {
// let res = await this.postApiReturn({
// apiKey: 'selectFabCodeList',
// resKey: 'fabCodeLists',
// sendParam: {},
// });
this.selectValueList02 = [
{ text: '온도 센서', value: 'ECC001' },
{ text: '압력 센서', value: 'ECC002' },
{ text: '유량 센서', value: 'ECC003' },
{ text: '습도 센서', value: 'ECC004' },
{ text: '전압 센서', value: 'ECC005' }
];
// if (res.length > 0) {
// // this.selectValueList02 = await res.map(item => {
// // return {
// // text: item.eccNm,
// // value: item.eccId,
// // };
// // });
// this.selectValueList02.unshift({
// text: '전체',
// value: null,
// });
// if (this.routeData.fabId != null && this.routeData.fabId != '') {
// this.selectValue02 = this.routeData.fabId;
// } else if (this.routeData.fabId == null || this.routeData.fabId == '') {
// this.selectValue02 = this.selectValueList02[0].value;
// }
// } else {
// this.selectValueList02 = [];
// this.selectValue02 = null;
// }
let res = await this.postApiReturn({
apiKey: 'selectFabCodeList',
resKey: 'fabCodeLists',
sendParam: {},
});
if (res.length > 0) {
this.selectValueList02 = await res.map(item => {
return {
text: item.eccNm,
value: item.eccId,
};
});
this.selectValueList02.unshift({
text: '전체',
value: null,
});
if (this.routeData.fabId != null && this.routeData.fabId != '') {
this.selectValue02 = this.routeData.fabId;
} else if (this.routeData.fabId == null || this.routeData.fabId == '') {
this.selectValue02 = this.selectValueList02[0].value;
}
} else {
this.selectValueList02 = [];
this.selectValue02 = null;
}
this.setPageData({
fabIdList: this.selectValueList02,
fabId: this.selectValue02,
@ -923,30 +488,30 @@ export default {
},
async getEqpm(data) { },
async getGdIdx() {
// let res = await this.postApiReturn({
// apiKey: 'selectEqpmGdIdxCodeList',
// resKey: 'eqpmGdIdxCodeLists',
// sendParam: {
// eqpmGrpId: this.selectValue03,
// },
// });
let res = await this.postApiReturn({
apiKey: 'selectEqpmGdIdxCodeList',
resKey: 'eqpmGdIdxCodeLists',
sendParam: {
eqpmGrpId: this.selectValue03,
},
});
// if (res.length > 0) {
// this.selectValueList05 = await res.map(item => {
// return {
// text: item.gdIdxNm,
// value: item.gdIdxId,
// };
// });
// this.selectValueList05.unshift({
// text: '전체',
// value: null,
// });
// this.selectValue05 = this.selectValueList05[0].value;
// } else {
// this.selectValueList05 = [];
// this.selectValue05 = null;
// }
if (res.length > 0) {
this.selectValueList05 = await res.map(item => {
return {
text: item.gdIdxNm,
value: item.gdIdxId,
};
});
this.selectValueList05.unshift({
text: '전체',
value: null,
});
this.selectValue05 = this.selectValueList05[0].value;
} else {
this.selectValueList05 = [];
this.selectValue05 = null;
}
this.setPageData({
gdIdxIdList: this.selectValueList05,
@ -987,6 +552,10 @@ export default {
resizable: true,
},
rowHeaders: ['rowNum'],
header: {
height: 37,
},
rowHeight: 'auto',
// pageOptions: {
@ -1130,27 +699,27 @@ export default {
if (e.columnName == 'ngCnt' && e.targetType == 'cell') {
// if(e.columnName == 'ngCnt' && data.ngCnt > 0){
this.$refs['EnrgEffcEqpmDetailPop'].popCheck = true;
// this.setPageData({
// rowGridSelectKey: e.rowKey,
// rowGridSelectData: {
// ...data,
// fromDt: this.pageData.fromDt,
// toDt: this.pageData.toDt,
// },
// });
this.setPageData({
rowGridSelectKey: e.rowKey,
rowGridSelectData: {
...data,
fromDt: this.pageData.fromDt,
toDt: this.pageData.toDt,
},
});
}
if (e.columnName == 'gdIdxNm' && e.targetType == 'cell') {
// if(e.columnName == 'ngCnt' && data.ngCnt > 0){
this.$refs['EnrgEffcGdIdxDetPop'].popCheck = true;
// this.setPageData({
// rowGridSelectKey: e.rowKey,
// rowGridSelectData: {
// ...data,
// fromDt: this.pageData.fromDt,
// toDt: this.pageData.toDt,
// },
// });
this.setPageData({
rowGridSelectKey: e.rowKey,
rowGridSelectData: {
...data,
fromDt: this.pageData.fromDt,
toDt: this.pageData.toDt,
},
});
}
},
},

View File

@ -147,6 +147,26 @@ export default {
// }
await this.loginChk();
},
// async loginChk() {
// const DOMAIN = '';
// const apiUrl = 'loginChk';
// const params = {
// local: 'ko',
// comId: this.userComId, // 요청 comId는 클라우드 서비스시는 입력 값으로 처리 되어야 할수 있음.
// userId: this.userId,
// userPswd: this.userPw,
// };
// const res = await this.$axios.post(DOMAIN + apiUrl, { params: params });
// const femsSessionCookie = 3434;
// const FEMS_SESSION = femsSessionCookie;
// $cookie.set('FEMS_SESSION', FEMS_SESSION);
// this.setUserInfo(res.data.dataset.userInfo);
// // alert("임시로 로그인 처리 되었습니다. dashboard 페이지로 이동합니다.");
// // console.log('res.data.dataset.userInfo: ', res.data.dataset.userInfo);
// // return;
// this.$router.push({ path: this.myHome.root });
// },
async loginChk() {
const DOMAIN = '';
const apiUrl = 'loginChk';
@ -156,15 +176,25 @@ export default {
userId: this.userId,
userPswd: this.userPw,
};
console.log('asdasd' + JSON.stringify( DOMAIN) + params)
const res = await this.$axios.post(DOMAIN + apiUrl, { params: params });
const femsSessionCookie = 3434;
if (res.data.retnCd === -9001) {
alert(res.data.retnMsg);
return {};
} else {
const femsSessionCookie = res.data.dataset.FEMS_SESSION;
const FEMS_SESSION = femsSessionCookie;
$cookie.set('FEMS_SESSION', FEMS_SESSION);
this.setUserInfo(res.data.dataset.userInfo);
console.log('FEMS_SESSION', FEMS_SESSION);
console.log('$cookie.get', $cookie.get('FEMS_SESSION'));
console.log('userInfo', JSON.stringify(res.data.dataset.userInfo));
// alert("임시로 로그인 처리 되었습니다. dashboard 페이지로 이동합니다.");
this.$router.push({ path: this.myHome.root });
}
},
},
};

View File

@ -1,5 +1,6 @@
import $cookie from 'vue-cookie';
export default ({ $axios, res }) => {
$axios.defaults.baseURL = '/api/';
$axios.onRequest(config => {
config.headers.common['AUTHENTICATION_FEMS_SESSION'] = `${$cookie.get(
'FEMS_SESSION',

View File

@ -36,7 +36,6 @@ export const actions = {
'X-Fems-MenuId': 'MNU0001',
},
};
console.log(params)
const params = { params: payload || {} };
const res = await this.$axios.post(
DOMAIN + 'comm/base/MenuMngCtr/selectAuthMenu',
@ -49,569 +48,10 @@ export const actions = {
// params
// );
// console.log(res);
// const list = res.data.dataset.menuList;
const list = [
{
comId: 'd12',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'dashboardfirst', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'menu', // UP_MENU_ID (상위메뉴ID)
menuNm: '모니터링',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
},
{
comId: 'd34',
sysDivCd: 'abc', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0001', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '1. Dashboard',// MENU_NM (메뉴명)
sortSeq: 888, // SORT_SEQ (정렬순서)
useFg: 'abc',// USE_FG (사용여부)
rmrk: 'abc',
url: 'ems/base/DashboardPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu2', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '에너지 사용량',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd44',
sysDivCd: 'enrguplan', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0002', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '2. Establish energy consumption plans',// MENU_NM (메뉴명)
sortSeq: 888, // SORT_SEQ (정렬순서)
useFg: 'enrguplan',// USE_FG (사용여부)
rmrk: 'enrguplan',
url: 'ems/effc/EnrgUsePlanPage',
lvl: 1
},
{
comId: 'd35',
sysDivCd: 'energyusage', //시스템구분
menuId: 'children2', // MENU_ID (메뉴ID)
prgmId: 'PRG0080', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '3. Energy usage',// MENU_NM (메뉴명)
sortSeq: 5555, // SORT_SEQ (정렬순서)
useFg: 'energyusage',// USE_FG (사용여부)
rmrk: 'energyusage',
url: 'ems/effc/EnrgUseTotSummPage',
lvl: 1
},
{
comId: 'd60',
sysDivCd: 'energyperformance', //시스템구분
menuId: 'children2', // MENU_ID (메뉴ID)
prgmId: 'PRG0081', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '4. 에너지 사용량 실적',// MENU_NM (메뉴명)
sortSeq: 5555, // SORT_SEQ (정렬순서)
useFg: 'energyperformance',// USE_FG (사용여부)
rmrk: 'energyperformance',
url: 'ems/effc/EqpmIndMntrPage',
lvl: 1
},
{
comId: 'd69',
sysDivCd: 'MNU0104', //시스템구분
menuId: 'MNU0091', // MENU_ID (메뉴ID)
prgmId: 'PRG0082', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '5. Energy Use Equipment',// MENU_NM (메뉴명)
sortSeq: 5562, // SORT_SEQ (정렬순서)
useFg: 'enrgUseEqpm',// USE_FG (사용여부)
rmrk: 'enrgUseEqpm',
url: 'ems/effc/EnrgUseEqpmDetlMntrPage',
lvl: 1
},
{
comId: 'd351',
sysDivCd: 'energy effc', //시스템구분
menuId: 'MNU0116', // MENU_ID (메뉴ID)
prgmId: 'PRG0083', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '6. Today efficiency status',// MENU_NM (메뉴명)
sortSeq: 5554, // SORT_SEQ (정렬순서)
useFg: 'energy effc',// USE_FG (사용여부)
rmrk: 'energy effc',
url: 'ems/effc/EnrgEffcTotSummPage',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'energyeffc', //시스템구분
menuId: 'MNU0106', // MENU_ID (메뉴ID)
prgmId: 'PRG0084', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '7. Energy Efficiency Equipment',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'energyeffc',// USE_FG (사용여부)
rmrk: 'energyeffc',
url: 'ems/effc/EnrgEffcEqpmDetlMntrPage',
lvl: 1
},
{
comId: 'd336',
sysDivCd: 'engrepmng', //시스템구분
menuId: 'MNU0106', // MENU_ID (메뉴ID)
prgmId: 'PRG0908', // PRGM_ID (프로그램ID)
upMenuId: 'menu2', // UP_MENU_ID (상위메뉴ID)
menuNm: '8. 효율성 지표 보고서',// MENU_NM (메뉴명)
sortSeq: 5558, // SORT_SEQ (정렬순서)
useFg: 'engrepmng',// USE_FG (사용여부)
rmrk: 'engrepmng',
url: 'ems/effc/EnrgReptMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu3', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '에너지 효율운전',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd337',
sysDivCd: 'datasetmng', //시스템구분
menuId: 'MNU0104', // MENU_ID (메뉴ID)
prgmId: 'PRG0909', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '9. 전기에너지 MAP',// MENU_NM (메뉴명)
sortSeq: 5556, // SORT_SEQ (정렬순서)
useFg: 'datasetmng',// USE_FG (사용여부)
rmrk: 'datasetmng',
url: 'ems/effc/EnrgMapPage',
lvl: 1
},
{
comId: 'd36',
sysDivCd: 'datasetmng', //시스템구분
menuId: 'MNU0104', // MENU_ID (메뉴ID)
prgmId: 'PRG0910', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '10. Dataset management',// MENU_NM (메뉴명)
sortSeq: 5557, // SORT_SEQ (정렬순서)
useFg: 'datasetmng',// USE_FG (사용여부)
rmrk: 'datasetmng',
url: 'ems/effc/DataSetMngPage',
lvl: 1
},
{
comId: 'd49',
sysDivCd: 'tagTrend', //시스템구분
menuId: 'MNU0104', // MENU_ID (메뉴ID)
prgmId: 'PRG0036', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '11. Tag Trend',// MENU_NM (메뉴명)
sortSeq: 5562, // SORT_SEQ (정렬순서)
useFg: 'tagTrend',// USE_FG (사용여부)
rmrk: 'tagTrend',
url: 'ems/effc/TagTrndPage',
lvl: 1
},
{
comId: 'd49',
sysDivCd: 'noticemng', //시스템구분
menuId: 'MNU0105', // MENU_ID (메뉴ID)
prgmId: 'PRG0037', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '12. Notices Management',// MENU_NM (메뉴명)
sortSeq: 5562, // SORT_SEQ (정렬순서)
useFg: 'noticemng',// USE_FG (사용여부)
rmrk: 'noticemng',
url: 'comm/base/NoticeMngPage',
lvl: 1
},
{
comId: 'd49',
sysDivCd: 'caalendarmng', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0033', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '13. Calendar Manager',// MENU_NM (메뉴명)
sortSeq: 5562, // SORT_SEQ (정렬순서)
useFg: 'caalendarmng',// USE_FG (사용여부)
rmrk: 'caalendarmng',
url: 'comm/base/CalendarMngPage',
lvl: 1
},
{
comId: 'd57',
sysDivCd: 'energyResource', //시스템구분
menuId: 'MNU0104', // MENU_ID (메뉴ID)
prgmId: 'PRG0039', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '14. Energy Resource',// MENU_NM (메뉴명)
sortSeq: 5567, // SORT_SEQ (정렬순서)
useFg: 'energyResource',// USE_FG (사용여부)
rmrk: 'energyResource',
url: 'ems/base/EnrgResourceCenterMngPage',
lvl: 1
},
{
comId: 'd38',
sysDivCd: 'readobj', //시스템구분
menuId: 'readobj', // MENU_ID (메뉴ID)
prgmId: 'PRG0007', // PRGM_ID (프로그램ID)
upMenuId: 'menu3', // UP_MENU_ID (상위메뉴ID)
menuNm: '15. Read Object Management',// MENU_NM (메뉴명)
sortSeq: 5558, // SORT_SEQ (정렬순서)
useFg: 'readobj',// USE_FG (사용여부)
rmrk: 'readobj',
url: 'ems/base/ReadObjectMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu4', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '에너지 보고서',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'energyread', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0011', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '16. Meter Reading',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'energyread',// USE_FG (사용여부)
rmrk: 'energyread',
url: 'ems/base/EnrgReadPlaceMngPage',
lvl: 1
},
{
comId: 'd39',
sysDivCd: 'energycost', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0008', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '17. Process',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'energycost',// USE_FG (사용여부)
rmrk: 'energycost',
url: 'ems/base/EnrgCostCenterMngPage',
lvl: 1
},
{
comId: 'd39',
sysDivCd: 'equipmenttype', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0013', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '18. Type of Equipment',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'equipmenttype',// USE_FG (사용여부)
rmrk: 'equipmenttype',
url: 'ems/base/EqpmKindPage',
lvl: 1
},
{
comId: 'd39',
sysDivCd: 'equipmentgroup', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0014', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '19. Facility Group',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'equipmentgroup',// USE_FG (사용여부)
rmrk: 'equipmentgroup',
url: 'ems/base/EquipmentGroupMngPage',
lvl: 1
},
{
comId: 'd46',
sysDivCd: 'equipmentmaster', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0920', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '20. Equipment Master Management',// MENU_NM (메뉴명)
sortSeq: 5557, // SORT_SEQ (정렬순서)
useFg: 'equipmentmaster',// USE_FG (사용여부)
rmrk: 'equipmentmaster',
url: 'ems/base/EquipmentMasterMngPage',
lvl: 1
},
{
comId: 'd46',
sysDivCd: 'tags', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0921', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '21. Tags',// MENU_NM (메뉴명)
sortSeq: 5557, // SORT_SEQ (정렬순서)
useFg: 'tags',// USE_FG (사용여부)
rmrk: 'tags',
url: 'ems/base/TagMngPage_Pagination',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'pysclqty', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0075', // PRGM_ID (프로그램ID)
upMenuId: 'menu4', // UP_MENU_ID (상위메뉴ID)
menuNm: '22. Physical quantity information',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'pysclqty',// USE_FG (사용여부)
rmrk: 'pysclqty',
url: 'ems/base/EqpmGrpPysclQtyMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu5', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '에너지 FLOW',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'gdidxmng', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0076', // PRGM_ID (프로그램ID)
upMenuId: 'menu5', // UP_MENU_ID (상위메뉴ID)
menuNm: '23. Guided Indicators',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'gdidxmng',// USE_FG (사용여부)
rmrk: 'gdidxmng',
url: 'ems/base/GdIdxMngPage',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'gdstndmng', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0077', // PRGM_ID (프로그램ID)
upMenuId: 'menu5', // UP_MENU_ID (상위메뉴ID)
menuNm: '24. Guidelines',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'gdigdstndmngdxmng',// USE_FG (사용여부)
rmrk: 'gdstndmng',
url: 'ems/base/GdStndMngPage',
lvl: 1
},
{
comId: 'd48',
sysDivCd: 'effcidxmng', //시스템구분
menuId: 'MNU0007', // MENU_ID (메뉴ID)
prgmId: 'PRG0012', // PRGM_ID (프로그램ID)
upMenuId: 'menu5', // UP_MENU_ID (상위메뉴ID)
menuNm: '25. Efficiency Indicators',// MENU_NM (메뉴명)
sortSeq: 5559, // SORT_SEQ (정렬순서)
useFg: 'effcidxmng',// USE_FG (사용여부)
rmrk: 'effcidxmng',
url: 'ems/base/EffcIdxMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu6', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '데이터 분석',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd40',
sysDivCd: 'MNU0006', //시스템구분
menuId: 'addInfoMg', // MENU_ID (메뉴ID)
prgmId: 'PRG0009', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '26. Management of Additional Information',// MENU_NM (메뉴명)
sortSeq: 5560, // SORT_SEQ (정렬순서)
useFg: 'addInfoMg',// USE_FG (사용여부)
rmrk: 'addInfoMg',
url: 'ems/base/AddInfoMngPage',
lvl: 1
},
{
comId: 'd47',
sysDivCd: 'readresultclosemng', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0927', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '27. 계량 데이터 마감 관리',// MENU_NM (메뉴명)
sortSeq: 5657, // SORT_SEQ (정렬순서)
useFg: 'readresultclosemng',// USE_FG (사용여부)
rmrk: 'readresultclosemng',
url: 'ems/base/ReadResultCloseMngPage',
lvl: 1
},
{
comId: 'd47',
sysDivCd: 'pastrsltdataread', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0928', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '28. Metering location Data Inquiry',// MENU_NM (메뉴명)
sortSeq: 5657, // SORT_SEQ (정렬순서)
useFg: 'pastrsltdataread',// USE_FG (사용여부)
rmrk: 'pastrsltdataread',
url: 'ems/base/PastRsltDataReadPage',
lvl: 1
},
{
comId: 'd47',
sysDivCd: 'menumng', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0064', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '30. Menu Management',// MENU_NM (메뉴명)
sortSeq: 5657, // SORT_SEQ (정렬순서)
useFg: 'menumng',// USE_FG (사용여부)
rmrk: 'menumng',
url: 'comm/auth/MenuMngPage',
lvl: 1
},
{
comId: 'd41',
sysDivCd: 'roleMg', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG00030', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '31. Role',// MENU_NM (메뉴명)
sortSeq: 5560, // SORT_SEQ (정렬순서)
useFg: 'roleMg',// USE_FG (사용여부)
rmrk: 'roleMg',
url: 'comm/auth/RoleMngPage',
lvl: 1
},
{
comId: 'd47',
sysDivCd: 'prgmmng', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0119', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '34. 프로그램',// MENU_NM (메뉴명)
sortSeq: 5657, // SORT_SEQ (정렬순서)
useFg: 'prgmmng',// USE_FG (사용여부)
rmrk: 'prgmmng',
url: 'comm/base/PrgmMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu7', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '데이터 조회',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1
},
{
comId: 'd47',
sysDivCd: 'batchmng', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG0019', // PRGM_ID (프로그램ID)
upMenuId: 'menu7', // UP_MENU_ID (상위메뉴ID)
menuNm: '35. Batch Management',// MENU_NM (메뉴명)
sortSeq: 5657, // SORT_SEQ (정렬순서)
useFg: 'batchmng',// USE_FG (사용여부)
rmrk: 'batchmng',
url: 'comm/base/BatchMngPage',
lvl: 1
},
{
comId: 'd100',
sysDivCd: 'sysDivCd', //시스템구분
menuId: 'menu8', // MENU_ID (메뉴ID)
prgmId: 'PRG0000', // PRGM_ID (프로그램ID)
upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
menuNm: '데이터 조회',// MENU_NM (메뉴명)
sortSeq: 9999, // SORT_SEQ (정렬순서)
useFg: 'useFg',// USE_FG (사용여부)
rmrk: 'rmrk',
lvl: 1,
icon: "mdi-chevron-down",
},
{
comId: 'd41',
sysDivCd: 'userRoleMg', //시스템구분
menuId: 'MNU0006', // MENU_ID (메뉴ID)
prgmId: 'PRG00030', // PRGM_ID (프로그램ID)
upMenuId: 'menu6', // UP_MENU_ID (상위메뉴ID)
menuNm: '32. User Role',// MENU_NM (메뉴명)
sortSeq: 5560, // SORT_SEQ (정렬순서)
useFg: 'userRoleMg',// USE_FG (사용여부)
rmrk: 'userRoleMg',
url: 'comm/auth/UserRoleMngPage',
lvl: 1
},
{
comId: 'd42',
sysDivCd: 'MNU0006', //시스템구분
menuId: 'batchLg', // MENU_ID (메뉴ID)
prgmId: 'PRG00010', // PRGM_ID (프로그램ID)
upMenuId: 'menu8', // UP_MENU_ID (상위메뉴ID)
menuNm: '36. Batch log',// MENU_NM (메뉴명)
sortSeq: 5561, // SORT_SEQ (정렬순서)
useFg: 'batchLg',// USE_FG (사용여부)
rmrk: 'batchLg',
url: 'comm/base/BatchLogMngPage',
lvl: 1,
},
{}
// {
// comId: 'd37',
// sysDivCd: 'energyeffc', //시스템구분
// menuId: 'energyeffc', // MENU_ID (메뉴ID)
// prgmId: 'PRG0006', // PRGM_ID (프로그램ID)
// upMenuId: 'dashboardfirst', // UP_MENU_ID (상위메뉴ID)
// menuNm: 'Energy Efficiency Equipment',// MENU_NM (메뉴명)
// sortSeq: 5557, // SORT_SEQ (정렬순서)
// useFg: 'energyeffc',// USE_FG (사용여부)
// rmrk: 'energyeffc',
// url: 'ems/effc/EnrgEffcEqpmDetlMntrPage'
// },
]
const list = res.data.dataset.menuList;
let myMenu = [];
if (list.length > 0) {
myMenu = list
// .filter(ele => {
// return ele.useFg === "1";
@ -621,13 +61,14 @@ export const actions = {
id: item.prgmId || i,
upMenuId: item.upMenuId || item.menuNm,
// title: item.menuNm
icon: 'mdi-chevron-down', // 아이콘은,. 값을 받아오지 않는 이상 별도로 상수화해서 prgmId 값을 키로 꺼내써야 할듯,
// icon: '', // 아이콘은,. 값을 받아오지 않는 이상 별도로 상수화해서 prgmId 값을 키로 꺼내써야 할듯,
to: state[item.prgmId],
// to: '' // 경로는,. 값을 받아오지 않는 이상 아이콘과 마찬가지로 짝지어 상수화 하거나 sysDivCd, prgmId 값 등을 이용해 조합해서 route를 구성해야 할듯,
}));
console.log("myMenu::", myMenu);
// console.log("myMenu::", myMenu);
}
dispatch('setMenuTree', myMenu);
commit(
'setMenuItems',
@ -662,7 +103,7 @@ export const actions = {
);
Object.getOwnPropertyNames(tmpLsit)
.reverse()
.forEach(function (val, idx, array) {
.forEach(function(val, idx, array) {
array.map(obj => {
tmpLsit[obj].filter(v => {
if (val === v.menuId) {
@ -677,6 +118,7 @@ export const actions = {
});
});
}
commit('setTreevieItems', tmpLsit.menu['0'], { root: true });
// console.log(tmpLsit["0"]);
commit('setTreevieItems', tmpLsit['0'], { root: true });
},
};