Compare commits
5 Commits
dev-dungtv
...
8cadade514
| Author | SHA1 | Date | |
|---|---|---|---|
| 8cadade514 | |||
| 2253ddef0a | |||
| 41095098e2 | |||
| 28fe49d39f | |||
| f180f22324 |
@ -1,9 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="d-flex flex-row justify-center align-center" style="gap: 12px">
|
<div class="d-flex flex-column justify-center align-center" style="gap: 12px">
|
||||||
<!--<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
|
<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" >
|
||||||
<v-icon>mdi-chevron-right</v-icon>
|
|
||||||
</v-btn> -->
|
|
||||||
<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost icon="up" >
|
|
||||||
</a-button>
|
</a-button>
|
||||||
|
|
||||||
<!--<v-btn
|
<!--<v-btn
|
||||||
|
|||||||
@ -5,22 +5,12 @@
|
|||||||
<v-card class="searchFilter">
|
<v-card class="searchFilter">
|
||||||
<v-row algin="end" no-gutters>
|
<v-row algin="end" no-gutters>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<InputText
|
<InputText :parentPrgmId="myPrgmId" label="역할ID" valueNm="roleId" :searchOption="true"
|
||||||
:parentPrgmId="myPrgmId"
|
customClass="input-large" />
|
||||||
label="역할ID"
|
|
||||||
valueNm="roleId"
|
|
||||||
:searchOption="true"
|
|
||||||
customClass="input-large"
|
|
||||||
/>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<InputText
|
<InputText :parentPrgmId="myPrgmId" label="역할명" valueNm="roleNm" :searchOption="true"
|
||||||
:parentPrgmId="myPrgmId"
|
customClass="input-large" />
|
||||||
label="역할명"
|
|
||||||
valueNm="roleNm"
|
|
||||||
:searchOption="true"
|
|
||||||
customClass="input-large"
|
|
||||||
/>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col class="text-right d-flex justify-end align-end mr-3">
|
<v-col class="text-right d-flex justify-end align-end mr-3">
|
||||||
<BtnSearch size="large" />
|
<BtnSearch size="large" />
|
||||||
@ -30,81 +20,55 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<v-row ref="contents" >
|
<v-row ref="contents">
|
||||||
<v-col cols="12" lg="2" >
|
<v-col cols="12" lg="3">
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title>
|
<v-card-title>
|
||||||
<span class="custom-title-4">역할 리스트</span>
|
<span class="custom-title-4">역할 리스트</span>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<div ref="gridParent" class="px-5" style="height: 60vh;">
|
<div ref="gridParent" class="px-5" style="height: 60vh;">
|
||||||
<component
|
<component :is="loadGrid ? 'Grid' : null" :ref="gridName + myPrgmId" :gridName="gridName"
|
||||||
:is="loadGrid ? 'Grid' : null"
|
:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
|
||||||
:ref="gridName + myPrgmId"
|
|
||||||
:gridName="gridName"
|
|
||||||
:parentPrgmId="myPrgmId"
|
|
||||||
@getRowsData="getRowData"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="12" lg="10" >
|
<v-col cols="12" lg="9">
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title>
|
<v-card-title>
|
||||||
<span class="custom-title-4">역할 메뉴별 권한</span>
|
<span class="custom-title-4">역할 메뉴별 권한</span>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-row
|
<v-row align="center" no-gutters :style="{ height: 'calc(100% - 62px)' }" class="px-5">
|
||||||
align="center"
|
<v-col class="h100" style="max-width: 400px;">
|
||||||
no-gutters
|
<span class="body-1 font-weight-bold d-flex align-center"
|
||||||
:style="{ height: 'calc(100% - 62px)' }"
|
:style="{ minHeight: '36px' }">[미배정]메뉴리스트</span>
|
||||||
class="px-5"
|
|
||||||
>
|
|
||||||
<v-col :cols="4" class="h100">
|
|
||||||
<span
|
|
||||||
class="body-1 font-weight-bold d-flex align-center"
|
|
||||||
:style="{ minHeight: '36px' }"
|
|
||||||
>[미배정]메뉴리스트</span
|
|
||||||
>
|
|
||||||
<div ref="treeGridParent" class="px-0 mt-2" style="height: 60vh;">
|
<div ref="treeGridParent" class="px-0 mt-2" style="height: 60vh;">
|
||||||
<!-- <div
|
<!-- <div
|
||||||
ref="treeGridParent"
|
ref="treeGridParent"
|
||||||
class="w100 h100"
|
class="w100 h100"
|
||||||
>
|
>
|
||||||
</div> -->
|
</div> -->
|
||||||
<component
|
<component :is="loadTreeGrid ? 'Grid' : null" :ref="gridName2 + myPrgmId"
|
||||||
:is="loadTreeGrid ? 'Grid' : null"
|
:gridName="gridName2" :parentPrgmId="myPrgmId" @getRowsData="getUnAsgnRowData" />
|
||||||
:ref="gridName2 + myPrgmId"
|
|
||||||
:gridName="gridName2"
|
|
||||||
:parentPrgmId="myPrgmId"
|
|
||||||
@getRowsData="getUnAsgnRowData"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="1">
|
<!-- <v-col :cols="1.5">
|
||||||
<ActionButtons
|
<ActionButtons :parentPrgmId="myPrgmId" :leftGridName="gridName2" :rightGridName="gridName3"
|
||||||
:parentPrgmId="myPrgmId"
|
:btnActionsFnc="dualGridBtnActions" />
|
||||||
:leftGridName="gridName2"
|
</v-col> -->
|
||||||
:rightGridName="gridName3"
|
<div class="px-2">
|
||||||
:btnActionsFnc="dualGridBtnActions"
|
<ActionButtons :parentPrgmId="myPrgmId" :leftGridName="gridName2" :rightGridName="gridName3"
|
||||||
/>
|
:btnActionsFnc="dualGridBtnActions" />
|
||||||
</v-col>
|
</div>
|
||||||
<v-col :cols="7" class="h100">
|
<v-col :cols="7" class="h100">
|
||||||
<v-row
|
<v-row justify="space-between" align="center" no-gutters class="px-5">
|
||||||
justify="space-between"
|
|
||||||
align="center"
|
|
||||||
no-gutters
|
|
||||||
class="px-5"
|
|
||||||
>
|
|
||||||
<v-col :cols="11">
|
<v-col :cols="11">
|
||||||
<span class="body-1 font-weight-bold"
|
<span class="body-1 font-weight-bold d-flex align-center"
|
||||||
>[배정]메뉴별권한 리스트</span
|
:style="{ minHeight: '36px' }">[배정]메뉴별권한 리스트</span>
|
||||||
>
|
<!-- <span class="body-1 font-weight-bold">[배정]메뉴별권한 리스트</span> -->
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="1" class="text-right">
|
<v-col :cols="1" class="text-right">
|
||||||
<Buttons
|
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName3"
|
||||||
:parentPrgmId="myPrgmId"
|
:btnActionsFnc="btnActions" />
|
||||||
:bindingData="gridName3"
|
|
||||||
:btnActionsFnc="btnActions"
|
|
||||||
/>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<div ref="treeGridParent2" class="px-0 mt-2" style="height: 60vh;">
|
<div ref="treeGridParent2" class="px-0 mt-2" style="height: 60vh;">
|
||||||
@ -113,14 +77,9 @@
|
|||||||
class="w100 h100"
|
class="w100 h100"
|
||||||
>
|
>
|
||||||
</div> -->
|
</div> -->
|
||||||
<component
|
<component :is="loadTreeGrid2 ? 'Grid' : null" :ref="gridName3 + myPrgmId"
|
||||||
:is="loadTreeGrid2 ? 'Grid' : null"
|
:gridName="gridName3" :parentPrgmId="myPrgmId" :editorGrid="true"
|
||||||
:ref="gridName3 + myPrgmId"
|
@getRowsData="getAsgnRowData" />
|
||||||
:gridName="gridName3"
|
|
||||||
:parentPrgmId="myPrgmId"
|
|
||||||
:editorGrid="true"
|
|
||||||
@getRowsData="getAsgnRowData"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
@ -286,8 +245,8 @@ export default {
|
|||||||
async gridInit() {
|
async gridInit() {
|
||||||
//---------------------gridOption 설정 시작----------------------------
|
//---------------------gridOption 설정 시작----------------------------
|
||||||
const gridHeight = this.$refs.gridParent.offsetHeight - 30;
|
const gridHeight = this.$refs.gridParent.offsetHeight - 30;
|
||||||
const treeGridHeight = this.$refs.treeGridParent.offsetHeight - 30;
|
const treeGridHeight = this.$refs.treeGridParent.offsetHeight - 50;
|
||||||
const treeGridHeight2 = this.$refs.treeGridParent2.offsetHeight - 30;
|
const treeGridHeight2 = this.$refs.treeGridParent2.offsetHeight - 50;
|
||||||
// const gridHeight = this.$refs.contents.offsetHeight - 30;
|
// const gridHeight = this.$refs.contents.offsetHeight - 30;
|
||||||
|
|
||||||
const myOptions = {
|
const myOptions = {
|
||||||
@ -316,8 +275,10 @@ export default {
|
|||||||
treeColumnOptions: {
|
treeColumnOptions: {
|
||||||
name: 'menuNm',
|
name: 'menuNm',
|
||||||
},
|
},
|
||||||
scrollX: false,
|
rowHeight: 37,
|
||||||
// scrollY: false,
|
minRowHeight: 37,
|
||||||
|
scrollX: true,
|
||||||
|
scrollY: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.setGridOption({
|
this.setGridOption({
|
||||||
@ -347,6 +308,9 @@ export default {
|
|||||||
const el = document.createElement('input');
|
const el = document.createElement('input');
|
||||||
const { grid, rowKey, columnInfo } = props;
|
const { grid, rowKey, columnInfo } = props;
|
||||||
el.type = 'checkbox';
|
el.type = 'checkbox';
|
||||||
|
$(el).css('width', '16px');
|
||||||
|
$(el).css('height', '16px');
|
||||||
|
$(el).css('accent-color', '#1677FF');
|
||||||
el.value = props.value;
|
el.value = props.value;
|
||||||
this.el = el;
|
this.el = el;
|
||||||
|
|
||||||
@ -380,12 +344,12 @@ export default {
|
|||||||
const _this = this;
|
const _this = this;
|
||||||
|
|
||||||
const myColumns = [
|
const myColumns = [
|
||||||
{ header: '역할ID', name: 'roleId', align: 'center', minWidth: 70 },
|
{ header: '역할ID', name: 'roleId', align: 'left', minWidth: 70,width:120 },
|
||||||
{ header: '역할명', name: 'roleNm', minWidth: 70 },
|
{ header: '역할명', name: 'roleNm', minWidth: 70, align: 'left',width:120 },
|
||||||
{
|
{
|
||||||
header: '사용여부',
|
header: '사용여부',
|
||||||
name: 'useFg',
|
name: 'useFg',
|
||||||
align: 'center',
|
align: 'left',
|
||||||
minWidth: 84,
|
minWidth: 84,
|
||||||
formatter({ value }) {
|
formatter({ value }) {
|
||||||
const newValue = _this.pageData.useFgList.filter(
|
const newValue = _this.pageData.useFgList.filter(
|
||||||
@ -408,6 +372,7 @@ export default {
|
|||||||
{
|
{
|
||||||
header: '메뉴명',
|
header: '메뉴명',
|
||||||
name: 'menuNm',
|
name: 'menuNm',
|
||||||
|
maxWidth: 120,
|
||||||
validation: {
|
validation: {
|
||||||
dataType: 'string',
|
dataType: 'string',
|
||||||
validatorFn: (value, row) => {
|
validatorFn: (value, row) => {
|
||||||
@ -549,12 +514,12 @@ export default {
|
|||||||
//rowKey: 0,
|
//rowKey: 0,
|
||||||
rowKey:
|
rowKey:
|
||||||
this.pageData.rowGridSelectKey == '' ||
|
this.pageData.rowGridSelectKey == '' ||
|
||||||
this.pageData.rowGridSelectKey == null
|
this.pageData.rowGridSelectKey == null
|
||||||
? 0
|
? 0
|
||||||
: this.pageData.rowGridSelectKey ==
|
: this.pageData.rowGridSelectKey ==
|
||||||
this.$refs[this.gridName + this.myPrgmId].getData().length - 1
|
this.$refs[this.gridName + this.myPrgmId].getData().length - 1
|
||||||
? this.pageData.rowGridSelectKey
|
? this.pageData.rowGridSelectKey
|
||||||
: 0,
|
: 0,
|
||||||
columnName: 'roleId',
|
columnName: 'roleId',
|
||||||
setScroll: true,
|
setScroll: true,
|
||||||
});
|
});
|
||||||
@ -609,8 +574,8 @@ export default {
|
|||||||
item.upMenuId && item.upMenuId != '0'
|
item.upMenuId && item.upMenuId != '0'
|
||||||
? item.upMenuId
|
? item.upMenuId
|
||||||
: item.upMenuId == '0'
|
: item.upMenuId == '0'
|
||||||
? '00'
|
? '00'
|
||||||
: 'ROOT',
|
: 'ROOT',
|
||||||
};
|
};
|
||||||
return newItem;
|
return newItem;
|
||||||
});
|
});
|
||||||
@ -649,8 +614,8 @@ export default {
|
|||||||
item.upMenuId && item.upMenuId != '0'
|
item.upMenuId && item.upMenuId != '0'
|
||||||
? item.upMenuId
|
? item.upMenuId
|
||||||
: item.upMenuId == '0'
|
: item.upMenuId == '0'
|
||||||
? '00'
|
? '00'
|
||||||
: 'ROOT',
|
: 'ROOT',
|
||||||
};
|
};
|
||||||
return newItem;
|
return newItem;
|
||||||
});
|
});
|
||||||
|
|||||||
@ -3,9 +3,9 @@
|
|||||||
<CommonPageTitle />
|
<CommonPageTitle />
|
||||||
<!-- 리스트 페이지 시작 -->
|
<!-- 리스트 페이지 시작 -->
|
||||||
<div v-if="pageActionFlag == 'list'" class="h1001">
|
<div v-if="pageActionFlag == 'list'" class="h1001">
|
||||||
<v-card class="" >
|
<v-card class="">
|
||||||
<div class="pa-5">
|
<div class="pa-5">
|
||||||
<v-row align="center" no-gutters >
|
<v-row align="center" no-gutters>
|
||||||
<v-col :cols="12" class="d-flex align-center justify-space-between">
|
<v-col :cols="12" class="d-flex align-center justify-space-between">
|
||||||
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
|
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
@ -17,8 +17,8 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" ref="contents" class="mt-5" style="min-height: calc(100% - 76px);">
|
<v-col :cols="12" ref="contents" class="mt-5" style="min-height: calc(100% - 76px);">
|
||||||
<div ref="gridParent" class="px-50" style="min-height: 70vh;">
|
<div ref="gridParent" class="px-50" style="min-height: 70vh;">
|
||||||
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName" :parentPrgmId="myPrgmId"
|
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :gridName="gridName"
|
||||||
@getRowsData="getRowData" />
|
:parentPrgmId="myPrgmId" @getRowsData="getRowData" />
|
||||||
</div>
|
</div>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
@ -27,22 +27,23 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 리스트 페이지 끝 -->
|
<!-- 리스트 페이지 끝 -->
|
||||||
<!-- 상세보기 페이지 시작 -->
|
<!-- 상세보기 페이지 시작 -->
|
||||||
<div v-if="pageActionFlag == 'view'" >
|
<div v-if="pageActionFlag == 'view'">
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-row class="pa-5">
|
<v-row class="pa-5">
|
||||||
<v-col :cols="12" class="d-flex align-center justify-space-between ">
|
<v-col :cols="12" class="d-flex align-center justify-space-between ">
|
||||||
<v-card-title class="pa-0 custom-title-4">공지사항</v-card-title>
|
<v-card-title class="pa-0 custom-title-4">공지사항 보기</v-card-title>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false" class="mr-1"
|
<a-button @click="viewPageButtonGroupClickEvent('list')" type="primary" :ripple="false"
|
||||||
icon="unordered-list">목록</a-button>
|
class="mr-1" icon="unordered-list">목록</a-button>
|
||||||
<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false" class="mr-1"
|
<a-button @click="viewPageButtonGroupClickEvent('reply')" type="primary" :ripple="false"
|
||||||
icon="send-outlined">
|
class="mr-1" icon="send-outlined">
|
||||||
<v-icon small :class="['mr-2']">$icoSend</v-icon>
|
<v-icon small :class="['mr-2']">$icoSend</v-icon>
|
||||||
답글
|
답글
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false" class="mr-1"
|
<a-button @click="viewPageButtonGroupClickEvent('update')" type="primary" :ripple="false"
|
||||||
icon="edit">수정</a-button>
|
class="mr-1" icon="edit">수정</a-button>
|
||||||
<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost icon="delete">삭제</a-button>
|
<a-button @click="viewPageButtonGroupClickEvent('delete')" type="danger" ghost
|
||||||
|
icon="delete">삭제</a-button>
|
||||||
</div>
|
</div>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="mt-5">
|
<v-col :cols="12" class="mt-5">
|
||||||
@ -57,13 +58,12 @@
|
|||||||
<v-card-title class="custom-title-7 pa-0">
|
<v-card-title class="custom-title-7 pa-0">
|
||||||
파일목록
|
파일목록
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<div v-for="fileData in viewActionData.fileData"
|
<div v-for="fileData in viewActionData.fileData" :key="fileData.apndFileId" class="file-item">
|
||||||
:key="fileData.apndFileId"
|
|
||||||
class="file-item">
|
|
||||||
<a @click.prevent="downloadFile(fileData)">
|
<a @click.prevent="downloadFile(fileData)">
|
||||||
<div class="d-flex justify-start search-box-label">
|
<div class="d-flex justify-start search-box-label">
|
||||||
<v-icon>mdi-paperclip</v-icon>
|
<v-icon>mdi-paperclip</v-icon>
|
||||||
<span class="file-item-name ml-2">{{ fileData.apndFileNm + '.' + fileData.apndFileExt }}</span>
|
<span class="file-item-name ml-2">{{ fileData.apndFileNm + '.' +
|
||||||
|
fileData.apndFileExt }}</span>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -73,12 +73,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 상세보기 페이지 끝 -->
|
<!-- 상세보기 페이지 끝 -->
|
||||||
<!-- 작성 페이지 시작 -->
|
<!-- 작성 페이지 시작 -->
|
||||||
<div v-if="pageActionFlag == 'write'" >
|
<div v-if="pageActionFlag == 'write'">
|
||||||
<v-card>
|
<v-card>
|
||||||
<div class="pa-5">
|
<div class="pa-5">
|
||||||
<v-row class="pa-50">
|
<v-row class="pa-50">
|
||||||
<v-col :cols="12" class="">
|
<v-col :cols="12" class="">
|
||||||
<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
|
<v-card-title class="custom-title-4 pa-0">공지사항 작성</v-card-title>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="mt-4">
|
<v-col :cols="12" class="mt-4">
|
||||||
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
||||||
@ -92,33 +92,27 @@
|
|||||||
<v-col :cols="6" class="mt-5">
|
<v-col :cols="6" class="mt-5">
|
||||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||||
<div class="" v-if="writeActionData.fileData">
|
<div class="" v-if="writeActionData.fileData">
|
||||||
<div
|
<div v-for="(fileData, index) in writeActionData.fileData" :key="fileData.apndFileId"
|
||||||
v-for="(fileData, index) in writeActionData.fileData"
|
|
||||||
:key="fileData.apndFileId"
|
|
||||||
class="file-item d-flex justify-space-between">
|
class="file-item d-flex justify-space-between">
|
||||||
<div class="file-item-detail">
|
<div class="file-item-detail">
|
||||||
<v-icon>mdi-paperclip</v-icon>
|
<v-icon>mdi-paperclip</v-icon>
|
||||||
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
<a-icon type="delete" class="v-icon pointer" @click="writeActionData.fileData.splice(index, 1)" />
|
<a-icon type="delete" class="v-icon pointer"
|
||||||
|
@click="writeActionData.업로드fileData.splice(index, 1)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-button class="mt-2" icon="upload" @click="$refs.writeInputFile.$refs.input.click()" >
|
<a-button class="mt-2" icon="upload" @click="$refs.writeInputFile.$refs.input.click()">
|
||||||
업로드
|
업로드
|
||||||
</a-button>
|
</a-button>
|
||||||
<v-file-input
|
<v-file-input ref="writeInputFile" v-model="writeActionData.fileData" multiple outlined
|
||||||
ref="writeInputFile"
|
hide-input class="d-none" prepend-icon="mdi-tray-arrow-up"></v-file-input>
|
||||||
v-model="writeActionData.fileData"
|
|
||||||
multiple
|
|
||||||
outlined
|
|
||||||
hide-input
|
|
||||||
class="d-none"
|
|
||||||
prepend-icon="mdi-tray-arrow-up"
|
|
||||||
></v-file-input>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="text-right">
|
<v-col :cols="12" class="text-right">
|
||||||
<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false" class="mr-2">취소</a-button>
|
<a-button @click="writePageButtonGroupClickEvent('cancel')" :ripple="false"
|
||||||
<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false" type="primary">등록</a-button>
|
class="mr-2">취소</a-button>
|
||||||
|
<a-button @click="writePageButtonGroupClickEvent('write')" :ripple="false"
|
||||||
|
type="primary">등록</a-button>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
@ -126,7 +120,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 작성 페이지 끝 -->
|
<!-- 작성 페이지 끝 -->
|
||||||
<!-- 답글 작성 페이지 시작 -->
|
<!-- 답글 작성 페이지 시작 -->
|
||||||
<div v-if="pageActionFlag == 'reply'" >
|
<div v-if="pageActionFlag == 'reply'">
|
||||||
<v-card class="pa-5">
|
<v-card class="pa-5">
|
||||||
<v-row align="center" class="mt-0">
|
<v-row align="center" class="mt-0">
|
||||||
<v-col :cols="12" class="">
|
<v-col :cols="12" class="">
|
||||||
@ -134,8 +128,7 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="mt-4">
|
<v-col :cols="12" class="mt-4">
|
||||||
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
||||||
<v-text-field v-model="replyActionData.title" class="v-input__custom" outlined
|
<v-text-field v-model="replyActionData.title" class="v-input__custom" outlined hide-details>
|
||||||
hide-details>
|
|
||||||
</v-text-field>
|
</v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
|
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
|
||||||
@ -144,72 +137,73 @@
|
|||||||
<v-col :cols="6" class="mt-5">
|
<v-col :cols="6" class="mt-5">
|
||||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||||
<div class="" v-if="replyActionData.fileData">
|
<div class="" v-if="replyActionData.fileData">
|
||||||
<div
|
<div v-for="(fileData, index) in replyActionData.fileData" :key="fileData.apndFileId"
|
||||||
v-for="(fileData, index) in replyActionData.fileData"
|
|
||||||
:key="fileData.apndFileId"
|
|
||||||
class="file-item d-flex justify-space-between">
|
class="file-item d-flex justify-space-between">
|
||||||
<div class="file-item-detail">
|
<div class="file-item-detail">
|
||||||
<v-icon>mdi-paperclip</v-icon>
|
<v-icon>mdi-paperclip</v-icon>
|
||||||
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
<a-icon type="delete" class="v-icon pointer" @click="replyActionData.fileData.splice(index, 1)" />
|
<a-icon type="delete" class="v-icon pointer"
|
||||||
|
@click="replyActionData.fileData.splice(index, 1)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-button class="mt-3" icon="upload" @click="$refs.replyInputFile.$refs.input.click()" >
|
<a-button class="mt-3" icon="upload" @click="$refs.replyInputFile.$refs.input.click()">
|
||||||
업로드
|
업로드
|
||||||
</a-button>
|
</a-button>
|
||||||
<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData" hide-details="true" class="d-none">
|
<v-file-input ref="replyInputFile" multiple show-size v-model="replyActionData.fileData"
|
||||||
|
hide-details="true" class="d-none">
|
||||||
</v-file-input>
|
</v-file-input>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="text-right">
|
<v-col :cols="12" class="text-right">
|
||||||
<a-button @click="replyPageButtonGroupClickEvent('cancel')" :ripple="false">취소</a-button>
|
<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-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card>
|
</v-card>
|
||||||
</div>
|
</div>
|
||||||
<!-- 답글 작성 페이지 끝 -->
|
<!-- 답글 작성 페이지 끝 -->
|
||||||
<!-- 수정 페이지 시작 -->
|
<!-- 수정 페이지 시작 -->
|
||||||
<div v-if="pageActionFlag == 'update'" >
|
<div v-if="pageActionFlag == 'update'">
|
||||||
<v-card>
|
<v-card>
|
||||||
<div class="pa-5">
|
<div class="pa-5">
|
||||||
<v-row align="center" no-gutters>
|
<v-row align="center" no-gutters>
|
||||||
<v-col :cols="12">
|
<v-col :cols="12">
|
||||||
<v-card-title class="custom-title-4 pa-0">공지사항</v-card-title>
|
<v-card-title class="custom-title-4 pa-0">공지사항 수정</v-card-title>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="mt-4">
|
<v-col :cols="12" class="mt-4">
|
||||||
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">제목</v-card-title>
|
||||||
<v-text-field v-model="updateActionData.title" class="v-input__custom" hide-details outlined>
|
<v-text-field v-model="updateActionData.title" class="v-input__custom" hide-details
|
||||||
|
outlined>
|
||||||
</v-text-field>
|
</v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4" >
|
<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4">
|
||||||
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
|
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
|
||||||
:initialValue="updateActionData.content" />
|
:initialValue="updateActionData.content" />
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="6" class="mt-5">
|
<v-col :cols="6" class="mt-5">
|
||||||
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
|
||||||
<div class="" v-if="updateActionData.fileData">
|
<div class="" v-if="updateActionData.fileData">
|
||||||
<div
|
<div v-for="(fileData, index) in updateActionData.fileData" :key="fileData.apndFileId"
|
||||||
v-for="(fileData, index) in updateActionData.fileData"
|
class="file-item d-flex justify-space-between">
|
||||||
:key="fileData.apndFileId"
|
<div class="file-item-detail">
|
||||||
class="file-item d-flex justify-space-between">
|
<v-icon>mdi-paperclip</v-icon>
|
||||||
<div class="file-item-detail">
|
<span href="#" class="file-item-name">{{ fileData.name }}</span>
|
||||||
<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-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()" >
|
</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"
|
</a-button>
|
||||||
hide-details="true" class="d-none">
|
<v-file-input ref="updateInputFile" multiple show-size v-model="updateActionData.fileData"
|
||||||
</v-file-input>
|
hide-details="true" class="d-none">
|
||||||
|
</v-file-input>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="12" class="text-right">
|
<v-col :cols="12" class="text-right">
|
||||||
<a-button @click="updatePageButtonGroupClickEvent('cancel')" >취소</a-button>
|
<a-button @click="updatePageButtonGroupClickEvent('cancel')">취소</a-button>
|
||||||
<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary" >등록</a-button>
|
<a-button @click="updatePageButtonGroupClickEvent('update')" type="primary">등록</a-button>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
@ -295,8 +289,6 @@ export default {
|
|||||||
postGrpOrd: null,
|
postGrpOrd: null,
|
||||||
postOrgNo: null,
|
postOrgNo: null,
|
||||||
},
|
},
|
||||||
dataPathMock: {},
|
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -341,7 +333,7 @@ export default {
|
|||||||
chkOpenTabList: 'chkOpenTabList',
|
chkOpenTabList: 'chkOpenTabList',
|
||||||
getDomain: 'modules/list/getDomain',
|
getDomain: 'modules/list/getDomain',
|
||||||
}),
|
}),
|
||||||
onTest(){
|
onTest() {
|
||||||
console.log(this.writeActionData.fileData);
|
console.log(this.writeActionData.fileData);
|
||||||
},
|
},
|
||||||
async init() {
|
async init() {
|
||||||
@ -400,7 +392,11 @@ export default {
|
|||||||
gridInit() {
|
gridInit() {
|
||||||
const gridHeight = this.$refs.contents.offsetHeight - 76;
|
const gridHeight = this.$refs.contents.offsetHeight - 76;
|
||||||
|
|
||||||
const myOptions = {};
|
const myOptions = {
|
||||||
|
header: {
|
||||||
|
height: 38,
|
||||||
|
},
|
||||||
|
};
|
||||||
this.setGridOption({
|
this.setGridOption({
|
||||||
gridKey: this.gridName,
|
gridKey: this.gridName,
|
||||||
value: Object.assign(Utility.defaultGridOption(gridHeight), myOptions),
|
value: Object.assign(Utility.defaultGridOption(gridHeight), myOptions),
|
||||||
@ -421,7 +417,7 @@ export default {
|
|||||||
align: 'center',
|
align: 'center',
|
||||||
hidden: true,
|
hidden: true,
|
||||||
},
|
},
|
||||||
{ header: '번호', name: 'postNo', width: 150, align: 'center' },
|
{ header: '번호', name: 'postNo', width: 150, align: 'right' },
|
||||||
{
|
{
|
||||||
header: '원글번호',
|
header: '원글번호',
|
||||||
name: 'postOrgNo',
|
name: 'postOrgNo',
|
||||||
@ -451,9 +447,9 @@ export default {
|
|||||||
hidden: true,
|
hidden: true,
|
||||||
},
|
},
|
||||||
{ header: '제목', name: 'title', align: 'left' },
|
{ header: '제목', name: 'title', align: 'left' },
|
||||||
{ header: '작성자', name: 'regUserNo', width: 250, align: 'center' },
|
{ header: '작성자', name: 'regUserNo', width: 250, align: 'right' },
|
||||||
{ header: '작성일', name: 'regDttm', width: 250, align: 'center' },
|
{ header: '작성일', name: 'regDttm', width: 250, align: 'center' },
|
||||||
{ header: '조회수', name: 'viewCnt', width: 150, align: 'center' },
|
{ header: '조회수', name: 'viewCnt', width: 150, align: 'right' },
|
||||||
// {header: "파일아이디", name:"apndFileUuid", width:150, align:"center"}, // 수정필요
|
// {header: "파일아이디", name:"apndFileUuid", width:150, align:"center"}, // 수정필요
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -1020,15 +1016,6 @@ const defaultData = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
import { getPathDataExample } from '@/const/const'
|
|
||||||
const dataPathDataExample = getPathDataExample({
|
|
||||||
postNo: '18',
|
|
||||||
title: '오픈공지',
|
|
||||||
regUserNo: '1',
|
|
||||||
regDttm: '2023-01-09 09:39:41',
|
|
||||||
viewCnt: '1'
|
|
||||||
}, 10);
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@ -1042,23 +1029,41 @@ const dataPathDataExample = getPathDataExample({
|
|||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
background-color: #0000000A;
|
background-color: #0000000A;
|
||||||
.file-item-name{
|
|
||||||
|
.file-item-name {
|
||||||
color: #1677FF;
|
color: #1677FF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep {
|
::v-deep {
|
||||||
.v-input__slot {
|
.v-input__slot {
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-view {
|
.custom-view {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
@each $theme in dark, light {
|
@each $theme in dark, light {
|
||||||
@include theme($theme);
|
@include theme($theme);
|
||||||
border-color: map-deep-get($config, #{$theme}, "v-input-textarea-border");;
|
border-color: map-deep-get($config, #{$theme}, "v-input-textarea-border");
|
||||||
|
;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toastui-editor-mode-switch {
|
||||||
|
font-family: Inter !important;
|
||||||
|
font-size: 1.0rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toastui-editor-mode-switch .tab-item.active {
|
||||||
|
color: #1677FF
|
||||||
|
}
|
||||||
|
|
||||||
|
.toastui-editor-mode-switch .tab-item {
|
||||||
|
color: #000000E0
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -7,28 +7,15 @@
|
|||||||
<v-card class="searchFilter">
|
<v-card class="searchFilter">
|
||||||
<v-row align="end" no-gutters>
|
<v-row align="end" no-gutters>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<component
|
<component :is="'selectCodeList'" :parentPrgmId="myPrgmId" :label="'사용여부'"
|
||||||
:is="'selectCodeList'"
|
:dataKey="'selectUseFg'" :sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
|
||||||
:parentPrgmId="myPrgmId"
|
:addAll="true" customClass="select-large" />
|
||||||
:label="'사용여부'"
|
|
||||||
:dataKey="'selectUseFg'"
|
|
||||||
:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
|
|
||||||
:addAll="true"
|
|
||||||
customClass="select-large"
|
|
||||||
/>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="3">
|
<v-col :cols="3">
|
||||||
<InputText
|
<InputText :parentPrgmId="myPrgmId" label="프로그램명" valueNm="prgmNm" :searchOption="true"
|
||||||
:parentPrgmId="myPrgmId"
|
:labelCols="12" :textCols="12" customClass="input-large" />
|
||||||
label="프로그램명"
|
|
||||||
valueNm="prgmNm"
|
|
||||||
:searchOption="true"
|
|
||||||
:labelCols="12"
|
|
||||||
:textCols="12"
|
|
||||||
customClass="input-large"
|
|
||||||
/>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="5" class="text-right">
|
<v-col :cols="6" class="text-right">
|
||||||
<BtnSearch size="large" />
|
<BtnSearch size="large" />
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
@ -38,46 +25,32 @@
|
|||||||
|
|
||||||
<v-row ref="contents">
|
<v-row ref="contents">
|
||||||
<!-- 프로그램 리스트 -->
|
<!-- 프로그램 리스트 -->
|
||||||
<v-col :cols="5" >
|
<v-col :cols="5">
|
||||||
<v-card class="pb-5">
|
<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-5">
|
||||||
<v-card-title class="pa-0">프로그램 리스트</v-card-title>
|
<v-card-title class="pa-0">프로그램 리스트</v-card-title>
|
||||||
<div>
|
<div>
|
||||||
<Buttons
|
<Buttons :parentPrgmId="myPrgmId" :bindingData="gridName" :detailList="detailList"
|
||||||
:parentPrgmId="myPrgmId"
|
:btnActionsFnc="btnActions" />
|
||||||
:bindingData="gridName"
|
|
||||||
:detailList="detailList"
|
|
||||||
:btnActionsFnc="btnActions"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ref="gridParent" style="height: 60vh">
|
<div ref="gridParent" style="height: 60vh">
|
||||||
<!-- <div ref="gridParent" class="px-5 h100">
|
<!-- <div ref="gridParent" class="px-5 h100">
|
||||||
</div> -->
|
</div> -->
|
||||||
<component
|
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" :parentPrgmId="myPrgmId"
|
||||||
:ref="gridName"
|
:gridName="gridName" @getRowsData="getRowData" />
|
||||||
:is="loadGrid ? 'Grid' : null"
|
|
||||||
:parentPrgmId="myPrgmId"
|
|
||||||
:gridName="gridName"
|
|
||||||
@getRowsData="getRowData"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
<!-- 프로그램 상세 -->
|
<!-- 프로그램 상세 -->
|
||||||
<v-col :cols="7" >
|
<v-col :cols="7">
|
||||||
<v-card class="pb-5">
|
<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-5">
|
||||||
<v-card-title class="pa-0">프로그램 상세</v-card-title>
|
<v-card-title class="pa-0">프로그램 상세</v-card-title>
|
||||||
</div>
|
</div>
|
||||||
<div class="px-5" style="min-height:calc(100% - 76px)">
|
<div class="px-5" style="min-height:calc(100% - 76px)">
|
||||||
<component
|
<component :is="'Form'" :parentPrgmId="myPrgmId" :bindingData="gridName"
|
||||||
:is="'Form'"
|
:detailList="detailList" @gridEditingFinish="gridEditingFinish" />
|
||||||
:parentPrgmId="myPrgmId"
|
|
||||||
:bindingData="gridName"
|
|
||||||
:detailList="detailList"
|
|
||||||
@gridEditingFinish="gridEditingFinish"
|
|
||||||
/>
|
|
||||||
<!-- <div class="w100">
|
<!-- <div class="w100">
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
@ -132,21 +105,19 @@ export default {
|
|||||||
detailList: myDetail,
|
detailList: myDetail,
|
||||||
|
|
||||||
dataPathMock: {
|
dataPathMock: {
|
||||||
'rowGrid': {
|
'rowGrid': {
|
||||||
column: [
|
column: [
|
||||||
{ header: '프로그램ID', name: 'field1', align: 'left' },
|
{ header: '프로그램ID', name: 'field1', align: 'left' },
|
||||||
{ header: '프로그램덤', name: 'field2', align: 'left' },
|
{ header: '프로그램덤', name: 'field2', align: 'left' },
|
||||||
{ header: '타임', name: 'field3', align: 'left' },
|
{ header: '타임', name: 'field3', align: 'left' },
|
||||||
{ header: '사용여부', name: 'field4', align: 'left' }
|
{ header: '사용여부', name: 'field4', align: 'left' }
|
||||||
],
|
],
|
||||||
data: dataPathDataExample,
|
option: {
|
||||||
defaultRow: dataPathDataExample,
|
|
||||||
option: {
|
|
||||||
scrollY: false,
|
scrollY: false,
|
||||||
scrollX: false,
|
scrollX: false,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -303,12 +274,12 @@ export default {
|
|||||||
//rowKey: this.chkRowGridSelectKey || 0,
|
//rowKey: this.chkRowGridSelectKey || 0,
|
||||||
rowKey:
|
rowKey:
|
||||||
this.pageData.rowGridSelectKey == '' ||
|
this.pageData.rowGridSelectKey == '' ||
|
||||||
this.pageData.rowGridSelectKey == null
|
this.pageData.rowGridSelectKey == null
|
||||||
? 0
|
? 0
|
||||||
: this.pageData.rowGridSelectKey ==
|
: this.pageData.rowGridSelectKey ==
|
||||||
this.$refs[this.gridName].getData().length - 1
|
this.$refs[this.gridName].getData().length - 1
|
||||||
? this.pageData.rowGridSelectKey
|
? this.pageData.rowGridSelectKey
|
||||||
: 0,
|
: 0,
|
||||||
setScroll: true,
|
setScroll: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -487,7 +458,7 @@ const myDetail = [
|
|||||||
valueNm: 'prgmTpCd',
|
valueNm: 'prgmTpCd',
|
||||||
essential: true,
|
essential: true,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-5',
|
||||||
list: [
|
list: [
|
||||||
{ text: '프로그램', value: '1' },
|
{ text: '프로그램', value: '1' },
|
||||||
{ text: '팝업', value: '2' },
|
{ text: '팝업', value: '2' },
|
||||||
@ -502,10 +473,11 @@ const myDetail = [
|
|||||||
essential: true,
|
essential: true,
|
||||||
disabled: false,
|
disabled: false,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-13',
|
||||||
value: { '1': true, '0': false },
|
value: { '1': true, '0': false },
|
||||||
required: true,
|
required: true,
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
|
labelCols:12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -514,7 +486,7 @@ const myDetail = [
|
|||||||
valueNm: 'url',
|
valueNm: 'url',
|
||||||
disabled: false,
|
disabled: false,
|
||||||
cols: 12,
|
cols: 12,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-4',
|
||||||
required: true,
|
required: true,
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
@ -525,7 +497,7 @@ const myDetail = [
|
|||||||
valueNm: 'regUserNo',
|
valueNm: 'regUserNo',
|
||||||
disabled: true,
|
disabled: true,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-5',
|
||||||
placeholder: '시스템 자동입력',
|
placeholder: '시스템 자동입력',
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
@ -536,7 +508,7 @@ const myDetail = [
|
|||||||
valueNm: 'regDttm',
|
valueNm: 'regDttm',
|
||||||
disabled: true,
|
disabled: true,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-5',
|
||||||
placeholder: '시스템 자동입력',
|
placeholder: '시스템 자동입력',
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
@ -547,7 +519,7 @@ const myDetail = [
|
|||||||
valueNm: 'procUserNo',
|
valueNm: 'procUserNo',
|
||||||
disabled: true,
|
disabled: true,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-5',
|
||||||
placeholder: '시스템 자동입력',
|
placeholder: '시스템 자동입력',
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
@ -558,19 +530,10 @@ const myDetail = [
|
|||||||
valueNm: 'procDttm',
|
valueNm: 'procDttm',
|
||||||
disabled: true,
|
disabled: true,
|
||||||
cols: 6,
|
cols: 6,
|
||||||
class: 'py-2',
|
class: 'py-2 pt-5',
|
||||||
placeholder: '시스템 자동입력',
|
placeholder: '시스템 자동입력',
|
||||||
textCols: 12,
|
textCols: 12,
|
||||||
iconShow: true
|
iconShow: true
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
import { getPathDataExample } from '@/const/const'
|
|
||||||
const dataPathDataExample = getPathDataExample({
|
|
||||||
field1: 'PRG0001',
|
|
||||||
field2: '대시보드',
|
|
||||||
field3: '프로그램',
|
|
||||||
field4: '사용'
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -167,7 +167,7 @@ export default {
|
|||||||
header: '설비종류ID',
|
header: '설비종류ID',
|
||||||
name: 'eqpmKindId',
|
name: 'eqpmKindId',
|
||||||
width: gridWidth * 0.5,
|
width: gridWidth * 0.5,
|
||||||
align: 'center',
|
align: 'left',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
header: '설비종류명',
|
header: '설비종류명',
|
||||||
|
|||||||
Reference in New Issue
Block a user