1172 lines
29 KiB
Vue
1172 lines
29 KiB
Vue
<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 class="d-flex align-center">
|
|
<!-- <v-btn @click="listPageButtonGroupClickEvent('view')" :ripple="false" class="mr-1">상세보기</v-btn> -->
|
|
<v-btn
|
|
@click="listPageButtonGroupClickEvent('write')"
|
|
:ripple="false"
|
|
class="mr-1"
|
|
>작성</v-btn
|
|
>
|
|
<!-- <v-btn @click="listPageButtonGroupClickEvent('delete')" :ripple="false">삭제</v-btn> -->
|
|
</div>
|
|
</div>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row ref="contents" style="height:calc(100% - 76px)">
|
|
<v-col :cols="12">
|
|
<v-card class="pa-5">
|
|
<div class="h100 px-5" style="height:calc(100% - 70px)">
|
|
<div ref="gridParent" class="h100">
|
|
<component
|
|
:is="loadGrid ? 'Grid' : null"
|
|
:gridName="gridName"
|
|
:parentPrgmId="myPrgmId"
|
|
ref="noticeMngGrid"
|
|
@getRowsData="getRowData"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
<!-- 리스트 페이지 끝 -->
|
|
<!-- 상세보기 페이지 시작 -->
|
|
<div v-if="pageActionFlag == 'view'" 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 class="d-flex align-center">
|
|
<v-btn
|
|
@click="viewPageButtonGroupClickEvent('list')"
|
|
:ripple="false"
|
|
class="mr-1"
|
|
>목록</v-btn
|
|
>
|
|
<v-btn
|
|
@click="viewPageButtonGroupClickEvent('reply')"
|
|
:ripple="false"
|
|
class="mr-1"
|
|
>답글</v-btn
|
|
>
|
|
<v-btn
|
|
@click="viewPageButtonGroupClickEvent('update')"
|
|
:ripple="false"
|
|
class="mr-1"
|
|
>수정</v-btn
|
|
>
|
|
<v-btn
|
|
@click="viewPageButtonGroupClickEvent('delete')"
|
|
:ripple="false"
|
|
>삭제</v-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</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="viewActionData.title"
|
|
class="v-input__custom"
|
|
placeholder="제목"
|
|
hide-details
|
|
:readonly="true"
|
|
>
|
|
</v-text-field>
|
|
</v-card>
|
|
</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>
|
|
</v-row>
|
|
<!-- <v-row style="height: 1vh;">
|
|
|
|
</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>
|
|
</v-row>
|
|
</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-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col :cols="12">
|
|
<v-card min-height="60" class="pa-5">
|
|
<v-text-field
|
|
v-model="writeActionData.title"
|
|
class="v-input__custom"
|
|
placeholder="제목"
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row style="height:calc(100% - 270px)">
|
|
<v-col :cols="12">
|
|
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg" />
|
|
</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="writeActionData.fileData"
|
|
hide-details="true"
|
|
>
|
|
</v-file-input>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col :cols="12" class="text-right">
|
|
<v-btn
|
|
@click="writePageButtonGroupClickEvent('write')"
|
|
:ripple="false"
|
|
>등록</v-btn
|
|
>
|
|
<v-btn
|
|
@click="writePageButtonGroupClickEvent('cancel')"
|
|
:ripple="false"
|
|
>취소</v-btn
|
|
>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
<!-- 작성 페이지 끝 -->
|
|
<!-- 답글 작성 페이지 시작 -->
|
|
<div v-if="pageActionFlag == 'reply'" 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="replyActionData.title"
|
|
class="v-input__custom"
|
|
placeholder="제목"
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row style="height:calc(100% - 270px)">
|
|
<v-col :cols="12">
|
|
<editor
|
|
ref="tuiReplyEditor"
|
|
height="100%"
|
|
initialEditType="wysiwyg"
|
|
/>
|
|
</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="replyActionData.fileData"
|
|
hide-details="true"
|
|
>
|
|
</v-file-input>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col :cols="12" class="text-right">
|
|
<v-btn
|
|
@click="replyPageButtonGroupClickEvent('reply')"
|
|
:ripple="false"
|
|
>등록</v-btn
|
|
>
|
|
<v-btn
|
|
@click="replyPageButtonGroupClickEvent('cancel')"
|
|
:ripple="false"
|
|
>취소</v-btn
|
|
>
|
|
</v-col>
|
|
</v-row>
|
|
</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"
|
|
>
|
|
</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>
|
|
</div>
|
|
<!-- 수정 페이지 끝 -->
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { mapState, mapMutations, mapActions } from 'vuex';
|
|
import mixinGlobal from '@/mixin/global.js';
|
|
import { resize } from '@/mixin/resize.js';
|
|
import BtnSearch from '~/components/common/button/BtnSearch';
|
|
import Grid from '~/components/common/Grid';
|
|
import Utility from '~/plugins/utility';
|
|
import '@toast-ui/editor/dist/toastui-editor.css';
|
|
import { Editor } from '@toast-ui/vue-editor';
|
|
import '@toast-ui/editor/dist/toastui-editor-viewer.css';
|
|
import { Viewer } from '@toast-ui/vue-editor';
|
|
|
|
let myTitle;
|
|
// const myPrgmId = "PRG0034";
|
|
let myPrgmId;
|
|
|
|
export default {
|
|
mixins: [mixinGlobal, resize],
|
|
async asyncData(context) {
|
|
const myState = context.store.state;
|
|
myPrgmId = context.route.query.prgmId;
|
|
await context.store.commit('setActiveMenuInfo', myState.menuData[myPrgmId]);
|
|
myTitle = await myState.activeMenuInfo.menuNm;
|
|
},
|
|
meta: {
|
|
title: () => {
|
|
return myTitle;
|
|
},
|
|
prgmId: myPrgmId,
|
|
closable: true,
|
|
},
|
|
components: {
|
|
Grid,
|
|
BtnSearch,
|
|
Utility,
|
|
Editor,
|
|
Viewer,
|
|
},
|
|
data() {
|
|
return {
|
|
myPrgmId: myPrgmId,
|
|
//comId: "SEMPIO",
|
|
//comId: this.userInfo.comId,
|
|
comId: this.$store.state.userInfo.comId,
|
|
bordNo: null,
|
|
pageActionFlag: 'list',
|
|
gridName: 'noticeMngGrid',
|
|
loadGrid: false,
|
|
selectedRowKey: null,
|
|
selectedRowData: null,
|
|
writeActionData: {
|
|
title: '',
|
|
postNo: null,
|
|
fileData: null,
|
|
},
|
|
replyActionData: {
|
|
title: '',
|
|
postNo: null,
|
|
fileData: null,
|
|
},
|
|
updateActionData: {
|
|
title: '',
|
|
postNo: null,
|
|
fileData: null,
|
|
currentFileList: null,
|
|
deleteFileList: [],
|
|
},
|
|
viewActionData: {
|
|
title: '',
|
|
content: '',
|
|
fileData: null,
|
|
viewerFlag: false,
|
|
postGrpLayer: null,
|
|
postGrpOrd: null,
|
|
postOrgNo: null,
|
|
},
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
isDarkMode: state => state.isDarkMode,
|
|
pageData: state => state.pageData[myPrgmId],
|
|
}),
|
|
|
|
chkIsFind() {
|
|
// 조회 플래그
|
|
return this.pageData.isFind;
|
|
},
|
|
},
|
|
watch: {
|
|
chkIsFind(val) {
|
|
if (val) this.search();
|
|
},
|
|
},
|
|
async beforeCreate() {
|
|
myPrgmId = this.$route.query.prgmId;
|
|
await this.$store.dispatch('chkOpenTabList', {
|
|
key: 'create',
|
|
prgmId: myPrgmId,
|
|
defaultData: defaultData,
|
|
});
|
|
},
|
|
mounted() {
|
|
this.init();
|
|
},
|
|
methods: {
|
|
...mapMutations({
|
|
setPageData: 'setPageData',
|
|
setGridData: 'setGridData',
|
|
setGridColumn: 'setGridColumn',
|
|
setGridOption: 'setGridOption',
|
|
}),
|
|
...mapActions({
|
|
postApi: 'modules/list/postApi',
|
|
postUpdateApi: 'modules/list/postUpdateApi',
|
|
postApiReturn: 'modules/list/postApiReturn',
|
|
setTree: 'modules/list/setTree',
|
|
chkOpenTabList: 'chkOpenTabList',
|
|
getDomain: 'modules/list/getDomain',
|
|
}),
|
|
async init() {
|
|
this.initData();
|
|
await this.gridInit();
|
|
},
|
|
initData() {
|
|
var receivedQueryParams = this.$route.query;
|
|
this.bordNo = receivedQueryParams.hasOwnProperty('bordNo')
|
|
? receivedQueryParams.bordNo
|
|
: 'BORD0001';
|
|
},
|
|
initActionData(action) {
|
|
switch (action) {
|
|
case 'list':
|
|
this.selectedRowKey = null;
|
|
this.selectedRowData = null;
|
|
case 'write':
|
|
this.selectedRowKey = null;
|
|
this.selectedRowData = null;
|
|
this.writeActionData.title = '';
|
|
this.writeActionData.postNo = null;
|
|
this.writeActionData.fileData = null;
|
|
break;
|
|
case 'view':
|
|
this.selectedRowKey = null;
|
|
this.selectedRowData = null;
|
|
this.viewActionData.title = '';
|
|
this.viewActionData.content = '';
|
|
this.viewActionData.fileData = null;
|
|
this.viewActionData.postGrpLayer = null;
|
|
this.viewActionData.postGrpOrd = null;
|
|
this.viewActionData.postOrgNo = null;
|
|
break;
|
|
case 'reply':
|
|
this.selectedRowKey = null;
|
|
this.selectedRowData = null;
|
|
this.replyActionData.title = '';
|
|
this.replyActionData.content = '';
|
|
this.replyActionData.fileData = null;
|
|
break;
|
|
case 'update':
|
|
this.selectedRowKey = null;
|
|
this.selectedRowData = null;
|
|
this.updateActionData.title = '';
|
|
this.updateActionData.content = '';
|
|
this.updateActionData.fileData = null;
|
|
this.updateActionData.currentFileList = null;
|
|
this.updateActionData.deleteFileList = [];
|
|
break;
|
|
}
|
|
},
|
|
search() {
|
|
this.getGridData();
|
|
},
|
|
gridInit() {
|
|
this.loadGrid = false;
|
|
const gridHeight = this.$refs.contents.offsetHeight - 76;
|
|
|
|
const myOptions = {};
|
|
this.setGridOption({
|
|
gridKey: this.gridName,
|
|
value: Object.assign(Utility.defaultGridOption(gridHeight), myOptions),
|
|
});
|
|
|
|
var columnList = [
|
|
{
|
|
header: '회사코드',
|
|
name: 'comId',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{
|
|
header: '게시판코드',
|
|
name: 'bordNo',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{ header: '번호', name: 'postNo', width: 150, align: 'center' },
|
|
{
|
|
header: '원글번호',
|
|
name: 'postOrgNo',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{
|
|
header: '원글과답글그룹',
|
|
name: 'postGrpOrd',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{
|
|
header: '계층',
|
|
name: 'postGrpLayer',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{
|
|
header: '제목',
|
|
name: 'postTitl',
|
|
width: 150,
|
|
align: 'center',
|
|
hidden: true,
|
|
},
|
|
{ header: '제목', name: 'title', align: 'left' },
|
|
{ header: '작성자', name: 'regUserNo', width: 250, align: 'center' },
|
|
{ header: '작성일', name: 'regDttm', width: 250, align: 'center' },
|
|
{ header: '조회수', name: 'viewCnt', width: 150, align: 'center' },
|
|
// {header: "파일아이디", name:"apndFileUuid", width:150, align:"center"}, // 수정필요
|
|
];
|
|
|
|
this.setGridColumn({
|
|
gridKey: this.gridName,
|
|
value: columnList,
|
|
});
|
|
|
|
this.getGridData();
|
|
},
|
|
async getGridData() {
|
|
var params = {
|
|
bordNo: 'BORD0001',
|
|
};
|
|
|
|
this.loadGrid = false;
|
|
|
|
var res = await this.postApiReturn({
|
|
apiKey: 'selectPostList',
|
|
resKey: 'postData',
|
|
sendParam: params,
|
|
});
|
|
|
|
this.setGridData({
|
|
gridKey: this.gridName,
|
|
value: res,
|
|
});
|
|
|
|
this.loadGrid = true;
|
|
this.setPageData({ isFind: false });
|
|
},
|
|
getRowData(data) {
|
|
this.selectedRowKey = data.rowKey;
|
|
this.selectedRowData = data;
|
|
this.listPageButtonGroupClickEvent('view');
|
|
},
|
|
// 게시글 정보 가져오기
|
|
async getPostData() {
|
|
var result = {};
|
|
var boardNo = this.selectedRowData.bordNo;
|
|
var postNo = this.selectedRowData.postNo;
|
|
var apndFileUuid = this.selectedRowData.apndFileUuid;
|
|
|
|
if (apndFileUuid == undefined) {
|
|
apndFileUuid = null;
|
|
}
|
|
|
|
var params = {
|
|
bordNo: boardNo,
|
|
postNo: postNo,
|
|
};
|
|
|
|
var postData = await this.postApiReturn({
|
|
apiKey: 'selectPost',
|
|
resKey: 'postData',
|
|
sendParam: params,
|
|
});
|
|
|
|
var fileData = await this.postUpdateApi({
|
|
apiKey: 'selectApndFile',
|
|
sendParam: {
|
|
params: {
|
|
apndFileUuid: apndFileUuid,
|
|
},
|
|
datas: {},
|
|
},
|
|
});
|
|
|
|
result = {
|
|
postData: postData, // 글 정보
|
|
fileData: fileData, // 파일 리스트 정보
|
|
};
|
|
|
|
return result;
|
|
},
|
|
// 게시글 리스트 페이지 클릭 이벤트
|
|
async listPageButtonGroupClickEvent(action) {
|
|
var selectedRowData = this.selectedRowData;
|
|
var selectedRowKey = this.selectedRowKey;
|
|
|
|
switch (action) {
|
|
case 'view':
|
|
if (selectedRowKey === null) {
|
|
alert('선택된 행이 없습니다.');
|
|
break;
|
|
}
|
|
this.pageActionFlag = 'view';
|
|
this.viewActionData.viewerFlag = false;
|
|
|
|
var data = await this.getPostData();
|
|
|
|
var postData = data.postData[0];
|
|
var fileData = data.fileData.data.dataset.apndFile;
|
|
|
|
this.viewActionData.title = postData.title;
|
|
this.viewActionData.content = postData.postCntn;
|
|
this.viewActionData.fileData = fileData;
|
|
this.viewActionData.postGrpLayer = postData.postGrpLayer;
|
|
this.viewActionData.postGrpOrd = postData.postGrpOrd;
|
|
this.viewActionData.postOrgNo = postData.postOrgNo;
|
|
this.viewActionData.postNo = postData.postNo;
|
|
|
|
this.viewActionData.viewerFlag = true;
|
|
break; // 리스트 페이지 상세보기 버튼
|
|
case 'write':
|
|
this.pageActionFlag = 'write';
|
|
|
|
break; // 리스트 페이지 작성 버튼
|
|
case 'delete':
|
|
if (selectedRowKey === null) {
|
|
alert('선택된 행이 없습니다.');
|
|
break;
|
|
}
|
|
|
|
var params = {
|
|
comId: this.comId,
|
|
bordNo: selectedRowData.bordNo,
|
|
postNo: selectedRowData.postNo,
|
|
apndFileUuid: selectedRowData.apndFileUuid,
|
|
};
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'deletePostList',
|
|
sendParam: params,
|
|
});
|
|
|
|
await this.deletePostGrp(selectedRowData);
|
|
|
|
this.search();
|
|
this.initActionData('list');
|
|
break; // 리스트 페이지 삭제 버튼
|
|
}
|
|
},
|
|
async writePageButtonGroupClickEvent(action) {
|
|
switch (action) {
|
|
case 'write':
|
|
var postTitle = this.writeActionData.title;
|
|
var content = this.$refs.tuiEditor.invoke('getHTML');
|
|
var formData = new FormData();
|
|
var fileList = this.writeActionData.fileData;
|
|
var apndFileUuid = null;
|
|
var uploadResult = null;
|
|
var bordNo = this.bordNo;
|
|
var postNo =
|
|
this.writeActionData.postNo !== null
|
|
? this.writeActionData.postNo
|
|
: '';
|
|
|
|
if (!this.writeActionData.title) {
|
|
alert('제목을 입력해주세요.');
|
|
break;
|
|
}
|
|
if (!content) {
|
|
alert('내용을 입력해주세요.');
|
|
break;
|
|
}
|
|
|
|
if (this.fileSizeCheck(fileList) == false) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
break;
|
|
}
|
|
|
|
if (fileList !== null) {
|
|
for (var i = 0; i < fileList.length; i++) {
|
|
formData.append('file', fileList[i]);
|
|
}
|
|
formData.append('bordNo', bordNo);
|
|
formData.append('postNo', postNo);
|
|
|
|
uploadResult = await this.postUpdateApi({
|
|
apiKey: 'saveFile',
|
|
resKey: 'apndFileUuid',
|
|
sendParam: formData,
|
|
});
|
|
}
|
|
|
|
if (uploadResult) {
|
|
if (uploadResult.data.dataset.uploadStatus != 0) {
|
|
if (uploadResult.data.dataset.uploadStatus == -1) {
|
|
alert('허용되지 않는 형식의 파일입니다.');
|
|
} else if (uploadResult.data.dataset.uploadStatus == -2) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
apndFileUuid =
|
|
uploadResult === null ? '' : uploadResult.data.dataset.apndFileUuid;
|
|
|
|
var params = {
|
|
comId: this.comId,
|
|
bordNo: bordNo,
|
|
postTitl: postTitle,
|
|
postCntn: content,
|
|
apndFileUuid: apndFileUuid,
|
|
};
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'insertPost',
|
|
sendParam: params,
|
|
});
|
|
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('write');
|
|
break; // 작성 페이지 작성 버튼
|
|
case 'cancel':
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('write');
|
|
break; // 작성 페이지 취소 버튼
|
|
}
|
|
},
|
|
async viewPageButtonGroupClickEvent(action) {
|
|
var selectedRowData = this.selectedRowData;
|
|
var selectedRowKey = this.selectedRowKey;
|
|
|
|
switch (action) {
|
|
case 'list':
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('view');
|
|
break; // 상세보기 페이지 작성 버튼
|
|
case 'reply':
|
|
this.pageActionFlag = 'reply';
|
|
this.replyActionData.title = 'ㄴRE:' + this.viewActionData.title;
|
|
// viewActionData를 초기화하지 않고 들고 감
|
|
|
|
break; // 상세보기 페이지 목록 버튼
|
|
case 'update':
|
|
// viewActionData를 초기화하지 않고 들고 감
|
|
|
|
this.updateActionData.title = this.viewActionData.title;
|
|
this.updateActionData.content = this.viewActionData.content;
|
|
this.updateActionData.currentFileList = this.viewActionData.fileData;
|
|
|
|
this.pageActionFlag = 'update';
|
|
break; // 상세보기 페이지 목록 버튼
|
|
case 'delete':
|
|
if (confirm('삭제하시겠습니까?') == false) {
|
|
return;
|
|
}
|
|
var params = {
|
|
comId: this.comId,
|
|
bordNo: selectedRowData.bordNo,
|
|
postNo: selectedRowData.postNo,
|
|
apndFileUuid: selectedRowData.apndFileUuid,
|
|
};
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'deletePostList',
|
|
sendParam: params,
|
|
});
|
|
|
|
await this.deletePostGrp(selectedRowData);
|
|
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('view');
|
|
break; // 상세보기 페이지 목록 버튼
|
|
}
|
|
},
|
|
async replyPageButtonGroupClickEvent(action) {
|
|
switch (action) {
|
|
case 'reply':
|
|
var postTitle = this.replyActionData.title;
|
|
var content = this.$refs.tuiReplyEditor.invoke('getHTML');
|
|
var formData = new FormData();
|
|
var fileList = this.replyActionData.fileData;
|
|
var apndFileUuid = null;
|
|
var uploadResult = null;
|
|
var bordNo = this.bordNo;
|
|
var postNo =
|
|
this.replyActionData.postNo !== null
|
|
? this.replyActionData.postNo
|
|
: '';
|
|
var params;
|
|
|
|
if (!this.replyActionData.title) {
|
|
alert('제목을 입력해주세요.');
|
|
break;
|
|
}
|
|
if (!content) {
|
|
alert('내용을 입력해주세요.');
|
|
break;
|
|
}
|
|
|
|
if (this.fileSizeCheck(fileList) == false) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
break;
|
|
}
|
|
|
|
if (fileList !== null) {
|
|
for (var i = 0; i < fileList.length; i++) {
|
|
formData.append('file', fileList[i]);
|
|
}
|
|
formData.append('bordNo', bordNo);
|
|
formData.append('postNo', postNo);
|
|
|
|
uploadResult = await this.postUpdateApi({
|
|
apiKey: 'saveFile',
|
|
resKey: 'apndFileUuid',
|
|
sendParam: formData,
|
|
});
|
|
}
|
|
|
|
if (uploadResult) {
|
|
if (uploadResult.data.dataset.uploadStatus != 0) {
|
|
if (uploadResult.data.dataset.uploadStatus == -1) {
|
|
alert('허용되지 않는 형식의 파일입니다.');
|
|
} else if (uploadResult.data.dataset.uploadStatus == -2) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
apndFileUuid =
|
|
uploadResult === null ? '' : uploadResult.data.dataset.apndFileUuid;
|
|
|
|
if (
|
|
this.viewActionData.postGrpOrd === null ||
|
|
this.viewActionData.postGrpOrd === ''
|
|
) {
|
|
params = {
|
|
comId: this.comId,
|
|
bordNo: bordNo,
|
|
postOrgNo: this.viewActionData.postOrgNo,
|
|
postGrpOrd: this.viewActionData.postGrpOrd,
|
|
postGrpLayer: 0,
|
|
postTitl: postTitle,
|
|
postCntn: content,
|
|
apndFileUuid: apndFileUuid,
|
|
};
|
|
} else {
|
|
params = {
|
|
comId: this.comId,
|
|
bordNo: bordNo,
|
|
postOrgNo: this.viewActionData.postOrgNo,
|
|
postGrpOrd: this.viewActionData.postGrpOrd,
|
|
postGrpLayer: this.viewActionData.postGrpLayer,
|
|
postTitl: postTitle,
|
|
postCntn: content,
|
|
apndFileUuid: apndFileUuid,
|
|
};
|
|
}
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'insertRplPost',
|
|
sendParam: params,
|
|
});
|
|
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('reply');
|
|
this.initActionData('view');
|
|
break;
|
|
case 'cancel':
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('reply');
|
|
this.initActionData('view');
|
|
break;
|
|
}
|
|
},
|
|
async updatePageButtonGroupClickEvent(action) {
|
|
switch (action) {
|
|
case 'update':
|
|
var postTitle = this.updateActionData.title;
|
|
var content = this.$refs.tuiUpdateEditor.invoke('getHTML');
|
|
var formData = new FormData();
|
|
var fileList = this.updateActionData.fileData;
|
|
var apndFileUuid = null;
|
|
var uploadResult = null;
|
|
var bordNo = this.bordNo;
|
|
var postNo =
|
|
this.viewActionData.postNo !== null
|
|
? this.viewActionData.postNo
|
|
: '';
|
|
|
|
if (!this.updateActionData.title) {
|
|
alert('제목을 입력해주세요.');
|
|
break;
|
|
}
|
|
if (!content) {
|
|
alert('내용을 입력해주세요.');
|
|
break;
|
|
}
|
|
|
|
if (this.fileSizeCheck(fileList) == false) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
break;
|
|
}
|
|
|
|
// postTitle = postTitle.replaceAll("RE:", "");
|
|
|
|
if (fileList !== null) {
|
|
for (var i = 0; i < fileList.length; i++) {
|
|
formData.append('file', fileList[i]);
|
|
}
|
|
formData.append('bordNo', bordNo);
|
|
formData.append('postNo', postNo);
|
|
|
|
uploadResult = await this.postUpdateApi({
|
|
apiKey: 'saveFile',
|
|
resKey: 'apndFileUuid',
|
|
sendParam: formData,
|
|
});
|
|
}
|
|
|
|
if (uploadResult) {
|
|
if (uploadResult.data.dataset.uploadStatus != 0) {
|
|
if (uploadResult.data.dataset.uploadStatus == -1) {
|
|
alert('허용되지 않는 형식의 파일입니다.');
|
|
} else if (uploadResult.data.dataset.uploadStatus == -2) {
|
|
alert('업로드 가능한 파일 용량을 초과하였습니다.');
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
apndFileUuid =
|
|
uploadResult === null ? '' : uploadResult.data.dataset.apndFileUuid;
|
|
|
|
var deleteFileParam = {
|
|
apndFile: this.updateActionData.deleteFileList,
|
|
};
|
|
|
|
if (this.updateActionData.deleteFileList.length > 0) {
|
|
await this.postApiReturn({
|
|
apiKey: 'deleteApndFile',
|
|
sendParam: deleteFileParam,
|
|
});
|
|
}
|
|
|
|
var params = {
|
|
comId: this.comId,
|
|
postNo: postNo,
|
|
bordNo: bordNo,
|
|
postTitl: postTitle,
|
|
postCntn: content,
|
|
apndFileUuid: apndFileUuid,
|
|
};
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'updatePost',
|
|
sendParam: params,
|
|
});
|
|
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('update');
|
|
this.initActionData('view');
|
|
break; // 작성 페이지 작성 버튼
|
|
case 'cancel':
|
|
this.pageActionFlag = 'list';
|
|
this.search();
|
|
this.initActionData('update');
|
|
this.initActionData('view');
|
|
break; // 작성 페이지 취소 버튼
|
|
}
|
|
},
|
|
async addFileToDeleteFileList(item) {
|
|
this.updateActionData.deleteFileList.push({
|
|
apndFileId: item.apndFileId,
|
|
});
|
|
var index = null;
|
|
|
|
if (
|
|
typeof this.updateActionData.currentFileList === 'object' &&
|
|
this.updateActionData.currentFileList.length - 1 >= 0
|
|
) {
|
|
for (var i = 0; i < this.updateActionData.currentFileList.length; i++) {
|
|
if (
|
|
item.apndFileId ===
|
|
this.updateActionData.currentFileList[i].apndFileId
|
|
) {
|
|
index = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
this.updateActionData.currentFileList.splice(index, 1);
|
|
}
|
|
},
|
|
async deletePostGrp(postData) {
|
|
if (postData.postGrpOrd != 0) {
|
|
return;
|
|
}
|
|
var res = await this.postApiReturn({
|
|
apiKey: 'selectPostList',
|
|
resKey: 'postData',
|
|
sendParam: {
|
|
bordNo: 'BORD0001',
|
|
postOrgNo: postData.postOrgNo,
|
|
},
|
|
});
|
|
|
|
for (var i = 0; i < res.length; i++) {
|
|
var params = {
|
|
comId: this.comId,
|
|
bordNo: res[i].bordNo,
|
|
postNo: res[i].postNo,
|
|
apndFileUuid: res[i].apndFileUuid,
|
|
};
|
|
|
|
await this.postApiReturn({
|
|
apiKey: 'deletePostList',
|
|
sendParam: params,
|
|
});
|
|
}
|
|
},
|
|
async downloadFile(item) {
|
|
var menuId = 'MNU0002';
|
|
var urlPrefix = await this.getDomain();
|
|
|
|
var downLoadUrl =
|
|
urlPrefix +
|
|
'comm/base/ApndFileCtr/selectDownloadApndFile?$menuId=' +
|
|
menuId +
|
|
'&apndFileId=' +
|
|
item.apndFileId;
|
|
await this.$axios
|
|
.get(downLoadUrl, { responseType: 'blob' })
|
|
.then(response => {
|
|
const blob = new Blob([response.data]);
|
|
const link = document.createElement('a');
|
|
link.href = URL.createObjectURL(blob);
|
|
link.download = item.apndFileNm + '.' + item.apndFileExt;
|
|
link.click();
|
|
URL.revokeObjectURL(link.href);
|
|
})
|
|
.catch(console.error);
|
|
},
|
|
fileSizeCheck(fileList) {
|
|
var resultFlag = true;
|
|
|
|
var limitSize = 20 * 1024 * 1024; //20mb
|
|
|
|
if (!fileList) {
|
|
return resultFlag;
|
|
}
|
|
|
|
for (var i = 0; i < fileList.length; i++) {
|
|
if (fileList[i].size >= limitSize) {
|
|
resultFlag = false;
|
|
break;
|
|
}
|
|
}
|
|
|
|
return resultFlag;
|
|
},
|
|
},
|
|
};
|
|
|
|
const defaultData = {
|
|
/* 검색옵션 */
|
|
isFind: false,
|
|
noticeMngGrid: {
|
|
data: [],
|
|
option: {},
|
|
column: [],
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.tui-grid-table tr {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|