jbcheong/hubez-admin
1
0
Fork 0
mirror of http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git synced 2026-01-27 21:35:54 +09:00
Code Issues Projects Releases Wiki Activity

TC 기능 수정 / 디자인 수정 변경

Browse Source
This commit is contained in:
kimre
2022-07-15 14:21:03 +09:00
parent a4e5cde9f6
commit 34e7957081
91 changed files with 9087 additions and 8673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/css/layout.css
View File

@@ -130,7 +130,7 @@ max-height: 90vh; overflow: auto;}/*스크린 height 100%를 벗어나는 긴
.popup .pop-cont {}
.popup .pop-cont p {font-size: 16px; color: #666666; font-weight: 400; letter-spacing: -0.8px; line-height: 100%;}
.popup .pop-cont p + p {margin-top: 10px;}
.popup .popup-btn1 {display: flex; justify-content: flex-start; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn1 {display: flex; justify-content: center; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn2 {display: flex; justify-content: space-between; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn1 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
.popup .popup-btn2 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}

1
frontend/src/assets/css/style.css
View File

@@ -1708,7 +1708,6 @@ header .user_wrap .user_info .logout {
}
.essential span{
color:#eb008b;
padding-right: 3px;
}

2
frontend/src/components/HubWebHeader.vue
View File

@@ -8,7 +8,7 @@
<a href="javascript:void(0)" class="btn_user">{{ this.$store.getters['login/userId'] }}</a>
</div>
<div class="user_info">
<a href="javascript:void(0)" class="modify">정보수정</a>
<!-- <a href="javascript:void(0)" class="modify">정보수정</a>-->
<a href="javascript:void(0)" class="logout" @click="logout();">로그아웃</a>
</div>
</div>

141
frontend/src/components/modal/calendar.vue
View File

@@ -1,141 +0,0 @@
<template>
<!-- <div class="dimmed" @click="calendarCancel();"></div>-->
<div class="datepicker">
<div class="datepicker-head">
<div class="datepicker-btn">
<a href="#" class="datepicker-prev" @click="calendarData(-1)"><span></span></a>
<a href="#" class="datepicker-next" @click="calendarData(1)"><span></span></a></div>
<div class="datepicker-title">
<span>{{ year }}.</span>
<span>{{ month }}</span>
</div>
</div>
<table class="datepicker-calender">
<tbody>
<tr v-for="(date, idx) in dates" :key="idx">
<td v-for="(day, secondIdx) in date"
:key="secondIdx"
:class="{
'disabled': idx === 0 && day >= lastMonthStart || dates.length - 1 === idx && nextMonthStart > day,
'today': day === today && month === currentMonth && year === currentYear
}"
>
<a href="#" @click="selectDay(day)">{{ day }}</a>
</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
export default {
data() {
return {
dates: [],
currentYear: 0,
currentMonth: 0,
year: 0,
month: 0,
lastMonthStart: 0,
nextMonthStart: 0,
today: 0,
};
},
created() { // 데이터에 접근이 가능한 첫 번째 라이프 사이클
const date = new Date();
this.currentYear = date.getFullYear(); // 이하 현재 년, 월 가지고 있기
this.currentMonth = date.getMonth() + 1;
this.year = this.currentYear;
this.month = this.currentMonth;
this.today = date.getDate(); // 오늘 날짜
this.calendarData();
},
methods: {
calendarData(arg) { // 인자를 추가
if (arg < 0) { // -1이 들어오면 지난 달 달력으로 이동
this.month -= 1;
} else if (arg === 1) { // 1이 들어오면 다음 달 달력으로 이동
this.month += 1;
}
if (this.month === 0) { // 작년 12월
this.year -= 1;
this.month = 12;
} else if (this.month > 12) { // 내년 1월
this.year += 1;
this.month = 1;
}
const [
monthFirstDay,
monthLastDate,
lastMonthLastDate,
] = this.getFirstDayLastDate(this.year, this.month);
this.dates = this.getMonthOfDays(
monthFirstDay,
monthLastDate,
lastMonthLastDate,
);
console.log(this.lastMonthStart)
},
getFirstDayLastDate(year, month) {
const firstDay = new Date(year, month - 1, 1).getDay(); // 이번 달 시작 요일
const lastDate = new Date(year, month, 0).getDate(); // 이번 달 마지막 날짜
let lastYear = year;
let lastMonth = month - 1;
if (month === 1) {
lastMonth = 12;
lastYear -= 1;
}
const prevLastDate = new Date(lastYear, lastMonth, 0).getDate(); // 지난 달 마지막 날짜
return [firstDay, lastDate, prevLastDate];
},
getMonthOfDays(
monthFirstDay,
monthLastDate,
prevMonthLastDate,
) {
let day = 1;
let prevDay = (prevMonthLastDate - monthFirstDay) + 1;
const dates = [];
let weekOfDays = [];
while (day <= monthLastDate) {
if (day === 1) {
// 1일이 어느 요일인지에 따라 테이블에 그리기 위한 지난 셀의 날짜들을 구할 필요가 있다.
for (let j = 0; j < monthFirstDay; j += 1) {
if (j === 0) this.lastMonthStart = prevDay; // 지난 달에서 제일 작은 날짜
weekOfDays.push(prevDay);
prevDay += 1;
}
}
weekOfDays.push(day);
if (weekOfDays.length === 7) {
// 일주일 채우면
dates.push(weekOfDays);
weekOfDays = []; // 초기화
}
day += 1;
}
const len = weekOfDays.length;
if (len > 0 && len < 7) {
for (let k = 1; k <= 7 - len; k += 1) {
weekOfDays.push(k);
}
}
if (weekOfDays.length > 0) dates.push(weekOfDays); // 남은 날짜 추가
this.nextMonthStart = weekOfDays[0]; // 이번 달 마지막 주에서 제일 작은 날짜
return dates;
},
selectDay(day){
const year = this.year
const month = this.month.toString().length < 2 ? '0'+ this.month : this.month
const dd = day.toString().length < 2 ? '0' + day : day;
const getDate = year + '-' + month + '-' + dd
this.$parent.calendarCalbackFnc(getDate);
},
calendarCancel(){
this.$parent.openEndPicker= false
this.$parent.openStartPicker= false
}
},
};
</script>

14
frontend/src/components/modal/commonModal.vue
View File

@@ -2,10 +2,10 @@
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal01" @click="alertModalCancel();"></div>
<div class="popup-wrap modal01">
<div class="dimmed alertCommon" @click="alertModalCancel();"></div>
<div class="popup-wrap alertCommon">
<!-- 로그인실패: 확인 -->
<div class="popup modal01">
<div class="popup alertCommon">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
@@ -79,7 +79,9 @@ export default {
},
methods :{
alertModalOpen(props){
var dimmed = document.getElementsByClassName('modal01');
console.log("@@@@@@@@@@")
console.log(props)
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
@@ -90,13 +92,13 @@ export default {
this.msg4 = props.msg4;
},
alertModalClose(){
var dimmed = document.getElementsByClassName('modal01');
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
alertModalCancel(){
var dimmed = document.getElementsByClassName('modal01');
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}

449
frontend/src/modules/attractMgt/views/ChannelDetail.vue
View File

@@ -9,82 +9,80 @@
<div class="title">상세 정보</div>
</div>
<div class="table table_form m50">
<form autocomplete="off">
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>가입일</th>
<td colspan="2"><input type="text" disabled v-model="subsDt"></td>
<th>상태</th>
<td colspan="2"><input type="text" disabled v-model="subsSttusCd"></td>
</tr>
<tr class="tr_input w75">
<th>고객사</th>
<td colspan="2"><input type="text" disabled v-model="custNm"></td>
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan"></td>
</tr>
<tr class="tr_input w75">
<th>대표자</th>
<td colspan="2"><input type="text" disabled v-model="reprNm"></td>
<th>사용자 구분</th>
<td colspan="2"><input type="text" disabled v-model="custTyCd"></td>
</tr>
<tr class="tr_input">
<th>사업자등록번호</th>
<td colspan="2">
<div class="input-bnumber">
<input type="text" disabled v-model="bizrno1">
<input type="text" disabled v-model="bizrno2">
<input type="text" disabled v-model="bizrno3">
</div>
</td>
<th>법인등록번호</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="cprRegNo1">
<input type="text" disabled v-model="cprRegNo2">
</div>
</td>
</tr>
<tr class="tr_input">
<th>사업장 주소</th>
<td colspan="5">
<div class="input-address">
<input type="text" disabled v-model="adr1">
<input type="text" disabled v-model="adr2">
<input type="text" disabled v-model="adr3">
</div>
</td>
</tr>
<tr class="tr_input">
<th>유치자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="channelId">
<input type="text" disabled v-model="channelNm">
</div>
</td>
<th>관리자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="adminId">
<input type="text" disabled v-model="adminNm">
<button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>가입일</th>
<td colspan="2"><input type="text" disabled v-model="subsDt"></td>
<th>상태</th>
<td colspan="2"><input type="text" disabled v-model="subsSttusNm"></td>
</tr>
<tr class="tr_input w75">
<th>고객사</th>
<td colspan="2"><input type="text" disabled v-model="custNm"></td>
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan"></td>
</tr>
<tr class="tr_input w75">
<th>대표자</th>
<td colspan="2"><input type="text" disabled v-model="reprNm"></td>
<th>사용자 구분</th>
<td colspan="2"><input type="text" disabled v-model="custTyNm"></td>
</tr>
<tr class="tr_input">
<th>사업자등록번호</th>
<td colspan="2">
<div class="input-bnumber">
<input type="text" disabled v-model="bizrno1">
<input type="text" disabled v-model="bizrno2">
<input type="text" disabled v-model="bizrno3">
</div>
</td>
<th>법인등록번호</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="cprRegNo1">
<input type="text" disabled v-model="cprRegNo2">
</div>
</td>
</tr>
<tr class="tr_input">
<th>사업장 주소</th>
<td colspan="5">
<div class="input-address">
<input type="text" disabled v-model="adr1">
<input type="text" disabled v-model="adr2">
<input type="text" disabled v-model="adr3">
</div>
</td>
</tr>
<tr class="tr_input">
<th>유치자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="channelId">
<input type="text" disabled v-model="channelNm">
</div>
</td>
<th>관리자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="adminId">
<input type="text" disabled v-model="adminNm">
<button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="info">
<div class="count">발송건수
@@ -96,49 +94,49 @@
</div>
<div class="table calculate">
<form autocomplete="off">
<table class="table-r">
<colgroup>
<col width="16%">
<col width="16%">
<col width="16%">
<col width="16%">
<col width="16%">
<col width="20%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="5">채널별 발송 건수</th>
</tr>
<tr class="total">
<th>전체</th>
<th>SMS</th>
<th>LMS</th>
<th>MMS</th>
<th>알림톡</th>
</tr>
</thead>
<tbody>
<tr>
<td>합계</td>
<td>{{sndCntTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{sndCntSTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{sndCntLTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{sndCntMTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{sndCntATotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
</tr>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{option.sumYm}}</td>
<td>{{option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
<td>{{option.sndCntA.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
</tr>
</tbody>
</table>
</form>
<form autocomplete="off">
<table class="table-r">
<colgroup>
<col width="16%">
<col width="16%">
<col width="16%">
<col width="16%">
<col width="16%">
<col width="20%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="5">채널별 발송 건수</th>
</tr>
<tr class="total">
<th>전체</th>
<th>SMS</th>
<th>LMS</th>
<th>MMS</th>
<th>알림톡</th>
</tr>
</thead>
<tbody>
<tr>
<td>합계</td>
<td>{{ sndCntTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ sndCntSTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ sndCntLTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ sndCntMTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ sndCntATotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
</tr>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.sumYm }}</td>
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.sndCntA.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
@@ -156,92 +154,95 @@ import channelMgtApi from '../service/channelMgtApi';
import moment from 'moment';
import xlsx from '@/common/excel';
import AdminNmPop from '../../custMgt/components/AdminNmPop';
export default {
name: "channelDetail",
data(){
return{
row: {},
subsDt: '',
norgNm: '',
userSeq: '',
loginId: '',
custNm: '',
bizrno: '',
bizrno1: '',
bizrno2: '',
bizrno3: '',
userNm: '',
subsSttusCd: '',
custTyCd: '',
sndCnt: '',
adr1: '',
adr2: '',
adr3: '',
cprRegNo: '',
cprRegNo1: '',
cprRegNo2: '',
adminId: '',
adminNm: '',
channelId: '',
channelNm: '',
reprNm: '',
plan: '',
sumYm: '',
sndCntS: '',
sndCntL: '',
sndCntM: '',
sndCntA: '',
succCnt: '',
succCntS: '',
succCntL: '',
succCntM: '',
succCntA: '',
sndCntTotal: 0,
sndCntSTotal: 0,
sndCntLTotal: 0,
sndCntMTotal: 0,
sndCntATotal: 0,
list:[],
totalCnt: '',
props: {},
excelHeader: [],
pageType:'CHANNELDETAIL',
serviceId:'',
}
name: "channelDetail",
data() {
return {
row: {},
subsDt: '',
norgNm: '',
userSeq: '',
loginId: '',
custNm: '',
bizrno: '',
bizrno1: '',
bizrno2: '',
bizrno3: '',
userNm: '',
subsSttusCd: '',
custTyCd: '',
sndCnt: '',
adr1: '',
adr2: '',
adr3: '',
cprRegNo: '',
cprRegNo1: '',
cprRegNo2: '',
adminId: '',
adminNm: '',
channelId: '',
channelNm: '',
reprNm: '',
plan: '',
sumYm: '',
sndCntS: '',
sndCntL: '',
sndCntM: '',
sndCntA: '',
succCnt: '',
succCntS: '',
succCntL: '',
succCntM: '',
succCntA: '',
sndCntTotal: 0,
sndCntSTotal: 0,
sndCntLTotal: 0,
sndCntMTotal: 0,
sndCntATotal: 0,
list: [],
totalCnt: '',
props: {},
excelHeader: [],
pageType: 'CHANNELDETAIL',
serviceId: '',
subsSttusNm: '',
custTyNm: '',
}
},
props: {
userSeq: {
type: String,
default: "",
},
props: {
userSeq: {
type: String,
default: "",
},
},
components: {
},
components: {
channelMgtApi,
AdminNmPop,
},
created(){
console.log(this.$route.params.userSeq);
this.loginId = this.$route.params.loginId;
this.getExcelHeader();
this.channelDetail(this.$route.params.userSeq);
},
methods :{
async channelDetail(userSeq){
},
created() {
console.log(this.$route.params.userSeq);
this.loginId = this.$route.params.loginId;
this.getExcelHeader();
this.channelDetail(this.$route.params.userSeq);
},
methods: {
async channelDetail(userSeq) {
this.row.userSeq = userSeq;
try {
const response = await channelMgtApi.channelDetail(this.row);
const result = response.data;
console.log(result);
var sndCntTotal=0;
var sndCntSTotal=0;
var sndCntLTotal=0;
var sndCntMTotal=0;
var sndCntATotal=0;
if(result != null && result.retCode == "0000") {
var sndCntTotal = 0;
var sndCntSTotal = 0;
var sndCntLTotal = 0;
var sndCntMTotal = 0;
var sndCntATotal = 0;
if (result != null && result.retCode == "0000") {
//데이터값이 널이면 오류처리
for(var i = 0; i < result.data.list.length; i++ ){
console.log('[succCnt]:'+result.data.list[i].succCnt);
for (var i = 0; i < result.data.list.length; i++) {
console.log('[succCnt]:' + result.data.list[i].succCnt);
sndCntTotal = sndCntTotal + Number(result.data.list[i].sndCnt);
sndCntSTotal = sndCntSTotal + Number(result.data.list[i].sndCntS)
sndCntLTotal = sndCntLTotal + Number(result.data.list[i].sndCntL)
@@ -265,30 +266,32 @@ export default {
this.reprNm = result.data.reprNm;
this.bizrno = result.data.bizrno;
this.channelId = result.data.channelId;
this.channelNm = result.data.channelNm;
this.channelNm = result.data.channelNm;
this.adminId = result.data.adminId;
this.adminNm = result.data.adminNm;
this.adminNm = result.data.adminNm;
this.cprRegNo = result.data.cprRegNo;
this.adr1 = result.data.adr1;
this.adr2 = result.data.adr2;
this.adr3 = result.data.adr3;
this.adr2 = result.data.adr2;
this.adr3 = result.data.adr3;
this.custTyCd = result.data.custTyCd;
this.plan = result.data.plan;
if(this.bizrno != '' && this.bizrno != null){
this.bizrno1 = this.bizrno.substr(0, 3);
this.bizrno2 = this.bizrno.substr(3, 2);
this.bizrno3 = this.bizrno.substr(5);
}
if(this.cprRegNo != '' && this.cprRegNo != null){
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
this.cprRegNo2 = this.cprRegNo.substr(6);
}
this.subsSttusNm = result.data.subsSttusNm;
this.custTyNm = result.data.custTyNm;
if (this.bizrno != '' && this.bizrno != null) {
this.bizrno1 = this.bizrno.substr(0, 3);
this.bizrno2 = this.bizrno.substr(3, 2);
this.bizrno3 = this.bizrno.substr(5);
}
if (this.cprRegNo != '' && this.cprRegNo != null) {
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
this.cprRegNo2 = this.cprRegNo.substr(6);
}
this.serviceId = result.data.userId;
}
} catch (error) {
}
},
@@ -297,7 +300,7 @@ export default {
channelMgtApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
});
},
},
async excelDown() {
if (this.list.length <= 0) {
@@ -315,9 +318,10 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
async getExcelDataDown() {
try {
let response;
@@ -327,7 +331,7 @@ export default {
// sndCntM: this.sndCntM,
// sndCntA: this.sndCntA,
userSeq: this.userSeq
};
response = await channelMgtApi.sendNumberListExcel(params);
@@ -335,7 +339,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -343,21 +347,20 @@ export default {
}
}, // end of getExcelDataDown
goChannelList() {
this.$router.push({ name: 'channelList'});
this.$router.push({name: 'channelList'});
},
searchIDPopOpen: function(){
console.log('>>> serviceId:'+this.serviceId);
searchIDPopOpen: function () {
console.log('>>> serviceId:' + this.serviceId);
var params = {
"serviceId": this.serviceId,
"serviceSeq": this.row.userSeq,
"parentDiv": 'channelDetail'
"serviceSeq": this.row.userSeq,
"parentDiv": 'channelDetail'
}
this.$refs.adminNmPop.ModalOpen(params);
},
this.$refs.adminNmPop.ModalOpen(params);
},
}
}
}
</script>

200
frontend/src/modules/attractMgt/views/ChannelList.vue
View File

@@ -5,12 +5,11 @@
<h3 class="title">유치채널현황</h3>
<p class="breadcrumb">유치현황관리 &gt; 유치채널현황</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="term">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
@@ -21,7 +20,7 @@
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
@@ -31,56 +30,59 @@
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
<div class="select_box id">
<label for="subsSttusCd" class="label">상태</label>
<select name="subsSttusCd" id="subsSttusCd" v-model="grid.params.subsSttusCd" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in subsSttusCdList" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="custTyCd" class="label">구분</label>
<select name="custTyCd" id="custTyCd" v-model="grid.params.custTyCd" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in custTyCdList" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">유치자 마당ID</label>
<input class="" type="text" id="" placeholder="검색어 입력" v-model="grid.params.loginId"/>
</div>
<div class="input_box">
<label for="right" class="label">유치업체</label>
<input class="" type="text" id="" placeholder="검색어 입력" v-model="grid.params.norgNm"/>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="searchType" id="searchType" v-model="searchType" @keyup.enter="search">
<option value="01">고객사명</option>
<option value="02">이름</option>
<option value="03">사업자등록번호(생년월일)</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
<div class="select_box id">
<label for="subsSttusCd" class="label">상태</label>
<select name="subsSttusCd" id="subsSttusCd" v-model="grid.params.subsSttusCd" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in subsSttusCdList" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="custTyCd" class="label">구분</label>
<select name="custTyCd" id="custTyCd" v-model="grid.params.custTyCd" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in custTyCdList" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">유치자 마당ID</label>
<input class="" type="text" id="" placeholder="검색어 입력" v-model.trim="grid.params.loginId" maxlength="50"/>
</div>
<div class="input_box">
<label for="right" class="label">유치업체</label>
<input class="" type="text" id="" placeholder="검색어 입력" v-model.trim="grid.params.norgNm" maxlength="50"/>
</div>
</div>
</form>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="searchType" id="searchType" v-model="searchType" @keyup.enter="search">
<option value="01">고객사명</option>
<option value="02">이름</option>
<option value="03">사업자등록번호</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.searchText" maxlength="100"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
@@ -111,8 +113,6 @@
</div>
</div>
</template>
@@ -130,7 +130,7 @@ class CustomATagRenderer {
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
el.innerText = String(props.colValue)
this.el = el;
}
@@ -140,7 +140,7 @@ class CustomATagRenderer {
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
@@ -157,19 +157,19 @@ export default {
startDate: new Date(),
endDate: new Date(),
row:{},
pageType:'CHANNEL',
subsSttusCdList:[],
custTyCdList:[],
row: {},
pageType: 'CHANNEL',
subsSttusCdList: [],
custTyCdList: [],
openPicker: false,
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
searchType:'01',
searchType: '01',
totalItems: 0,
grid: {
url: '/api/v1/bo/attractMgt/channelList',
@@ -180,29 +180,28 @@ export default {
addCls: 'box_OFvis',
columns: [
{ name: 'no', header: 'No', align: 'center', width: '6%'},
{ name: 'subsDt', header: '가입일', align: 'center', width: '11%'},
{ name: 'norgNm', header: '유치업체', align: 'center', width: '10%'},
{ name: 'userSeq', header: '사용자일련번호', align: 'center', width: '10%', hidden:true},
{ name: 'loginId', header: '마당ID(이름)', align: 'center', width: '10%', renderer: {
{name: 'no', header: 'No', align: 'center', width: '6%'},
{name: 'subsDt', header: '가입일', align: 'center', width: '11%'},
{name: 'norgNm', header: '유치업체', align: 'center', width: '10%'},
{name: 'userSeq', header: '사용자일련번호', align: 'center', width: '10%', hidden: true},
{
name: 'loginId', header: '마당ID(이름)', align: 'center', width: '10%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.channelDetail,
}
}
},
{ name: 'custNm', header: '고객사명', align: 'center', width: '10%'},
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '12%'
,formatter: props => {
let result = props.bizrno.substring(0,3)+'-'+ props.bizrno.substring(3,5)+'-'+ props.bizrno.substring(5,10)
return result;
}
},
{ name: 'userNm', header: '이름', align: 'center', width: '10%'},
{ name: 'subsSttusCd', header: '상태', align: 'center', width: '10%'},
{ name: 'custTyCd', header: '구분', align: 'center', width: '10%'},
{ name: 'sndCnt', header: '전체발송건수', align: 'center', width: '11%',
formatter: props =>{
{name: 'custNm', header: '고객사명', align: 'center', width: '10%'},
{name: 'bizrno', header: '사업자번호', align: 'center', width: '12%'},
{name: 'userNm', header: '이름', align: 'center', width: '10%'},
{name: 'subsSttusCd', header: '상태', align: 'center', width: '10%', hidden: true},
{name: 'subsSttusNm', header: '상태', align: 'center', width: '10%'},
{name: 'custTyCd', header: '구분', align: 'center', width: '10%', hidden: true},
{name: 'custTyNm', header: '구분', align: 'center', width: '10%'},
{
name: 'sndCnt', header: '전체발송건수', align: 'center', width: '11%',
formatter: props => {
let result = props.sndCnt;
//.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
@@ -213,14 +212,16 @@ export default {
params: {
searchType: '01',
searchType1: '',
searchText: '',
searchText: '',
subsStDt: '',
subsEdDt: '',
subsSttusCd: '',
subsSttusNm: '',
loginId: '',
norgNm: '',
sndCnt: '',
custTyCd: '',
custTyNm: '',
},
excelHeader: []
}
@@ -231,11 +232,11 @@ export default {
commonModal,
vuejsDatepicker,
},
created(){
created() {
this.setCodeData();
this.getExcelHeader();
this.setPeriodDay(0);
// this.grid.params.subsSttusCd = '';
// this.grid.params.searchType = '01';
// this.$refs.searchType_.
@@ -248,7 +249,7 @@ export default {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
@@ -261,19 +262,19 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log('this.perPageCnt'+this.perPageCnt);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -283,7 +284,7 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
async getExcelDataDown() {
try {
@@ -303,7 +304,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -323,14 +324,15 @@ export default {
const saveFileName = `유치채널현황_${today}.xlsx`;
const data = await this.getExcelDataDown();
console.log('-------------------------');
console.log('-------------------------');
console.log(data);
let options = {
header: this.excelHeader,
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
@@ -338,21 +340,21 @@ export default {
this.excelHeader = res;
});
},
channelDetail(props){
channelDetail(props) {
console.log(props);
this.row.userId = props.loginId;
this.row.userSeq = props.userSeq;
this.$router.push({ name: 'channelDetail', params: this.row });
this.$router.push({name: 'channelDetail', params: this.row});
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd' : 'SUBS_STTUS_CD'}).then(response => {
api.commCode({'grpCd': 'SUBS_STTUS_CD'}).then(response => {
// grid.params.subsSttusCd
this.subsSttusCdList = response.data.data.list;
this.grid.params.subsSttusCd = '';
});
api.commCode({'grpCd' : 'CUST_TY_CD'}).then(response => {
api.commCode({'grpCd': 'CUST_TY_CD'}).then(response => {
this.custTyCdList = response.data.data.list;
this.grid.params.custTyCd = '';
});
@@ -386,15 +388,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {

339
frontend/src/modules/calculate/views/CalcList.vue
View File

@@ -6,13 +6,12 @@
<h3 class="title">정산이력</h3>
<p class="breadcrumb">정산 &gt; 정산이력</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label txt">조회기간</label>
<p>전월 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label txt">조회기간</label>
<p>전월 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
@@ -23,10 +22,11 @@
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
:picker-options="startDateOptions"
></vuejs-datepicker>
</span>
<span class="hypen">~</span>
<span class="custom_input icon_date">
<span class="hypen">~</span>
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
@@ -36,32 +36,37 @@
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
:picker-options="endDateOptions"
></vuejs-datepicker>
</span>
</div>
</div>
</div>
<div class="group">
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model="grid.params.custNm"/>
</div>
<div class="input_box">
<label for="right" class="label">사업자번호</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model="grid.params.bizrno"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</form>
<div class="group">
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model="grid.params.custNm"
maxlength="100" @keyup.enter="search"/>
</div>
<div class="input_box">
<label for="right" class="label">사업자번호</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model="grid.params.bizrno"
@keypress="onlyNum" @input="onlyNum" maxlength="10" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
@@ -70,23 +75,23 @@
<div class="table calculate scroll">
<table>
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
@@ -98,9 +103,11 @@ import xlsx from '@/common/excel';
import lodash from 'lodash';
import commonModal from "@/components/modal/commonModal";
import calcMgtApi from "@/modules/calculate/service/calcMgtApi";
import {utils_mixin, chkPattern2} from '../service/mixins';
export default {
name: 'calcList',
mixins: [utils_mixin, chkPattern2],
data() {
return {
// 달력 데이터
@@ -109,136 +116,150 @@ export default {
sDateDiv: 'month',
startDate: new Date(),
endDate: new Date(),
startDt:'',
endDt:'',
startYear:'',
startMonth:'',
endYear:'',
endMonth:'',
row: {},
list:[],
totalCnt: '',
startDateOptions: {disabledDate: this.disabledStDate},
endDateOptions: {disabledDate: this.disabledEdDate},
startDt: '',
endDt: '',
startYear: '',
startMonth: '',
endYear: '',
endMonth: '',
row: {},
list: [],
totalCnt: '',
pageType: 'CALC',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
grid: {
url: '/api/v1/bo/calculate/calcList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
header:[
header: [
[
{ header: '날짜', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '요금제', childNames: [] },
{ header: '시작금액', childNames: [] },
{ header: '사용금액', childNames: [] },
{ header: '이월금액', childNames: [] },
{ header: '종량금액', childNames: [] },
{ header: '소멸금액', childNames: [] },
{ header: '청구금액', childNames: [] },
{ header: '채널별 발송 건수', childNames: ['totalSndCnt','smsSndCnt','lmsSndCnt','mmsSndCnt','atlkSndCnt'] },
{header: '날짜', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '요금제', childNames: []},
{header: '시작금액', childNames: []},
{header: '사용금액', childNames: []},
{header: '이월금액', childNames: []},
{header: '종량금액', childNames: []},
{header: '소멸금액', childNames: []},
{header: '청구금액', childNames: []},
{header: '채널별 발송 건수', childNames: ['totalSndCnt', 'smsSndCnt', 'lmsSndCnt', 'mmsSndCnt', 'atlkSndCnt']},
]
],
columns: [
{ name: 'useYm', header: '날짜', align: 'center'},
{ name: 'custNm', header: '고객사명', align: 'center', width: '130px'},
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '120px'
,formatter: props => {
let result = props.bizrno.substring(0,3)+'-'+ props.bizrno.substring(3,5)+'-'+ props.bizrno.substring(5,10)
columns: [
{name: 'useYm', header: '날짜', align: 'center'},
{name: 'custNm', header: '고객사명', align: 'center', width: '130px'},
{
name: 'bizrno', header: '사업자번호', align: 'center', width: '120px'
// ,formatter: props => {
// let result = props.bizrno.substring(0,3)+'-'+ props.bizrno.substring(3,5)+'-'+ props.bizrno.substring(5,10)
// return result;
// }
},
{
name: 'prodNm', header: '요금제', align: 'center', width: '160px'
, formatter: props => {
let result = "<p>" + props.prodNm + "</p>\n<p>(" + props.prodAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + ")</p>";
return result;
}
},
{ name: 'prodNm', header: '요금제', align: 'center', width: '160px'
,formatter: props => {
let result = "<p>"+ props.prodNm+"</p>\n<p>("+props.prodAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+")</p>";
return result;
}
},
{ name: 'startAmt', header: '시작금액', align: 'center'
,formatter: props =>{
{
name: 'startAmt', header: '시작금액', align: 'center'
, formatter: props => {
let result = props.startAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'useAmt', header: '사용금액', align: 'center'
,formatter: props =>{
{
name: 'useAmt', header: '사용금액', align: 'center'
, formatter: props => {
let result = props.useAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'cfwdAmt', header: '이월금액', align: 'center'
,formatter: props =>{
{
name: 'cfwdAmt', header: '이월금액', align: 'center'
, formatter: props => {
let result = props.cfwdAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'mrtUseAmt', header: '종량금액', align: 'center'
,formatter: props =>{
{
name: 'mrtUseAmt', header: '종량금액', align: 'center'
, formatter: props => {
let result = props.mrtUseAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'extncAmt', header: '소멸금액', align: 'center'
,formatter: props =>{
{
name: 'extncAmt', header: '소멸금액', align: 'center'
, formatter: props => {
let result = props.extncAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'billingAmt', header: '청구금액', align: 'center'
,formatter: props =>{
{
name: 'billingAmt', header: '청구금액', align: 'center'
, formatter: props => {
let result = props.billingAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'totalSndCnt', header: '전체', align: 'center', cls: 'td_line'
,formatter: props =>{
{
name: 'totalSndCnt', header: '전체', align: 'center', cls: 'td_line'
, formatter: props => {
let result = props.totalSndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'smsSndCnt', header: 'SMS', align: 'center', cls: 'td_line'
,formatter: props =>{
{
name: 'smsSndCnt', header: 'SMS', align: 'center', cls: 'td_line'
, formatter: props => {
let result = props.smsSndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'lmsSndCnt', header: 'LMS', align: 'center', cls: 'td_line'
,formatter: props =>{
{
name: 'lmsSndCnt', header: 'LMS', align: 'center', cls: 'td_line'
, formatter: props => {
let result = props.lmsSndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'mmsSndCnt', header: 'MMS', align: 'center', cls: 'td_line'
,formatter: props =>{
{
name: 'mmsSndCnt', header: 'MMS', align: 'center', cls: 'td_line'
, formatter: props => {
let result = props.mmsSndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'atlkSndCnt', header: '알림톡', align: 'center', cls: 'td_line'
,formatter: props =>{
{
name: 'atlkSndCnt', header: '알림톡', align: 'center', cls: 'td_line'
, formatter: props => {
let result = props.atlkSndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
],
noDataStr: '검색 결과가 없습니다.',
params: {
noDataStr: '검색 결과가 없습니다.',
params: {
startMonth: '',
endMonth: '',
},
@@ -246,31 +267,31 @@ export default {
}
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
},
created(){
created() {
this.setPeriodDay(0);
this.gridParamSet();
this.getExcelHeader();
},
destroyed() {
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
@@ -289,7 +310,7 @@ export default {
next();
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log('>>>>>>> search Start >>>>>>');
this.$refs.table.search(this.grid.params, isKeep);
this.grid.params = {
@@ -298,28 +319,28 @@ export default {
custNm: this.grid.params.custNm,
bizrno: this.grid.params.bizrno
};
console.log('this.perPageCnt'+this.perPageCnt);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
/*
var currentDate = new Date();
var currentMonth = moment(currentDate).format('YYYYMM');
console.log('[currentMonth]:'+currentMonth);
/*
var currentDate = new Date();
var currentMonth = moment(currentDate).format('YYYYMM');
console.log('[currentMonth]:'+currentMonth);
if(moment(this.grid.params.startMonth).isBefore(moment(currentMonth).subtract(0, 'months').format('YYYYMM')) ||
moment(this.grid.params.endMonth).isBefore(moment(currentMonth).subtract(0, 'months').format('YYYYMM'))){
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 전월만 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
*/
if (moment(this.grid.params.startMonth).isBefore(moment(this.grid.params.endMonth).subtract(2, 'months').format('YYYYMM'))) {
//alert('검색 기간은 전월 최대 3개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 전월 최대 3개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
if(moment(this.grid.params.startMonth).isBefore(moment(currentMonth).subtract(0, 'months').format('YYYYMM')) ||
moment(this.grid.params.endMonth).isBefore(moment(currentMonth).subtract(0, 'months').format('YYYYMM'))){
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 전월만 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
*/
// if (moment(this.grid.params.startMonth).isBefore(moment(this.grid.params.endMonth).subtract(2, 'months').format('YYYYMM'))) {
// //alert('검색 기간은 전월 최대 3개월까지 선택 가능 합니다.');
// this.row.title = '발송통계';
// this.row.msg1 = '검색 기간은 전월 최대 3개월까지 선택 가능 합니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
// return false
// }
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
@@ -327,12 +348,16 @@ export default {
},
setPeriodDay(day) {
this.periodDay = day;
// this.endDate = new Date();
this.endDate = new Date();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .subtract(day, 'month')
// .toDate();
console.log(this.startDt)
this.initSetStartDate();
this.initSetEndDate();
// this.disabledStDate(this.startDate)
// this.disabledEndDate(this.endDate)
this.closeDate('start');
this.closeDate('end');
@@ -355,17 +380,25 @@ export default {
},
closeDate(type) {
if (type != undefined && type != null) {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 4)
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {to: initStartDate, from: new Date()};
if (this.startDate !== initStartDate) {
this.disabledEDate = {to: this.startDate, from: new Date()};
}
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledEDate = {to: initStartDate, from: new Date()};
if (this.endDate !== new Date()) {
this.disabledSDate = {from: this.endDate};
this.disabledSDate = {to: initStartDate, from: new Date()};
}
}
}
},
customFormatter: function(date) {
console.log(this.sDateDiv)
customFormatter: function (date) {
// console.log(this.sDateDiv)
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -374,13 +407,13 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
// console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
@@ -388,7 +421,7 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
// console.log("getCondition : " + getCondition.perPage);
},
gridParamSet() {
this.grid.params = {
@@ -398,7 +431,7 @@ export default {
bizrno: this.grid.params.bizrno
}
console.log("gridParamSet()-startMonth : "+ this.grid.params.startMonth);
// console.log("gridParamSet()-startMonth : " + this.grid.params.startMonth);
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
@@ -423,7 +456,8 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
async getExcelDataDown() {
try {
@@ -434,25 +468,26 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
return false;
}
},
initSetStartDate(){
initSetStartDate() {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -4);
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 4);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
// console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
initSetEndDate(){
initSetEndDate() {
let initEndDate = new Date();
initEndDate.setMonth(Number(moment(initEndDate).format('MM')) -2);
initEndDate.setMonth(Number(moment(initEndDate).format('MM')) - 1);
this.endDate = initEndDate;
console.log(moment(this.endDate).format('YYYY-MM-DD'));
// console.log(moment(this.endDate).format('YYYY-MM-DD'));
},
}
};
}
;
</script>

332
frontend/src/modules/channelMgt/views/TmpltList.vue
View File

@@ -1,70 +1,66 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">알림톡 템플릿 목록 조회</h3>
<p class="breadcrumb">채널관리 &gt; 알림톡 템플릿 관리</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">상태</label>
<select name="" id="stat" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="Y">사용</option>
<option value="N">폐기</option>
</select>
</div>
<div class="select_box">
<label for="searchType" class="label">상세검색</label>
<select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
<option value="custNm" selected="selected">고객사명</option>
<option value="bizNo">사업자번호</option>
<option value="tmpltNm">템플릿명</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="grid.pagePerRows" @keyup.enter="search">
<option value="20">20</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">알림톡 템플릿 목록 조회</h3>
<p class="breadcrumb">채널관리 &gt; 알림톡 템플릿 관리</p>
</div>
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">상태</label>
<select name="" id="stat" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="Y">사용</option>
<option value="N">폐기</option>
</select>
</div>
<div class="select_box">
<label for="searchType" class="label">상세검색</label>
<select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
<option value="custNm" selected="selected">고객사명</option>
<option value="bizNo">사업자번호</option>
<option value="tmpltNm">템플릿명</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
@keyup.enter="search" maxlength="100"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="grid.pagePerRows" @keyup.enter="search">
<option value="20">20</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
</div>
<!-- <div class="button_group">-->
<!-- <button type="button" class="button blue admin" @click="excelDown();">엑셀다운로드</button>-->
<!-- </div>-->
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
<common-modal ref="commmonModal"></common-modal>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -74,106 +70,18 @@ import xlsx from '@/common/excel';
import moment from 'moment';
import commonModal from "@/components/modal/commonModal";
class customBRegNo {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var bregNo = String(props.colValue);
el.innerText= bregNo;
if(bregNo.length == 10){
el.innerText= bregNo.substring(0,3)+'-'+bregNo.substring(3,5)+'-'+bregNo.substring(5,10)
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
class customTmpltType {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var tmpltType = String(props.colValue);
el.innerText= "";
switch(tmpltType){
case '01' :
el.innerText= "기본형";
break;
case '02' :
el.innerText= "부가정보형";
break;
case '03' :
el.innerText= "광고추가형";
break;
case '04' :
el.innerText= "복잡형";
break;
default :
break;
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
class customStat {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var stat = String(props.colValue);
el.innerText= "";
switch(stat){
case 'T' :
el.innerText= "신청완료";
break;
case 'R' :
el.innerText= "검수요청완료";
break;
case 'Q' :
el.innerText= "카카오 검수중";
break;
case 'A' :
el.innerText= "템플릿승인";
break;
case 'S' :
el.innerText= "반려(" + props.returnReason + ")";
break;
default :
break;
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
export default {
name: 'temltList',
data() {
return {
row: {},
row: {},
authType: [],
statType: [],
statType: [],
cate2Code: "",
totalItems: 0,
pageType: 'CHANN',
searchType1:'',
searchType2:'custNm',
searchType1: '',
searchType2: 'custNm',
// 테이블 리스트 데이터
perPageCnt: 50,
@@ -188,77 +96,78 @@ export default {
header: [
[
{ header: 'NO', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '템플릿코드', childNames: [] },
{ header: '템플릿명', childNames: [] },
{ header: '템플릿 유형', childNames: [] },
{ header: '상태(반려사유)', childNames: [] },
{ header: '발신프로필', childNames: [] },
{ header: '최종수정일', childNames: [] }
{header: 'NO', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '템플릿코드', childNames: []},
{header: '템플릿명', childNames: []},
{header: '템플릿 유형', childNames: []},
{header: '상태', childNames: []},
{header: '발신프로필', childNames: []},
{header: '최종수정일', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '4%' },
{ name: 'custNm', header: '고객사명', align: 'center', width: '12%' },
{ name: 'bregNo', header: '사업자번호', align: 'center', width: '12%',renderer: {type: customBRegNo}},
{ name: 'tmpltCd', header: '템플릿코드', align: 'center', width: '12%'},
{ name: 'tmpltNm', header: '템플릿명', align: 'center', width: '12%'},
{ name: 'tmpltType', header: '템플릿 유형', align: 'center', width: '12%',renderer: {type: customTmpltType}},
{ name: 'stat', header: '상태(반려사유)', align: 'center', width: '12%',renderer: {type: customStat}},
{ name: 'sendProfile', header: '발신프로필', align: 'center', width: '125'},
{ name: 'lastChgDt', header: '최종수정일', width: '12%', cls: 'td_line' }
columns: [
{name: 'no', header: 'NO', align: 'center', width: '4%'},
{name: 'custNm', header: '고객사명', align: 'center', width: '12%'},
{name: 'bregNo', header: '사업자번호', align: 'center', width: '12%'},
{name: 'tmpltCd', header: '템플릿코드', align: 'center', width: '12%'},
{name: 'tmpltNm', header: '템플릿명', align: 'center', width: '12%'},
{name: 'tmpltType', header: '템플릿 유형', align: 'center', width: '12%'},
{name: 'stat', header: '상태', align: 'center', width: '12%'},
{name: 'sendProfile', header: '발신프로필', align: 'center', width: '125'},
{name: 'lastChgDt', header: '최종수정일', width: '12%', cls: 'td_line'}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
},
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
channelMgtApi,
commonModal,
},
created(){
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
this.getExcelHeader();
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''}
});
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
}
});
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
},
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
@@ -266,17 +175,17 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
}
}
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
@@ -296,7 +205,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -320,7 +229,8 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
@@ -329,18 +239,18 @@ export default {
});
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

10
frontend/src/modules/custMgt/components/AdminNmPop.vue
View File

@@ -21,7 +21,7 @@
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -167,6 +167,14 @@ export default {
this.$parent.channelDetail(this.serviceSeq);
}
}else if(result != null && result.retCode == "1009"){
this.row.title = '관리자명 조회';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs.madangId.focus();
this.formReset();
this.$refs.madangId.focus();
return false;
}else {
//alert('관리자정보 수정에 실패하였습니다.');
this.formReset();

139
frontend/src/modules/custMgt/components/MemberBulkRegPop.vue
View File

@@ -9,27 +9,27 @@
</div>
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td>{{ adminId }}</td>
</tr>
<tr>
<th>사용자 ID 업로드</th>
<td>
<div class="popup-btn2 bulk">
<input
<tr>
<th>관리자 ID</th>
<td>{{ adminId }}</td>
</tr>
<tr>
<th>사용자 ID 업로드</th>
<td>
<div class="popup-btn2 bulk">
<input
type="file"
ref="file"
style="display: none"
@change="readFile"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
/>
<button class="btn-default" @click="sampleDown">샘플 다운로드</button>
<button class="button btn-p2color" @click="$refs.file.click()">파일 업로드</button>
</div>
<p class="file" id="uploadFile"></p>
</td>
</tr>
/>
<button class="btn-default" @click="sampleDown">샘플 다운로드</button>
<button class="button btn-p2color" @click="$refs.file.click()">파일 업로드</button>
</div>
<p class="file" id="uploadFile"></p>
</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
@@ -37,7 +37,7 @@
<button class="btn-default" @click="excelPopClose">취소</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
<validationConfirm-modal ref="validationConfirmPop"></validationConfirm-modal>
</div>
</div>
</template>
@@ -45,11 +45,11 @@
<script>
import api from '@/service/api';
import custMgtApi from '../service/custMgtApi.js';
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import xlsx from '@/common/excel';
import moment from 'moment';
import XLSX from 'xlsx';
import commonModal from './commonModal';
import ValidationConfirmPop from "@/modules/custMgt/components/ValidationConfirmPop";
export default {
name: 'memberBulkRegPop',
@@ -68,7 +68,7 @@ export default {
};
},
components: {
commonModal,
ValidationConfirmPop,
},
created() {
this.getExcelHeader();
@@ -98,13 +98,13 @@ export default {
}
},
// 저장 후 부모창 호출.
toComplete() {
toComplete() {
this.row.serviceId = this.adminId;
// 팝업으로 교체 예정
if (confirm('정상 업로드 되었습니다.')){
this.excelPopClose();
this.$parent.memberDetail(this.adminId);
}
// 팝업으로 교체 예정
if (confirm('정상 업로드 되었습니다.')) {
this.excelPopClose();
this.$parent.memberDetail(this.adminId);
}
},
async doInsert() {
if (this.doValidate() && window.confirm('등록 하시겠습니까?')) {
@@ -132,7 +132,8 @@ export default {
header: this.excelHeader,
dataOrder: 'header',
};
xlsx.export([], saveFileName, options).then(() => {});
xlsx.export([], saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
@@ -167,13 +168,14 @@ export default {
this.row.msg1 = '파일을 읽는 동안 에러가 발생 했습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
};
reader.onloadend = (e) => {};
reader.onloadend = (e) => {
};
reader.onload = (e) => {
let data = reader.result;
let workbook = XLSX.read(data, { type: 'binary' });
let workbook = XLSX.read(data, {type: 'binary'});
workbook.SheetNames.forEach((sheetName) => {
const rowObj = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName], { raw: true });
const rowObj = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName], {raw: true});
tmpResult = rowObj;
const limitCnt = 100;
@@ -190,7 +192,7 @@ export default {
if (idx > limitCnt - 1) {
break;
}
let { ID, 이름, 휴대폰번호, 이메일, ID잠금 } = r;
let {ID, 이름, 휴대폰번호, 이메일, ID잠금} = r;
ID = '' + (vm.isNull(ID) ? '' : ID);
이름 = '' + (vm.isNull(이름) ? '' : 이름);
휴대폰번호 = '' + (vm.isNull(휴대폰번호) ? '' : 휴대폰번호);
@@ -204,22 +206,22 @@ export default {
}
}
let { retVal, msg } = vm.validXlxs({ ID, 이름, 휴대폰번호, 이메일, ID잠금 });
let {retVal, msg} = vm.validXlxs({ID, 이름, 휴대폰번호, 이메일, ID잠금});
if (retVal) {
const pVal = [
{ name: '이름', val: 이름, len: 20 },
{ name: 'ID잠금', val: ID잠금, len: 4 },
{name: '이름', val: 이름, len: 20},
{name: 'ID잠금', val: ID잠금, len: 4},
];
const rVal = vm.isTitle(pVal);
if (rVal.retVal) {
vm.nData.push({ userId: ID, userNm: 이름, mdn: 휴대폰번호, email: 이메일, stat: ID잠금, msg });
vm.nData.push({userId: ID, userNm: 이름, mdn: 휴대폰번호, email: 이메일, stat: ID잠금, msg});
} else {
vm.oData.push({ ID, 이름, 휴대폰번호, 이메일, ID잠금, 오류내용: rVal.msg });
vm.oData.push({ID, 이름, 휴대폰번호, 이메일, ID잠금, 오류내용: rVal.msg});
}
} else {
vm.oData.push({ ID, 이름, 휴대폰번호, 이메일, ID잠금, 오류내용: msg });
vm.oData.push({ID, 이름, 휴대폰번호, 이메일, ID잠금, 오류내용: msg});
}
}
});
@@ -230,35 +232,35 @@ export default {
};
reader.readAsBinaryString(file);
},
validXlxs({ 이름, 휴대폰번호, 이메일 }) {
validXlxs({이름, 휴대폰번호, 이메일}) {
if (this.isNull(이름)) {
return { retVal: false, msg: '이름 누락' };
return {retVal: false, msg: '이름 누락'};
}
if (this.isNull(휴대폰번호)) {
return { retVal: false, msg: '휴대폰번호 누락' };
return {retVal: false, msg: '휴대폰번호 누락'};
}
if (!this.isMobile(휴대폰번호)) {
if (!this.isMobile2(휴대폰번호)) {
return { retVal: false, msg: '휴대폰번호 형식 오류' };
return {retVal: false, msg: '휴대폰번호 형식 오류'};
}
}
if (!this.emailCheck(이메일)) {
return { retVal: false, msg: '이메일 형식 오류' };
return {retVal: false, msg: '이메일 형식 오류'};
}
return { retVal: true, msg: '정상' };
return {retVal: true, msg: '정상'};
},
isTitle(pVal) {
for (const o of pVal) {
if (this.bytes(o.val) > o.len) {
return { retVal: false, msg: `${o.name} 컬럼: 문자열 길이 오류(${o.len}자)` };
return {retVal: false, msg: `${o.name} 컬럼: 문자열 길이 오류(${o.len}자)`};
}
const strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
const regExp_g = new RegExp(strRegExp, 'g');
if (!regExp_g.test(o.val)) {
return { retVal: false, msg: `${o.name} 컬럼: 특수 문자 오류` };
return {retVal: false, msg: `${o.name} 컬럼: 특수 문자 오류`};
}
}
return { retVal: true, msg: '정상' };
return {retVal: true, msg: '정상'};
},
delFile(event) {
const file = event.target.files[0];
@@ -272,6 +274,7 @@ export default {
// uploadFile
},
async saveExcel() {
this.row = {}
//
this.row.adminId = this.adminId;
this.row.list = this.nData;
@@ -281,36 +284,46 @@ export default {
//console.log(response);
const result = response.data;
console.log(result);
if (result != null && result.retCode == '0000') {
if (result != null && result.retCode == '0000') {
this.totalCnt = result.data.totalCnt;
this.successCnt = result.data.successCnt;
this.failCnt = result.data.failCnt;
if(result.data.failCnt > 0){
// 팝업으로 교체 예정
var resultMsg = '파일 업로드 중 오류가 발생하여 정상건만 업로드 완료하였습니다.\n\n 총 '+result.data.totalCnt+'건, 정상 '+ result.data.successCnt+'건, 오류 '+result.data.failCnt+'건\n\n오류건은 확인 후 재등록 부탁 드립니다.';
alert(resultMsg);
this.excelPopClose();
this.$parent.memberDetail(this.adminId);
}else{
this.toComplete();
}
if (result.data.failCnt > 0) {
this.row.totalCnt = this.totalCnt
this.row.successCnt = this.successCnt
this.row.failCnt = this.failCnt
this.$refs.validationConfirmPop.failFileuploadOpen(this.row);
// 팝업으로 교체 예정
// var resultMsg = '파일 업로드 중 오류가 발생하여 정상건만 업로드 완료하였습니다.\n\n 총 '+result.data.totalCnt+'건, 정상 '+ result.data.successCnt+'건, 오류 '+result.data.failCnt+'건\n\n오류건은 확인 후 재등록 부탁 드립니다.';
// alert(resultMsg);
// this.excelPopClose();
// this.$parent.memberDetail(this.adminId);
} else {
this.toComplete();
}
}
} catch (error) {
console.log(error);
// 팝업으로 교체 예정
var title ='청약고객 관리\n';
var msg1 = '실패 하였습니다.';
alert(title + msg1);
// 팝업으로 교체 예정
var title = '청약고객 관리\n';
var msg1 = '실패 하였습니다.';
alert(title + msg1);
// this.row.title = '청약고객관리';
// this.row.msg1 = '실패 하였습니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
// this.$refs.validationConfirmPop.failFileuploadOpen(this.row);
}
// 오류건수.
console.log(this.oData.length);
},
failFileuploadOk(result) {
console.log(result)
if (result) {
this.excelPopClose();
this.$parent.memberDetail(this.adminId);
}
},
},
};
</script>

16
frontend/src/modules/custMgt/components/MemberModifyPop.vue
View File

@@ -27,15 +27,18 @@
</tr>
<tr>
<th>이름</th>
<td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
<td><input type="text" v-model.trim="userNm" ref="_userNm" @keypress="onlyRoleNm_Space"
@input="onlyRoleNm_Space" maxlength="100"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="text" v-model.trim="mdn" ref="_phone"></td>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" ref="_phone" @keypress="onlyNum"
@input="onlyNum" minlength="10" maxlength="11"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" ref="_email"></td>
<td><input type="email" v-model.trim="email" ref="_email" @keypress="onlyEmail" @input="onlyEmail"
maxlength="100"></td>
</tr>
<tr>
<th class="center">상태</th>
@@ -181,8 +184,13 @@ export default {
var dimmed = document.getElementsByClassName('memberUpdate');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
}
this.formReset();
},
formReset() {
this.userPwd1 = '';
this.userPwd2 = '';
},
toComplete(){
this.row.serviceId = this.adminId;
this.memberUpdateModalClose();

474
frontend/src/modules/custMgt/components/MemberRegPop.vue
View File

@@ -1,255 +1,279 @@
<template>
<div>
<div class="dimmed memberInsert" @click="memberInsertModalClose();"></div>
<div class="popup-wrap memberInsert">
<div>
<div class="dimmed memberInsert" @click="memberInsertModalClose();"></div>
<div class="popup-wrap memberInsert">
<div class="popup modal31 popup_form memberInsert">
<div class="pop-head">
<h3 class="pop-tit">사용자 ID 생성</h3>
</div>
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td>{{adminId}}</td>
</tr>
<tr>
<th>ID</th>
<td><input type="text" v-model.trim="userId" ref="_userId"></td>
</tr>
<tr>
<th>이름</th>
<td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" ref="_phone"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" ref="_email"></td>
</tr>
<tr>
<th class="center">ID 잠금</th>
<td>
<input type="radio" name="userStateInsert" value="01" id="user_popup_insert_radio1" v-model="stat">
<label for="user_popup_insert_radio1">사용</label>
<input type="radio" name="userStateInsert" value="02" id="user_popup_insert_radio2" v-model="stat">
<label for="user_popup_insert_radio2">정지</label>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td>{{ adminId }}</td>
</tr>
<tr>
<th>ID</th>
<td><input type="text" v-model.trim="userId" ref="_userId" @keypress="onlyId" @input="onlyId" minlength="6"
maxlength="16"></td>
</tr>
<tr>
<th>이름</th>
<td><input type="text" v-model.trim="userNm" ref="_userNm" @keypress="onlyRoleNm_Space"
@input="onlyRoleNm_Space" maxlength="100"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" ref="_phone" @keypress="onlyNum"
@input="onlyNum" minlength="10" maxlength="11"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" ref="_email" @keypress="onlyEmail" @input="onlyEmail"
maxlength="100"></td>
</tr>
<tr>
<th class="center">ID 잠금</th>
<td>
<input type="radio" name="userStateInsert" value="01" id="user_popup_insert_radio1" v-model="stat">
<label for="user_popup_insert_radio1">사용</label>
<input type="radio" name="userStateInsert" value="02" id="user_popup_insert_radio2" v-model="stat">
<label for="user_popup_insert_radio2">정지</label>
</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor" @click="memberInsertConfirm();">저장</button>
<button class="btn-default" @click="memberInsertModalClose();">취소</button>
<button class="btn-pcolor" @click="memberInsertConfirm();">저장</button>
<button class="btn-default" @click="memberInsertModalClose();">취소</button>
</div>
</div>
</div>
<validation-confirm-pop ref="validationConfirmPopModal"> </validation-confirm-pop>
<common-modal ref="commmonModal"></common-modal>
</div>
<validation-confirm-pop ref="validationConfirmPopModal"></validation-confirm-pop>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
import api from '@/service/api';
import custMgtApi from "../service/custMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import ValidationConfirmPop from '../components/ValidationConfirmPop.vue';
import lodash from "lodash";
import commonModal from "../components/commonModal";
export default {
name: "memberRegPop",
mixins: [utils_mixin, chkPattern2],
watch:{
stat(){
console.log('watch : ', this.stat)
}
},
components: {
ValidationConfirmPop,
commonModal,
},
model: {
//prop: 'sendData',
//event: 'event-data'
},
//props: ['sendData'],
created(){
// this.setAuthData();
this.formReset();
},
data(){
return{
row:{},
madangId:'',
adminId:'',
name:'',
mdn:'',
email:'',
auth:'',
stat: "01",
userId:"",
userNm:"",
code:"",
userTotalCnt:0,
name: "memberRegPop",
mixins: [utils_mixin, chkPattern2],
watch: {
stat() {
console.log('watch : ', this.stat)
}
},
methods :{
//사용자ID 생성 모달 Open
async memberInsertModalOpen(props){
this.adminId = props.adminId;
this.userTotalCnt = props.userTotalCnt;
components: {
ValidationConfirmPop,
commonModal,
},
model: {
//prop: 'sendData',
//event: 'event-data'
},
//props: ['sendData'],
created() {
// this.setAuthData();
this.formReset();
},
data() {
return {
row: {},
madangId: '',
adminId: '',
name: '',
mdn: '',
email: '',
auth: '',
stat: "01",
userId: "",
userNm: "",
code: "",
userTotalCnt: 0,
}
},
methods: {
//사용자ID 생성 모달 Open
async memberInsertModalOpen(props) {
this.adminId = props.adminId;
this.userTotalCnt = props.userTotalCnt;
// 모달 오픈
var dimmed = document.getElementsByClassName('memberInsert');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//사용자ID 생성 Confirm
memberInsertConfirm(){
// confirm 팝업 노출
if(this.doValidate()){
this.$refs.validationConfirmPopModal.confirmInsertOpen();
}
},
//사용자ID 수정 처리
async memberInsert(){
this.row.adminId = this.adminId;
this.row.userId = this.userId;
this.row.userNm = this.userNm;
this.row.userEmail = this.email;
this.row.mdn = this.mdn;
this.row.userStat = this.stat;
try {
const response = await custMgtApi.insertUser(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.row.title = '청약고객관리';
this.row.msg1 = '사용자 생성 완료하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
} else if(result != null && result.retCode == "4018"){
// 이미 사용중인 ID
this.$refs.validationConfirmPopModal.validationIdDuplicateOpen();
} else {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch(err) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
//사용자ID 생성 모달 Close
memberInsertModalClose(){
var dimmed = document.getElementsByClassName('memberInsert');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.formReset();
},
toComplete(){
this.row.serviceId = this.adminId;
this.memberInsertModalClose();
this.$parent.memberDetail(this.adminId);
},
setAuthData() {
// 권한 옵션.
api.commAuth().then(response => {
this.authType = response.data.data.list;
});
},
formReset(){
var targetAdminId = this.adminId;
Object.assign(this.$data, this.$options.data());
this.adminId = targetAdminId;
},
doValidate(){
console.log(this.userTotalCnt)
if(this.userTotalCnt >= 100){
// 사용자등록제한_최대100개까지
this.$refs.validationConfirmPopModal.validationMaxlimitOpen();
return false;
}
// 모달 오픈
var dimmed = document.getElementsByClassName('memberInsert');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
//사용자ID 생성 Confirm
memberInsertConfirm() {
// confirm 팝업 노출
if (this.doValidate()) {
this.$refs.validationConfirmPopModal.confirmInsertOpen();
}
},
//사용자ID 수정 처리
async memberInsert() {
this.row.adminId = this.adminId;
this.row.userId = this.userId;
this.row.userNm = this.userNm;
this.row.userEmail = this.email;
this.row.mdn = this.mdn;
this.row.userStat = this.stat;
try {
const response = await custMgtApi.insertUser(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.row.title = '청약고객관리';
this.row.msg1 = '사용자 생성 완료하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
} else if (result != null && result.retCode == "4018") {
// 이미 사용중인 ID
this.$refs.validationConfirmPopModal.validationIdDuplicateOpen();
} else {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (err) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
//사용자ID 생성 모달 Close
memberInsertModalClose() {
var dimmed = document.getElementsByClassName('memberInsert');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.formReset();
},
toComplete() {
this.row.serviceId = this.adminId;
this.memberInsertModalClose();
this.$parent.memberDetail(this.adminId);
},
setAuthData() {
// 권한 옵션.
api.commAuth().then(response => {
this.authType = response.data.data.list;
});
},
formReset() {
var targetAdminId = this.adminId;
Object.assign(this.$data, this.$options.data());
this.adminId = targetAdminId;
},
doValidate() {
console.log(this.userTotalCnt)
if (this.userTotalCnt >= 100) {
// 사용자등록제한_최대100개까지
this.$refs.validationConfirmPopModal.validationMaxlimitOpen();
return false;
}
if(this.isNull(this.userId)){
this.$refs._userId.focus();
this.row.title = '청약고객관리';
this.row.msg1 = 'ID를 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.userId)) {
this.$refs._userId.focus();
this.row.title = '청약고객관리';
this.row.msg1 = 'ID를 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
// 청약 ID 길이 체크 6~16
var userIdlength = this.userId.length;
if (userIdlength < 6 || userIdlength > 16) {
this.row.title = '청약고객관리';
this.row.msg1 = 'ID 형식에 맞지 않습니다.';
this.row.msg2 = '확인하여 다시 등록 부탁 드립니다.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.userNm)){
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.userNm)) {
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.mdn)){
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰번호를 입력해주세요.';
this.row.focusTaget = '3';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
const hp = this.mdn;
if(!this.isNull(hp) && !this.isMobile(hp)){
this.row.focusTaget = '3';
this.$refs.validationConfirmPopModal.validationPhonenumberOpen();
return false;
}
if (this.isNull(this.mdn)) {
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰번호를 입력해주세요.';
this.row.focusTaget = '3';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
const hp = this.mdn;
if (!this.isNull(hp) && !this.isMobile(hp)) {
this.row.focusTaget = '3';
//this.$refs.validationConfirmPopModal.validationPhonenumberOpen();
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰번호 형식에 맞지 않습니다.';
this.row.msg2 = '확인하여 다시 등록 부탁 드립니다.';
this.row.focusTaget = '3';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.email)){
this.row.title = '청약고객관리';
this.row.msg1 = '이메일을 입력해주세요.';
this.row.focusTaget = '4';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
const email = this.email;
if(!this.isNull(email) && !lodash.isEqual(email,'@') && !this.emailCheck(email)){
this.$refs.validationConfirmPopModal.validationEmailOpen();
return false;
}
if (this.isNull(this.email)) {
this.row.title = '청약고객관리';
this.row.msg1 = '이메일을 입력해주세요.';
this.row.focusTaget = '4';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
const email = this.email;
if (!this.isNull(email) && !lodash.isEqual(email, '@') && !this.emailCheck(email)) {
// this.$refs.validationConfirmPopModal.validationEmailOpen();
this.row.title = '청약고객관리';
this.row.msg1 = 'E-mail 형식에 맞지 않습니다.';
this.row.msg2 = '확인하여 다시 등록 부탁 드립니다.';
this.row.focusTaget = '4';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.stat)){
this.row.title = '청약고객관리';
this.row.msg1 = '상태를 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.stat)) {
this.row.title = '청약고객관리';
this.row.msg1 = '상태를 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return true;
},
checkFocus(){
if(this.row.focusTaget === '1'){
this.$refs._userId.focus();
} else if(this.row.focusTaget === '2'){
this.$refs._userNm.focus();
} else if(this.row.focusTaget === '3'){
this.$refs._phone.focus();
} else if(this.row.focusTaget === '4'){
this.$refs._email.focus();
}
},
checkPhoneFocus(){
this.$refs._phone.focus();
},
checkEmailFocus(){
this.$refs._email.focus();
},
checkIdDupFocus(){
this.$refs._userId.focus();
},
}
return true;
},
checkFocus() {
if (this.row.focusTaget === '1') {
this.$refs._userId.focus();
} else if (this.row.focusTaget === '2') {
this.$refs._userNm.focus();
} else if (this.row.focusTaget === '3') {
this.$refs._phone.focus();
} else if (this.row.focusTaget === '4') {
this.$refs._email.focus();
}
},
checkPhoneFocus() {
this.$refs._phone.focus();
},
checkEmailFocus() {
this.$refs._email.focus();
},
checkIdDupFocus() {
this.$refs._userId.focus();
},
}
}
</script>

3
frontend/src/modules/custMgt/components/MemoTotalPop.vue
View File

@@ -7,8 +7,9 @@
<div class="popup memoTotal popup_form b-popup">
<div class="pop-head">
<h3 class="pop-tit">전체 메모보기</h3>
총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<!-- 총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건 -->
</div>
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건</div>
<table class="table-c">
<custom-grid
ref="table"

1
frontend/src/modules/custMgt/components/SearchIdPopup.vue
View File

@@ -41,7 +41,6 @@
<!-- 시스템관리 팝업 끝-->
<!-- e: 팝업 -->
</div>
</template>

135
frontend/src/modules/custMgt/components/TestIdRegPop.vue
View File

@@ -1,8 +1,8 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="ModalClose();"></div>
<div class="popup-wrap">
<div class="dimmed modal29" @click="ModalClose();"></div>
<div class="popup-wrap modal29">
<!-- 테스트 ID 생성 -->
<div class="popup modal29 popup_form">
<div class="pop-head">
@@ -13,7 +13,7 @@
<tbody>
<tr>
<th>ID</th>
<td><input type="text" placeholder="아이디 입력" v-model.trim="userId" ref="_userId" /></td>
<td><input type="text" placeholder="아이디 입력" v-model.trim="userId" ref="_userId" @keypress="onlyId" @input="onlyId" minlength="6" maxlength="16"/></td>
</tr>
<tr>
<th>비밀번호</th>
@@ -25,15 +25,15 @@
</tr>
<tr>
<th>이름</th>
<td><input type="text" @keypress="onlyName" @input="onlyName" v-model.trim="userNm" ref="_userNm" required maxlength="40"></td>
<td><input type="text" @keypress="onlyText" @input="onlyText" v-model.trim="userNm" ref="_userNm" required maxlength="40"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="number" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" v-on:keyup="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_phone"></td>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" @keypress="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_phone"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" @keypress="onlyEmail" @input="onlyEmail" maxlength="20" ref="_email"></td>
<td><input type="email" v-model.trim="email" @keypress="onlyEmail" @input="onlyEmail" maxlength="100" ref="_email"></td>
</tr>
<tr>
<th class="center">상태</th>
@@ -144,56 +144,67 @@ export default {
},
doValidate(){
if(this.isNull(this.userId)){
this.row.title = '청약고객관리';
this.row.msg1 = '아이디를 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '아이디를 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._userId.focus();
return false;
}
// 청약 ID 길이 체크 6~16
var userIdlength = this.userId.length;
if (userIdlength < 6 || userIdlength > 16) {
this.row.title = '청약고객관리';
this.row.msg1 = 'ID 형식에 맞지 않습니다.';
this.row.msg2 = '확인하여 다시 등록 부탁 드립니다.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(!this.doPwdValidate()){
return false;
}
if(this.isNull(this.userNm)){
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._userNm.focus();
return false;
}
if(this.isNull(this.mdn)){
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰번호를 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰번호를 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
const hp = this.mdn;
if(!this.isNull(hp) && !this.isMobile(hp)){
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰 번호 형식이 잘못되었습니다. 확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '휴대폰 번호 형식이 잘못되었습니다. 확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
if(this.isNull(this.email)){
this.row.title = '청약고객관리';
this.row.msg1 = '이메일을 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '이메일을 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._email.focus();
return false;
}
const email = this.email;
if(!this.isNull(email) && !lodash.isEqual(email,'@') && !this.emailCheck(email)){
this.row.title = '청약고객관리';
this.row.msg1 = '이메일 형식이 잘못되었습니다. 확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '이메일 형식이 잘못되었습니다. 확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._email.focus();
return false;
}
if(this.isNull(this.userStat)){
this.row.title = '청약고객관리';
this.row.msg1 = '상태를 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.row.title = '청약고객관리';
this.row.msg1 = '상태를 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
// this.$refs._auth.focus();
return false;
}
@@ -205,50 +216,46 @@ export default {
return true;
},
// 모달 띄우기
ModalOpen(){
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal29');
obj[0].style.display = 'block';
this.formReset();
ModalOpen(){
// 모달 오픈
var dimmed = document.getElementsByClassName('modal29');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.formReset();
},
// 모달 끄기
ModalClose(){
//this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal29');
popup[0].style.display = 'none';
ModalClose(){
var dimmed = document.getElementsByClassName('modal29');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 저장 후 부모창 호출.
toComplete(){
this.getParent('memberList').$refs.table.reloadData();
this.getParent('memberList').$refs.table.reloadData();
this.ModalClose();
},
async doInsert(){
if(this.doValidate()){
console.log(this.row)
},
async doInsert(){
if(this.doValidate()){
console.log(this.row)
try {
const response = await custMgtApi.insertTestId(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
// this.row.title = '청약고객관리';
// this.row.msg1 = '저장 하였습니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
}
} catch(err) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
}
try {
const response = await custMgtApi.insertTestId(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.toComplete();
}else if(result != null && result.retCode == "1009"){
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch(err) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
}
},
formReset(){
// this.$refs.adminRegForm.reset();

825
frontend/src/modules/custMgt/components/ValidationConfirmPop.vue
View File

@@ -1,144 +1,144 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<p>{{msg}}</p>
</div>
<div class="pop-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{ title }}</h3>
</div>
<!-- 사용자 등록 - 최초 등록 -->
<div class="dimmed confirm-insert" @click="confirmInsertClose();"></div>
<div class="popup-wrap confirm-insert">
<div class="popup confirm-insert">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>해당 사용자를 등록하고 인증 메일을</p>
<p>발송하시겠습니까?</p>
<p>사용을 위해서는 등록된 이메일 인증 후</p>
<p>서비스 이용이 가능합니다.</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmInsert();">확인</button>
<button class="btn-default" @click="confirmInsertClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 이메일 형식 체크 -->
<div class="dimmed validation-email" @click="validationEmailClose();"></div>
<div class="popup-wrap validation-email">
<div class="popup validation-email">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>E-mail 형식에 맞지 않습니다.</p>
<p>확인하여 다시 등록 부탁 드립니다.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationEmailClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 아이디 중복 체크 -->
<div class="dimmed validation-id-duplicate" @click="validationIdDuplicateClose();"></div>
<div class="popup-wrap validation-id-duplicate">
<div class="popup validation-id-duplicate">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>중복된 아이디가 있습니다.</p>
<p>아이디를 다시 확인하여 등록 부탁드립니다.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationIdDuplicateClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 최대 등록 제한 -->
<div class="dimmed validation-maxlimit" @click="validationMaxlimitClose();"></div>
<div class="popup-wrap validation-maxlimit">
<div class="popup validation-maxlimit">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>사용자는 최대 100개까지 등록 가능합니다.</p>
</div>
<div class="popup-btn1">
<button class="btn-pcolor" @click="validationMaxlimitClose();">확인</button>
</div>
<div class="pop-cont">
<p>{{ msg }}</p>
</div>
</div>
<div class="pop-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 휴대폰번호 형식 체크 -->
<div class="dimmed valication-phonenumber" @click="validationPhonenumberClose();"></div>
<div class="popup-wrap valication-phonenumber">
<div class="popup valication-phonenumber">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>휴대폰번호를 확인해 주세요.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationPhonenumberClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 최초 등록 -->
<div class="dimmed confirm-insert" @click="confirmInsertClose();"></div>
<div class="popup-wrap confirm-insert">
<div class="popup confirm-insert">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>해당 사용자를 등록하고 인증 메일을</p>
<p>발송하시겠습니까?</p>
<p>사용을 위해서는 등록된 이메일 인증 후</p>
<p>서비스 이용이 가능합니다.</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmInsert();">확인</button>
<button class="btn-default" @click="confirmInsertClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 삭제 -->
<div class="dimmed confirm-delete" @click="confirmDeleteClose();"></div>
<div class="popup-wrap confirm-delete">
<div class="popup confirm-delete">
<div class="pop-head">
<h3 class="pop-tit">사용자 삭제</h3>
</div>
<div class="pop-cont">
<p>선택한 사용자를 삭제하시겠습니까?</p>
</div>
<div class="pop-btn2">
<button class="btn-pcolor" @click="confirmDelete();">확인</button>
<button class="btn-default" @click="confirmDeleteClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 이메일 형식 체크 -->
<div class="dimmed validation-email" @click="validationEmailClose();"></div>
<div class="popup-wrap validation-email">
<div class="popup validation-email">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>E-mail 형식에 맞지 않습니다.</p>
<p>확인하여 다시 등록 부탁 드립니다.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationEmailClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 수정 확인 -->
<div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
<div class="popup-wrap confirm-update">
<div class="popup confirm-update">
<div class="pop-head">
<h3 class="pop-tit">사용자 수정 확인</h3>
</div>
<div class="pop-cont">
<p>변경된 내용을 저장하시겠습니까?</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmUpdate();">확인</button>
<button class="btn-default" @click="confirmUpdateClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 아이디 중복 체크 -->
<div class="dimmed validation-id-duplicate" @click="validationIdDuplicateClose();"></div>
<div class="popup-wrap validation-id-duplicate">
<div class="popup validation-id-duplicate">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>중복된 아이디가 있습니다.</p>
<p>아이디를 다시 확인하여 등록 부탁드립니다.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationIdDuplicateClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 수정(청약고객:sub) 확인 -->
<!-- 사용자 등록 - 최대 등록 제한 -->
<div class="dimmed validation-maxlimit" @click="validationMaxlimitClose();"></div>
<div class="popup-wrap validation-maxlimit">
<div class="popup validation-maxlimit">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>사용자는 최대 100개까지 등록 가능합니다.</p>
</div>
<div class="popup-btn1">
<button class="btn-pcolor" @click="validationMaxlimitClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 등록 - 휴대폰번호 형식 체크 -->
<div class="dimmed valication-phonenumber" @click="validationPhonenumberClose();"></div>
<div class="popup-wrap valication-phonenumber">
<div class="popup valication-phonenumber">
<div class="pop-head">
<h3 class="pop-tit">사용자 등록</h3>
</div>
<div class="pop-cont">
<p>휴대폰번호를 확인해 주세요.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="validationPhonenumberClose();">확인</button>
</div>
</div>
</div>
<!-- 사용자 삭제 -->
<div class="dimmed confirm-delete" @click="confirmDeleteClose();"></div>
<div class="popup-wrap confirm-delete">
<div class="popup confirm-delete">
<div class="pop-head">
<h3 class="pop-tit">사용자 삭제</h3>
</div>
<div class="pop-cont">
<p>선택한 사용자를 삭제하시겠습니까?</p>
</div>
<div class="pop-btn2">
<button class="btn-pcolor" @click="confirmDelete();">확인</button>
<button class="btn-default" @click="confirmDeleteClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 수정 확인 -->
<div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
<div class="popup-wrap confirm-update">
<div class="popup confirm-update">
<div class="pop-head">
<h3 class="pop-tit">사용자 수정 확인</h3>
</div>
<div class="pop-cont">
<p>변경된 내용을 저장하시겠습니까?</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmUpdate();">확인</button>
<button class="btn-default" @click="confirmUpdateClose();">취소</button>
</div>
</div>
</div>
<!-- 사용자 수정(청약고객:sub) 확인 -->
<div class="dimmed confirm-update-sub" @click="confirmUpdateSubClose();"></div>
<div class="popup-wrap confirm-update-sub">
<div class="popup confirm-update-sub">
@@ -155,287 +155,294 @@
</div>
</div>
<!-- 사용자 ID 생성 파일 업로드 - 성공 -->
<div class="dimmed success-fileupload" @click="successFileuploadClose();"></div>
<div class="popup-wrap success-fileupload">
<div class="popup success-fileupload">
<div class="pop-head">
<h3 class="pop-tit">사용자 ID 생성 파일 업로드</h3>
</div>
<div class="pop-cont">
<p>정상 업로드 되었습니다.</p>
</div>
<div class="pop-btn1">
<button class="btn-pcolor" @click="successFileuploadClose();">확인</button>
</div>
</div>
<!-- 사용자 ID 생성 파일 업로드 - 성공 -->
<div class="dimmed success-fileupload" @click="successFileuploadClose();"></div>
<div class="popup-wrap success-fileupload">
<div class="popup success-fileupload">
<div class="pop-head">
<h3 class="pop-tit">사용자 ID 생성 파일 업로드</h3>
</div>
<div class="pop-cont">
<p>정상 업로드 되었습니다.</p>
</div>
<div class="popup-btn1">
<button class="btn-pcolor" @click="successFileuploadClose();">확인</button>
</div>
</div>
</div>
<div class="dimmed fail-fileupload" @click="failFileuploadClose();"></div>
<div class="popup-wrap fail-fileupload">
<!-- 사용자 ID 생성 파일 업로드 -->
<div class="popup fail-fileupload">
<div class="pop-head">
<h3 class="pop-tit">사용자 ID 생성 파일 업로드</h3>
</div>
<div class="pop-cont">
<p>파일 업로드 중 오류가 발생하여 정상건만</p>
<p>업로드 완료하였습니다.</p>
</div>
<ul class="pop-cont-detail">
<li>총 <span class="number">{{ totalCnt }}</span>건 ( 정상 <span class="number blue">{{ successCnt }}</span>건 오류
<span class="number red">{{ failCnt }}</span>건 )
</li>
</ul>
<div class="pop-cont bottom">
<p>오류 건은 확인 후 재등록 부탁 드립니다.</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="failFileuploadOk();">확인</button>
<!-- <button class="btn-default" @click="failFileuploadClose();">취소</button>-->
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "validationConfirmPop",
data(){
return{
row:{},
title:'',
msg: '',
}
name: "validationConfirmPop",
data() {
return {
row: {},
title: '',
msg: '',
failCnt: 0,
successCnt: 0,
totalCnt: 0,
}
},
methods: {
//사용자등록 - 최초등록 Open
confirmInsertOpen() {
var dimmed = document.getElementsByClassName('confirm-insert');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
methods :{
//사용자등록 - 최초등록 Open
confirmInsertOpen(){
var dimmed = document.getElementsByClassName('confirm-insert');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//사용자등록 - 최초등록
confirmInsert(){
var dimmed = document.getElementsByClassName('confirm-insert');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.memberInsert();
},
//사용자등록 - 최초등록 Close
confirmInsertClose(){
var dimmed = document.getElementsByClassName('confirm-insert');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 사용자 삭제 Open
confirmDeleteOpen(){
var dimmed = document.getElementsByClassName('confirm-delete');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//사용자 삭제
confirmDelete(){
var dimmed = document.getElementsByClassName('confirm-delete');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
//사용자 삭제 Close
confirmDeleteClose(){
var dimmed = document.getElementsByClassName('confirm-delete');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
//사용자 수정 확인 Open
confirmUpdateOpen(){
var dimmed = document.getElementsByClassName('confirm-update');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//사용자 수정 확인
confirmUpdate(){
var dimmed = document.getElementsByClassName('confirm-update');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.memberUpdate();
},
// 사용자 수정 Close
confirmUpdateClose(){
var dimmed = document.getElementsByClassName('confirm-update');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
//사용자 수정(청약고객-sub) 확인 Open
confirmUpdateSubOpen(){
var dimmed = document.getElementsByClassName('confirm-update-sub');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//사용자 수정(청약고객-sub) 확인
confirmUpdateSub(){
var dimmed = document.getElementsByClassName('confirm-update-sub');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.updateAdminInfo();
},
// 사용자 수정(청약고객-sub) Close
confirmUpdateSubClose(){
var dimmed = document.getElementsByClassName('confirm-update-sub');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 이메일 형식 체크 Open
validationEmailOpen(){
var dimmed = document.getElementsByClassName('validation-email');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 이메일 형식 체크 Close
validationEmailClose(){
var dimmed = document.getElementsByClassName('validation-email');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.checkEmailFocus();
},
// 아이디 중복 체크 Open
validationIdDuplicateOpen(){
var dimmed = document.getElementsByClassName('validation-id-duplicate');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 아이디 중복 체크 Close
validationIdDuplicateClose(){
var dimmed = document.getElementsByClassName('validation-id-duplicate');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.checkIdDupFocus();
},
// 최대 등록 제한 Open
validationMaxlimitOpen(){
console.log("1231232323")
var dimmed = document.getElementsByClassName('validation-maxlimit');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 최대 등록 제한 Close
validationMaxlimitClose(){
var dimmed = document.getElementsByClassName('validation-maxlimit');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
// this.$parent.toComplete();
},
// 휴대폰번호 형식 체크 Open
validationPhonenumberOpen(){
var dimmed = document.getElementsByClassName('valication-phonenumber');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 휴대폰번호 형식 체크 Close
validationPhonenumberClose(){
var dimmed = document.getElementsByClassName('valication-phonenumber');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.checkPhoneFocus();
},
// 사용자 ID 생성 파일 업로드 - 성공 Open
successFileuploadOpen(){
var dimmed = document.getElementsByClassName('success-fileupload');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 사용자 ID 생성 파일 업로드 - 성공 Close
successFileuploadClose(){
var dimmed = document.getElementsByClassName('success-fileupload');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
// 목록페이지 이동
this.toComplete();
},
// 정상완료 후 목록페이지 이동
toComplete(){
this.row.searchType1 = '';
this.row.searchType2= '';
this.row.searchType3= '';
this.row.searchText1= '';
this.row.startDt= '';
this.row.endDt= '';
this.row.page = 1;
this.$router.push({ name: 'subsList', params: this.row });
},
// 모달 오픈
confirmModalOpen(props){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
// var modal41 = document.getElementsByClassName('modal41');
// modal41[0].style.display = 'block';
this.title = props.title;
this.msg = props.msg;
},
// 모달 끄기(ok)
confirmModalClose(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
}
//사용자등록 - 최초등록
confirmInsert() {
var dimmed = document.getElementsByClassName('confirm-insert');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.memberInsert();
},
//사용자등록 - 최초등록 Close
confirmInsertClose() {
var dimmed = document.getElementsByClassName('confirm-insert');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 사용자 삭제 Open
confirmDeleteOpen() {
var dimmed = document.getElementsByClassName('confirm-delete');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
//사용자 삭제
confirmDelete() {
var dimmed = document.getElementsByClassName('confirm-delete');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
//사용자 삭제 Close
confirmDeleteClose() {
var dimmed = document.getElementsByClassName('confirm-delete');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
//사용자 수정 확인 Open
confirmUpdateOpen() {
var dimmed = document.getElementsByClassName('confirm-update');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
//사용자 수정 확인
confirmUpdate() {
var dimmed = document.getElementsByClassName('confirm-update');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.memberUpdate();
},
// 사용자 수정 Close
confirmUpdateClose() {
var dimmed = document.getElementsByClassName('confirm-update');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
//사용자 수정(청약고객-sub) 확인 Open
confirmUpdateSubOpen() {
var dimmed = document.getElementsByClassName('confirm-update-sub');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
//사용자 수정(청약고객-sub) 확인
confirmUpdateSub() {
var dimmed = document.getElementsByClassName('confirm-update-sub');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.updateAdminInfo();
},
// 사용자 수정(청약고객-sub) Close
confirmUpdateSubClose() {
var dimmed = document.getElementsByClassName('confirm-update-sub');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 이메일 형식 체크 Open
validationEmailOpen() {
var dimmed = document.getElementsByClassName('validation-email');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 이메일 형식 체크 Close
validationEmailClose() {
var dimmed = document.getElementsByClassName('validation-email');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkEmailFocus();
},
// 아이디 중복 체크 Open
validationIdDuplicateOpen() {
var dimmed = document.getElementsByClassName('validation-id-duplicate');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 아이디 중복 체크 Close
validationIdDuplicateClose() {
var dimmed = document.getElementsByClassName('validation-id-duplicate');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkIdDupFocus();
},
// 최대 등록 제한 Open
validationMaxlimitOpen() {
var dimmed = document.getElementsByClassName('validation-maxlimit');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 최대 등록 제한 Close
validationMaxlimitClose() {
var dimmed = document.getElementsByClassName('validation-maxlimit');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 휴대폰번호 형식 체크 Open
validationPhonenumberOpen() {
var dimmed = document.getElementsByClassName('valication-phonenumber');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 휴대폰번호 형식 체크 Close
validationPhonenumberClose() {
var dimmed = document.getElementsByClassName('valication-phonenumber');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkPhoneFocus();
},
// 사용자 ID 생성 파일 업로드 - 성공 Open
successFileuploadOpen() {
var dimmed = document.getElementsByClassName('success-fileupload');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 사용자 ID 생성 파일 업로드 - 성공 Close
successFileuploadClose() {
var dimmed = document.getElementsByClassName('success-fileupload');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
// 목록페이지 이동
this.toComplete();
},
// 정상완료 후 목록페이지 이동
toComplete() {
this.row.searchType1 = '';
this.row.searchType2 = '';
this.row.searchType3 = '';
this.row.searchText1 = '';
this.row.startDt = '';
this.row.endDt = '';
this.row.page = 1;
this.$router.push({name: 'subsList', params: this.row});
},
// 사용자 ID 생성 파일 업로드 - 성공 Open
failFileuploadOpen(props) {
var dimmed = document.getElementsByClassName('fail-fileupload');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.totalCnt = props.totalCnt
this.successCnt = props.successCnt
this.failCnt = props.failCnt
},
failFileuploadOk() {
var dimmed = document.getElementsByClassName('fail-fileupload');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.failFileuploadOk(this.row);
},
// 사용자 ID 생성 파일 업로드 - 성공 Close
failFileuploadClose() {
var dimmed = document.getElementsByClassName('fail-fileupload');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 모달 오픈
confirmModalOpen(props) {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg = props.msg;
},
// 모달 끄기(ok)
confirmModalClose() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
}
}
</script>
<!-- <style>
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
.popup-btn-wrap button:hover {background: #000; color: #fff;}
</style> -->
</script>

270
frontend/src/modules/custMgt/components/commonModal.vue
View File

@@ -1,13 +1,13 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed alertModal" @click="alertModalCancel();"></div>
<div class="popup-wrap alertModal">
<!-- 로그인실패: 확인 -->
<div class="popup alertModal">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
<h3 class="pop-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
@@ -21,86 +21,86 @@
</div>
</div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<div class="dimmed confirm2" @click="confirmModalCancel2();"></div>
<div class="popup-wrap confirm2">
<!-- 수정 확인 -->
<div class="popup confirm2">
<div class="pop-head">
<h3 class="popup-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<div class="popup-wrap confirm2">
<!-- 수정 확인 -->
<div class="popup confirm2">
<div class="pop-head">
<h3 class="popup-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose2();">확인</button>
<button class="btn-default" @click="confirmModalCancel2();">취소</button>
</div>
</div>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose2();">확인</button>
<button class="btn-default" @click="confirmModalCancel2();">취소</button>
</div>
</div>
</div>
<div class="dimmed confirmMemo" @click="confirmModalCancelMemo();"></div>
<div class="popup-wrap confirmMemo">
<!-- 수정 확인 -->
<div class="popup confirmMemo">
<div class="pop-head">
<h3 class="popup-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<div class="popup-wrap confirmMemo">
<!-- 수정 확인 -->
<div class="popup confirmMemo">
<div class="pop-head">
<h3 class="popup-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalCloseMemo();">확인</button>
<button class="btn-default" @click="confirmModalCancelMemo();">취소</button>
</div>
</div>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalCloseMemo();">확인</button>
<button class="btn-default" @click="confirmModalCancelMemo();">취소</button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "confirm",
data(){
return{
row:{},
title:'',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
targetFocus: '',
}
},
methods :{
alertModalOpen(props){
name: "confirm",
data() {
return {
row: {},
title: '',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
targetFocus: '',
}
},
methods: {
alertModalOpen(props) {
console.log(props.msg1);
this.title = props.title;
this.msg1 = props.msg1;
@@ -109,136 +109,130 @@ export default {
this.msg4 = props.msg4;
console.log(props)
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
alertModalClose(){
alertModalClose() {
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkFocus();
},
alertModalCancel(){
alertModalCancel() {
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkFocus();
},
// 모달 오픈
confirmModalOpen(props){
// 모달 오픈
confirmModalOpen(props) {
console.log(props)
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
confirmModalOpen2(props){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
confirmModalOpen2(props) {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
confirmModalOpenMemo(props){
var dimmed = document.getElementsByClassName('confirmMemo');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
confirmModalOpenMemo(props) {
var dimmed = document.getElementsByClassName('confirmMemo');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
// 모달 끄기(ok)
confirmModalClose(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(ok)
confirmModalClose2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(ok)
confirmModalClose() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(ok)
confirmModalCloseMemo(){
var dimmed = document.getElementsByClassName('confirmMemo');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(ok)
confirmModalClose2() {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(ok)
confirmModalCloseMemo() {
var dimmed = document.getElementsByClassName('confirmMemo');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(취소)
confirmModalCancel2() {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancelMemo(){
var dimmed = document.getElementsByClassName('confirmMemo');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(취소)
confirmModalCancelMemo() {
var dimmed = document.getElementsByClassName('confirmMemo');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.memberDeleteConfirmCalbackFnc(this.row);
},
}
},
}
}
</script>
<!--
<style>
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
.popup-btn-wrap button:hover {background: #000; color: #fff;}
</style> -->
</script>

24
frontend/src/modules/custMgt/views/MemberAdminDetail.vue
View File

@@ -45,8 +45,11 @@
</tr>
<tr class="tr_input w30">
<th>발송한도 설정</th>
<td colspan="2">
<input type="text" v-model="sendingLimit" ref="_sendingLimit">
<td colspan="2" v-if="sendingLimit=='0'">
<input type="text" v-model="sendingLimit" ref="_sendingLimit" disabled>
</td>
<td colspan="2" v-if="sendingLimit!='0'">
<input type="text" v-model.trim="sendingLimit" ref="_sendingLimit" @keypress="onlyNum" @input="onlyNum" maxlength="20">
</td>
<th class="center">라인타입</th>
<td colspan="2">
@@ -132,7 +135,8 @@
<td>{{ option.userNm }}</td>
<td>{{ option.mdn }}</td>
<td>
<input type="checkbox" id="user_id_status01" name="user_id_status" v-model="option.userStat" true-value='정상' false-value='사용중지' disabled/>
<!-- <input type="checkbox" id="user_id_status01" name="user_id_status" v-model="option.userStat" true-value='정상' false-value='사용중지' :style="{cursor: 'default'}" disabled/> -->
<input type="checkbox" id="user_id_status01" name="user_id_status" v-model="option.userStat" true-value='정상' false-value='사용중지' disabled/>
<label class="toggle_switch" for="user_id_status01"></label>
</td>
<td v-if="isActive"><button type="button" class="button white btn-a" @click="memberUpdatePopOpen(option.userId);">수정</button></td>
@@ -160,9 +164,14 @@
</div>
</div>
</template>
<style>
.defaultCursor{
cursor : default;
}
</style>
<script>
import custMgtApi from "../service/custMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import MemberBulkRegPop from '../components/MemberBulkRegPop';
import MemberRegPop from '../components/MemberRegPop';
import MemberModifyPop from '../components/MemberModifyPop';
@@ -171,7 +180,8 @@ import commonModal from "@/components/modal/commonModal";
import ValidationConfirmPop from "@/modules/custMgt/components/ValidationConfirmPop";
export default {
name: 'memberAdminDetail',
name: 'memberAdminDetail',
mixins: [utils_mixin, chkPattern2],
watch:{
stat(){
console.log('watch : ', this.stat)
@@ -201,6 +211,7 @@ export default {
svcUserId:'',
ezSvcUserAuthKey:'',
isActive:true,
//applyTbStyle: 'cursor: default;',
}
},
props: {
@@ -274,7 +285,8 @@ export default {
this.userType = result.data.userType;
this.adminId = result.data.adminId;
this.adminNm = result.data.adminNm;
this.sendingLimit = result.data.sendingLimit.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
//this.sendingLimit = result.data.sendingLimit.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
this.sendingLimit = result.data.sendingLimit;
this.lineType = result.data.lineType;
this.userStat = result.data.userStat;
if(this.userStat === '02'){

16
frontend/src/modules/custMgt/views/MemberDetail.vue
View File

@@ -210,14 +210,14 @@ export default {
},
doValidate(){
if(this.isNull(this.userNm)){
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._userNm.focus();
return false;
}
if(this.isNull(this.userNm)){
this.row.title = '청약고객관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._userNm.focus();
return false;
}
if(this.isNull(this.email)){
this.row.title = '청약고객관리';
this.row.msg1 = '이메일을 입력해주세요.';

338
frontend/src/modules/custMgt/views/MemberList.vue
View File

@@ -1,22 +1,22 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리 &gt; 회원관리</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" @click="toMove('subsList')">청약고객관리</a>
<a href="javascript:void(0);" class="on">회원관리</a>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리 &gt; 회원관리</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" @click="toMove('subsList')">청약고객관리</a>
<a href="javascript:void(0);" class="on">회원관리</a>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
@@ -39,79 +39,82 @@
></vuejs-datepicker>
</span>
</div>
</div>
<div class="select_box id">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1">
<option value="" selected>전체</option>
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">구분</label>
<select name="" id="" v-model="searchType2">
</div>
<div class="select_box id">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="01" >관리자</option>
<option value="02" >사용자</option>
<option value="03" >테스트</option>
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType3">
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">구분</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="01" selected>ID</option>
<option value="02">이름</option>
<option value="03">관리자ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue" @click="ModalOpen();">테스트 ID 생성</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<option value="01" selected>관리자</option>
<option value="02">사용자</option>
<option value="03">테스트</option>
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType3" @keyup.enter="search">
<option value="01" selected>ID</option>
<option value="02">이름</option>
<option value="03">관리자ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" maxlength="100"
v-model.trim="grid.params.searchText1" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</div>
<testId-reg-pop ref="testIdRegPop"> </testId-reg-pop>
<common-modal ref="commmonModal"></common-modal>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue" @click="ModalOpen();">테스트 ID 생성</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<testId-reg-pop ref="testIdRegPop"></testId-reg-pop>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -122,25 +125,25 @@ import api from '@/service/api.js';
import commonModal from "@/components/modal/commonModal";
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
@@ -156,78 +159,79 @@ export default {
statType: [],
userType: [],
searchType1:'',
searchType2:'',
searchType3:'',
row:{},
searchType1: '',
searchType2: '',
searchType3: '01',
row: {},
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
totalItems: 0,
grid: {
url: '/api/v1/bo/custMgt/memberList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
columns: [
{ name: 'no', header: 'No', align: 'center', width: 60},
{ name: 'userNm', header: '이름', align: 'center', width: 130},
{ name: 'userType', header: '구분', align: 'center', width: 130},
{ name: 'adminId', header: '관리자ID', align: 'center', width: 130, cls: 'td_line'},
{ name: 'userId', header: 'ID', align: 'center', width: 130, renderer: {
columns: [
{name: 'no', header: 'No', align: 'center', width: 60},
{name: 'userNm', header: '이름', align: 'center', width: 130},
{name: 'userType', header: '구분', align: 'center', width: 130},
{name: 'adminId', header: '관리자ID', align: 'center', width: 130, cls: 'td_line'},
{
name: 'userId', header: 'ID', align: 'center', width: 130, renderer: {
type: CustomATagRenderer
, options: {
callback: this.memberDetail,
callback: this.memberDetail,
}
}
},
{ name: 'regDt', header: '등록일', align: 'center', width: 130},
{ name: 'userStat', header: '상태', align: 'center', width: 130}
{name: 'regDt', header: '등록일', align: 'center', width: 130},
{name: 'userStat', header: '상태', align: 'center', width: 130}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchText1: '',
searchText1: '',
startDt: '',
endDt: ''
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
customGrid: customGrid,
TestIdRegPop,
commonModal,
vuejsDatepicker,
},
created(){
created() {
this.setCodeData();
this.setPeriodDay(0);
},
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchText1: '',
searchText1: '',
startDt: '',
endDt: ''
}
});
}
});
},
mounted() {
// 달력 세팅
@@ -237,35 +241,35 @@ export default {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
});
// 라우트 하기전 실행
next();
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
this.grid.params.startDt = moment(this.startDate).format('YYYYMMDD');
this.grid.params.endDt = moment(this.endDate).format('YYYYMMDD');
console.log('this.perPageCnt'+this.perPageCnt);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1;
this.grid.params.searchType2 = this.searchType2;
@@ -274,45 +278,45 @@ export default {
this.sendStoreData();
},
toMove(routeName) {
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
this.$router.push({name: routeName, params: {page: 1, searchText: ''}});
},
ModalOpen: function(){
ModalOpen: function () {
this.$refs.testIdRegPop.ModalOpen();
},
memberDetail: function(props) {
this.row.serviceId = props.userId;
if(props.userType == '관리자 ID'){
memberDetail: function (props) {
this.row.serviceId = props.userId;
if (props.userType == '관리자 ID') {
// 관리자 ID용 상세페이지 이동
this.$router.push({ name: 'memberAdminDetail', params: {serviceId : this.row.serviceId} });
this.$router.push({name: 'memberAdminDetail', params: {serviceId: this.row.serviceId}});
} else {
// 사용자 ID용 상세페이지 이동
this.$router.push({ name: 'memberDetail', params: {serviceId : this.row.serviceId} });
}
this.$router.push({name: 'memberDetail', params: {serviceId: this.row.serviceId}});
}
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
// console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
// console.log("getCondition : "+ getCondition.perPage);
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd' : 'SVCUSER_STTUS_CD'}).then(response => {
api.commCode({'grpCd': 'SVCUSER_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
});
//
api.commCode({'grpCd' : 'SVCUSER_TP_CD'}).then(response => {
api.commCode({'grpCd': 'SVCUSER_TP_CD'}).then(response => {
this.userType = response.data.data.list;
});
},
@@ -346,15 +350,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -363,14 +367,14 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
initSetStartDate(){
initSetStartDate() {
let setYear = Number(moment(new Date()).format('YYYY'));
let initStartDate = new Date(setYear, 0, 1);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
},
};
</script>

739
frontend/src/modules/custMgt/views/SubsDetail.vue
View File

@@ -1,179 +1,176 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리</p>
</div>
<div class="info">
<div class="title">기본정보</div>
</div>
<div class="table table_form">
<!-- <form autocomplete="off">-->
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>고객사명</th>
<td colspan="2"><input type="text" disabled v-model="custNm"></td>
</tr>
<tr class="tr_input w75">
<th>대표자명</th>
<td colspan="2"><input type="text" disabled v-model="reprNm"></td>
<th class="center">사용자 구분</th>
<td colspan="2"><input type="text" disabled v-model="custType"></td>
</tr>
<tr class="tr_input">
<th>사업장 주소</th>
<td colspan="5">
<div class="input-address">
<input type="text" disabled v-model="adr1">
<input type="text" disabled v-model="adr2">
<input type="text" disabled v-model="adr3">
</div>
</td>
</tr>
<tr class="tr_input">
<th>사업자등록번호</th>
<td colspan="2">
<div class="input-bnumber">
<input type="text" disabled v-model="bregNo1">
<input type="text" disabled v-model="bregNo2">
<input type="text" disabled v-model="bregNo3">
</div>
</td>
<th class="center">법인등록번호</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="cprRegNo1">
<input type="text" disabled v-model="cprRegNo2">
</div>
</td>
</tr>
</tbody>
</table>
<!-- </form>-->
</div>
<div class="info">
<div class="title">사용정보</div>
</div>
<div class="table table_form">
<!-- <form autocomplete="off">-->
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>가입일</th>
<td colspan="2"><input type="text" disabled v-model="subsDt"></td>
<th class="center">상태</th>
<td class="center" colspan="2">
<input type="text" disabled v-model="stat">
</td>
</tr>
<tr class="tr_input w75">
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan"></td>
<th class="center">가입번호</th>
<td colspan="2"><input type="text" disabled v-model="subsNo"></td>
</tr>
<tr class="tr_input w75">
<th>관리자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="adminId">
<input type="text" disabled v-model="adminNm">
<button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
</div>
</td>
<th class="center">유치자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="channelId">
<input type="text" disabled v-model="channelNm">
</div>
</td>
</tr>
</tbody>
</table>
<!-- </form>-->
</div>
<div class="info">
<div class="title">사용자 데이터</div>
</div>
<div class="table table_form">
<form autocomplete="off">
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>서비스 ID</th>
<td colspan="2"><input type="text" disabled v-model="serviceId"></td>
<th class="center">이용권한</th>
<td colspan="2"><input type="text" disabled v-model="useAuth"></td>
</tr>
<tr class="tr_input w75">
<th>사용자명</th>
<td colspan="2"><input type="text" disabled v-model="userNm"></td>
<th class="center">휴대폰 번호</th>
<td colspan="2"><input type="text" disabled v-model="mdn"></td>
</tr>
<tr class="tr_input w75">
<th>이월누적금액</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="carryOver">
<button type="button" class="button grey" @click="carryOverListPopOpen();">이월금액보기</button>
</div>
</td>
<th class="center">사용자ID 개수</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="userCnt">
<button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="toComplete();">취소</button>
<button class="btn-pcolor" type="button" @click="confirmPopOpen();">저장</button>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리</p>
</div>
<div class="info">
<div class="title">기본정보</div>
</div>
<div class="table table_form">
<!-- <form autocomplete="off">-->
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>고객사명</th>
<td colspan="2"><input type="text" disabled v-model="custNm"></td>
</tr>
<tr class="tr_input w75">
<th>대표자명</th>
<td colspan="2"><input type="text" disabled v-model="reprNm"></td>
<th class="center">사용자 구분</th>
<td colspan="2"><input type="text" disabled v-model="custType"></td>
</tr>
<tr class="tr_input">
<th>사업장 주소</th>
<td colspan="5">
<div class="input-address">
<input type="text" disabled v-model="adr1">
<input type="text" disabled v-model="adr2">
<input type="text" disabled v-model="adr3">
</div>
</td>
</tr>
<tr class="tr_input">
<th>사업자등록번호</th>
<td colspan="2">
<div class="input-bnumber">
<input type="text" disabled v-model="bregNo1">
<input type="text" disabled v-model="bregNo2">
<input type="text" disabled v-model="bregNo3">
</div>
</td>
<th class="center">법인등록번호</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="cprRegNo1">
<input type="text" disabled v-model="cprRegNo2">
</div>
</td>
</tr>
</tbody>
</table>
<!-- </form>-->
</div>
<div class="info">
<div class="title">사용정보</div>
</div>
<div class="table table_form">
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>가입일</th>
<td colspan="2"><input type="text" disabled v-model="subsDt"></td>
<th class="center">상태</th>
<td class="center" colspan="2">
<input type="text" disabled v-model="stat">
</td>
</tr>
<tr class="tr_input w75">
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan"></td>
<th class="center">가입번호</th>
<td colspan="2"><input type="text" disabled v-model="subsNo"></td>
</tr>
<tr class="tr_input w75">
<th>관리자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="adminId">
<input type="text" disabled v-model="adminNm">
<button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
</div>
</td>
<th class="center">유치자명</th>
<td colspan="2">
<div class="input-double">
<input type="text" disabled v-model="channelId">
<input type="text" disabled v-model="channelNm">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="info">
<div class="title">사용자 데이터</div>
</div>
<div class="table table_form">
<form autocomplete="off">
<table>
<colgroup>
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
<col style="width:140px">
<col style="width:auto">
<col style="width:auto">
</colgroup>
<tbody>
<tr class="tr_input w75">
<th>서비스 ID</th>
<td colspan="2"><input type="text" disabled v-model="serviceId"></td>
<th class="center">이용권한</th>
<td colspan="2"><input type="text" disabled v-model="useAuth"></td>
</tr>
<tr class="tr_input w75">
<th>사용자명</th>
<td colspan="2"><input type="text" disabled v-model="userNm"></td>
<th class="center">휴대폰 번호</th>
<td colspan="2"><input type="text" disabled v-model="mdn"></td>
</tr>
<tr class="tr_input w75">
<th>이월누적금액</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="carryOver">
<button type="button" class="button grey" @click="carryOverListPopOpen();">이월금액보기</button>
</div>
</td>
<th class="center">사용자ID 개수</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="userCnt">
<button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="toComplete();">취소</button>
<button class="btn-pcolor" type="button" @click="confirmPopOpen();">저장</button>
</div>
<!--이월금액 모달.-->
<carry-Over-List-Pop ref="carryOverListPop"></carry-Over-List-Pop>
<!--수정 확인 모달-->
<validation-confirm-pop ref="validationConfirmPop"></validation-confirm-pop>
<!--관리자명 조회 모달-->
<common-modal ref="commmonModal"></common-modal>
<!--이월금액 모달.-->
<carry-Over-List-Pop ref="carryOverListPop"></carry-Over-List-Pop>
<!--수정 확인 모달-->
<validation-confirm-pop ref="validationConfirmPop"></validation-confirm-pop>
<!--관리자명 조회 모달-->
<common-modal ref="commmonModal"></common-modal>
</div>
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
</div>
</div>
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
</div>
</template>
@@ -188,213 +185,213 @@ import AdminNmPop from '../components/AdminNmPop';
import commonModal from "@/components/modal/commonModal";
export default {
name: "subsDetail",
data(){
return{
row: {},
custNm: '',
reprNm: '',
custType: '',
adr1: '',
adr2: '',
adr3: '',
bregNo: '',
bregNo1: '',
bregNo3: '',
bregNo2: '',
cprRegNo: '',
cprRegNo1: '',
cprRegNo2: '',
birth: '',
subsDt: '',
stat: '',
plan: '',
subsNo: '',
adminId: '',
adminNm: '',
bindDis: '',
channelId: '',
channelNm: '',
useAuth: '',
userNm: '',
mdn: '',
carryOver: '',
userCnt: '',
saveConfirm:false,
props: {},
}
},
props: {
serviceId: {
type: String,
default: "",
},
},
components: {
CarryOverListPop,
//ConfirmPop,
//SearchIDPop,
ValidationConfirmPop,
AdminNmPop,
commonModal,
},
created(){
console.log(this.$route.params.serviceId);
this.subsDetail(this.$route.params.serviceId);
// checkVaildBizNum
name: "subsDetail",
data() {
return {
row: {},
custNm: '',
reprNm: '',
custType: '',
adr1: '',
adr2: '',
adr3: '',
bregNo: '',
bregNo1: '',
bregNo3: '',
bregNo2: '',
cprRegNo: '',
cprRegNo1: '',
cprRegNo2: '',
birth: '',
subsDt: '',
stat: '',
plan: '',
subsNo: '',
adminId: '',
adminNm: '',
bindDis: '',
channelId: '',
channelNm: '',
useAuth: '',
userNm: '',
mdn: '',
carryOver: '',
userCnt: '',
saveConfirm: false,
props: {},
}
},
methods :{
callAlert(props){
//alert("호출됨!");
this.$refs.commmonModal.alertModalOpen(props);
},
doValidate(){
// if(this.isNull(this.userId)){
// alert("아이디를 입력해 주세요.");
// this.$refs._userId.focus();
// return false;
// }
return true;
},
// 저장 후 부모창 호출.
toComplete(){
this.row.searchType1 = '';
this.row.searchType2= '';
this.row.searchType3= '';
this.row.searchText1= '';
this.row.startDt= '';
this.row.endDt= '';
this.row.page = 1;
props: {
serviceId: {
type: String,
default: "",
},
},
components: {
CarryOverListPop,
//ConfirmPop,
//SearchIDPop,
ValidationConfirmPop,
AdminNmPop,
commonModal,
},
created() {
console.log(this.$route.params.serviceId);
this.subsDetail(this.$route.params.serviceId);
// checkVaildBizNum
},
methods: {
callAlert(props) {
//alert("호출됨!");
this.$refs.commmonModal.alertModalOpen(props);
},
doValidate() {
// if(this.isNull(this.userId)){
// alert("아이디를 입력해 주세요.");
// this.$refs._userId.focus();
// return false;
// }
return true;
},
// 저장 후 부모창 호출.
toComplete() {
this.row.searchType1 = '';
this.row.searchType2 = '';
this.row.searchType3 = '';
this.row.searchText1 = '';
this.row.startDt = '';
this.row.endDt = '';
this.row.page = 1;
this.$router.push({ name: 'subsList', params: this.row });
},
async doInsert(props){
console.log(props);
// try {
// const response = await custMgtApi.insertTestId(this.row);
// const result = response.data;
// if (result != null && result.retCode == "0000") {
// alert('저장 하였습니다.');
// this.toComplete();
// }
// } catch(err) {
// alert("실패 하였습니다.");
// }
// }
},
async subsDetail(serviceId){
this.row.serviceId = serviceId;
try {
const response = await custMgtApi.subsDetail(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
//데이터값이 널이면 오류처리
this.custNm = result.data.custNm;
this.reprNm = result.data.reprNm;
this.custType = result.data.custType;
this.adr1 = result.data.adr1;
this.adr2 = result.data.adr2;
this.adr3 = result.data.adr3;
this.bregNo = result.data.bregNo;
this.cprRegNo = result.data.cprRegNo;
this.birth = result.data.birth;
this.subsDt = result.data.subsDt;
this.stat = result.data.stat;
this.plan = result.data.plan;
this.subsNo = result.data.subsNo;
this.adminId = result.data.adminId;
this.adminNm = result.data.adminNm;
this.bindDis = result.data.bindDis;
this.channelId = result.data.channelId;
this.channelNm = result.data.channelNm;
this.serviceId = result.data.serviceId;
this.useAuth = result.data.useAuth;
this.userNm = result.data.userNm;
this.mdn = result.data.mdn;
this.carryOver = result.data.carryOver;
this.userCnt = result.data.userCnt;
if(this.bregNo != '' && this.bregNo != null){
this.bregNo1 = this.bregNo.substr(0, 3);
this.bregNo2 = this.bregNo.substr(3, 2);
this.bregNo3 = this.bregNo.substr(5);
}
if(this.cprRegNo != '' && this.cprRegNo != null){
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
this.cprRegNo2 = this.cprRegNo.substr(6);
}
}
} catch (error) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
this.$router.push({name: 'subsList', params: this.row});
},
async doInsert(props) {
},
// updateAdminInfo 청약고객-사용정보-관리자ID,관리자명 수정
async updateAdminInfo() {
this.row.serviceId = this.$route.params.serviceId;
this.row.adminId = this.adminId;
this.row.adminNm = this.adminNm;
try {
const response = await custMgtApi.updateAdminInfo(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.row.title = '청약고객관리';
this.row.msg1 = '저장 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
} else {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (error) {
console.log(props);
// try {
// const response = await custMgtApi.insertTestId(this.row);
// const result = response.data;
// if (result != null && result.retCode == "0000") {
// alert('저장 하였습니다.');
// this.toComplete();
// }
// } catch(err) {
// alert("실패 하였습니다.");
// }
// }
},
async subsDetail(serviceId) {
this.row.serviceId = serviceId;
try {
const response = await custMgtApi.subsDetail(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
//데이터값이 널이면 오류처리
this.custNm = result.data.custNm;
this.reprNm = result.data.reprNm;
this.custType = result.data.custType;
this.adr1 = result.data.adr1;
this.adr2 = result.data.adr2;
this.adr3 = result.data.adr3;
this.bregNo = result.data.bregNo;
this.cprRegNo = result.data.cprRegNo;
this.birth = result.data.birth;
this.subsDt = result.data.subsDt;
this.stat = result.data.stat;
this.plan = result.data.plan;
this.subsNo = result.data.subsNo;
this.adminId = result.data.adminId;
this.adminNm = result.data.adminNm;
this.bindDis = result.data.bindDis;
this.channelId = result.data.channelId;
this.channelNm = result.data.channelNm;
this.serviceId = result.data.serviceId;
this.useAuth = result.data.useAuth;
this.userNm = result.data.userNm;
this.mdn = result.data.mdn;
this.carryOver = result.data.carryOver;
this.userCnt = result.data.userCnt;
if (this.bregNo != '' && this.bregNo != null) {
this.bregNo1 = this.bregNo.substr(0, 3);
this.bregNo2 = this.bregNo.substr(3, 2);
this.bregNo3 = this.bregNo.substr(5);
}
if (this.cprRegNo != '' && this.cprRegNo != null) {
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
this.cprRegNo2 = this.cprRegNo.substr(6);
}
}
} catch (error) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
}
},
carryOverListPopOpen: function(){
this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
},
confirmPopOpen: function(){
if(this.doValidate()){
// this.row.title = '사용자 수정 확인';
// this.row.msg = '변경된 내용을 저장하시겠습니까?';
// console.log(this.row);
// this.$refs.confirmPop.confirmModalOpen(this.row);
this.$refs.validationConfirmPop.confirmUpdateSubOpen();
},
// updateAdminInfo 청약고객-사용정보-관리자ID,관리자명 수정
async updateAdminInfo() {
this.row.serviceId = this.$route.params.serviceId;
this.row.adminId = this.adminId;
this.row.adminNm = this.adminNm;
try {
const response = await custMgtApi.updateAdminInfo(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.row.title = '청약고객관리';
this.row.msg1 = '저장 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
} else {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (error) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
carryOverListPopOpen: function () {
this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
},
confirmPopOpen: function () {
if (this.doValidate()) {
// this.row.title = '사용자 수정 확인';
// this.row.msg = '변경된 내용을 저장하시겠습니까?';
// console.log(this.row);
// this.$refs.confirmPop.confirmModalOpen(this.row);
this.$refs.validationConfirmPop.confirmUpdateSubOpen();
// this.$refs.commmonModal.confirmModalOpen(this.row);
}
},
confirmCalbackFnc: function(props){
console.log(props);
if(props.result){
// this.doInsert(props.result);
}
},
searchIDPopOpen: function(){
var params = {
"serviceId": this.row.serviceId,
"serviceSeq": '',
"parentDiv": 'subsDetail'
}
this.$refs.adminNmPop.ModalOpen(params);
},
goMemberDetail: function(props){
console.log(this.row);
this.$router.push({ name: 'memberAdminDetail', params: {serviceId : this.row.serviceId} });
},
}
}
},
confirmCalbackFnc: function (props) {
console.log(props);
if (props.result) {
// this.doInsert(props.result);
}
},
searchIDPopOpen: function () {
var params = {
// "serviceId": this.row.serviceId,
"serviceId": this.serviceId,
"serviceSeq": '',
"parentDiv": 'subsDetail'
}
this.$refs.adminNmPop.ModalOpen(params);
},
goMemberDetail: function (props) {
console.log(this.row);
this.$router.push({name: 'memberAdminDetail', params: {serviceId: this.row.serviceId}});
},
}
}
</script>

321
frontend/src/modules/custMgt/views/SubsList.vue
View File

@@ -1,22 +1,22 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리 &gt; 청약고객관리</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" class="on">청약고객관리</a>
<a href="javascript:void(0);" @click="toMove('memberList')">회원관리</a>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리 &gt; 청약고객관리</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" class="on">청약고객관리</a>
<a href="javascript:void(0);" @click="toMove('memberList')">회원관리</a>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
@@ -39,81 +39,84 @@
></vuejs-datepicker>
</span>
</div>
</div>
<div class="select_box id">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">유치채널</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
</div>
<div class="select_box id">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="01" >고객셀프가입</option>
<option value="02" >대리점</option>
<option value="03" >고객센터</option>
<option value="04" >직접영업</option>
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">유치채널</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="01">고객셀프가입</option>
<option value="02">대리점</option>
<option value="03">고객센터</option>
<option value="04">직접영업</option>
<!-- <option v-for="(option, i) in userType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option> -->
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType3" @keyup.enter="search">
<option value="">전체</option>
<option value="01">고객사명</option>
<option value="02">가입번호</option>
<option value="03">서비스ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType3" @keyup.enter="search">
<option value="01">고객사명</option>
<option value="02">가입번호</option>
<option value="03">서비스ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1"
maxlength="100" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -125,25 +128,25 @@ import xlsx from '@/common/excel';
import commonModal from "@/components/modal/commonModal";
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
@@ -159,84 +162,85 @@ export default {
statType: [],
userType: [],
row:{},
row: {},
pageType: 'SUBS',
searchType1:'',
searchType2:'',
searchType3:'',
searchType1: '',
searchType2: '',
searchType3: '01',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
totalItems: 0,
grid: {
url: '/api/v1/bo/custMgt/subsList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
columns: [
{ name: 'no', header: 'No', align: 'center', width: 60},
{ name: 'serviceId', header: '서비스 ID\n(관리자 ID)', align: 'center', width: 160 , renderer: {
columns: [
{name: 'no', header: 'No', align: 'center', width: 60},
{
name: 'serviceId', header: '서비스 ID\n(관리자 ID)', align: 'center', width: 160, renderer: {
type: CustomATagRenderer
, options: {
callback: this.custDetail,
callback: this.custDetail,
}
}
},
{ name: 'custNm', header: '고객사명', align: 'center', width: 130},
{ name: 'regNo', header: '가입번호', align: 'center', width: 130},
{ name: 'regDt', header: '가입일', align: 'center', width: 130, cls: 'td_line'},
{ name: 'stat', header: '상태', align: 'center', width: 130},
{ name: 'channel', header: '유치채널', align: 'center', width: 130},
{ name: 'plan', header: '요금제', align: 'center', width: 130},
{ name: 'carryOver', header: '이월누적금액', align: 'center', width: 130}
{name: 'custNm', header: '고객사명', align: 'center', width: 130},
{name: 'regNo', header: '가입번호', align: 'center', width: 130},
{name: 'regDt', header: '가입일', align: 'center', width: 130, cls: 'td_line'},
{name: 'stat', header: '상태', align: 'center', width: 130},
{name: 'channel', header: '유치채널', align: 'center', width: 130},
{name: 'plan', header: '요금제', align: 'center', width: 130},
{name: 'carryOver', header: '이월누적금액', align: 'center', width: 130}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchText1: '',
searchText1: '',
startDt: '',
endDt: ''
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
},
created(){
created() {
this.setCodeData();
this.getExcelHeader();
this.setPeriodDay(0);
},
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchText1: '',
searchText1: '',
startDt: '',
endDt: ''
}
}
});
},
mounted() {
// 달력 세팅
@@ -244,18 +248,18 @@ export default {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
@@ -269,10 +273,10 @@ export default {
next();
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
this.grid.params.startDt = moment(this.startDate).format('YYYYMMDD');
this.grid.params.endDt = moment(this.endDate).format('YYYYMMDD');
console.log('this.perPageCnt'+this.perPageCnt);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
@@ -283,18 +287,18 @@ export default {
this.sendStoreData();
},
toMove(routeName) {
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
this.$router.push({name: routeName, params: {page: 1, searchText: ''}});
},
custDetail(props){
custDetail(props) {
console.log(props);
this.row.serviceId = props.serviceId;
this.$router.push({ name: 'subsDetail', params: this.row });
this.$router.push({name: 'subsDetail', params: this.row});
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -304,15 +308,15 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd' : 'SUBS_STTUS_CD'}).then(response => {
api.commCode({'grpCd': 'SUBS_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
});
//
api.commCode({'grpCd' : 'SVCUSER_TP_CD'}).then(response => {
api.commCode({'grpCd': 'SVCUSER_TP_CD'}).then(response => {
this.userType = response.data.data.list;
});
},
@@ -333,7 +337,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -357,7 +361,8 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
@@ -395,15 +400,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -412,7 +417,7 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
initSetStartDate(){
initSetStartDate() {
let setYear = Number(moment(new Date()).format('YYYY'));
let initStartDate = new Date(setYear, 0, 1);
this.startDate = initStartDate;

332
frontend/src/modules/mntrng/views/SendList.vue
View File

@@ -6,115 +6,118 @@
<h3 class="title">발송내역</h3>
<p class="breadcrumb">모니터링 &gt; 발송내역</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box cal one essential">
<label for="right" class="label"><span>*</span>발송일</label>
<!-- <input class="" type="text" id="" placeholder="2022-10-12"> -->
<div class="term">
<div class="search_wrap">
<div class="group">
<div class="input_box cal one essential">
<label for="right" class="label"><span>*</span>발송일</label>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>
</div>
</div>
<div class="select_box id">
<label for="right" class="label">요청채널</label>
<select name="" id="" v-model="grid.params.searchType1" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="SMS">SMS</option>
<option value="LMS">LMS</option>
<option value="MMS">MMS</option>
<option value="ALIMTALK">알림톡</option>
</select>
</div>
</div>
<div class="group">
<div class="input_box essential">
<label for="right" class="label"><span>*</span>수신번호</label>
<input class="search-box" type="number" id="search" placeholder="- 자 제외 숫자만 입력" v-model="grid.params.searchText1" v-on:keyup="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_searchText2">
</div>
<div class="input_box essential">
<label for="right" class="label"><span>*</span>발신번호</label>
<input class="search-box" type="number" id="search" placeholder="- 자 제외 숫자만 입력" v-model="grid.params.searchText2" v-on:keyup="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_searchText2">
</div>
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText3" ref="_searchText3">
</div>
<button type="button" class="button grey" @click="search">조회</button>
<div class="select_box id">
<label for="right" class="label">요청채널</label>
<select name="" id="" v-model="grid.params.searchType1" @keyup.enter="search">
<option value="" selected>전체</option>
<option value="SMS">SMS</option>
<option value="LMS">LMS</option>
<option value="MMS">MMS</option>
<option value="ALIMTALK">알림톡</option>
</select>
</div>
</div>
</form>
<div class="group">
<div class="input_box essential">
<label for="right" class="label"><span>*</span>수신번호</label>
<input class="search-box" type="text" id="search" placeholder="- 자 제외 숫자만 입력" @keyup.enter="search"
v-model.trim="grid.params.searchText1" @keypress="onlyNum" @input="onlyNum" maxlength="11"
ref="_searchText2">
</div>
<div class="input_box essential">
<label for="right" class="label"><span>*</span>발신번호</label>
<input class="search-box" type="text" id="search" placeholder="- 자 제외 숫자만 입력" @keyup.enter="search"
v-model.trim="grid.params.searchText2" @keypress="onlyNum" @input="onlyNum" maxlength="11"
ref="_searchText2">
</div>
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText3"
@keypress="onlyName" @input="onlyName" @keyup.enter="search" ref="_searchText3" maxlength="100">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
</div>
<div class="table">
<table>
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
></custom-grid>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
import customGrid from '@/components/CustomGrid';
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import moment from 'moment';
import xlsx from '@/common/excel';
//import commonModal from "@/components/modal/commonModal";
import commonModal from "../components/commonModal";
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
@@ -131,16 +134,16 @@ export default {
statType: [],
userType: [],
row:{},
row: {},
initMode: false,
pageType: 'SUBS',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
grid: {
@@ -153,65 +156,68 @@ export default {
header: [
[
{ header: 'NO', childNames: [] },
{ header: '발송일자', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '발송아이디(사용자ID)', childNames: [] },
{ header: '수신번호', childNames: [] },
{ header: '발신번호', childNames: [] },
{ header: '요청채널', childNames: [] },
{ header: '최종채널', childNames: [] },
{ header: '이통사', childNames: [] },
{ header: '결과(코드)', childNames: [] },
{ header: '요청일시', childNames: [] },
{ header: '완료일시', childNames: [] },
{header: 'NO', childNames: []},
{header: '발송일자', childNames: []},
{header: '고객사명', childNames: []},
{header: '발송아이디(사용자ID)', childNames: []},
{header: '수신번호', childNames: []},
{header: '발신번호', childNames: []},
{header: '요청채널', childNames: []},
{header: '최종채널', childNames: []},
{header: '이통사', childNames: []},
{header: '결과(코드)', childNames: []},
{header: '요청일시', childNames: []},
{header: '완료일시', childNames: []},
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: '', header: '발송일자', align: 'left', width: '11%' },
{ name: '', header: '고객사명', align: 'left', width: '9%' },
{ name: '', header: '발송아이디(사용자ID)', align: 'center', width: '9%'},
{ name: '', header: '수신번호', align: 'center', width: '11%'},
{ name: '', header: '발신번호', align: 'center', width: '11%'},
{ name: '', header: '요청채널', align: 'center', width: '5%'},
{ name: '', header: '최종채널', align: 'center', width: '5%'},
{ name: '', header: '이통사', align: 'center', width: '5%'},
{ name: '', header: '결과(코드)', align: 'center', width: '9%'},
{ name: '', header: '요청일시', align: 'center', width: '10%'},
{ name: '', header: '완료일시', align: 'center', width: '10%'},
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: '', header: '발송일자', align: 'left', width: '11%'},
{name: '', header: '고객사명', align: 'left', width: '9%'},
{name: '', header: '발송아이디(사용자ID)', align: 'center', width: '9%'},
{name: '', header: '수신번호', align: 'center', width: '11%'},
{name: '', header: '발신번호', align: 'center', width: '11%'},
{name: '', header: '요청채널', align: 'center', width: '5%'},
{name: '', header: '최종채널', align: 'center', width: '5%'},
{name: '', header: '이통사', align: 'center', width: '5%'},
{name: '', header: '결과(코드)', align: 'center', width: '9%'},
{name: '', header: '요청일시', align: 'center', width: '10%'},
{name: '', header: '완료일시', align: 'center', width: '10%'},
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchText1: '',
searchText1: '',
searchText2: '',
searchText3: '',
searchText3: '',
sentDate: '',
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
},
created(){
created() {
// this.setCodeData();
// this.getExcelHeader();
this.setPeriodDay(0);
this.grid.params.searchType1 = '';
// this.$refs.table.cleanData();
this.initMode = true;
},
destroyed() {
this.grid.params.searchType1 = '';
this.grid.params.searchText1 = '';
this.grid.params.searchText2 = '';
this.grid.params.searchText3 = '';
},
mounted() {
this.grid.params.searchType1 = '';
@@ -219,17 +225,17 @@ export default {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
//this.search(isKeep);
this.search(isKeep);
},
beforeRouteLeave(to, from, next) {
@@ -244,17 +250,23 @@ export default {
next();
},
methods: {
search: function(isKeep) {
if(this.doValidate()){
this.grid.params.sentDate = moment(this.startDate).format('YYYYMMDD');
this.grid.params.reqChennel = this.grid.params.searchType1;
this.grid.params.phone = this.grid.params.searchText1;
this.grid.params.callbackNumber = this.grid.params.searchText2;
this.grid.params.custNm = this.grid.params.searchText3;
console.log(this.grid.params);
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
}
search: function (isKeep) {
if (this.initMode) {
this.grid.params.phone = 99999999999;
this.grid.params.callbackNumber = 99999999999;
} else {
if (this.doValidate()) {
this.grid.params.sentDate = moment(this.startDate).format('YYYYMMDD');
this.grid.params.reqChennel = this.grid.params.searchType1;
this.grid.params.phone = this.grid.params.searchText1;
this.grid.params.callbackNumber = this.grid.params.searchText2;
this.grid.params.custNm = this.grid.params.searchText3;
console.log(this.grid.params);
}
}
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
this.initMode = false;
},
setPeriodDay(day) {
this.periodDay = day;
@@ -266,7 +278,7 @@ export default {
this.closeDate('start');
this.closeDate('end');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
@@ -284,15 +296,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -301,11 +313,11 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -315,45 +327,45 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
doValidate(){
doValidate() {
// 발송일자 필수입력체크
if(this.isNull(this.startDate)) {
if (this.isNull(this.startDate)) {
this.row.title = '발송내역';
this.row.msg1 = '발송일을 선택해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return false;
}
// 수신번호 필수입력체크
if(this.isNull(this.grid.params.searchText1)) {
// 수신번호 필수입력체크
if (this.isNull(this.grid.params.searchText1)) {
this.row.title = '발송내역';
this.row.msg1 = '수신번호를 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return false;
}
// 발신번호 필수입력체크
if(this.isNull(this.grid.params.searchText2)) {
// 발신번호 필수입력체크
if (this.isNull(this.grid.params.searchText2)) {
this.row.title = '발송내역';
this.row.msg1 = '발신번호를 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return false;
}
return true;
},
checkFocus(){
if(this.row.focusTaget === '1'){
this.$refs._searchText1.focus();
} else if(this.row.focusTaget === '2'){
this.$refs._searchText2.focus();
}
},
checkFocus() {
if (this.row.focusTaget === '1') {
this.$refs._searchText1.focus();
} else if (this.row.focusTaget === '2') {
this.$refs._searchText2.focus();
}
},
}
};
</script>

476
frontend/src/modules/riskMgt/components/InsertIntrcpPop.vue
View File

@@ -1,255 +1,263 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="ModalClose();"></div>
<div class="popup-wrap">
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal52" @click="ModalClose();"></div>
<div class="popup-wrap modal52">
<!-- 발신번호 차단 신규 등록 -->
<div class="popup modal52 popup_form">
<div class="pop-head">
<h3 class="pop-tit">발신번호 차단 신규 등록</h3>
</div>
<form autocomplete="off">
<table>
<tbody>
<tr>
<th>발신번호</th>
<td><input type="number" placeholder="- 자 제외 숫자만 입력" maxlength="11" v-model.trim="blckSndrno" v-on:keyup="onlyNum" @input="onlyNum" ref="_blckSndrno"></td>
</tr>
<tr>
<th>발송타입</th>
<td v-if="code === null || code === ''">
<div v:class="select_box">
<select name="" id="right" v-model.trim="sndblckTpCd" ref="sndblckTpCd" @keyup.enter="search">
<option v-for="(option, i) in tpType" :value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
<!--
<option v-for="(option, i) in tpType"
:v-bind:value="option.grpCd"
v-bind:key="i"
:selected="code === option.grpCd"
>
{{ option.codeNm }}
</option> -->
<!-- <option value="">문자</option>
<option value="">RCS</option> -->
</select>
</div>
</td>
</tr>
<tr>
<th>차단사유</th>
<td>
<div>
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
<option v-for="(option, i) in rsnType" :value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model.trim="meno" ref="meno" @input="memoLimitByte()"></textarea></td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2">
<button class="btn-pcolor" @click="regisConfirm()">등록</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
<common-modal ref="commonModal"></common-modal>
<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
<!-- 발신번호 차단 신규 등록 -->
<div class="popup modal52 popup_form">
<div class="pop-head">
<h3 class="pop-tit">발신번호 차단 신규 등록</h3>
</div>
<form autocomplete="off">
<table>
<tbody>
<tr>
<th>발신번호</th>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="blckSndrno"
@keypress="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_blckSndrno"></td>
</tr>
<tr>
<th>발송타입</th>
<td v-if="code === null || code === ''">
<div v:class="select_box">
<select name="" id="right" v-model.trim="sndblckTpCd" ref="sndblckTpCd" @keyup.enter="search">
<option v-for="(option, i) in tpType" :value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
</td>
</tr>
<tr>
<th>차단사유</th>
<td>
<div>
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
<option v-for="(option, i) in rsnType" :value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model.trim="meno" ref="meno" maxlength="1000"
@input="memoLimitByte()"></textarea></td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2">
<button class="btn-pcolor" @click="regisConfirm()">등록</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
<common-modal ref="commonModal"></common-modal>
<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
</div>
</div>
</div>
</template>
<script>
import api from '@/service/api';
import riskMgtApi from '../service/riskMgtApi'
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import lodash from "lodash";
import commonModal from "@/components/modal/commonModal";
// import commonModal from "@/components/modal/commonModal";
import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
export default {
mixins: [utils_mixin, chkPattern2],
data(){
return{
props : {},
row: {},
rsnType: [],
tpType: [],
blckSndrno: '',
sndblckTpCd: '01',
blckRsnCd: '01',
meno: '',
code:"",
LINE_FEED : 10, // '\n',
maxByte: 2000,
// params: {
// 'blckSndrno' : ''
// ,'sndblckTpCd' : '01'
// ,'blckRsnCd' : '02'
// ,'meno' : ''
// }
mixins: [utils_mixin, chkPattern2],
data() {
return {
props: {},
row: {},
rsnType: [],
tpType: [],
blckSndrno: '',
sndblckTpCd: '01',
blckRsnCd: '01',
meno: '',
code: "",
LINE_FEED: 10, // '\n',
maxByte: 2000,
// params: {
// 'blckSndrno' : ''
// ,'sndblckTpCd' : '01'
// ,'blckRsnCd' : '02'
// ,'meno' : ''
// }
}
},
create() {
this.setCodeDate();
this.formReset();
},
mounted() {
//this.sndblckTpCd = '01'
},
components: {
// commonModal,
ValidationConfirmPopup
},
methods: {
//모달 띄우기
ModalOpen() {
var dimmed = document.getElementsByClassName('modal52');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.setCodeDate();
},
// 모달 끄기
ModalClose() {
this.formReset();
var dimmed = document.getElementsByClassName('modal52');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 저장 후 부모창 호출
toComplete() {
this.$parent.$refs.table.reloadData();
this.ModalClose();
},
async doInsert() {
// if(this.doValidate() && this.regisConfirm()){
this.row.blckSndrno = this.blckSndrno;
this.row.sndblckTpCd = this.sndblckTpCd;
this.row.blckRsnCd = this.blckRsnCd;
this.row.meno = this.meno;
this.regId = 'admin';
console.log(this.row);
try {
const response = await riskMgtApi.insertIntrcp(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.row.title = '발신번호 차단';
this.row.msg1 = '성공 하였습니다.';
this.$parent.alertInsert(this.row);
}
this.toComplete();
} catch (err) {
console.log(err);
this.row.title = '발신번호 차단';
this.row.msg1 = '실패 하였습니다.';
this.$parent.alertInsert(this.row);
}
// }
},
create(){
this.setCodeDate();
this.formReset();
setCodeDate() {
// 발송타입
api.commCode({'grpCd': 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
});
api.commCode({'grpCd': 'SNDBLCK_RSN_CD'}).then(response => {
this.rsnType = response.data.data.list;
});
},
mounted(){
//this.sndblckTpCd = '01'
},
components: {
commonModal,
ValidationConfirmPopup
},
methods :{
//모달 띄우기
ModalOpen(){
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal52');
obj[0].style.display = 'block';
this.setCodeDate();
},
// 모달 끄기
ModalClose(){
//this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal52');
popup[0].style.display = 'none';
},
// 저장 후 부모창 호출
toComplete(){
this.$parent.$refs.table.reloadData();
this.ModalClose();
},
async doInsert(){
// if(this.doValidate() && this.regisConfirm()){
this.row.blckSndrno = this.blckSndrno;
this.row.sndblckTpCd = this.sndblckTpCd;
this.row.blckRsnCd = this.blckRsnCd;
this.row.meno = this.meno;
this.regId = 'admin';
console.log(this.row);
try {
const response = await riskMgtApi.insertIntrcp(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.row.title = '발신번호 차단';
this.row.msg1 = '성공 하였습니다.';
this.$parent.alertInsert(this.row);
}
this.toComplete();
} catch(err) {
console.log(err);
this.row.title = '발신번호 차단';
this.row.msg1 = '실패 하였습니다.';
this.$parent.alertInsert(this.row);
}
// }
},
setCodeDate(){
// 발송타입
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
});
api.commCode({'grpCd' : 'SNDBLCK_RSN_CD'}).then(response => {
this.rsnType = response.data.data.list;
});
},
doValidate(){
if(this.isNull(this.blckSndrno)){
this.row.title = '발신번호 차단';
this.row.msg1 = '발신번호를 입력해주세요.';
this.$parent.alertInsert(this.row);
this.$refs._blckSndrno.focus();
return false;
}
const hp = this.blckSndrno;
if(!this.isNull(hp) && !this.isMobile(hp)){
this.row.title = '발신번호 차단';
this.row.msg1 = '발신번호 형식이 잘못되었습니다. 확인 해주세요.';
this.$parent.alertInsert(this.row)
this.$refs._blckSndrno.focus();
return false;
}
this.row.blckSndrno=this.blckSndrno;
this.row.sndblckTpCd = this.sndblckTpCd;
this.row.blckRsnCd = this.blckRsnCd;
this.row.meno=this.meno;
return true;
},
formReset(){
var type= this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
regisConfirm(){
if(this.doValidate()){
this.$refs.ValidationConfirmPopup.confirmInsertOpen();
}
},
// 바이트길이 구하기
getByteLength: function (decimal) {
return (decimal >> 7) || (this.LINE_FEED === decimal) ? 2 : 1
},
getByte: function (str) {
return str
.split('')
.map((s) => s.charCodeAt(0))
.reduce((prev, unicodeDecimalValue) => prev + this.getByteLength(unicodeDecimalValue), 0)
},
getLimitedByteText: function (inputText, maxByte) {
const characters = inputText.split('')
let validText = ''
let totalByte = 0
for (let i = 0; i < characters.length; i += 1) {
const character = characters[i]
const decimal = character.charCodeAt(0)
const byte = this.getByteLength(decimal) // 글자 한 개가 몇 바이트 길이인지 구해주기
// 현재까지의 바이트 길이와 더해 최대 바이트 길이를 넘지 않으면
if (totalByte + byte <= maxByte) {
totalByte += byte // 바이트 길이 값을 더해 현재까지의 총 바이트 길이 값을 구함
validText += character // 글자를 더해 현재까지의 총 문자열 값을 구함
} else { // 최대 바이트 길이를 넘으면
break // for 루프 종료
}
}
return validText
},
memoLimitByte() {
this.meno = this.getLimitedByteText(this.meno, this.maxByte);
}, //END 바이트길이 구하기
doValidate() {
if (this.isNull(this.blckSndrno)) {
this.row.title = '발신번호 차단';
this.row.msg1 = '발신번호를 입력해주세요.';
this.$parent.alertInsert(this.row);
this.$refs._blckSndrno.focus();
return false;
}
const hp = this.blckSndrno;
if (!this.isNull(hp) && !this.isMobile(hp)) {
this.row.title = '발신번호 차단';
this.row.msg1 = '발신번호 형식이 잘못되었습니다. 확인 해주세요.';
this.$parent.alertInsert(this.row)
this.$refs._blckSndrno.focus();
return false;
}
this.row.blckSndrno = this.blckSndrno;
this.row.sndblckTpCd = this.sndblckTpCd;
this.row.blckRsnCd = this.blckRsnCd;
this.row.meno = this.meno;
return true;
},
formReset() {
var type = this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
regisConfirm() {
if (this.doValidate()) {
this.$refs.ValidationConfirmPopup.confirmInsertOpen();
}
},
// 바이트길이 구하기
getByteLength: function (decimal) {
return (decimal >> 7) || (this.LINE_FEED === decimal) ? 2 : 1
},
getByte: function (str) {
return str
.split('')
.map((s) => s.charCodeAt(0))
.reduce((prev, unicodeDecimalValue) => prev + this.getByteLength(unicodeDecimalValue), 0)
},
getLimitedByteText: function (inputText, maxByte) {
const characters = inputText.split('')
let validText = ''
let totalByte = 0
for (let i = 0; i < characters.length; i += 1) {
const character = characters[i]
const decimal = character.charCodeAt(0)
const byte = this.getByteLength(decimal) // 글자 한 개가 몇 바이트 길이인지 구해주기
// 현재까지의 바이트 길이와 더해 최대 바이트 길이를 넘지 않으면
if (totalByte + byte <= maxByte) {
totalByte += byte // 바이트 길이 값을 더해 현재까지의 총 바이트 길이 값을 구함
validText += character // 글자를 더해 현재까지의 총 문자열 값을 구함
} else { // 최대 바이트 길이를 넘으면
break // for 루프 종료
}
}
return validText
},
memoLimitByte() {
this.meno = this.getLimitedByteText(this.meno, this.maxByte);
}, //END 바이트길이 구하기
},
}
</script>
<style>
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
.popup-btn-wrap button:hover {background: #000; color: #fff;}
.popup-btn-wrap {
width: 500px;
margin: auto;
padding: 100px 0;
}
.popup-btn-wrap button {
width: 100%;
margin-bottom: 10px;
height: 50px;
border-radius: 5px;
box-shadow: none;
border: 1px solid #000;
}
.popup-btn-wrap button:hover {
background: #000;
color: #fff;
}
</style>

397
frontend/src/modules/riskMgt/components/InsertMsgPop.vue
View File

@@ -1,223 +1,218 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="ModalClose();"></div>
<div class="popup-wrap">
<!-- 메시지 차단 신규 등록 -->
<div class="popup popup_form modal57">
<div class="pop-head">
<h3 class="pop-tit">메시지 차단 신규 등록</h3>
</div>
<form autocomplete="off">
<table>
<tbody>
<tr>
<th>차단문구</th>
<td class="input_add">
<input v-model="word" ref="_word" maxlength="50">
<button type="button" class="button white add" @click="doAdd"></button>
</td>
</tr>
<tr>
<td colspan="2" class="registration" value="">
<ul>
<li v-for="(item, i) in msgBlckwordList" v-bind:key="item.word">
<span> {{ item.word }}<a href="#" @click="doDel(item, i)"><img src="@/assets/images/icon-del.png"/></a> </span>
<!-- <button type="button" @click="doDel(item, i)">x</button> -->
</li>
</ul>
</td>
</tr>
<tr>
<th>조건</th>
<td>
<input type="radio" name="state" value="01" id="popup_radio3" v-model="blckContCd" >
<label for="popup_radio3">AND</label>
<input type="radio" name="state" value="02" id="popup_radio4" v-model="blckContCd">
<label for="popup_radio4">OR</label>
</td>
</tr>
<tr>
<th>차단사유</th>
<td>
<div>
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
<option v-for="(option, i) in rsnType"
:value="option.code"
v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model.trim="memo" ref="memo" ></textarea></td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2">
<button class="btn-pcolor" @click="regisConfirm()">저장</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal57" @click="ModalClose();"></div>
<div class="popup-wrap modal57">
<!-- 메시지 차단 신규 등록 -->
<div class="popup popup_form modal57">
<div class="pop-head">
<h3 class="pop-tit">메시지 차단 신규 등록</h3>
</div>
<form autocomplete="off">
<table>
<tbody>
<tr>
<th>차단문구</th>
<td class="input_add">
<input v-model="word" ref="_word" maxlength="50">
<button type="button" class="button white add" @click="doAdd"></button>
</td>
</tr>
<tr>
<td colspan="2" class="registration" value="">
<ul>
<li v-for="(item, i) in msgBlckwordList" v-bind:key="item.word">
<span> {{ item.word }}<a href="#" @click="doDel(item, i)"><img src="@/assets/images/icon-del.png"/></a> </span>
<!-- <button type="button" @click="doDel(item, i)">x</button> -->
</li>
</ul>
</td>
</tr>
<tr>
<th>조건</th>
<td>
<input type="radio" name="state" value="01" id="popup_radio3" v-model="blckContCd">
<label for="popup_radio3">AND</label>
<input type="radio" name="state" value="02" id="popup_radio4" v-model="blckContCd">
<label for="popup_radio4">OR</label>
</td>
</tr>
<tr>
<th>차단사유</th>
<td>
<div>
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
<option v-for="(option, i) in rsnType"
:value="option.code"
v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model.trim="memo" ref="memo"></textarea></td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2">
<button class="btn-pcolor" @click="regisConfirm()">저장</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
</div>
</div>
</template>
<script>
import api from '@/service/api';
import riskMgtApi from '../service/riskMgtApi';
import lodash from "lodash";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
export default {
mixins: [utils_mixin, chkPattern2],
data(){
return{
mixins: [utils_mixin, chkPattern2],
data() {
return {
row: {},
// msgBlckword: {
// word:'',
// },
msgBlckwordList: [
// { word : '스팸'},
],
rsnType: [],
tpType: [],
// seqNo: '', // 일련번호
word: '', // 차단문구
blckSndrno:'',
sndblckTpCd:'',
blckRsnCd: '01', // 차단사유
blckYn:'',
blckContCd:'01', //차단 조건
chgDt:'',
regId: '',
regDt: '',
memo: '', // 메모
row: {},
// msgBlckword: {
// word:'',
// },
msgBlckwordList: [
// { word : '스팸'},
],
rsnType: [],
tpType: [],
// seqNo: '', // 일련번호
word: '', // 차단문구
blckSndrno: '',
sndblckTpCd: '',
blckRsnCd: '01', // 차단사유
blckYn: '',
blckContCd: '01', //차단 조건
chgDt: '',
regId: '',
regDt: '',
memo: '', // 메모
}
},
created() {
this.formReset();
},
components: {
ValidationConfirmPopup
},
methods: {
ModalOpen() {
var dimmed = document.getElementsByClassName('modal57');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.setCodeDate();
},
// 모달 끄기
ModalClose() {
this.formReset();
var dimmed = document.getElementsByClassName('modal57');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
setCodeDate() {
// 발송타입
api.commCode({'grpCd': 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
});
api.commCode({'grpCd': 'SNDBLCK_RSN_CD'}).then(response => {
this.rsnType = response.data.data.list;
});
},
async doInsert() {
// if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
try {
const response = await riskMgtApi.msgIntrcpList(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.row.title = '메세지 차단';
this.row.msg1 = '저장하였습니다.';
this.$parent.msgAlertModalOpen(this.row);
}
this.toComplete();
} catch (err) {
this.row.title = '메세지 차단';
this.row.msg1 = '실패하였습니다.';
this.$parent.msgAlertModalOpen(this.row);
}
// }
},
created(){
this.formReset();
doValidate() {
if (this.isNull(this.msgBlckwordList)) {
this.row.title = '메세지 차단';
this.row.msg1 = '문구를 입력해주세요.';
this.$parent.msgAlertModalOpen(this.row);
this.$refs._word.focus();
return false;
}
this.row.blckRsnCd = this.blckRsnCd;
this.row.blckContCd = this.blckContCd;
this.row.memo = this.memo;
this.row.blckYn = this.blckYn;
this.row.list = this.msgBlckwordList
return true;
},
components: {
ValidationConfirmPopup
},
methods :{
ModalOpen(){
this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal57');
obj[0].style.display = 'block';
this.setCodeDate();
},
// 모달 끄기
ModalClose(){
//this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal57');
popup[0].style.display = 'none';
},
setCodeDate(){
// 발송타입
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
toComplete() {
this.$parent.$refs.table.reloadData();
this.ModalClose();
},
//신규등록 팝업에서 문구 추가 버튼
doAdd: function () {
if (this.isNull(this.word)) {
this.row.title = '메세지 차단';
this.row.msg1 = '문구를 입력해주세요.';
this.$parent.msgAlertModalOpen(this.row);
this.$refs._word.focus();
return false;
}
if (this.msgBlckwordList.length < 10) {
this.msgBlckwordList.push({
//seqNo: '',
word: this.word
});
api.commCode({'grpCd' : 'SNDBLCK_RSN_CD'}).then(response => {
this.rsnType = response.data.data.list;
});
},
this.word = '';
}
},
//신규등록 팝업에서 문구 삭제 버튼
doDel(item, i) {
localStorage.removeItem(item);
this.msgBlckwordList.splice(i, 1);
},
formReset() {
var type = this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
regisConfirm() {
if (this.doValidate()) {
this.$refs.ValidationConfirmPopup.msgConfirmInsertOpen();
}
}
async doInsert(){
// if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
try {
const response = await riskMgtApi.msgIntrcpList(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.row.title = '메세지 차단';
this.row.msg1 = '저장하였습니다.';
this.$parent.msgAlertModalOpen(this.row);
}
this.toComplete();
} catch(err) {
this.row.title = '메세지 차단';
this.row.msg1 = '실패하였습니다.';
this.$parent.msgAlertModalOpen(this.row);
}
// }
},
doValidate(){
if(this.isNull(this.msgBlckwordList)){
this.row.title = '메세지 차단';
this.row.msg1 = '문구를 입력해주세요.';
this.$parent.msgAlertModalOpen(this.row);
this.$refs._word.focus();
return false;
}
this.row.blckRsnCd = this.blckRsnCd;
this.row.blckContCd = this.blckContCd;
this.row.memo = this.memo;
this.row.blckYn = this.blckYn;
this.row.list = this.msgBlckwordList
return true;
},
toComplete(){
this.$parent.$refs.table.reloadData();
this.ModalClose();
},
//신규등록 팝업에서 문구 추가 버튼
doAdd: function() {
if(this.isNull(this.word)){
this.row.title = '메세지 차단';
this.row.msg1 = '문구를 입력해주세요.';
this.$parent.msgAlertModalOpen(this.row);
this.$refs._word.focus();
return false;
}
if(this.msgBlckwordList.length < 10){
this.msgBlckwordList.push({
//seqNo: '',
word: this.word
});
this.word = '';
}
},
//신규등록 팝업에서 문구 삭제 버튼
doDel(item, i){
localStorage.removeItem(item);
this.msgBlckwordList.splice(i, 1);
},
formReset(){
var type= this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
regisConfirm(){
if(this.doValidate()){
this.$refs.ValidationConfirmPopup.msgConfirmInsertOpen();
}
}
}
}
}

667
frontend/src/modules/riskMgt/service/mixins.js
View File

@@ -1,353 +1,358 @@
import lodash from "lodash";
const utils_mixin = {
methods:{
/** * 이메일 형식 체크 * * @param 데이터 */
emailCheck(email,rtnArrYn) {
if(this.isNull(rtnArrYn)){
rtnArrYn='N';
}
// var regExp = /(^[A-Za-z0-9_\.\-]+)@([A-Za-z0-9\-]+\.[A-Za-z0-9\-]+)/;
var regExp = /^([0-9a-zA-Z_\.\-]([-_.]?[0-9a-zA-Z_\.\-])*)@([0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$)/i;//이메일 정규식
if(regExp.test(email) == false) {
// 이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
if(rtnArrYn == 'Y'){
return email;
}
return false;
}else{
var myArray = regExp.exec(email);
if(rtnArrYn == 'Y'){
return myArray;
}
return true;
}
methods: {
/** * 이메일 형식 체크 * * @param 데이터 */
emailCheck(email, rtnArrYn) {
if (this.isNull(rtnArrYn)) {
rtnArrYn = 'N';
}
// var regExp = /(^[A-Za-z0-9_\.\-]+)@([A-Za-z0-9\-]+\.[A-Za-z0-9\-]+)/;
var regExp = /^([0-9a-zA-Z_\.\-]([-_.]?[0-9a-zA-Z_\.\-])*)@([0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$)/i;//이메일 정규식
if (regExp.test(email) == false) {
// 이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
if (rtnArrYn == 'Y') {
return email;
}
return false;
} else {
var myArray = regExp.exec(email);
if (rtnArrYn == 'Y') {
return myArray;
}
return true;
}
},
/** * 전화번호 포맷으로 변환 * * @param 데이터 */
formatPhone(phoneNum,fmt,rtnArrYn) {
if(this.isNull(fmt)){
fmt='';
}
if(this.isNull(rtnArrYn)){
fmt='N';
}
if(this.isPhone(phoneNum)) {
var rtnNum;
var regExp =/(02)([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt + myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
regExp =/(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt+myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
formatPhone(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isPhone(phoneNum)) {
var rtnNum;
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
}
} else {
return phoneNum;
}
} else {
return phoneNum;
}
},
/** * 핸드폰번호 포맷으로 변환 * * @param 데이터 */
formatMobile(phoneNum,fmt,rtnArrYn) {
if(this.isNull(fmt)){
fmt='';
}
if(this.isNull(rtnArrYn)){
fmt='N';
}
if(this.isMobile(phoneNum)) {
var rtnNum;
var regExp =/(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt+myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
return phoneNum;
formatMobile(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isMobile(phoneNum)) {
var rtnNum;
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
} else {
return phoneNum;
}
} else {
return phoneNum;
}
},
/** * 전화번호 형식 체크 * * @param 데이터 */
isPhone(phoneNum) {
var regExp =/(02)([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
return true;
} else {
regExp =/(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
return false;
}
}
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
return false;
}
}
},
/** * 핸드폰번호 형식 체크 * * @param 데이터 */
isMobile(phoneNum) {
var regExp =/(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isMobile2(phoneNum) {
var regExp =/(1[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isNull(obj){
if(lodash.isNil(obj) || lodash.trim(obj) == ''){
return true;
}
return false;
},
getParent(name){
let p = this.$parent;
while(typeof p !== 'undefined'){
if(p.$options.name == name) {
return p;
}else {
p = p.$parent;
}
}
return false;
},
getJsonObj(str){
return JSON.parse(JSON.stringify(str));
},
}
};
var chkPattern2 = {
data: function () {
return {
}
},
methods: {
selSesStorage(keyLike){
if(this.isNull(keyLike)){
return null;
}
if(sessionStorage.length > 0){
let keyList = [];
for(let i=0;i<sessionStorage.length;i++){
const keyNm = sessionStorage.key(i);
if(keyNm.indexOf(keyLike) > -1){
keyList.push({name : keyNm, value : sessionStorage.getItem(keyNm)});
var regExp = /(1[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isNull(obj) {
if (lodash.isNil(obj) || lodash.trim(obj) == '') {
return true;
}
}
if(keyList.length > 0){
return keyList;
}
return null;
}
return null;
},
delSesStorage(keyList){
if(this.isNull(keyList)){
return null;
}
if(keyList.length > 0){
keyList.map((o) => (sessionStorage.removeItem(o.name)));
return true;
}
},
setGridMouseDownActive(){
const ele = document.querySelector(`div.tui-grid-container.tui-grid-show-lside-area`);
if(window.getEventListeners(ele).mousedown){
ele.removeEventListener('mousedown',window.getEventListeners(ele).mousedown[0].listener);
}
},
restrictChars : function($event,regExp,hanYn){
if(this.isNull(hanYn)){
hanYn='N';
}
if(hanYn === 'N' && $event.type === 'keydown'){
if($event.keyCode === 229){
$event.preventDefault();
return false;
}
}
if($event.type === 'keypress'){
//한글 처리 불가
if(regExp.test(String.fromCharCode($event.charCode))) {
},
getParent(name) {
let p = this.$parent;
while (typeof p !== 'undefined') {
if (p.$options.name == name) {
return p;
} else {
p = p.$parent;
}
}
return false;
},
getJsonObj(str) {
return JSON.parse(JSON.stringify(str));
},
}
};
var chkPattern2 = {
data: function () {
return {}
},
methods: {
selSesStorage(keyLike) {
if (this.isNull(keyLike)) {
return null;
}
if (sessionStorage.length > 0) {
let keyList = [];
for (let i = 0; i < sessionStorage.length; i++) {
const keyNm = sessionStorage.key(i);
if (keyNm.indexOf(keyLike) > -1) {
keyList.push({name: keyNm, value: sessionStorage.getItem(keyNm)});
}
}
if (keyList.length > 0) {
return keyList;
}
return null;
}
return null;
},
delSesStorage(keyList) {
if (this.isNull(keyList)) {
return null;
}
if (keyList.length > 0) {
keyList.map((o) => (sessionStorage.removeItem(o.name)));
return true;
}
},
setGridMouseDownActive() {
const ele = document.querySelector(`div.tui-grid-container.tui-grid-show-lside-area`);
if (window.getEventListeners(ele).mousedown) {
ele.removeEventListener('mousedown', window.getEventListeners(ele).mousedown[0].listener);
}
},
restrictChars: function ($event, regExp, hanYn) {
if (this.isNull(hanYn)) {
hanYn = 'N';
}
if (hanYn === 'N' && $event.type === 'keydown') {
if ($event.keyCode === 229) {
$event.preventDefault();
return false;
}
}
if ($event.type === 'keypress') {
//한글 처리 불가
if (regExp.test(String.fromCharCode($event.charCode))) {
return true;
} else {
$event.preventDefault();
return false;
}
}
if (hanYn === 'N' && ($event.type === 'keyup' || $event.type === 'input' || $event.type === 'change' || $event.type === 'blur')) {
$event.target.value = $event.target.value.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g, '');
$event.preventDefault();
return false;
}
return true;
}else{
$event.preventDefault();
return false;
}
}
if(hanYn === 'N' && ( $event.type === 'keyup' || $event.type === 'input' || $event.type === 'change' || $event.type === 'blur')){
$event.target.value = $event.target.value.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g,'');
$event.preventDefault();
return false;
}
return true;
},
setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e,strRegExp,hanYn) {
var regExp_g = new RegExp(strRegExp,'g');
this.cut(e);
return this.restrictChars(e,regExp_g,hanYn);
},
onlyCommon: function(strRegExp, e, len, isEventCall, hanYn) {
var regExp_g = new RegExp(strRegExp,'g');
if(isEventCall === 'N'){
if(!this.cut(e, len, isEventCall)){
return false;
}
if(!regExp_g.test(e.value)){
return false;
}
return true;
}
this.cut(e, len);
return this.restrictChars(e,regExp_g,hanYn);
},
onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyLowerEng: function (e, len, isEventCall) {
var strRegExp = '^[a-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
cut: function (ele, len, isValidChk) {
let e=ele;
if (typeof ele.target != "undefined") {
e=ele.target;
}
let max = this.isNull(len) ? e.attributes.maxlength.value : len;
let str = e.value;
if (this.bytes(str) > max) {
if(this.isNull(isValidChk)){
e.value = this.cutBytes(str, max);
}
return false;
}
return true;
},
cutBytes: function (str, len) {
while(1 === 1){
if(this.bytes(str) <= len){
},
setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e, strRegExp, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
this.cut(e);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyCommon: function (strRegExp, e, len, isEventCall, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
if (isEventCall === 'N') {
if (!this.cut(e, len, isEventCall)) {
return false;
}
if (!regExp_g.test(e.value)) {
return false;
}
return true;
}
this.cut(e, len);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyLowerEng: function (e, len, isEventCall) {
var strRegExp = '^[a-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
cut: function (ele, len, isValidChk) {
let e = ele;
if (typeof ele.target != "undefined") {
e = ele.target;
}
let max = this.isNull(len) ? e.attributes.maxlength.value : len;
let str = e.value;
if (this.bytes(str) > max) {
if (this.isNull(isValidChk)) {
e.value = this.cutBytes(str, max);
}
return false;
}
return true;
},
cutBytes: function (str, len) {
while (1 === 1) {
if (this.bytes(str) <= len) {
return str;
}
str = str.slice(0, -1);
}
},
bytes: function (str) {
var length = ((s, b, i, c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
b = 0, i = 0;
while (1 === 1) {
c = s.charCodeAt(i++);
if (isNaN(c)) {
break;
}
b += c >> 11 ? 2 : c >> 7 ? 1 : 1;
}
return b
})(str);
return length;
},
checkPhone: function (str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0) != "0") {
str = "0" + str;
}
if (str.length < 10 || str.length > 12) {
return "";
}
if (isNaN(str)) {
return "";
}
if (str.substr(0, 2) != "01" && str.substr(0, 3) != "070" && str.substr(0, 4) != "0505" && str.substr(0, 4) != "0503") {
return "";
}
return str;
}
str = str.slice(0,-1);
}
},
bytes: function (str) {
var length = ((s,b,i,c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
b=0,i=0;
while(1 === 1){
c = s.charCodeAt(i++);
if (isNaN(c)) {
break;
}
b += c >> 11 ? 2 : c >> 7 ? 1 : 1;
}
return b
})(str);
return length;
},
checkPhone: function(str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0)!="0"){
str = "0"+str;
}
if (str.length<10||str.length>12){return "";}
if (isNaN(str)){return ""; }
if (str.substr(0,2)!="01" && str.substr(0,3)!="070" && str.substr(0,4)!="0505" && str.substr(0,4)!="0503"){return ""; }
return str;
},
}
};
export { utils_mixin, chkPattern2 };
},
}
};
export {utils_mixin, chkPattern2};

382
frontend/src/modules/riskMgt/views/All.vue
View File

@@ -1,135 +1,133 @@
<template>
<div class="contents">
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">웹발송 차단내역</h3>
<p class="breadcrumb">리스크관리 &gt; 차단 내역</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<label for="right" class="label">발송일</label>
<div class="group">
<div class="input_box cal one">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
v-model="startDate"
@selected="selectedStartDate(0)"
></vuejs-datepicker>
<!-- <input class="" type="text" id=""
placeholder="2022-10-12"
v-model="grid.params.startDt"
@click="openStartPicker = true" />
<div v-show="openStartPicker === true">
<calendar ref="calendar"/> -->
<!-- </div> -->
</div>
<button type="button" class="button grey btn-a" @click="todayDate">오늘</button>
<div class="select_box id">
<label for="right" class="label">차단사유</label>
<select name="" id="" v-model="blckRsnCd">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">차단구분</label>
<select name="" id="" v-model="blckTpCd">
<option value="" selected>전체</option>
<option value="01">발신번호차단</option>
<option value="02">메시지차단</option>
<option value="03">080수신번호차단</option>
</select>
</div>
</div>
<div class="group">
<div class="input_box">
<label for="right" class="label">발신번호</label>
<input class="search-box" type="number" id="search" placeholder="검색어 입력" v-model="grid.params.sndrno" v-on:keyup="onlyNum" @input="onlyNum" maxlength="12">
</div>
<div class="input_box">
<label for="right" class="label">수신번호</label>
<input class="search-box" type="number" id="search" placeholder="검색어 입력" v-model="grid.params.rcvno" v-on:keyup="onlyNum" @input="onlyNum" maxlength="12">
</div>
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType1">
<option value="01" selected>고객사명</option>
<option value="02">사업자번호</option>
<option value="03">발송ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">웹발송 차단내역</h3>
<p class="breadcrumb">리스크관리 &gt; 차단 내역</p>
</div>
<div class="search_wrap">
<label for="right" class="label">발송일</label>
<div class="group">
<div class="input_box cal one">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
v-model="startDate"
@selected="selectedStartDate(0)"
></vuejs-datepicker>
</div>
<button type="button" class="button grey btn-a" @click="todayDate">오늘</button>
<div class="select_box id">
<label for="right" class="label">차단사유</label>
<select name="" id="" v-model="blckRsnCd">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">차단구분</label>
<select name="" id="" v-model="blckTpCd">
<option value="" selected>전체</option>
<option value="01">발신번호차단</option>
<option value="02">메시지차단</option>
<option value="03">080수신번호차단</option>
</select>
</div>
</div>
<div class="group">
<div class="input_box">
<label for="right" class="label">발신번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.sndrno"
@keypress="onlyNum" @input="onlyNum" maxlength="11">
</div>
<div class="input_box">
<label for="right" class="label">수신번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.rcvno"
@keypress="onlyNum" @input="onlyNum" maxlength="11">
</div>
<div class="select_box">
<label for="right" class="label">상세검색</label>
<select name="" id="" v-model="searchType1">
<option value="01" selected>고객사명</option>
<option value="02">사업자번호</option>
<option value="03">발송ID</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.searchText1" maxlength="100">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
import customGrid from '@/components/CustomGrid';
import moment from 'moment';
import commonModal from "@/components/modal/commonModal";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
//import api from '../service/api';
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
name: 'intrcpList',
mixins: [utils_mixin, chkPattern2],
@@ -142,18 +140,18 @@ export default {
periodDay: 7,
sDateDiv: 'day',
startDate: new Date(),
endDate: new Date(),
endDate: new Date(),
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
statType: [],
userType: [],
blckRsnCd:'',
blckTpCd:'',
searchType1:'01',
row:{},
blckRsnCd: '',
blckTpCd: '',
searchType1: '01',
row: {},
grid: {
url: '/api/v1/bo/riskMgt/web/intrcpList',
perPage: 20,
@@ -164,36 +162,38 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '차단구분', childNames: [] },
{ header: '발송ID', childNames: [] },
{ header: '발신번호', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '수신번호', childNames: [] },
{ header: '차단사유', childNames: [] },
{ header: '발송일자', childNames: [] }
{header: 'NO', childNames: []},
{header: '차단구분', childNames: []},
{header: '발송ID', childNames: []},
{header: '발신번호', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '수신번호', childNames: []},
{header: '차단사유', childNames: []},
{header: '발송일자', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'blckTpCd', header: '차단구분', align: 'center', width: '11%' },
{ name: 'userId', header: '발송ID', align: 'center', width: '11%'},
{ name: 'sndrno', header: '발신번호', align: 'center', width: '11%'},
{ name: 'custNm', header: '고객사명', align: 'center', width: '11%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.custDetail,
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: 'blckTpCd', header: '차단구분', align: 'center', width: '11%'},
{name: 'userId', header: '발송ID', align: 'center', width: '11%'},
{name: 'sndrno', header: '발신번호', align: 'center', width: '11%'},
{
name: 'custNm', header: '고객사명', align: 'center', width: '11%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.custDetail,
}
}
}},
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '11%'},
{ name: 'rcvno', header: '수신번호', align: 'center', width: '11%' },
{ name: 'blckRsnCd', header: '차단사유', align: 'center', width: '7%' },
{ name: 'blckDt', header: '발송일자', align: 'center', width: '11%' },
},
{name: 'bizrno', header: '사업자번호', align: 'center', width: '11%'},
{name: 'rcvno', header: '수신번호', align: 'center', width: '11%'},
{name: 'blckRsnCd', header: '차단사유', align: 'center', width: '7%'},
{name: 'blckDt', header: '발송일자', align: 'center', width: '11%'},
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
blckDt: '',
blckRsnCd: '',
@@ -205,31 +205,31 @@ export default {
startDt: new Date(+new Date() + 3240 * 10000).toISOString().split("T")[0],
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 20,
params: {
blckDt: '',
blckRsnCd: '',
blckTpCd: '',
sndrno: '',
rcvno: '',
searchType1: '',
searchText1: ''
}
});
this.startDate = '';
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 20,
params: {
blckDt: '',
blckRsnCd: '',
blckTpCd: '',
sndrno: '',
rcvno: '',
searchType1: '',
searchText1: ''
}
});
this.startDate = '';
},
created(){
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
this.setPeriodDay(0);
},
@@ -238,7 +238,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -247,7 +247,7 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.blckDt = moment(this.startDate).format('YYYYMMDD');
this.grid.params.blckTpCd = this.blckTpCd
@@ -256,12 +256,12 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
@@ -277,10 +277,10 @@ export default {
this.closeDate('start');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
}
console.log(this.startDate);
},
selectedEndDate(day) {
@@ -290,11 +290,11 @@ export default {
},
closeDate(type) {
if (type != undefined && type != null) {
}
console.log(this.startDate);
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -307,13 +307,13 @@ export default {
custDetail(props) {
//this.row.custNm = props.serviceId;
this.row.serviceId = props.serviceId;
this.$router.push({ name: 'subsDetail', params: this.row });
this.$router.push({name: 'subsDetail', params: this.row});
},
calendarCalbackFnc(year, month, day){
calendarCalbackFnc(year, month, day) {
if(this.openStartPicker){
this.startDate= year +''+ month +''+ day
if(Number(this.endDate) < Number(this.startDate) && this.endDate !== 0){
if (this.openStartPicker) {
this.startDate = year + '' + month + '' + day
if (Number(this.endDate) < Number(this.startDate) && this.endDate !== 0) {
this.row.title = '청약고객관리';
this.row.msg1 = '조회 시작일이 종료일보다 큽니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
@@ -323,9 +323,9 @@ export default {
this.grid.params.startDt = year + '-' + month + '-' + day
this.openStartPicker = false
}
if(this.openEndPicker){
this.endDate=year +''+ month +''+ day
if(Number(this.endDate) < Number(this.startDate) && this.startDate !== 0){
if (this.openEndPicker) {
this.endDate = year + '' + month + '' + day
if (Number(this.endDate) < Number(this.startDate) && this.startDate !== 0) {
this.row.title = '청약고객관리';
this.row.msg1 = '조회 종료일이 시작일보다 작습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
@@ -341,16 +341,16 @@ export default {
}
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

342
frontend/src/modules/riskMgt/views/IntrcpList.vue
View File

@@ -1,90 +1,93 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">발신번호 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 발신번호 차단</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="input_box">
<label for="regId" class="label">등록자</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.regId" v-on:keydown.enter.prevent="search" v-on:keyup="onlyEng" @input="onlyEng" maxlength="20" />
</div>
<div class="select_box">
<label for="blckRsnCd" class="label">차단사유</label>
<select name="" id="blckRsnCd" v-model="blckRsnCd" @keyup="search">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">차단여부</label>
<select name="" id="" v-model="blckYn">
<option value="" selected>전체</option>
<option value="Y">차단</option>
<option value="N">해제</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">발송타입</label>
<select name="" id="" v-model="sndblckTpCd">
<option value="" selected>전체</option>
<option value="01">공용</option>
<option value="02">문자</option>
<option value="03">RCS</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">발신번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.blckSndrno">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="ModalOpen()">신규등록</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<insert-intrcp-pop ref="insertIntrcpPop"> </insert-intrcp-pop>
<intrcp-detail-popup ref="intrcpDetailPopup"></intrcp-detail-popup>
<common-modal ref="commonModal"></common-modal>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">발신번호 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 발신번호 차단</p>
</div>
</div>
<div class="search_wrap">
<div class="group">
<div class="input_box">
<label for="regId" class="label">등록자</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.regId"
v-on:keydown.enter.prevent="search" v-on:keyup="onlyEng" @input="onlyEng" maxlength="20"/>
</div>
<div class="select_box">
<label for="blckRsnCd" class="label">차단사유</label>
<select name="" id="blckRsnCd" v-model="blckRsnCd" @keyup="search">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
</div>
<div class="group">
<div class="select_box">
<label for="right" class="label">차단여부</label>
<select name="" id="" v-model="blckYn">
<option value="" selected>전체</option>
<option value="Y">차단</option>
<option value="N">해제</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">발송타입</label>
<select name="" id="" v-model="sndblckTpCd">
<option value="" selected>전체</option>
<option value="01">공용</option>
<option value="02">문자</option>
<option value="03">RCS</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">발신번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.blckSndrno">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="ModalOpen()">신규등록</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
</div>
<insert-intrcp-pop ref="insertIntrcpPop"></insert-intrcp-pop>
<intrcp-detail-popup ref="intrcpDetailPopup"></intrcp-detail-popup>
<common-modal ref="commonModal"></common-modal>
</div>
</template>
<script>
@@ -93,30 +96,29 @@ import api from '@/service/api.js';
import intrcpDetailPopup from '../components/IntrcpDetailPopup';
import insertIntrcpPop from '../components/InsertIntrcpPop';
import commonModal from "@/components/modal/commonModal";
import { utils_mixin, chkPattern2 } from '../service/mixins';
//import api from '../service/api';
import {utils_mixin, chkPattern2} from '../service/mixins';
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
console.log(this.props);
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
console.log(this.props);
callback(this.props);
});
}
}
export default {
@@ -126,13 +128,13 @@ export default {
return {
totalItems: 0,
perPageCnt: 50,
blckRsnCd:'',
blckYn:'',
sndblckTpCd:'',
blckRsnCd: '',
blckYn: '',
sndblckTpCd: '',
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
grid: {
url: '/api/v1/bo/riskMgt/sendNum/intrcpList',
@@ -144,29 +146,31 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '발신번호', childNames: [] },
{ header: '차단여부', childNames: [] },
{ header: '발송타입', childNames: [] },
{ header: '최근수정일', childNames: [] },
{ header: '차단사유', childNames: [] },
{ header: '등록자', childNames: [] }
{header: 'NO', childNames: []},
{header: '발신번호', childNames: []},
{header: '차단여부', childNames: []},
{header: '발송타입', childNames: []},
{header: '최근수정일', childNames: []},
{header: '차단사유', childNames: []},
{header: '등록자', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'blcksndrno', header: '발신번호', align: 'center', width: '25%',
renderer: { type: CustomATagRenderer, options: { callback: this.inDetailPop} } },
{ name: 'blckYn', header: '차단여부', align: 'center', width: '15%'},
{ name: 'sndblckTpCd', header: '발송타입', align: 'center', width: '15%', hidden: true},
{ name: 'sndblckTpNm', header: '발송타입', align: 'center', width: '15%'},
{ name: 'lastChgDt', header: '최근수정일', align: 'center', width: '15%'},
{ name: 'blckRsnCd', header: '차단사유', width: '15%', cls: 'td_line', hidden: true },
{ name: 'blckRsnNm', header: '차단사유', width: '15%', cls: 'td_line' },
{ name: 'regId', header: '등록자', width: '15%' }
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{
name: 'blcksndrno', header: '발신번호', align: 'center', width: '25%',
renderer: {type: CustomATagRenderer, options: {callback: this.inDetailPop}}
},
{name: 'blckYn', header: '차단여부', align: 'center', width: '15%'},
{name: 'sndblckTpCd', header: '발송타입', align: 'center', width: '15%', hidden: true},
{name: 'sndblckTpNm', header: '발송타입', align: 'center', width: '15%'},
{name: 'lastChgDt', header: '최근수정일', align: 'center', width: '15%'},
{name: 'blckRsnCd', header: '차단사유', width: '15%', cls: 'td_line', hidden: true},
{name: 'blckRsnNm', header: '차단사유', width: '15%', cls: 'td_line'},
{name: 'regId', header: '등록자', width: '15%'}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
regId: '',
blckRsnCd: '',
@@ -177,9 +181,9 @@ export default {
blckSndrno: ''
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
intrcpDetailPopup,
@@ -189,9 +193,9 @@ export default {
destroyed() {
this.grid.params.blckSndrno = '';
this.grid.params.regId = '';
},
created(){
created() {
this.setCodeData();
// this.formReset();
},
@@ -200,7 +204,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -209,7 +213,7 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.blckRsnCd = this.blckRsnCd
this.grid.params.blckYn = this.blckYn
@@ -219,37 +223,37 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd' : 'SVCUSER_STTUS_CD'}).then(response => {
api.commCode({'grpCd': 'SVCUSER_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
});
//
api.commCode({'grpCd' : 'SVCUSER_TP_CD'}).then(response => {
api.commCode({'grpCd': 'SVCUSER_TP_CD'}).then(response => {
this.userType = response.data.data.list;
});
//발송타입
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
});
api.commCode({'grpCd': 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
});
},
ModalOpen: function(){
ModalOpen: function () {
this.$refs.insertIntrcpPop.ModalOpen();
},
inDetailPop(props) {
@@ -258,36 +262,36 @@ export default {
this.$refs.intrcpDetailPopup.IntrcpDetailModalOpen(props);
},
// formReset(){
// var type= this.insertType;
// Object.assign(this.$data, this.$options.data());
// this.insertType = type;
// },
// var type= this.insertType;
// Object.assign(this.$data, this.$options.data());
// this.insertType = type;
// },
alertInsert(props){
alertInsert(props) {
console.log(props);
this.$refs.commonModal.alertModalOpen(props);
},
confirmInsert(props){
confirmInsert(props) {
this.$refs.commonModal.confirmModalOpen(props);
},
confirmCalbackFnc: function(props){
// if(props.result){
// // this.doInsert(props.result);
// }
},
confirmCalbackFnc: function (props) {
// if(props.result){
// // this.doInsert(props.result);
// }
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

272
frontend/src/modules/riskMgt/views/Msg.vue
View File

@@ -1,68 +1,73 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">메시지 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 메시지 차단</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box">
<label for="regId" class="label">등록자</label>
<input class="search-box" type="text" id="regId" placeholder="검색어 입력" v-model="grid.params.regId" v-on:keydown.enter.prevent="search" v-on:keyup="onlyEng" @input="onlyEng" maxlength="20"/>
</div>
<div class="select_box">
<label for="blckRsnCd" class="label">차단사유</label>
<select name="" id="blckRsnCd" v-model="blckRsnCd" @keyup="search">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
<div class="input_box">
<label for="word" class="label">차단메시지</label>
<input class="search-box" type="text" id="word" placeholder="검색어 입력" v-model="grid.params.word" v-on:keydown.enter.prevent="search" />
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}} </span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="ModalOpen()">신규등록</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
</div>
<insert-msg-pop ref="InsertMsgPop"></insert-msg-pop>
<intrcp-msg-detail ref="IntrcpMsgDetail"></intrcp-msg-detail>
<common-modal ref="commonModal"></common-modal>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">메시지 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 메시지 차단</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box">
<label for="regId" class="label">등록자</label>
<input class="search-box" type="text" id="regId" placeholder="검색어 입력" v-model.trim="grid.params.regId"
v-on:keydown.enter.prevent="search" v-on:keyup="onlyEng" @input="onlyEng" maxlength="20"/>
</div>
<div class="select_box">
<label for="blckRsnCd" class="label">차단사유</label>
<select name="" id="blckRsnCd" v-model="blckRsnCd" @keyup="search">
<option value="" selected>전체</option>
<option value="01">일반</option>
<option value="02">대출</option>
<option value="03">의약품</option>
<option value="04">도박</option>
<option value="05">스미싱</option>
<option value="06">기타</option>
</select>
</div>
<div class="input_box">
<label for="word" class="label">차단메시지</label>
<input class="search-box" type="text" id="word" placeholder="검색어 입력" v-model.trim="grid.params.word"
v-on:keydown.enter.prevent="search" maxlength="50"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }} </span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="ModalOpen()">신규등록</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
</div>
<insert-msg-pop ref="InsertMsgPop"></insert-msg-pop>
<intrcp-msg-detail ref="IntrcpMsgDetail"></intrcp-msg-detail>
<common-modal ref="commonModal"></common-modal>
</div>
</template>
<script>
@@ -70,29 +75,30 @@ import customGrid from '@/components/CustomGrid';
import InsertMsgPop from '../components/InsertMsgPop';
import IntrcpMsgDetail from '../components/IntrcpMsgDetail';
import commonModal from "@/components/modal/commonModal";
import { utils_mixin, chkPattern2 } from '../service/mixins';
//import api from '../service/api';
import {utils_mixin, chkPattern2} from '../service/mixins';
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
name: 'intrcpList',
mixins: [utils_mixin, chkPattern2],
@@ -102,11 +108,11 @@ export default {
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
blckRsnCd:'',
blckRsnCd: '',
grid: {
url: '/api/v1/bo/riskMgt/msg/intrcpList',
perPageRows: 20,
@@ -118,27 +124,29 @@ export default {
header: [
[
{ header: 'NO', childNames: [] },
{ header: '일련번호', align: 'center', childNames: [] },
{ header: '차단메시지', childNames: [] },
{ header: '차단여부', childNames: [] },
{ header: '마지막 수정일', childNames: [] },
{ header: '차단사유', childNames: [] },
{ header: '등록자', childNames: [] }
{header: 'NO', childNames: []},
{header: '일련번호', align: 'center', childNames: []},
{header: '차단메시지', childNames: []},
{header: '차단여부', childNames: []},
{header: '마지막 수정일', childNames: []},
{header: '차단사유', childNames: []},
{header: '등록자', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'seqNo', header: '일련번호', align: 'center', width: '19%', hidden: true},
{ name: 'word', header: '차단메시지', align: 'center', width: '19%',
renderer: {type: CustomATagRenderer, options: { callback: this.msgDetailPop}} },
{ name: 'blckYn', header: '차단여부', align: 'center', width: '19%'},
{ name: 'lastChgDt', header: '마지막 수정일', align: 'center', width: '19%'},
{ name: 'blckRsnCd', header: '차단사유', align: 'center', width: '19%'},
{ name: 'regId', header: '등록자', width: '19%', cls: 'td_line' }
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: 'seqNo', header: '일련번호', align: 'center', width: '19%', hidden: true},
{
name: 'word', header: '차단메시지', align: 'center', width: '19%',
renderer: {type: CustomATagRenderer, options: {callback: this.msgDetailPop}}
},
{name: 'blckYn', header: '차단여부', align: 'center', width: '19%'},
{name: 'lastChgDt', header: '마지막 수정일', align: 'center', width: '19%'},
{name: 'blckRsnCd', header: '차단사유', align: 'center', width: '19%'},
{name: 'regId', header: '등록자', width: '19%', cls: 'td_line'}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
regId: '',
blckRsnCd: '',
@@ -147,19 +155,19 @@ export default {
blckYn: '',
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
InsertMsgPop,
IntrcpMsgDetail,
commonModal,
},
},
destroyed() {
},
created(){
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
mounted() {
@@ -167,7 +175,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -176,7 +184,7 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.blckRsnCd = this.blckRsnCd;
@@ -184,45 +192,45 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
},
ModalOpen: function(target){
ModalOpen: function (target) {
this.$refs.InsertMsgPop.ModalOpen(target);
},
msgDetailPop(props) {
// console.log(props);
this.$refs.IntrcpMsgDetail.IntrcpMsgDetailModalOpen(props);
},
msgAlertModalOpen(props){
this.$refs.commonModal.alertModalOpen(props);
}
msgDetailPop(props) {
// console.log(props);
this.$refs.IntrcpMsgDetail.IntrcpMsgDetailModalOpen(props);
},
msgAlertModalOpen(props) {
this.$refs.commonModal.alertModalOpen(props);
}
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

251
frontend/src/modules/riskMgt/views/ZezNum.vue
View File

@@ -2,103 +2,113 @@
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">080 수신번호 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 080 수신번호 차단</p>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="input_box">
<label for="search" class="label">고객사</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.custNm" v-on:keyup="onlyName" @input="onlyName" maxlength="20"/>
</div>
<div class="input_box">
<label for="search" class="label">인증코드</label>
<input class="search-box" type="number" id="search" placeholder="검색어 입력" v-model="grid.params.authcd080" v-on:keyup="onlyNum" @input="onlyNum" maxlength="6"/>
</div>
<div class="input_box">
<label for="search" class="label">수신번호</label>
<input class="search-box" type="number" id="search" placeholder="검색어 입력" v-model="grid.params.rcvblckno" v-on:keyup="onlyNum" @input="onlyNum" maxlength="11"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }} </span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">080 수신번호 차단</h3>
<p class="breadcrumb">리스크관리 &gt; 080 수신번호 차단</p>
</div>
<div class="search_form">
<div class="search_wrap">
<div class="input_box">
<label for="search" class="label">고객사</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.custNm"
@keypress="onlyName" @input="onlyName" maxlength="20"/>
</div>
<div class="input_box">
<label for="search" class="label">인증코드</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.authcd080"
@keypress="onlyNum" @input="onlyNum" maxlength="6"/>
</div>
<div class="input_box">
<label for="search" class="label">수신번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.rcvblckno"
@keypress="onlyNum"
@input="onlyNum" maxlength="11"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }} </span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
import customGrid from '@/components/CustomGrid';
import commonModal from "@/components/modal/commonModal";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
//import api from '../service/api';
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
class customBRegNo {
constructor(props) {
//this.props = props;
const el = document.createElement('td');
var bregNo = String(props.colValue);
el.innerText= bregNo;
if(bregNo.length == 10){
el.innerText= bregNo.substring(0,3)+'-'+bregNo.substring(3,5)+'-'+bregNo.substring(5,10)
}
this.el = el;
constructor(props) {
//this.props = props;
const el = document.createElement('td');
var bregNo = String(props.colValue);
el.innerText = bregNo;
if (bregNo.length == 10) {
el.innerText = bregNo.substring(0, 3) + '-' + bregNo.substring(3, 5) + '-' + bregNo.substring(5, 10)
}
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
addEvent(selEl) {
}
}
export default {
name: 'intrcpList',
mixins: [utils_mixin, chkPattern2],
@@ -106,13 +116,13 @@ export default {
return {
totalItems: 0,
userType: [],
row:{},
row: {},
perPageCnt: 50,
pagePerRows: 20,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
grid: {
url: '/api/v1/bo/riskMgt/zezNum/intrcpList',
@@ -122,34 +132,31 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '고객사', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '인증코드', childNames: [] },
{ header: '수신번호', childNames: [] },
{ header: '등록일', childNames: [] },
{ header: '등록구분', childNames: [] }
{header: 'NO', childNames: []},
{header: '고객사', childNames: []},
{header: '사업자번호', childNames: []},
{header: '인증코드', childNames: []},
{header: '수신번호', childNames: []},
{header: '등록일', childNames: []},
{header: '등록구분', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'custNm', header: '고객사', align: 'center', width: '15%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.memberDetail,
}
} },
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '15%',
formatter: props => {
let result = props.bizrno.substring(0,3)+'-'+ props.bizrno.substring(3,5)+'-'+ props.bizrno.substring(5,10)
return result;
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{
name: 'custNm', header: '고객사', align: 'center', width: '15%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.memberDetail,
}
}
},
{ name: 'authcd080', header: '인증코드', align: 'center', width: '15%'},
{ name: 'rcvblckno', header: '수신번호', align: 'center', width: '15%'},
{ name: 'regDt', header: '등록일', align: 'center', width: '20%'},
{ name: 'regTpCd', header: '등록구분', width: '15%', cls: 'td_line' }
{name: 'bizrno', header: '사업자번호', align: 'center', width: '15%'},
{name: 'authcd080', header: '인증코드', align: 'center', width: '15%'},
{name: 'rcvblckno', header: '수신번호', align: 'center', width: '15%'},
{name: 'regDt', header: '등록일', align: 'center', width: '20%'},
{name: 'regTpCd', header: '등록구분', width: '15%', cls: 'td_line'}
],
noDataStr: '검색 결과가 없습니다.',
params: {
@@ -168,7 +175,7 @@ export default {
destroyed() {
},
created(){
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
mounted() {
@@ -176,7 +183,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -185,17 +192,17 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
console.log('this.perPageCnt'+this.perPageCnt);
search: function (isKeep) {
console.log('this.perPageCnt' + this.perPageCnt);
//console.log(this.grid.params);
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -211,20 +218,20 @@ export default {
memberDetail(props) {
console.log(props);
this.row.serviceId = props.userId;
this.$router.push({ name: 'subsDetail', params: this.row});
this.$router.push({name: 'subsDetail', params: this.row});
}
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

2
frontend/src/modules/sendNumMgt/components/AdminListPop.vue
View File

@@ -8,7 +8,7 @@
<div class="pop-cont-detail input_box">
<label>ID</label>
<div class="input_search">
<input class="search-box" type="text" value="" v-model="searchText1">
<input class="search-box" type="text" value="" v-model="searchText1" maxlength="100">
<button type="button" class="button btn-p2color" @click="adminList">조회</button>
</div>
</div>

26
frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
View File

@@ -1,8 +1,8 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="apprDetailPopClose"></div>
<div class="popup-wrap">
<div class="dimmed modal55" @click="apprDetailPopClose"></div>
<div class="popup-wrap modal55">
<!-- 발신번호 상세 (타사업자)-->
<div class="popup modal55 popup_form">
<div class="pop-head">
@@ -137,14 +137,10 @@ export default {
// 모달 띄우기
apprDetailPopOpen(props){
// this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal55');
obj[0].style.display = 'block';
var dimmed = document.getElementsByClassName('modal55');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.apprDetail(props);
},
@@ -198,12 +194,10 @@ export default {
},
// 모달 끄기
apprDetailPopClose(){
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal55');
popup[0].style.display = 'none';
var dimmed = document.getElementsByClassName('modal55');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
allApprSttus(event) {
var data = event.target.value;

389
frontend/src/modules/sendNumMgt/components/NumberRegPop.vue
View File

@@ -1,113 +1,124 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="numberRegPopClose();"></div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="numberRegPopClose();"></div>
<!-- 발신번호 등록 (타사업자)-->
<div class="popup modal52 popup_form register w700">
<div class="pop-head">
<h3 class="pop-tit">발신번호 등록</h3>
</div>
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td>
<div class="input_search">
<input class="search-box" type="text" placeholder="아이디 입력" disabled v-model="adminId">
<button type="button" class="button btn-p2color" @click="searchIdPop">조회</button>
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td>
<div class="input_search">
<input class="search-box" type="text" placeholder="아이디 입력" disabled v-model="adminId">
<button type="button" class="button btn-p2color" @click="searchIdPop">조회</button>
</div>
</td>
</tr>
<tr>
<th>고객사명</th>
<td><input type="text" disabled v-model="custNm"></td>
</tr>
<tr>
<th>사업자번호</th>
<td><input type="text" disabled v-model="bRegNo"></td>
</tr>
<tr v-show="bizrAuthYn !== 'Y'">
<th>명의자 구분</th>
<td>
<input type="radio" name="nmineeDivCd" value="01" id="popup_radio5" v-model="nmineeDivCd"
@change="changeNmineDiv($event)">
<label for="popup_radio5">사업자</label>
<input type="radio" name="nmineeDivCd" value="02" id="popup_radio6" v-model="nmineeDivCd"
@change="changeNmineDiv($event)">
<label for="popup_radio6">타사업자</label>
</td>
</tr>
<tr>
<th>발신번호</th>
<td>
<div class="input_add">
<div>
<input type="text" placeholder="발신번호명" v-model="sendNm" maxlength="20">
<input type="text" placeholder="발신번호(숫자만입력)" v-model="sendNum" @keypress="onlyNum" @input="onlyNum"
maxlength="11">
<button class="button white add" @click="addNumberInput"></button>
</div>
</td>
</tr>
<tr>
<th>고객사명</th>
<td><input type="text" disabled v-model="custNm"></td>
</tr>
<tr>
<th>사업자번호</th>
<td><input type="text" disabled v-model="bRegNo"></td>
</tr>
<tr v-show="bizrAuthYn !== 'Y'">
<th>명의자 구분</th>
<td>
<input type="radio" name="nmineeDivCd" value="01" id="popup_radio5" v-model="nmineeDivCd" @change="changeNmineDiv($event)">
<label for="popup_radio5">사업자</label>
<input type="radio" name="nmineeDivCd" value="02" id="popup_radio6" v-model="nmineeDivCd" @change="changeNmineDiv($event)">
<label for="popup_radio6">타사업자</label>
</td>
</tr>
<tr>
<th>발신번호</th>
<td>
<div class="input_add">
<div>
<input type="text" placeholder="발신번호명" v-model="sendNm" maxlength="20">
<input type="text" placeholder="발신번호(숫자만입력)" v-model="sendNum" v-on:keyup="onlyNum" @input="onlyNum" maxlength="16">
<button class="button white add" @click="addNumberInput"></button>
</div>
<div v-for="(numberInput, index) in numberInputs">
<input type="text" placeholder="발신번호명" v-model="numberInput.sendNm" maxlength="20">
<input type="text" placeholder="발신번호(숫자만입력)" v-model="numberInput.sendNum" v-on:keyup="onlyNum" @input="onlyNum" maxlength="16">
</div>
<div v-for="(numberInput, index) in numberInputs">
<input type="text" placeholder="발신번호명" v-model="numberInput.sendNm" maxlength="20">
<input type="text" placeholder="발신번호(숫자만입력)" v-model="numberInput.sendNum" @keypress="onlyNum"
@input="onlyNum" maxlength="11">
</div>
</td>
</tr>
<tr v-show="bizrAuthYn !== 'Y'">
<th>제출서류</th>
<td>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>위임-수임관계 확인 서류</p>
<input type="file" ref="trustFile" style="display: none" @change="readTrustFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.trustFile.click()">파일업로드</button>
<p class="file" id="trustNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>위임장</p>
<input type="file" ref="warrantFile" style="display: none" @change="readWarrantFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.warrantFile.click()">파일업로드</button>
<p class="file" id="warrantNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>대리인 신분증 사본 인증</p>
<input type="file" ref="deputyFile" style="display: none" @change="readDeputyFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.deputyFile.click()">파일업로드</button>
<p class="file" id="deputyNm"></p>
</div>
<div class="attach">
<p class="essential list"><span>*</span>통신서비스 이용증명원</p>
<input type="file" ref="communicationFile" style="display: none" @change="readCommunicationFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.communicationFile.click()">파일업로드</button>
<p class="file" id="communicationNm"></p>
</div>
<div class="attach">
<p class="essential list"><span>*</span>재직증명서</p>
<input type="file" ref="tenureFile" style="display: none" @change="readTenureFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.tenureFile.click()">파일업로드</button>
<p class="file" id="tenureNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>사업자등록증</p>
<input type="file" ref="otherBusinessFile" style="display: none" @change="readOtherBusinessFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.otherBusinessFile.click()">파일업로드</button>
<p class="file" id="otherBusinessNm"></p>
</div>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
</td>
</tr>
<tr>
<th>사업자 등록증</th>
<td v-show="bizrAuthYn !== 'Y'">
<div class="attach">
<p class="essential list"><span>*</span>사업자등록증</p>
<input type="file" ref="businessFile" style="display: none" @change="readBusinessFile" accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.businessFile.click()">파일업로드</button>
<p class="file" id="businessNm"></p>
</div>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
</td>
<td class="red" v-show="bizrAuthYn === 'Y'">인증 완료</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr v-show="bizrAuthYn !== 'Y'">
<th>제출서류</th>
<td>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>위임-수임관계 확인 서류</p>
<input type="file" ref="trustFile" style="display: none" @change="readTrustFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.trustFile.click()">파일업로드</button>
<p class="file" id="trustNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>위임장</p>
<input type="file" ref="warrantFile" style="display: none" @change="readWarrantFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.warrantFile.click()">파일업로드</button>
<p class="file" id="warrantNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>대리인 신분증 사본 인증</p>
<input type="file" ref="deputyFile" style="display: none" @change="readDeputyFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.deputyFile.click()">파일업로드</button>
<p class="file" id="deputyNm"></p>
</div>
<div class="attach">
<p class="essential list"><span>*</span>통신서비스 이용증명원</p>
<input type="file" ref="communicationFile" style="display: none" @change="readCommunicationFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.communicationFile.click()">파일업로드</button>
<p class="file" id="communicationNm"></p>
</div>
<div class="attach">
<p class="essential list"><span>*</span>재직증명서</p>
<input type="file" ref="tenureFile" style="display: none" @change="readTenureFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.tenureFile.click()">파일업로드</button>
<p class="file" id="tenureNm"></p>
</div>
<div class="attach" v-show="fileType === 2">
<p class="essential list"><span>*</span>사업자등록증</p>
<input type="file" ref="otherBusinessFile" style="display: none" @change="readOtherBusinessFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.otherBusinessFile.click()">파일업로드</button>
<p class="file" id="otherBusinessNm"></p>
</div>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
</td>
</tr>
<tr>
<th>사업자 등록증</th>
<td v-show="bizrAuthYn !== 'Y'">
<div class="attach">
<p class="essential list"><span>*</span>사업자등록증</p>
<input type="file" ref="businessFile" style="display: none" @change="readBusinessFile"
accept=".jpg,.png,.pdf,.tiff"/>
<button class="button btn-p2color" @click="$refs.businessFile.click()">파일업로드</button>
<p class="file" id="businessNm"></p>
</div>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
</td>
<td class="red" v-show="bizrAuthYn === 'Y'">인증 완료</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor" @click="saveSendNum">저장</button>
<button class="btn-default" @click="numberRegPopClose();">취소</button>
@@ -116,65 +127,65 @@
<admin-list-pop ref="admnListPop" :send-data="childData" @event-data="setChildData"/>
<common-modal ref="commmonModal2"></common-modal>
</div>
</div>
</div>
</template>
<script>
import AdminListPop from "@/modules/sendNumMgt/components/AdminListPop";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import commonModal from "@/components/modal/commonModal";
import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
export default {
name: "numberRegPop",
mixins: [utils_mixin, chkPattern2],
watch:{
nmineeDivCd(){
watch: {
nmineeDivCd() {
console.log('watch : ', this.nmineeDivCd)
}
},
data(){
return{
row: {},
adminId:'',
custNm:'',
bRegNo:'',
data() {
return {
row: {},
adminId: '',
custNm: '',
bRegNo: '',
bizrAuthYn: '',
custSeq: '',
nmineeDivCd:'01',
nmineeDivCd: '01',
sendNm: '',
sendNum: '',
numberInputs: [],
saveSendNums: [],
fileType:1,
fileType: 1,
trustFile: null,
warrantFile: null,
deputyFile: null,
tenureFile: null,
businessFile: null,
communicationFile: null,
otherBusinessFile:null,
otherBusinessFile: null,
childData: 20,
reqCnt:0,
reqCnt: 0,
}
},
components: {
components: {
AdminListPop,
commonModal,
},
model: {
prop: 'sendData',
event: 'event-data'
},
props: ['sendData'],
created(){
this.formReset();
model: {
prop: 'sendData',
event: 'event-data'
},
methods :{
searchIdPop(){
props: ['sendData'],
created() {
this.formReset();
},
methods: {
searchIdPop() {
this.$refs.admnListPop.adminNmPopOpen();
},
setChildData (data) {
},
setChildData(data) {
console.log(data)
this.adminId = data.adminId
this.custNm = data.custNm
@@ -182,50 +193,50 @@ export default {
this.bizrAuthYn = data.bizrAuthYn
this.custSeq = data.custSeq
},
addNumberInput(){
addNumberInput() {
this.numberInputs.push({
sendNm: '',
sendNum: ''
})
},
delNumberInput(index){
this.numberInputs.splice(index,1)
delNumberInput(index) {
this.numberInputs.splice(index, 1)
},
changeNmineDiv(event){
changeNmineDiv(event) {
var data = event.target.value;
console.log(data)
if(data === '01'){
if (data === '01') {
this.fileType = 1
}
if(data === '02'){
if (data === '02') {
this.fileType = 2
}
},
// 모달 띄우기
numberRegPopopen(){
this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal52');
obj[0].style.display = 'block';
},
// 모달 끄기
numberRegPopClose(){
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal52');
popup[0].style.display = 'none';
},
formReset(){
Object.assign(this.$data, this.$options.data());
},
// 모달 띄우기
numberRegPopopen() {
this.formReset();
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'block';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'block';
var obj = document.getElementsByClassName('modal52');
obj[0].style.display = 'block';
},
// 모달 끄기
numberRegPopClose() {
var dimmed = document.getElementsByClassName('dimmed');
dimmed[0].style.display = 'none';
var wrap = document.getElementsByClassName('popup-wrap');
wrap[0].style.display = 'none';
var popup = document.getElementsByClassName('modal52');
popup[0].style.display = 'none';
},
formReset() {
Object.assign(this.$data, this.$options.data());
},
// 위임-수임
readTrustFile(event){
readTrustFile(event) {
const file = event.target.files[0];
console.log(file.name);
@@ -242,9 +253,9 @@ export default {
root.appendChild(button);
this.trustFile = file;
},
delTrustFile(event){
delTrustFile(event) {
const file = event.target.files[0];
this.$refs.trustFile.value=null;
this.$refs.trustFile.value = null;
let element = document.getElementById("trustNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -252,7 +263,7 @@ export default {
this.trustFile = null;
},
// 위임장
readWarrantFile(event){
readWarrantFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -268,9 +279,9 @@ export default {
root.appendChild(button);
this.warrantFile = file;
},
delWarrantFile(event){
delWarrantFile(event) {
const file = event.target.files[0];
this.$refs.warrantFile.value=null;
this.$refs.warrantFile.value = null;
let element = document.getElementById("warrantNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -278,7 +289,7 @@ export default {
this.warrantFile = null;
},
// 대리인
readDeputyFile(event){
readDeputyFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -296,9 +307,9 @@ export default {
this.deputyFile = file
},
delDeputyFile(event){
delDeputyFile(event) {
const file = event.target.files[0];
this.$refs.deputyFile.value=null;
this.$refs.deputyFile.value = null;
let element = document.getElementById("deputyNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -306,7 +317,7 @@ export default {
this.deputyFile = null;
},
// 재직
readTenureFile(event){
readTenureFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -322,9 +333,9 @@ export default {
root.appendChild(button);
this.tenureFile = file;
},
delTenureFile(event){
delTenureFile(event) {
const file = event.target.files[0];
this.$refs.tenureFile.value=null;
this.$refs.tenureFile.value = null;
let element = document.getElementById("tenureNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -332,7 +343,7 @@ export default {
this.tenureFile = null;
},
//사업자 등록증.
readBusinessFile(event){
readBusinessFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -348,9 +359,9 @@ export default {
root.appendChild(button);
this.businessFile = file;
},
delBusinessFile(event){
delBusinessFile(event) {
const file = event.target.files[0];
this.$refs.businessFile.value=null;
this.$refs.businessFile.value = null;
let element = document.getElementById("businessNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -358,7 +369,7 @@ export default {
this.businessFile = null;
},
//통신서비스 증명원
readCommunicationFile(event){
readCommunicationFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -374,9 +385,9 @@ export default {
root.appendChild(button);
this.communicationFile = file;
},
delCommunicationFile(event){
delCommunicationFile(event) {
const file = event.target.files[0];
this.$refs.communicationFile.value=null;
this.$refs.communicationFile.value = null;
let element = document.getElementById("communicationNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
@@ -384,7 +395,7 @@ export default {
this.communicationFile = null;
},
// 타사업자 등록증
readOtherBusinessFile(event){
readOtherBusinessFile(event) {
const file = event.target.files[0];
// inner Html.
@@ -400,16 +411,16 @@ export default {
root.appendChild(button);
this.otherBusinessFile = file;
},
delOtherBusinessFile(event){
delOtherBusinessFile(event) {
const file = event.target.files[0];
this.$refs.otherBusinessFile.value=null;
this.$refs.otherBusinessFile.value = null;
let element = document.getElementById("otherBusinessNm");
while (element.firstChild) {
element.removeChild(element.firstChild);
}
this.otherBusinessFile = null;
},
async saveSendNum(){
async saveSendNum() {
this.saveSendNums = []
@@ -418,7 +429,7 @@ export default {
sendNum: this.sendNum
})
if(this.numberInputs.length > 0){
if (this.numberInputs.length > 0) {
this.numberInputs.forEach(element =>
this.saveSendNums.push({
sendNm: element.sendNm,
@@ -429,9 +440,9 @@ export default {
this.doValidate();
// console.log(this.custSeq)
console.log(this.$data)
if(this.bizrAuthYn !== 'Y'){
if(this.nmineeDivCd === '01'){
// 사업자
if (this.bizrAuthYn !== 'Y') {
if (this.nmineeDivCd === '01') {
// 사업자
const response = await sendNumMgtApi.insertNumber1(this.tenureFile, this.businessFile, this.communicationFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq)
const result = response.data;
console.log(result)
@@ -439,7 +450,7 @@ export default {
this.toComplete()
}
}else if(this.nmineeDivCd === '02'){
} else if (this.nmineeDivCd === '02') {
const response = await sendNumMgtApi.insertNumber2(this.trustFile, this.warrantFile, this.deputyFile, this.tenureFile, this.otherBusinessFile, this.businessFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq)
const result = response.data;
console.log(result)
@@ -448,7 +459,7 @@ export default {
}
}
}else{
} else {
const response = await sendNumMgtApi.insertNumber(this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq)
const result = response.data;
console.log(result)
@@ -457,17 +468,17 @@ export default {
}
}
},
doValidate(){
doValidate() {
if(this.isNull(this.adminId) || this.isNull(this.custNm) || this.isNull(this.bRegNo)){
if (this.isNull(this.adminId) || this.isNull(this.custNm) || this.isNull(this.bRegNo)) {
this.row.title = '발신번호 등록';
this.row.msg1 = '관리자ID를 조회 해주세요.';
this.getParent('NumberList').commonModalOpen(this.row)
// this.$refs.commmonModal2.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.sendNm) || this.isNull(this.sendNum)){
if (this.isNull(this.sendNm) || this.isNull(this.sendNum)) {
this.row.title = '발신번호 등록';
this.row.msg1 = '발신번호명/발신번호를 입력해 주세요.';
this.$refs.commmonModal2.alertModalOpen(this.row);
@@ -480,7 +491,7 @@ export default {
// return false;
// }
},
toComplete(){
toComplete() {
this.getParent('numberList').$refs.table.reloadData();
this.numberRegPopClose();
},

183
frontend/src/modules/sendNumMgt/components/commonModal.vue Normal file
View File

@@ -0,0 +1,183 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed alertCommon" @click="alertModalCancel();"></div>
<div class="popup-wrap alertCommon">
<!-- 로그인실패: 확인 -->
<div class="popup alertCommon">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn1">
<button class="btn-pcolor" @click="alertModalClose();">확인</button>
</div>
</div>
</div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<div class="dimmed confirm2" @click="confirmModalCancel2();"></div>
<div class="popup-wrap confirm2">
<!-- 수정 확인 -->
<div class="popup confirm2">
<div class="pop-head">
<h3 class="popup-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose2();">확인</button>
<button class="btn-default" @click="confirmModalCancel2();">취소</button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "confirm",
data(){
return{
row:{},
title:'',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
}
},
methods :{
alertModalOpen(props){
console.log("@@@@@@@@@@")
console.log(props)
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
alertModalClose(){
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
alertModalCancel(){
var dimmed = document.getElementsByClassName('alertCommon');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 오픈
confirmModalOpen(props){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
confirmModalOpen2(props){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
// 모달 끄기(ok)
confirmModalClose(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(ok)
confirmModalClose2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
}
}
</script>
<style>
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
.popup-btn-wrap button:hover {background: #000; color: #fff;}
</style>

135
frontend/src/modules/sendNumMgt/views/ApprList.vue
View File

@@ -6,38 +6,38 @@
<h3 class="title">발신번호 승인</h3>
<p class="breadcrumb">발신번호관리 &gt; 발신번호 승인</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="select_box">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="01">승인대기</option>
<option value="02">처리완료</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">사업자번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1" @keyup.enter="search"/>
</div>
<div class="select_box id">
<label for="right" class="label">명의자 구분</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="">전체</option>
<option value="01">사업자</option>
<option value="02">타사업자</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText2" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
<div class="search_wrap">
<div class="group">
<div class="select_box">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="01">승인대기</option>
<option value="02">처리완료</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">사업자번호</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1"
@keypress="onlyNum" @input="onlyNum" maxlength="10" @keyup.enter="search"/>
</div>
<div class="select_box id">
<label for="right" class="label">명의자 구분</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="">전체</option>
<option value="01">사업자</option>
<option value="02">타사업자</option>
</select>
</div>
<div class="input_box">
<label for="right" class="label">고객사명</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.searchText2"
@keyup.enter="search" maxlength="100"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
@@ -65,7 +65,7 @@
></custom-grid>
</div>
<appr-detail-pop ref="apprDetailPop" />
<appr-detail-pop ref="apprDetailPop"/>
</div>
</div>
@@ -74,26 +74,7 @@
<script>
import customGrid from '@/components/CustomGrid';
import ApprDetailPop from "@/modules/sendNumMgt/components/ApprDetailPop";
class customBRegNo {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var bizrno = String(props.colValue);
el.innerText= bizrno;
if(bizrno.length == 10){
el.innerText= bizrno.substring(0,3)+'-'+bizrno.substring(3,5)+'-'+bizrno.substring(5,10)
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
import {utils_mixin, chkPattern2} from '../service/mixins';
class CustomATagRenderer {
constructor(props) {
@@ -101,7 +82,7 @@ class CustomATagRenderer {
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
el.innerText = String(props.colValue)
this.el = el;
}
@@ -111,7 +92,7 @@ class CustomATagRenderer {
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
@@ -119,6 +100,7 @@ class CustomATagRenderer {
export default {
name: 'apprList',
mixins: [utils_mixin, chkPattern2],
data() {
return {
row: {},
@@ -128,8 +110,8 @@ export default {
totalItems: 0,
// 테이블 리스트 데이터
perPageCnt: 50,
searchType1:'',
searchType2:'',
searchType1: '',
searchType2: '',
grid: {
url: '/api/v1/bo/sendNumMgt/apprList',
perPage: 50,
@@ -138,26 +120,27 @@ export default {
initialRequest: false,
addCls: 'box_OFvis',
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'regReqNo', hidden: true },
{ name: 'regDt', header: '요청일', align: 'center', width: '12%' },
{ name: 'adminId', header: '관리자ID', align: 'center', width: '10%'},
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '13%', renderer: {type: customBRegNo}},
{ name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: '10%'},
{ name: 'custNm', header: '고객사명', align: 'center', width: '10%'},
{ name: 'reqCnt', header: '요청건수', align: 'center', width: '6%', renderer: {
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: 'regReqNo', hidden: true},
{name: 'regDt', header: '요청일', align: 'center', width: '12%'},
{name: 'adminId', header: '관리자ID', align: 'center', width: '10%'},
{name: 'bizrno', header: '사업자번호', align: 'center', width: '13%'},
{name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: '10%'},
{name: 'custNm', header: '고객사명', align: 'center', width: '10%'},
{
name: 'reqCnt', header: '요청건수', align: 'center', width: '6%', renderer: {
type: CustomATagRenderer
,options: {
, options: {
callback: this.apprDetail,
}
}
},
{ name: 'apvCnt', header: '승인건수', align: 'center', width: '6%'},
{ name: 'rejtCnt', header: '반려건수', align: 'center', width: '6%'},
{ name: 'reqSttusCd', header: '상태', align: 'center', width: '10%'},
{ name: 'cmpltDt', header: '완료일', width: '12%' }
{name: 'apvCnt', header: '승인건수', align: 'center', width: '6%'},
{name: 'rejtCnt', header: '반려건수', align: 'center', width: '6%'},
{name: 'reqSttusCd', header: '상태', align: 'center', width: '10%'},
{name: 'cmpltDt', header: '완료일', width: '12%'}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
@@ -165,14 +148,14 @@ export default {
searchText2: '',
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
ApprDetailPop
},
created(){
created() {
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -191,7 +174,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -200,7 +183,7 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
@@ -208,7 +191,7 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -224,7 +207,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
},
apprDetail(props){
apprDetail(props) {
console.log(props)
this.$refs.apprDetailPop.apprDetailPopOpen(props)
}

396
frontend/src/modules/sendNumMgt/views/NumberList.vue
View File

@@ -1,99 +1,99 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">문자 발신 번호 목록 조회</h3>
<p class="breadcrumb">발신번호관리 &gt; 문자 발신 번호 목록 조회</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="group">
<div class="select_box">
<label for="right" class="label">등록방법</label>
<select name="" id="sttusCd" v-model="searchType5" @keyup.enter="search">
<option value="">전체</option>
<option value="01">서류심사</option>
<option value="02">본인인증</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">승인상태</label>
<select name="" id="sttusCd" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="01">승인대기</option>
<option value="02">승인완료</option>
<option value="03">반려</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">명의자 구분</label>
<select name="" id="nmineeDivCd" v-model="searchType2" @keyup.enter="search">
<option value="">전체</option>
<option value="01">사업자</option>
<option value="02">타사업자</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">인입채널</label>
<select name="" id="inchDivCd" v-model="searchType3" @keyup.enter="search">
<option value="">전체</option>
<option value="01">홈페이지</option>
<option value="02">어드민</option>
</select>
</div>
<div class="select_box id">
<label for="right" class="label">상세검색</label>
<select name="" id="category" v-model="searchType4" @keyup.enter="search">
<option value="regNo">발신번호</option>
<option value="bregNo">사업자번호</option>
<option value="custNm">고객사명</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="perPageCnt" @keyup.enter="search">
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="numberRegPopOpen();">등록</button>
<button type="button" class="button white del" @click="deleteNumber()">삭제</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<number-reg-pop ref="numberRegPop"> </number-reg-pop>
<number-detail-pop ref="numberDetailPop"/>
<common-modal ref="commmonModal"></common-modal>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">문자 발신 번호 목록 조회</h3>
<p class="breadcrumb">발신번호관리 &gt; 문자 발신 번호 목록 조회</p>
</div>
</div>
<div class="search_wrap">
<div class="group">
<div class="select_box">
<label for="right" class="label">등록방법</label>
<select name="" id="sttusCd" v-model="searchType5" @keyup.enter="search">
<option value="">전체</option>
<option value="01">서류심사</option>
<option value="02">본인인증</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">승인상태</label>
<select name="" id="sttusCd" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="01">승인대기</option>
<option value="02">승인완료</option>
<option value="03">반려</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">명의자 구분</label>
<select name="" id="nmineeDivCd" v-model="searchType2" @keyup.enter="search">
<option value="">전체</option>
<option value="01">사업자</option>
<option value="02">타사업자</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">인입채널</label>
<select name="" id="inchDivCd" v-model="searchType3" @keyup.enter="search">
<option value="">전체</option>
<option value="01">홈페이지</option>
<option value="02">어드민</option>
</select>
</div>
<div class="select_box id">
<label for="right" class="label">상세검색</label>
<select name="" id="category" v-model="searchType4" @keyup.enter="search">
<option value="regNo">발신번호</option>
<option value="bregNo">사업자번호</option>
<option value="custNm">고객사명</option>
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.searchText1"
maxlength="100" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="perPageCnt" @keyup.enter="search">
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="numberRegPopOpen();">등록</button>
<button type="button" class="button white del" @click="deleteNumber()">삭제</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<number-reg-pop ref="numberRegPop"></number-reg-pop>
<number-detail-pop ref="numberDetailPop"/>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -111,7 +111,7 @@ class CustomATagRenderer {
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
el.innerText = String(props.colValue)
this.el = el;
}
@@ -121,7 +121,7 @@ class CustomATagRenderer {
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
@@ -131,16 +131,16 @@ export default {
name: 'numberList',
data() {
return {
row: {},
row: {},
authType: [],
statType: [],
statType: [],
cate2Code: "",
totalItems: 0,
searchType5:'',
searchType4:'regNo',
searchType3:'',
searchType2:'',
searchType1:'',
searchType5: '',
searchType4: 'regNo',
searchType3: '',
searchType2: '',
searchType1: '',
// 테이블 리스트 데이터
perPageCnt: 50,
@@ -153,94 +153,96 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '관리자ID', childNames: [] },
{ header: '등록자ID', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '명의자 구분', childNames: [] },
{ header: '인입채널', childNames: [] },
{ header: '발신번호', childNames: [] },
{ header: '승인상태', childNames: [] },
{ header: '등록일자', childNames: [] }
{header: 'NO', childNames: []},
{header: '고객사명', childNames: []},
{header: '관리자ID', childNames: []},
{header: '등록자ID', childNames: []},
{header: '사업자번호', childNames: []},
{header: '명의자 구분', childNames: []},
{header: '인입채널', childNames: []},
{header: '발신번호', childNames: []},
{header: '승인상태', childNames: []},
{header: '등록일자', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'regReqNo', hidden: true},
{ name: 'bizrAuthYn', hidden: true},
{ name: 'custNm', header: '고객사명', align: 'center', width: '5%' },
{ name: 'adminId', header: '관리자ID', align: 'center', width: '10%' },
{ name: 'register', header: '등록자ID', align: 'center', width: '10%' },
{ name: 'bregNo', header: '사업자번호', align: 'center', width: '10%'},
{ name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: '10%'},
{ name: 'inchDivCd', header: '인입채널', align: 'center', width: '10%'},
{ name: 'sndrno', header: '발신번호', align: 'center', width: '10%', renderer: {
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: 'regReqNo', hidden: true},
{name: 'bizrAuthYn', hidden: true},
{name: 'custNm', header: '고객사명', align: 'center', width: '5%'},
{name: 'adminId', header: '관리자ID', align: 'center', width: '10%'},
{name: 'register', header: '등록자ID', align: 'center', width: '10%'},
{name: 'bregNo', header: '사업자번호', align: 'center', width: '10%'},
{name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: '10%'},
{name: 'inchDivCd', header: '인입채널', align: 'center', width: '10%'},
{
name: 'sndrno', header: '발신번호', align: 'center', width: '10%', renderer: {
type: CustomATagRenderer
,options: {
, options: {
callback: this.numberDetail,
}
}
},
{ name: 'sttusCd', header: '승인상태', align: 'center', width: '10%'},
{ name: 'regDt', header: '등록일자', width: '10%', cls: 'td_line' }
{name: 'sttusCd', header: '승인상태', align: 'center', width: '10%'},
{name: 'regDt', header: '등록일자', width: '10%', cls: 'td_line'}
],
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchType4: '',
searchType5: '',
searchText1: '',
pagePerRows: '',
page: ''
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchType4: '',
searchType5: '',
searchText1: '',
pagePerRows: '',
page: ''
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
NumberRegPop,
NumberDetailPop,
commonModal,
},
created(){
created() {
// const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchType4: '',
searchText1: '',
pagePerRows: '',
page: ''}
});
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchType3: '',
searchType4: '',
searchText1: '',
pagePerRows: '',
page: ''
}
});
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
@@ -251,94 +253,94 @@ export default {
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
numberRegPopOpen: function(){
numberRegPopOpen: function () {
this.$refs.numberRegPop.numberRegPopopen();
},
numberDetail(props){
numberDetail(props) {
console.log(props)
this.$refs.numberDetailPop.numberDetailPopOpen(props);
},
commonModalOpen(row){
commonModalOpen(row) {
this.$refs.commmonModal.alertModalOpen(row);
},
deleteNumber(){
if(this.doValidate()){
this.row.title ='문자발신번호 관리';
this.row.msg1 ='삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
deleteNumber() {
if (this.doValidate()) {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
}
},
async numberDelete(){
try {
let response = await sendNumMgtApi.deleteNumber(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.$refs.table.reloadData();
return;
} else {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch(err) {
async numberDelete() {
try {
let response = await sendNumMgtApi.deleteNumber(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.$refs.table.reloadData();
return;
} else {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
}
} catch (err) {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
doValidate(){ //로우데이터 삭제하도록 수정
doValidate() { //로우데이터 삭제하도록 수정
console.log("totalItems >> " + this.totalItems);
if(this.totalItems == 0){
if (this.totalItems == 0) {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '검색 결과가 없습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
var chkList = this.$refs.table.checkedElementDatas();
if(chkList.length == 0){
if (chkList.length == 0) {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '삭제대상을 체크를 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
//const param = chkList.map((row)=>({regReqNo:row.regReqNo} ));
const param = chkList.map((row)=>({seqNo:row.seqNo} ));
const param = chkList.map((row) => ({seqNo: row.seqNo}));
console.log(param)
this.row.list = param;
console.log(this.row);
return true;
},
confirmCalbackFnc(props){
confirmCalbackFnc(props) {
console.log(props)
if(props.result){
if (props.result) {
this.numberDelete();
}
}
},
},
// beforeRouteLeave(to, from, next) {
//
// const getP = this.$refs.table.getPagination();
// console.log("==========getP : " + getP._currentPage);
// this.$store.commit('searchcondition/updateSearchCondition', {
// page: getP._currentPage,
// perPage: this.perPageCnt,
// params: this.grid.params
// });
// // 라우트 하기전 실행
// next();
// const getP = this.$refs.table.getPagination();
// console.log("==========getP : " + getP._currentPage);
// this.$store.commit('searchcondition/updateSearchCondition', {
// page: getP._currentPage,
// perPage: this.perPageCnt,
// params: this.grid.params
// });
// // 라우트 하기전 실행
// next();
// }
};
</script>

244
frontend/src/modules/sendNumMgt/views/ProfileList.vue
View File

@@ -1,101 +1,83 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">발신프로필관리</h3>
<p class="breadcrumb">발신번호관리 &gt; 발신프로필관리</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">상태</label>
<select name="" id="stat" v-model="searchType1" @keyup="search">
<option value="">전체</option>
<option value="A">사용</option>
<option value="N">미사용</option>
<option value="H">휴면</option>
<option value="D">삭제</option>
</select>
</div>
<div class="select_box id">
<label for="searchType" class="label">상세검색</label>
<select name="" id="searchType" v-model="searchType2" @keyup="search">
<option value="custNm">고객사명</option>
<option value="bregNo">사업자번호</option>
<option value="sendProfile">발신프로필</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search" />
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}} </span>건
<div class="select_box NumberSe">
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
<option value="20">20</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">발신프로필관리</h3>
<p class="breadcrumb">발신번호관리 &gt; 발신프로필관리</p>
</div>
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">상태</label>
<select name="" id="stat" v-model="searchType1" @keyup="search">
<option value="">전체</option>
<option value="A">사용</option>
<option value="N">미사용</option>
<option value="H">휴면</option>
<option value="D">삭제</option>
</select>
</div>
</div>
<div class="select_box id">
<label for="searchType" class="label">상세검색</label>
<select name="" id="searchType" v-model="searchType2" @keyup="search">
<option value="custNm">고객사명</option>
<option value="bregNo">사업자번호</option>
<option value="sendProfile">발신프로필</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
maxlength="100" @keyup="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">총 <span> {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }} </span>건
<div class="select_box NumberSe">
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
<option value="20">20</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.pagination"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder">
</custom-grid>
</div>
</div>
</div>
</template>
<script>
import customGrid from '@/components/CustomGrid';
//import api from '../service/api';
class customBRegNo {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var bregNo = String(props.colValue);
el.innerText= bregNo;
if(bregNo.length == 10){
el.innerText= bregNo.substring(0,3)+'-'+bregNo.substring(3,5)+'-'+bregNo.substring(5,10)
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
export default {
name: 'profileList',
data() {
return {
row: {},
row: {},
authType: [],
statType: [],
statType: [],
cate2Code: "",
totalItems: 0,
searchType1:'',
searchType2:'custNm',
searchType1: '',
searchType2: 'custNm',
// 테이블 리스트 데이터
perPageCnt: 20,
grid: {
@@ -107,50 +89,50 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '발신프로필', childNames: [] },
{ header: '발신프로필key', childNames: [] },
{ header: '상태', childNames: [] },
{ header: '등록일', childNames: [] },
{header: 'NO', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '발신프로필', childNames: []},
{header: '발신프로필key', childNames: []},
{header: '상태', childNames: []},
{header: '등록일', childNames: []},
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: 50 },
{ name: 'custNm', header: '고객사명', align: 'center', width: 200 },
{ name: 'bregNo', header: '사업자번호', align: 'center', width: 100, renderer: {type: customBRegNo}},
{ name: 'sendProfile', header: '발신프로필', align: 'center', width: 100},
{ name: 'sendProfileKey', header: '발신프로필key', align: 'center', width: 100},
{ name: 'stat', header: '상태', width: 100, cls: 'td_line' },
{ name: 'regDt', header: '등록일', align: 'center', width: 150},
columns: [
{name: 'no', header: 'NO', align: 'center', width: 50},
{name: 'custNm', header: '고객사명', align: 'center', width: 200},
{name: 'bregNo', header: '사업자번호', align: 'center', width: 100},
{name: 'sendProfile', header: '발신프로필', align: 'center', width: 100},
{name: 'sendProfileKey', header: '발신프로필key', align: 'center', width: 100},
{name: 'stat', header: '상태', width: 100, cls: 'td_line'},
{name: 'regDt', header: '등록일', align: 'center', width: 150},
],
noDataStr: '검색 결과가 없습니다.',
params: {
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
},
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
});
},
created(){
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
});
},
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
@@ -159,7 +141,7 @@ export default {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
let isKeep = false;
if(getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -168,42 +150,42 @@ export default {
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
}
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
}
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

264
frontend/src/modules/servMgt/views/rejectRecvList.vue
View File

@@ -1,66 +1,68 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">080수신거부 인증코드 조회</h3>
<p class="breadcrumb">서비스관리 &gt; 080수신거부 인증코드 조회</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">사용상태</label>
<select name="" id="stat" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="Y">사용</option>
<option value="N">폐기</option>
</select>
</div>
<div class="select_box">
<label for="searchType" class="label">고객사명</label>
<select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
<option value="custNm">고객사명</option>
<option value="bizNo">사업자번호</option>
<option value="authCd">인증코드</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{ option.text }}</option>
</select>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">080수신거부 인증코드 조회</h3>
<p class="breadcrumb">서비스관리 &gt; 080수신거부 인증코드 조회</p>
</div>
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">사용상태</label>
<select name="" id="stat" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="Y">사용</option>
<option value="N">폐기</option>
</select>
</div>
<div class="select_box">
<label for="searchType" class="label">고객사명</label>
<select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
<option value="custNm">고객사명</option>
<option value="bizNo">사업자번호</option>
<option value="authCd">인증코드</option>
</select>
</div>
<div class="input_box id">
<label for="search" class="label">검색어</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
@keyup.enter="search" maxlength="100"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -68,44 +70,23 @@ import customGrid from '@/components/CustomGrid';
//import api from '../service/api';
import commonModal from "@/components/modal/commonModal";
class customBRegNo {
constructor(props) {
this.props = props;
const el = document.createElement('td');
var bregNo = String(props.colValue);
el.innerText= bregNo;
if(bregNo.length == 10){
el.innerText= bregNo.substring(0,3)+'-'+bregNo.substring(3,5)+'-'+bregNo.substring(5,10)
}
this.el = el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
}
}
export default {
name: 'rejectRecvList',
data() {
return {
row: {},
row: {},
authType: [],
statType: [],
statType: [],
cate2Code: "",
totalItems: 0,
searchType1:'',
searchType2:'custNm',
searchType1: '',
searchType2: 'custNm',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
grid: {
url: '/api/v1/bo/servMgt/rejectRecvList',
@@ -116,111 +97,112 @@ export default {
addCls: 'box_OFvis',
header: [
[
{ header: 'NO', childNames: [] },
{ header: '고객사명(이름)', childNames: [] },
{ header: '사업자번호(생년월일)', childNames: [] },
{ header: '관리자ID', childNames: [] },
{ header: '인증코드', childNames: [] },
{ header: '사용여부', childNames: [] },
{ header: '등록일', childNames: [] },
{ header: '최종수정일', childNames: [] }
{header: 'NO', childNames: []},
{header: '고객사명(이름)', childNames: []},
{header: '사업자번호(생년월일)', childNames: []},
{header: '관리자ID', childNames: []},
{header: '인증코드', childNames: []},
{header: '사용여부', childNames: []},
{header: '등록일', childNames: []},
{header: '최종수정일', childNames: []}
]
],
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
{ name: 'custNm', header: '고객사명', align: 'center', width: '15%' },
{ name: 'bregNo', header: '사업자번호', align: 'center', width: '10%', renderer: {type: customBRegNo}},
{ name: 'userId', header: '관리자ID', align: 'center', width: '15%'},
{ name: 'authcd080', header: '인증코드', align: 'center', width: '10%'},
{ name: 'useYN', header: '사용여부', align: 'center', width: '10%', cls: 'td_line' },
{ name: 'regDt', header: '등록일', align: 'center', width: '15%'},
{ name: 'chgDt', header: '마지막 수정일', align: 'center', width: '15%', cls: 'td_line' }
columns: [
{name: 'no', header: 'NO', align: 'center', width: '5%'},
{name: 'custNm', header: '고객사명', align: 'center', width: '15%'},
{name: 'bregNo', header: '사업자번호', align: 'center', width: '10%'},
{name: 'userId', header: '관리자ID', align: 'center', width: '15%'},
{name: 'authcd080', header: '인증코드', align: 'center', width: '10%'},
{name: 'useYN', header: '사용여부', align: 'center', width: '10%', cls: 'td_line'},
{name: 'regDt', header: '등록일', align: 'center', width: '15%'},
{name: 'chgDt', header: '마지막 수정일', align: 'center', width: '15%', cls: 'td_line'}
],
noDataStr: '검색 결과가 없습니다.',
params: {
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
},
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
commonModal
},
created(){
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchText1: ''}
});
this.$store.commit('searchcondition/updateSearchCondition', {
page: 1,
perPage: 50,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
});
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
},
this.search(isKeep);
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
}
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

358
frontend/src/modules/stats/service/mixins.js Normal file
View File

@@ -0,0 +1,358 @@
import lodash from "lodash";
const utils_mixin = {
methods: {
/** * 이메일 형식 체크 * * @param 데이터 */
emailCheck(email, rtnArrYn) {
if (this.isNull(rtnArrYn)) {
rtnArrYn = 'N';
}
// var regExp = /(^[A-Za-z0-9_\.\-]+)@([A-Za-z0-9\-]+\.[A-Za-z0-9\-]+)/;
var regExp = /^([0-9a-zA-Z_\.\-]([-_.]?[0-9a-zA-Z_\.\-])*)@([0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$)/i;//이메일 정규식
if (regExp.test(email) == false) {
// 이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
if (rtnArrYn == 'Y') {
return email;
}
return false;
} else {
var myArray = regExp.exec(email);
if (rtnArrYn == 'Y') {
return myArray;
}
return true;
}
},
/** * 전화번호 포맷으로 변환 * * @param 데이터 */
formatPhone(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isPhone(phoneNum)) {
var rtnNum;
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
}
} else {
return phoneNum;
}
},
/** * 핸드폰번호 포맷으로 변환 * * @param 데이터 */
formatMobile(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isMobile(phoneNum)) {
var rtnNum;
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
} else {
return phoneNum;
}
},
/** * 전화번호 형식 체크 * * @param 데이터 */
isPhone(phoneNum) {
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
return false;
}
}
},
/** * 핸드폰번호 형식 체크 * * @param 데이터 */
isMobile(phoneNum) {
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isMobile2(phoneNum) {
var regExp = /(1[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isNull(obj) {
if (lodash.isNil(obj) || lodash.trim(obj) == '') {
return true;
}
return false;
},
getParent(name) {
let p = this.$parent;
while (typeof p !== 'undefined') {
if (p.$options.name == name) {
return p;
} else {
p = p.$parent;
}
}
return false;
},
getJsonObj(str) {
return JSON.parse(JSON.stringify(str));
},
}
};
var chkPattern2 = {
data: function () {
return {}
},
methods: {
selSesStorage(keyLike) {
if (this.isNull(keyLike)) {
return null;
}
if (sessionStorage.length > 0) {
let keyList = [];
for (let i = 0; i < sessionStorage.length; i++) {
const keyNm = sessionStorage.key(i);
if (keyNm.indexOf(keyLike) > -1) {
keyList.push({name: keyNm, value: sessionStorage.getItem(keyNm)});
}
}
if (keyList.length > 0) {
return keyList;
}
return null;
}
return null;
},
delSesStorage(keyList) {
if (this.isNull(keyList)) {
return null;
}
if (keyList.length > 0) {
keyList.map((o) => (sessionStorage.removeItem(o.name)));
return true;
}
},
setGridMouseDownActive() {
const ele = document.querySelector(`div.tui-grid-container.tui-grid-show-lside-area`);
if (window.getEventListeners(ele).mousedown) {
ele.removeEventListener('mousedown', window.getEventListeners(ele).mousedown[0].listener);
}
},
restrictChars: function ($event, regExp, hanYn) {
if (this.isNull(hanYn)) {
hanYn = 'N';
}
if (hanYn === 'N' && $event.type === 'keydown') {
if ($event.keyCode === 229) {
$event.preventDefault();
return false;
}
}
if ($event.type === 'keypress') {
//한글 처리 불가
if (regExp.test(String.fromCharCode($event.charCode))) {
return true;
} else {
$event.preventDefault();
return false;
}
}
if (hanYn === 'N' && ($event.type === 'keyup' || $event.type === 'input' || $event.type === 'change' || $event.type === 'blur')) {
$event.target.value = $event.target.value.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g, '');
$event.preventDefault();
return false;
}
return true;
},
setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e, strRegExp, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
this.cut(e);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyCommon: function (strRegExp, e, len, isEventCall, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
if (isEventCall === 'N') {
if (!this.cut(e, len, isEventCall)) {
return false;
}
if (!regExp_g.test(e.value)) {
return false;
}
return true;
}
this.cut(e, len);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyLowerEng: function (e, len, isEventCall) {
var strRegExp = '^[a-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
cut: function (ele, len, isValidChk) {
let e = ele;
if (typeof ele.target != "undefined") {
e = ele.target;
}
let max = this.isNull(len) ? e.attributes.maxlength.value : len;
let str = e.value;
if (this.bytes(str) > max) {
if (this.isNull(isValidChk)) {
e.value = this.cutBytes(str, max);
}
return false;
}
return true;
},
cutBytes: function (str, len) {
while (1 === 1) {
if (this.bytes(str) <= len) {
return str;
}
str = str.slice(0, -1);
}
},
bytes: function (str) {
var length = ((s, b, i, c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
b = 0, i = 0;
while (1 === 1) {
c = s.charCodeAt(i++);
if (isNaN(c)) {
break;
}
b += c >> 11 ? 2 : c >> 7 ? 1 : 1;
}
return b
})(str);
return length;
},
checkPhone: function (str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0) != "0") {
str = "0" + str;
}
if (str.length < 10 || str.length > 12) {
return "";
}
if (isNaN(str)) {
return "";
}
if (str.substr(0, 2) != "01" && str.substr(0, 3) != "070" && str.substr(0, 4) != "0505" && str.substr(0, 4) != "0503") {
return "";
}
return str;
},
}
};
export {utils_mixin, chkPattern2};

303
frontend/src/modules/stats/views/BsnmDayList.vue
View File

@@ -6,60 +6,56 @@
<h3 class="title">사업자별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 사업자별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" @click="toMove('bsnmMonthList')">월별통계</a>
<a href="javascript:void(0);" class="on">일별통계</a>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 1개월까지 조회 가능합니다.</p>
<div class="term">
<!--
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 1개월까지 조회 가능합니다.</p>
<div class="term">
<!--
<input class="date" type="text" id="" placeholder="2022-10-12"/>
~
<input class="" type="text" id="" placeholder="2022-10-12"/>
-->
<div class="group" style="width:500px;">
<div class="group" style="width:500px;">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
</div>
<div class="input_box id">
<label for="name" class="label">고객사명</label>
<input type="text" id="name" placeholder="검색어 입력" v-model="grid.params.custNm">
</div>
<div class="input_box">
<label for="name" class="label">사업자등록번호</label>
<input type="text" id="name" placeholder="검색어 입력" v-model="grid.params.bizrno">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="input_box id">
<label for="name" class="label">고객사명</label>
<input type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.custNm">
</div>
<div class="input_box">
<label for="name" class="label">사업자등록번호</label>
<input type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.bizrno" @keypress="onlyNum"
@input="onlyNum" maxlength="10">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
@@ -67,21 +63,21 @@
</div>
</div>
<div class="table calculate scroll">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
@@ -94,9 +90,11 @@ import statsApi from "../service/statsApi.js";
import customGrid from '@/components/CustomGrid';
import xlsx from '@/common/excel';
import commonModal from "@/components/modal/commonModal";
import {utils_mixin, chkPattern2} from '../service/mixins';
export default {
name: 'bsnmDayList',
mixins: [utils_mixin, chkPattern2],
data() {
return {
// 달력 데이터
@@ -106,124 +104,134 @@ export default {
startDate: new Date(),
endDate: new Date(),
startDt:'',
endDt:'',
startYear:'',
startMonth:'',
endYear:'',
endMonth:'',
row: {},
list:[],
totalCnt: '',
startDt: '',
endDt: '',
startYear: '',
startMonth: '',
endYear: '',
endMonth: '',
row: {},
list: [],
totalCnt: '',
pageType: 'BSNM_DAY',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
totalItems: 0,
grid: {
url: '/api/v1/bo/stats/bsnmDayList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
header:[
header: [
[
{ header: '날짜', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '전체', childNames: ['sndCnt','succCntRt'] },
{ header: 'SMS', childNames: ['sndCntS','succCntRtS'] },
{ header: 'LMS', childNames: ['sndCntL','succCntRtL'] },
{ header: 'MMS', childNames: ['sndCntM','succCntRtM'] },
{ header: '알림톡', childNames: ['sndCntR','succCntRtR'] },
{header: '날짜', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '전체', childNames: ['sndCnt', 'succCntRt']},
{header: 'SMS', childNames: ['sndCntS', 'succCntRtS']},
{header: 'LMS', childNames: ['sndCntL', 'succCntRtL']},
{header: 'MMS', childNames: ['sndCntM', 'succCntRtM']},
{header: '알림톡', childNames: ['sndCntR', 'succCntRtR']},
]
],
columns: [
{ name: 'sumYmd', header: '날짜', align: 'center'},
{ name: 'custNm', header: '고객사명', align: 'center'},
{ name: 'bizrno', header: '사업자번호', align: 'center'},
{ name: 'sndCnt', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
columns: [
{name: 'sumYmd', header: '날짜', align: 'center'},
{name: 'custNm', header: '고객사명', align: 'center'},
{name: 'bizrno', header: '사업자번호', align: 'center'},
{
name: 'sndCnt', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRt',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRt',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRt+"%)</p>";
}
return "<p>" + props.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRt + "%)</p>";
}
},
{ name: 'sndCntS', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntS', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtS',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtS',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtS+"%)</p>";
}
return "<p>" + props.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtS + "%)</p>";
}
},
{ name: 'sndCntL', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntL', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtL',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtL',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtL+"%)</p>";
}
return "<p>" + props.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtL + "%)</p>";
}
},
{ name: 'sndCntM', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntM', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtM',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtM',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtM+"%)</p>";
}
return "<p>" + props.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtM + "%)</p>";
}
},
{ name: 'sndCntR', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntR', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtR',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtR',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtR+")</p>";
}
return "<p>" + props.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtR + ")</p>";
}
},
],
noDataStr: '검색 결과가 없습니다.',
params: {
noDataStr: '검색 결과가 없습니다.',
params: {
startDay: '',
endDay: ''
},
@@ -232,32 +240,32 @@ export default {
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
vuejsDatepicker,
},
created(){
this.setPeriodDay(0);
created() {
this.setPeriodDay(0);
this.getExcelHeader();
},
destroyed() {
this.grid.params.custNm='';
this.grid.params.bizrno='';
this.grid.params.custNm = '';
this.grid.params.bizrno = '';
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
@@ -276,7 +284,7 @@ export default {
next();
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log('>>>>>>> search Start >>>>>>');
this.grid.params = {
startDay: moment(this.startDate).format('YYYYMMDD'),
@@ -284,24 +292,24 @@ export default {
custNm: this.grid.params.custNm,
bizrno: this.grid.params.bizrno
};
console.log('this.perPageCnt'+this.perPageCnt);
console.log(this.grid.params);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
if (moment(this.grid.params.startDay).isBefore(moment(this.grid.params.endDay).subtract(1, 'months').format('YYYYMMDD'))) {
//alert('검색 기간은 최대 1개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
//alert('검색 기간은 최대 1개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 1개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
return false
}
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
toMove(routeName) {
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
this.$router.push({name: routeName, params: {page: 1, searchText: ''}});
},
setPeriodDay(day) {
setPeriodDay(day) {
this.periodDay = day;
this.endDate = new Date();
// this.startDate = moment(this.endDate)
@@ -312,7 +320,7 @@ export default {
this.closeDate('start');
this.closeDate('end');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
@@ -330,15 +338,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -347,11 +355,11 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -361,11 +369,11 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
initSetStartDate(){
initSetStartDate() {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -2);
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 2);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
@@ -378,7 +386,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -402,12 +410,13 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
statsApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
this.excelHeader = res;
});
},
}

323
frontend/src/modules/stats/views/BsnmMonthList.vue
View File

@@ -6,64 +6,55 @@
<h3 class="title">사업자별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 사업자별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" class="on">월별통계</a>
<a href="javascript:void(0);" @click="toMove('bsnmDayList')">일별통계</a>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<!--
<input class="date" type="text" id="" placeholder="2022-10-12"/>
~
<input class="" type="text" id="" placeholder="2022-10-12"/>
-->
<div class="group" style="width:500px;">
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<div class="group" style="width:500px;">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
</div>
<div class="input_box id">
<label for="name" class="label">고객사명</label>
<input type="text" id="name" placeholder="검색어 입력" v-model="grid.params.custNm">
</div>
<div class="input_box">
<label for="name" class="label">사업자등록번호</label>
<input type="text" id="name" placeholder="검색어 입력" v-model="grid.params.bizrno">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="input_box id">
<label for="name" class="label">고객사명</label>
<input type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.custNm" maxlength="100">
</div>
<div class="input_box">
<label for="name" class="label">사업자등록번호</label>
<input type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.bizrno" @keypress="onlyNum"
@input="onlyNum" minlength="10" maxlength="10">
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
@@ -73,18 +64,18 @@
</div>
<div class="table calculate scroll">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.header"
></custom-grid>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
@@ -97,9 +88,11 @@ import statsApi from "../service/statsApi.js";
import customGrid from '@/components/CustomGrid';
import xlsx from '@/common/excel';
import commonModal from "@/components/modal/commonModal";
import {utils_mixin, chkPattern2} from '../service/mixins';
export default {
name: 'bsnmMonthList',
mixins: [utils_mixin, chkPattern2],
data() {
return {
// 달력 데이터
@@ -109,129 +102,140 @@ export default {
startDate: new Date(),
endDate: new Date(),
startDt:'',
endDt:'',
startYear:'',
startMonth:'',
endYear:'',
endMonth:'',
row: {},
list:[],
totalCnt: '',
startDt: '',
endDt: '',
startYear: '',
startMonth: '',
endYear: '',
endMonth: '',
row: {},
list: [],
totalCnt: '',
pageType: 'BSNM_MONTH',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{ text: '20', value: 20},
{ text: '50', value: 50},
{ text: '100', value: 100}
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
totalItems: 0,
totalItems: 0,
grid: {
url: '/api/v1/bo/stats/bsnmMonthList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
header:[
header: [
[
{ header: '날짜', childNames: [] },
{ header: '고객사명', childNames: [] },
{ header: '사업자번호', childNames: [] },
{ header: '전체', childNames: ['sndCnt','succCntRt'] },
{ header: 'SMS', childNames: ['sndCntS','succCntRtS'] },
{ header: 'LMS', childNames: ['sndCntL','succCntRtL'] },
{ header: 'MMS', childNames: ['sndCntM','succCntRtM'] },
{ header: '알림톡', childNames: ['sndCntR','succCntRtR'] },
{header: '날짜', childNames: []},
{header: '고객사명', childNames: []},
{header: '사업자번호', childNames: []},
{header: '전체', childNames: ['sndCnt', 'succCntRt']},
{header: 'SMS', childNames: ['sndCntS', 'succCntRtS']},
{header: 'LMS', childNames: ['sndCntL', 'succCntRtL']},
{header: 'MMS', childNames: ['sndCntM', 'succCntRtM']},
{header: '알림톡', childNames: ['sndCntR', 'succCntRtR']},
]
],
columns: [
{ name: 'sumYm', header: '날짜', align: 'center'},
{ name: 'custNm', header: '고객사명', align: 'center'},
{ name: 'bizrno', header: '사업자번호', align: 'center'
,formatter: props => {
let result = props.bizrno.substring(0,3)+'-'+ props.bizrno.substring(3,5)+'-'+ props.bizrno.substring(5,10)
return result;
}
columns: [
{name: 'sumYm', header: '날짜', align: 'center'},
{name: 'custNm', header: '고객사명', align: 'center'},
{
name: 'bizrno', header: '사업자번호', align: 'center'
// , formatter: props => {
// let result = props.bizrno.substring(0, 3) + '-' + props.bizrno.substring(3, 5) + '-' + props.bizrno.substring(5, 10)
// return result;
// }
},
{ name: 'sndCnt', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCnt', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRt',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRt',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRt+"%)</p>";
}
return "<p>" + props.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRt + "%)</p>";
}
},
{ name: 'sndCntS', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntS', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtS',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtS',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtS+"%)</p>";
}
return "<p>" + props.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtS + "%)</p>";
}
},
{ name: 'sndCntL', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntL', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtL',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtL',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtL+"%)</p>";
}
return "<p>" + props.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtL + "%)</p>";
}
},
{ name: 'sndCntM', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntM', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtM',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtM',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtM+"%)</p>";
}
return "<p>" + props.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtM + "%)</p>";
}
},
{ name: 'sndCntR', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props =>{
{
name: 'sndCntR', header: '발송건수', align: 'center', cls: 'td_line',
formatter: props => {
let result = props.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
},
{ name: 'succCntRtR',
header: '성공건수/(%)',
align: 'center',
{
name: 'succCntRtR',
header: '성공건수/(%)',
align: 'center',
cls: 'td_line',
formatter: props => {
return "<p>"+ props.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')+"</p>\n<p>("+props.succRtR+")</p>";
}
return "<p>" + props.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + "</p>\n<p>(" + props.succRtR + ")</p>";
}
},
],
noDataStr: '검색 결과가 없습니다.',
params: {
noDataStr: '검색 결과가 없습니다.',
params: {
startMon: '',
endMon: ''
},
@@ -240,33 +244,33 @@ export default {
};
},
},
components: {
customGrid: customGrid,
commonModal,
vuejsDatepicker,
vuejsDatepicker,
},
created(){
this.setPeriodDay(0);
created() {
this.setPeriodDay(0);
this.getExcelHeader();
},
destroyed() {
this.grid.params.custNm='';
this.grid.params.bizrno='';
this.grid.params.custNm = '';
this.grid.params.bizrno = '';
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
console.log('getCondition : ' + getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
@@ -285,7 +289,7 @@ export default {
next();
},
methods: {
search: function(isKeep) {
search: function (isKeep) {
console.log('>>>>>>> search Start >>>>>>');
this.grid.params = {
startMon: moment(this.startDate).format('YYYYMM'),
@@ -293,24 +297,24 @@ export default {
custNm: this.grid.params.custNm,
bizrno: this.grid.params.bizrno
};
console.log('this.perPageCnt'+this.perPageCnt);
console.log(this.grid.params);
console.log('this.perPageCnt' + this.perPageCnt);
console.log(this.grid.params);
if (moment(this.grid.params.startMon).isBefore(moment(this.grid.params.endMon).subtract(2, 'months').format('YYYYMM'))) {
//alert('검색 기간은 최대 3개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
//alert('검색 기간은 최대 3개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 3개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
return false
}
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
toMove(routeName) {
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
this.$router.push({name: routeName, params: {page: 1, searchText: ''}});
},
setPeriodDay(day) {
setPeriodDay(day) {
this.periodDay = day;
this.endDate = new Date();
// this.startDate = moment(this.endDate)
@@ -321,7 +325,7 @@ export default {
this.closeDate('start');
this.closeDate('end');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
@@ -339,15 +343,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -356,11 +360,11 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
changePerPage: function(){ // 페이지당 조회할 개수
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -370,18 +374,18 @@ export default {
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log("getCondition : "+ getCondition.perPage);
console.log("getCondition : " + getCondition.perPage);
},
initSetStartDate(){
initSetStartDate() {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -3);
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 3);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
statsApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
this.excelHeader = res;
});
},
async getExcelDataDown() {
@@ -394,7 +398,7 @@ export default {
console.log(result)
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -417,8 +421,9 @@ export default {
header: this.excelHeader,
dataOrder: 'header'
};
console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
}
};

358
frontend/src/modules/stats/views/DayList.vue
View File

@@ -1,115 +1,110 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">날짜별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 날짜별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" @click="toMove('monthList')">월별통계</a>
<a href="javascript:void(0);" class="on">일별통계</a>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 1개월까지 조회 가능합니다.</p>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
<div class="table calculate">
<table>
<colgroup>
<col width="7%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="2">전체</th>
<th colspan="2">SMS</th>
<th colspan="2">LMS</th>
<th colspan="2">MMS</th>
<th colspan="2">알림톡</th>
</tr>
<tr class="total">
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.sumYmd }}</td>
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRt }}%)</td>
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtS }}%)</td>
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtL }}%)</td>
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtM }}%)</td>
<td>{{ option.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtR }}%)</td>
</tr>
</tbody>
</table>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">날짜별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 날짜별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" @click="toMove('monthList')">월별통계</a>
<a href="javascript:void(0);" class="on">일별통계</a>
</div>
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 1개월까지 조회 가능합니다.</p>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
<div class="table calculate">
<table>
<colgroup>
<col width="7%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="2">전체</th>
<th colspan="2">SMS</th>
<th colspan="2">LMS</th>
<th colspan="2">MMS</th>
<th colspan="2">알림톡</th>
</tr>
<tr class="total">
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.sumYmd }}</td>
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRt }}%)</td>
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtS }}%)</td>
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtL }}%)</td>
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtM }}%)</td>
<td>{{ option.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtR }}%)</td>
</tr>
</tbody>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -122,78 +117,78 @@ export default {
name: 'dayList',
data() {
return {
// 달력 데이터
ko: vdp_translation_ko.js,
periodDay: 7,
sDateDiv: 'day',
startDate: new Date(),
endDate: new Date(),
// 달력 데이터
ko: vdp_translation_ko.js,
periodDay: 7,
sDateDiv: 'day',
startDate: new Date(),
endDate: new Date(),
startDt:'',
endDt:'',
startDt: '',
endDt: '',
pageType:'DAY',
pageType: 'DAY',
row: {},
list:[],
totalCnt: '',
row: {},
list: [],
totalCnt: '',
};
},
components: {
commonModal,
vuejsDatepicker,
},
created(){
// this.startDt = moment().format('YYYY-MM-DD');
// this.endDt = moment().format('YYYY-MM-DD');
this.setPeriodDay(0);
this.getDayList();
components: {
commonModal,
vuejsDatepicker,
},
created() {
// this.startDt = moment().format('YYYY-MM-DD');
// this.endDt = moment().format('YYYY-MM-DD');
this.setPeriodDay(0);
this.getDayList();
this.getExcelHeader();
},
destroyed() {
},
mounted() {
},
methods: {
async getDayList(){
console.log('getDayList Start');
this.row.startDay = moment(this.startDate).format('YYYYMMDD');
this.row.endDay = moment(this.endDate).format('YYYYMMDD');
console.log('검색_시작일시(변환후):'+this.row.startDay);
console.log('검색_종료일시(변환후):'+this.row.endDay);
if (moment(this.row.startDay).isBefore(moment(this.row.endDay).subtract(1, 'months').format('YYYYMMDD'))) {
//alert('검색 기간은 최대 1개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 1개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
async getDayList() {
console.log('getDayList Start');
this.row.startDay = moment(this.startDate).format('YYYYMMDD');
this.row.endDay = moment(this.endDate).format('YYYYMMDD');
console.log('검색_시작일시(변환후):' + this.row.startDay);
console.log('검색_종료일시(변환후):' + this.row.endDay);
if (moment(this.row.startDay).isBefore(moment(this.row.endDay).subtract(1, 'months').format('YYYYMMDD'))) {
//alert('검색 기간은 최대 1개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 1개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
try {
const response = await statsApi.dayList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
if(result.data.list.length > 0){
this.list = result.data.list;
}
this.totalCnt = result.data.list.length;
} else {
alert("조회정보가 없습니다.");
}
} catch(err) {
alert("실패 하였습니다.");
}
},
toMove(routeName) {
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
try {
const response = await statsApi.dayList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
if (result.data.list.length > 0) {
this.list = result.data.list;
}
this.totalCnt = result.data.list.length;
} else {
alert("조회정보가 없습니다.");
}
} catch (err) {
alert("실패 하였습니다.");
}
},
search: function() {
console.log('검색_시작일시:'+this.startDt);
console.log('검색_종료일시:'+this.endDt);
this.getDayList();
toMove(routeName) {
this.$router.push({name: routeName, params: {page: 1, searchText: ''}});
},
search: function () {
console.log('검색_시작일시:' + this.startDt);
console.log('검색_종료일시:' + this.endDt);
this.getDayList();
},
// calendarCalbackFnc(year, month, day){
@@ -223,18 +218,18 @@ export default {
// }
// },
setPeriodDay(day) {
setPeriodDay(day) {
this.periodDay = day;
this.endDate = new Date();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .toDate();
this.initSetStartDate();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .toDate();
this.initSetStartDate();
this.closeDate('start');
this.closeDate('end');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
@@ -252,15 +247,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -269,9 +264,9 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
initSetStartDate(){
initSetStartDate() {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -2);
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 2);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
@@ -293,7 +288,8 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(this.list, saveFileName, options).then(() => {});
xlsx.export(this.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.

352
frontend/src/modules/stats/views/MonthList.vue
View File

@@ -1,120 +1,113 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">날짜별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 날짜별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" class="on">월별통계</a>
<a href="javascript:void(0);" @click="toMove('dayList')" >일별통계</a>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">날짜별 통계</h3>
<p class="breadcrumb">발송통계 &gt; 날짜별 통계</p>
</div>
<div class="top_tab">
<a href="javascript:void(0);" class="on">월별통계</a>
<a href="javascript:void(0);" @click="toMove('dayList')">일별통계</a>
</div>
<div class="search_wrap">
<div class="input_box cal">
<label for="right" class="label txt">날짜</label>
<p> 최대 3개월까지 조회 가능합니다.</p>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
:minimumView="sDateDiv"
:maximumView="sDateDiv"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
</div>
<button type="button" class="button grey" @click="search">조회</button>
<!--<button type="button" class="button grey">조회</button>-->
</div>
</form>
<div class="info">
<div class="count">집계결과</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
</div>
</div>
<div class="table calculate">
<table>
<colgroup>
<col width="7%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="2">전체</th>
<th colspan="2">SMS</th>
<th colspan="2">LMS</th>
<th colspan="2">MMS</th>
<th colspan="2">알림톡</th>
</tr>
<tr class="total">
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.sumYm }}</td>
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRt }}%)</td>
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtS }}%)</td>
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtL }}%)</td>
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtM }}%)</td>
<td>{{ option.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtR }}%)</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="table calculate">
<table>
<colgroup>
<col width="7%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
<col width="9.3%">
</colgroup>
<thead>
<tr>
<th rowspan="2">날짜</th>
<th colspan="2">전체</th>
<th colspan="2">SMS</th>
<th colspan="2">LMS</th>
<th colspan="2">MMS</th>
<th colspan="2">알림톡</th>
</tr>
<tr class="total">
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
<th>발송건수</th>
<th>성공건수/(%)</th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.sumYm }}</td>
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRt }}%)</td>
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtS }}%)</td>
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtL }}%)</td>
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtM }}%)</td>
<td>{{ option.sndCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.succCntR.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}<br>({{ option.succRtR }}%)</td>
</tr>
</tbody>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -129,87 +122,87 @@ export default {
data() {
return {
// 달력 데이터
ko: vdp_translation_ko.js,
periodDay: 7,
sDateDiv: 'month',
startDate: new Date(),
endDate: new Date(),
ko: vdp_translation_ko.js,
periodDay: 7,
sDateDiv: 'month',
startDate: new Date(),
endDate: new Date(),
startDt:'',
endDt:'',
startYear:'',
startMonth:'',
endYear:'',
endMonth:'',
row: {},
list:[],
totalCnt: '',
pageType:'MONTH'
startDt: '',
endDt: '',
startYear: '',
startMonth: '',
endYear: '',
endMonth: '',
row: {},
list: [],
totalCnt: '',
pageType: 'MONTH'
};
},
components: {
},
components: {
commonModal,
vuejsDatepicker,
vuejsDatepicker,
},
created(){
this.setPeriodDay(0);
this.getMonthList();
this.getExcelHeader();
created() {
this.setPeriodDay(0);
this.getMonthList();
this.getExcelHeader();
},
destroyed() {
destroyed() {
},
mounted() {
},
methods: {
async getMonthList(){
async getMonthList() {
console.log('getMonthList Start');
this.row.startMon = moment(this.startDate).format('YYYYMM');
this.row.endMon = moment(this.endDate).format('YYYYMM');
console.log('검색_시작년월:'+this.row.startMon);
console.log('검색_종료년월:'+this.row.endMon);
console.log('getMonthList Start');
this.row.startMon = moment(this.startDate).format('YYYYMM');
this.row.endMon = moment(this.endDate).format('YYYYMM');
console.log('검색_시작년월:' + this.row.startMon);
console.log('검색_종료년월:' + this.row.endMon);
if (moment(this.row.startMon).isBefore(moment(this.row.endMon).subtract(2, 'months').format('YYYYMM'))) {
//alert('검색 기간은 최대 3개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 3개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
if (moment(this.row.startMon).isBefore(moment(this.row.endMon).subtract(2, 'months').format('YYYYMM'))) {
//alert('검색 기간은 최대 3개월까지 선택 가능 합니다.');
this.row.title = '발송통계';
this.row.msg1 = '검색 기간은 최대 3개월까지 선택 가능 합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false
}
try {
const response = await statsApi.monthList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.list = result.data.list;
this.totalCnt = result.data.list.length;
} else {
alert("조회정보가 없습니다.");
}
} catch(err) {
alert("실패 하였습니다.");
}
},
search: function() {
this.getMonthList();
try {
const response = await statsApi.monthList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.list = result.data.list;
this.totalCnt = result.data.list.length;
} else {
alert("조회정보가 없습니다.");
}
} catch (err) {
alert("실패 하였습니다.");
}
},
search: function () {
this.getMonthList();
},
toMove(routeName) {
//this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
this.$router.push({ name: routeName, params: {} });
this.$router.push({name: routeName, params: {}});
},
setPeriodDay(day) {
setPeriodDay(day) {
this.periodDay = day;
this.endDate = new Date();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .toDate();
this.initSetStartDate();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .toDate();
this.initSetStartDate();
this.closeDate('start');
this.closeDate('end');
},
selectedStartDate(day) {
selectedStartDate(day) {
if (day != undefined && day != null) {
this.periodDay = day;
}
@@ -227,15 +220,15 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: this.endDate };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
} else if (type == 'end') {
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: new Date()};
}
}
},
customFormatter: function(date) {
customFormatter: function (date) {
if (this.sDateDiv == 'month') {
return moment(date).format('YYYY-MM');
} else if (this.sDateDiv == 'year') {
@@ -244,9 +237,9 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
initSetStartDate(){
initSetStartDate() {
let initStartDate = new Date();
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -3);
initStartDate.setMonth(Number(moment(initStartDate).format('MM')) - 3);
this.startDate = initStartDate;
console.log(moment(this.startDate).format('YYYY-MM-DD'));
},
@@ -266,9 +259,10 @@ export default {
header: this.excelHeader,
dataOrder: 'header'
};
// console.log(data);
xlsx.export(this.list, saveFileName, options).then(() => {});
xlsx.export(this.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.

14
frontend/src/modules/sysMgt/components/AdminDetailPop.vue
View File

@@ -72,7 +72,7 @@
</div>
<!-- 관리자 상세정보 팝업 끝-->
</div>
<common-modal ref="commmonModal"></common-modal>
<!-- <common-modal ref="commmonModal"></common-modal>-->
</div>
</template>
@@ -82,7 +82,7 @@ import api from '@/service/api';
import sysMgtApi from "../service/sysMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import lodash from "lodash";
import commonModal from "../components/commonModal";
// import commonModal from "../components/commonModal";
import SearchIdPopup from "@/modules/sysMgt/components/SearchIdPopup";
export default {
@@ -121,7 +121,7 @@ export default {
this.formReset();
},
components: {
commonModal,
// commonModal,
},
methods :{
doPwdValidate(){
@@ -129,7 +129,7 @@ export default {
// alert("비밀번호 확인을 입력해 주세요.");
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호를 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$parent.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
@@ -137,7 +137,7 @@ export default {
// alert("비밀번호가 일치하지 않습니다.");
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호가 일치하지 않습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$parent.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
@@ -146,7 +146,7 @@ export default {
// alert("비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.");
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$parent.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}
@@ -157,7 +157,7 @@ export default {
// alert("비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.");
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$parent.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}

654
frontend/src/modules/sysMgt/components/AdminRegPop.vue
View File

@@ -1,391 +1,377 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal20" @click="ModalClose();"></div>
<div class="popup-wrap modal20">
<!-- 관리자/유치채널 등록 -->
<div class="popup modal20 popup_form">
<div class="pop-head">
<h3 class="pop-tit" v-if="insertType === 1">관리자 등록</h3>
<h3 class="pop-tit" v-else>유치채널 사용자 등록</h3>
</div>
<!-- <form autocomplete="off" ref="adminRegForm">-->
<table>
<tbody>
<tr>
<th>마당 ID</th>
<td class="input_search">
<input type="text" placeholder="아이디 입력" v-model.trim="madangId" ref="madangId">
<button type="button" class="button grey" @click="searchMadangId()">조회</button>
</td>
</tr>
<tr>
<th>비밀번호</th>
<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd1" v-model.trim="userPwd1"></td>
</tr>
<tr>
<th>비밀번호 확인</th>
<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd2" v-model.trim="userPwd2"></td>
</tr>
<tr>
<th>이름</th>
<td><input type="text" @keypress="onlyName" @input="onlyName" v-model.trim="userNm" ref="_userNm" required maxlength="40"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="number" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" v-on:keyup="onlyNum" @input="onlyNum" minlength="10" maxlength="11" ref="_phone"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" @keypress="onlyEmail" @input="onlyEmail" maxlength="20" ref="_email"></td>
</tr>
<tr v-if="insertType === 2">
<th>코드</th>
<td><input type="text" disabled ref="_code" v-model.trim="code"></td>
</tr>
<tr>
<th>권한</th>
<td v-if="insertType === 1">
<div v:class="select_box">
<select name="" id="right" v-model="auth" ref="_auth">
<option value="">선택</option>
<option v-for="(option, i) in authType" v-bind:value="option.autCd" v-bind:key="i">
{{ option.autNm }}
</option>
</select>
</div>
</td>
<td v-else><input type="text" disabled value="대리점"></td>
</tr>
<tr>
<th class="center">상태</th>
<td>
<input type="radio" name="state" value="01" id="popup_radio1" v-model="stat">
<label for="popup_radio1">사용</label>
<input type="radio" name="state" value="02" id="popup_radio2" v-model="stat">
<label for="popup_radio2">정지</label>
</td>
</tr>
</tbody>
</table>
<!-- </form>-->
<div class="popup-btn2">
<button class="btn-pcolor" @click="doInsert">저장</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
<search-id-popup ref="searchIdPopModal"> </search-id-popup>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal20" @click="ModalClose();"></div>
<div class="popup-wrap modal20">
<!-- 관리자/유치채널 등록 -->
<div class="popup modal20 popup_form">
<div class="pop-head">
<h3 class="pop-tit" v-if="insertType === 1">관리자 등록</h3>
<h3 class="pop-tit" v-else>유치채널 사용자 등록</h3>
</div>
<table>
<tbody>
<tr>
<th>마당 ID</th>
<td class="input_search">
<input type="text" placeholder="아이디 입력" v-model.trim="madangId" ref="madangId">
<button type="button" class="button grey" @click="searchMadangId()">조회</button>
</td>
</tr>
<tr>
<th>비밀번호</th>
<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8"
maxlength="16" ref="_pwd1" v-model.trim="userPwd1"></td>
</tr>
<tr>
<th>비밀번호 확인</th>
<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8"
maxlength="16" ref="_pwd2" v-model.trim="userPwd2"></td>
</tr>
<tr>
<th>이름</th>
<td><input type="text" @keypress="onlyName" @input="onlyName" v-model.trim="userNm" ref="_userNm" required
maxlength="40"></td>
</tr>
<tr>
<th>휴대폰번호</th>
<td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" ref="_phone" @keypress="onlyNum"
@input="onlyNum" minlength="10" maxlength="11"></td>
</tr>
<tr>
<th>이메일</th>
<td><input type="email" v-model.trim="email" @keypress="onlyEmail" @input="onlyEmail" maxlength="20"
ref="_email"></td>
</tr>
<tr v-if="insertType === 2">
<th>코드</th>
<td><input type="text" disabled ref="_code" v-model.trim="code"></td>
</tr>
<tr>
<th>권한</th>
<td v-if="insertType === 1">
<div v:class="select_box">
<select name="" id="right" v-model="auth" ref="_auth">
<option value="">선택</option>
<option v-for="(option, i) in authType" v-bind:value="option.autCd" v-bind:key="i">
{{ option.autNm }}
</option>
</select>
</div>
</td>
<td v-else><input type="text" disabled value="대리점"></td>
</tr>
<tr>
<th class="center">상태</th>
<td>
<input type="radio" name="state" value="01" id="popup_radio1" v-model="stat">
<label for="popup_radio1">사용</label>
<input type="radio" name="state" value="02" id="popup_radio2" v-model="stat">
<label for="popup_radio2">정지</label>
</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor" @click="doInsert">저장</button>
<button class="btn-default" @click="ModalClose();">취소</button>
</div>
</div>
</div>
<search-id-popup ref="searchIdPopModal"></search-id-popup>
<common-modal ref="commmonSysModal"></common-modal>
</div>
</template>
<script>
import api from '@/service/api';
import sysMgtApi from "../service/sysMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import SearchIdPopup from '../components/SearchIdPopup.vue';
import lodash from "lodash";
import commonModal from "../components/commonModal";
export default {
name: "adminRegPop",
mixins: [utils_mixin, chkPattern2],
watch:{
stat(){
console.log('watch : ', this.stat)
}
},
data(){
return{
row: {},
authType: [],
insertType:0,
madangId:'',
name:'',
mdn:'',
email:'',
auth:'',
stat: '',
userNm:"",
userPwd1:"",
userPwd2:"",
code:"",
idCheck: false,
props: {},
}
},
components: {
SearchIdPopup,
name: "adminRegPop",
mixins: [utils_mixin, chkPattern2],
watch: {
stat() {
console.log('watch : ', this.stat)
}
},
data() {
return {
row: {},
authType: [],
insertType: 0,
madangId: '',
name: '',
mdn: '',
email: '',
auth: '',
stat: '',
userNm: "",
userPwd1: "",
userPwd2: "",
code: "",
idCheck: false,
props: {},
}
},
components: {
SearchIdPopup,
commonModal,
},
model: {
prop: 'sendData',
event: 'event-data'
},
props: ['sendData'],
created(){
//this.formReset();
this.setAuthData();
this.formReset();
},
methods :{
doPwdValidate(){
if(this.isNull(this.userPwd1)){
},
model: {
prop: 'sendData',
event: 'event-data'
},
props: ['sendData'],
created() {
//this.formReset();
this.setAuthData();
this.formReset();
},
methods: {
doPwdValidate() {
if (this.isNull(this.userPwd1)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호를 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}
if(this.isNull(this.userPwd2)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}
if (this.isNull(this.userPwd2)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호 확인을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
if(!lodash.isEqual(this.userPwd1, this.userPwd2)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
if (!lodash.isEqual(this.userPwd1, this.userPwd2)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호가 일치하지 않습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
const pwdLen = this.bytes(this.userPwd1);
if(!(pwdLen >= 8 && pwdLen <= 16)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._pwd2.focus();
return false;
}
const pwdLen = this.bytes(this.userPwd1);
if (!(pwdLen >= 8 && pwdLen <= 16)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}
const pEng = /[A-Za-z]/g; // 영문자
const pNum = /[0-9]/g; // 숫자
const pSpc = /[!@$%^&*]/g; // 특수문자
if(!(pEng.test(this.userPwd1) && pNum.test(this.userPwd1) && pSpc.test(this.userPwd1))) {
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._pwd1.focus();
return false;
}
const pEng = /[A-Za-z]/g; // 영문자
const pNum = /[0-9]/g; // 숫자
const pSpc = /[!@$%^&*]/g; // 특수문자
if (!(pEng.test(this.userPwd1) && pNum.test(this.userPwd1) && pSpc.test(this.userPwd1))) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '비밀번호는 8~16자의 영문, 숫자, 특수문자(!,@, $, %, ^, &, *) 조합이 필요합니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._pwd1.focus();
return;
}
this.row.adminPw=this.userPwd1;
return true;
},
doValidate(){
if(!this.idCheck){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._pwd1.focus();
return;
}
this.row.adminPw = this.userPwd1;
return true;
},
doValidate() {
if (!this.idCheck) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '유효한 마당ID가 아닙니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs.madangId.focus();
return false;
}
if(!this.doPwdValidate()){
return false;
}
if(this.isNull(this.userNm)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs.madangId.focus();
return false;
}
if (!this.doPwdValidate()) {
return false;
}
if (this.isNull(this.userNm)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '이름을 입력해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._userNm.focus();
return false;
}
if(this.isNull(this.mdn)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._userNm.focus();
return false;
}
if (this.isNull(this.mdn)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '휴대폰번호를 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
const hp = this.mdn;
if(!this.isNull(hp) && !this.isMobile(hp)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
const hp = this.mdn;
if (!this.isNull(hp) && !this.isMobile(hp)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '휴대폰 번호 형식이 잘못되었습니다. 확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
if(this.isNull(this.email)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._phone.focus();
return false;
}
if (this.isNull(this.email)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '이메일을 입력해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._email.focus();
return false;
}
const email = this.email;
if(!this.isNull(email) && !lodash.isEqual(email,'@') && !this.emailCheck(email)){
this.row.title = '관리자/유치채널 관리';
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._email.focus();
return false;
}
const email = this.email;
if (!this.isNull(email) && !lodash.isEqual(email, '@') && !this.emailCheck(email)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '이메일 형식이 잘못되었습니다.';
this.row.msg2 = '확인해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._email.focus();
return false;
}
if(this.isNull(this.auth)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._email.focus();
return false;
}
if (this.isNull(this.auth)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '권한을 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.$refs._auth.focus();
return false;
}
if(this.isNull(this.stat)){
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.$refs._auth.focus();
return false;
}
if (this.isNull(this.stat)) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '상태를 선택 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
// this.$refs._auth.focus();
return false;
}
this.row.madangId=this.madangId;
this.row.name=this.userNm;
this.row.mdn=hp;
this.row.email=email;
if(this.insertType == 2){
this.row.auth='1003';
}else{
this.row.auth=this.auth;
}
this.row.stat=this.stat;
return true;
},
// 마당ID 조회
async searchMadangId(){
if(!this.madangId){
// this.row.title = '관리자/유치채널 관리';
// this.row.msg1 = '마당ID를 입력해주세요.';
// this.$refs.commmonModal.alertModalOpen(this.row);
// this.$refs.searchIdPopModal.searchIdModalOpen();
this.$refs.madangId.focus();
return false;
}
var params = {
"madangId": this.madangId
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
// this.$refs._auth.focus();
return false;
}
console.log(this.madangId);
this.row.madangId = this.madangId;
this.row.name = this.userNm;
this.row.mdn = hp;
this.row.email = email;
this.row.auth = this.auth;
this.row.stat = this.stat;
try {
const response = await sysMgtApi.selectSearchMadangId(params);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.madangId = result.data.madangId;
this.userNm = result.data.name;
this.email = result.data.email;
this.mdn = result.data.mdn;
return true;
},
// 마당ID 조회
async searchMadangId() {
// 마당ID조회 성공 팝업노출
this.searchIdPop();
//console.log(this.userNm);
if (!this.madangId) {
this.$refs.madangId.focus();
return false;
}
var params = {
"madangId": this.madangId
}
console.log(this.madangId);
this.idCheck = true;
this.$refs._pwd1.focus();
try {
const response = await sysMgtApi.selectSearchMadangId(params);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.madangId = result.data.madangId;
this.userNm = result.data.name;
this.email = result.data.email;
this.mdn = result.data.mdn;
this.code = result.data.code;
// 마당ID조회 성공 팝업노출
this.searchIdPop();
//console.log(this.userNm);
this.idCheck = true;
this.$refs._pwd1.focus();
return false;
}else if(result.retCode == '1004'){
//alert('마당ID 정보가 없습니다.');
// this.row.title = '관리자/유치채널 관리';
// this.row.msg1 = '마당ID 정보가 없습니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
}else {
//alert('마당ID 조회에 실패하였습니다.');
// this.row.title = '관리자/유치채널 관리';
// this.row.msg1 = '마당ID 정보가 없습니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
}
} catch(err) {
//alert("실패 하였습니다.");
// this.row.title = '관리자/유치채널 관리';
// this.row.msg1 = '마당ID 정보가 없습니다.';
// this.$refs.commmonModal.alertModalOpen(this.row);
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
}
},
searchIdPop(){
//alert('마당ID 조회 성공 팝업이동 ->');
var params = {
"madangId": this.madangId,
"userNm": this.userNm,
"email": this.email,
"mdn": this.mdn
}
this.$refs.searchIdPopModal.searchIdPop(params);
},
searchIdFailPop(){
//alert('마당ID 조회 실패 팝업이동 ->');
this.$refs.searchIdPopModal.searchIdFailPop();
},
resetRegPop(){
this.formReset();
this.$refs.madangId.focus();
},
} else if (result.retCode == '1004') {
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
} else {
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
}
} catch (err) {
this.searchIdFailPop();
this.idCheck = false;
this.$refs.madangId.focus();
return false;
}
},
searchIdPop() {
//alert('마당ID 조회 성공 팝업이동 ->');
var params = {
"madangId": this.madangId,
"userNm": this.userNm,
"email": this.email,
"mdn": this.mdn
}
this.$refs.searchIdPopModal.searchIdPop(params);
},
searchIdFailPop() {
//alert('마당ID 조회 실패 팝업이동 ->');
this.$refs.searchIdPopModal.searchIdFailPop();
},
resetRegPop() {
this.formReset();
this.$refs.madangId.focus();
},
// 모달 띄우기
ModalOpen(insertType){
this.formReset();
this.insertType=insertType;
// 모달 띄우기
ModalOpen(insertType) {
this.formReset();
this.insertType = insertType;
console.log(insertType)
if(insertType === 2){
this.auth = '1002';
}
var dimmed = document.getElementsByClassName('modal20');
for(var i = 0; i < dimmed.length; i++){
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.setAuthData();
},
// 모달 끄기
ModalClose(){
},
// 모달 끄기
ModalClose() {
var dimmed = document.getElementsByClassName('modal20');
for(var i = 0; i < dimmed.length; i++){
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 저장 후 부모창 호출.
toComplete(){
this.getParent('adminList').$refs.table.reloadData();
this.ModalClose();
},
async doInsert(){
if(this.doValidate()){
try {
const response = await sysMgtApi.insertAdmin(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
},
// 저장 후 부모창 호출.
toComplete() {
this.getParent('adminList').$refs.table.reloadData();
this.ModalClose();
},
async doInsert() {
if (this.doValidate()) {
try {
const response = await sysMgtApi.insertAdmin(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '저장 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
this.toComplete();
}
} catch(err) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
}
},
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
this.toComplete();
}
} catch (err) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonSysModal.alertSysModalOpen(this.row);
}
}
},
setAuthData() {
// 권한 옵션.
api.commAuth().then(response => {
this.authType = response.data.data.list;
});
},
formReset(){
var type= this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
}
// 권한 옵션.
api.commAuth().then(response => {
this.authType = response.data.data.list;
});
},
formReset() {
var type = this.insertType;
Object.assign(this.$data, this.$options.data());
this.insertType = type;
},
}
}
</script>

278
frontend/src/modules/sysMgt/components/SearchIdPopup.vue
View File

@@ -1,12 +1,12 @@
<template>
<template>
<div>
<!-- s: 팝업 -->
<div class="dimmed modal17" @click="searchIdFailModalClose();"></div>
<div class="popup-wrap modal17">
<!-- 시스템관리 팝업 -->
<div>
<!-- s: 팝업 -->
<div class="dimmed modal17" @click="searchIdFailModalClose();"></div>
<div class="popup-wrap modal17">
<!-- 시스템관리 팝업 -->
<!-- ID 조회 -->
<!-- ID 조회 -->
<div class="popup modal17">
<div class="pop-head">
<h3 class="pop-tit">ID 조회</h3>
@@ -18,10 +18,10 @@
<button class="btn-pcolor" @click="searchIdFailModalClose();">확인</button>
</div>
</div>
</div>
</div>
<div class="dimmed modal18" @click="searchIdModalCancelClose();"></div>
<div class="popup-wrap modal18">
<div class="dimmed modal18" @click="searchIdModalCancelClose();"></div>
<div class="popup-wrap modal18">
<div class="popup modal18">
<div class="pop-head">
<h3 class="pop-tit">관리자 ID 조회</h3>
@@ -31,131 +31,159 @@
<p>관리자 정보를 입력하시겠습니까?</p>
</div>
<ul class="pop-cont-detail">
<li>마당ID : {{madangId}}</li>
<li>이름 : {{name}}</li>
<li>휴대폰번호 : {{mdn}}</li>
<li>이메일 : {{email}}</li>
<li>마당ID : {{ madangId }}</li>
<li>이름 : {{ name }}</li>
<li>휴대폰번호 : {{ mdn }}</li>
<li>이메일 : {{ email }}</li>
</ul>
<div class="popup-btn2">
<button class="btn-pcolor" @click="searchIdModalOkClose();">확인</button>
<button class="btn-default" @click="searchIdModalCancelClose();">취소</button>
</div>
</div>
<!-- 시스템관리 팝업 끝-->
</div>
<!-- e: 팝업 -->
</div>
<!-- 시스템관리 팝업 끝-->
<!-- <div class="dimmed alertSysModal1" @click="alertSysModalCancel();"></div>-->
<!-- <div class="popup-wrap alertSysModal1">-->
<!-- &lt;!&ndash; 로그인실패: 확인 &ndash;&gt;-->
<!-- <div class="popup alertSysModal1">-->
<!-- <div class="pop-head">-->
<!-- <h3 class="pop-tit">{{ title }}</h3>-->
<!-- </div>-->
<!-- <div class="pop-cont">-->
<!-- <p>{{ msg1 }}</p>-->
<!-- <p v-if="msg2 !== ''">{{ msg2 }}</p>-->
<!-- <p v-if="msg3 !== ''">{{ msg3 }}</p>-->
<!-- <p v-if="msg4 !== ''">{{ msg4 }}</p>-->
<!-- </div>-->
<!-- <div class="popup-btn1">-->
<!-- <button class="btn-pcolor" @click="alertSysModalClose();">확인</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- e: 팝업 -->
</div>
</template>
<script>
//import api from '@/service/api';
import sysMgtApi from '../service/sysMgtApi';
export default {
data(){
return{
authType: [],
madangId:'',
adminPw:'',
name:'',
mdn:'',
email:'',
auth:'',
stat: ''
}
data() {
return {
authType: [],
madangId: '',
adminPw: '',
name: '',
mdn: '',
email: '',
auth: '',
code: '',
stat: '',
row:{},
title:'',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
targetFocus: '',
}
},
methods: {
// 모달 띄우기(성공모달)
searchIdModalOpen(target) {
console.log("SearchIdModalOpen");
var dimmed = document.getElementsByClassName('dimmed modal18');
var wrap = document.getElementsByClassName('popup-wrap modal18');
var obj = document.getElementsByClassName(target);
dimmed[0].style.display = 'block';
wrap[0].style.display = 'block';
obj[0].style.display = 'block';
},
methods :{
// 모달 띄우기(성공모달)
searchIdModalOpen(target){
console.log("SearchIdModalOpen");
var dimmed = document.getElementsByClassName('dimmed modal18');
var wrap = document.getElementsByClassName('popup-wrap modal18');
var obj = document.getElementsByClassName(target);
dimmed[0].style.display = 'block';
wrap[0].style.display = 'block';
obj[0].style.display = 'block';
},
// 성공 모달 끄기(ok)
searchIdModalOkClose(){
var dimmed = document.getElementsByClassName('modal18');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 성공 모달 끄기(cancel)
searchIdModalCancelClose(){
var dimmed = document.getElementsByClassName('modal18');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.resetRegPop();
},
// 모달 띄우기(실패모달)
searchIdFailModalOpen(target){
console.log("SearchIdFailModalOpen");
var dimmed = document.getElementsByClassName('dimmed modal17');
var wrap = document.getElementsByClassName('popup-wrap modal17');
var obj = document.getElementsByClassName(target);
dimmed[0].style.display = 'block';
wrap[0].style.display = 'block';
obj[0].style.display = 'block';
},
// 실패 모달 끄기
searchIdFailModalClose(){
var dimmed = document.getElementsByClassName('modal17');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.$parent.resetRegPop();
},
searchIdPop(params){
var userName = params.userNm;
this.madangId = params.madangId ;
this.name = params.userNm;
this.email = params.email;
this.mdn = params.mdn;
//alert( userName + ': 조회 성공');
var dimmed = document.getElementsByClassName('modal18');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
//this.searchIdModalModalOpen('modal18');
},
searchIdFailPop(){
//alert( '조회 실패');
var dimmed = document.getElementsByClassName('modal17');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
//메뉴바
testClick(){
const menuList = document.querySelectorAll('.main_menu .is-sub');
for(const menu of menuList){
menu.addEventListener('click', (e)=> {
if(e.target.classList.contains('menu_target') || e.target.classList.contains('menu_btn')){
const menuListCheck = e.target.parentNode;
if(menuListCheck.classList.contains('is-current')){
menuListCheck.classList.remove('is-current');
} else {
for(const other of menuList){
other.classList.remove('is-current');
}
menuListCheck.classList.add('is-current');
}
}
})
}
}
}
// 성공 모달 끄기(ok)
searchIdModalOkClose() {
var dimmed = document.getElementsByClassName('modal18');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
// 성공 모달 끄기(cancel)
searchIdModalCancelClose() {
var dimmed = document.getElementsByClassName('modal18');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.resetRegPop();
},
// 모달 띄우기(실패모달)
searchIdFailModalOpen(target) {
console.log("SearchIdFailModalOpen");
var dimmed = document.getElementsByClassName('dimmed modal17');
var wrap = document.getElementsByClassName('popup-wrap modal17');
var obj = document.getElementsByClassName(target);
dimmed[0].style.display = 'block';
wrap[0].style.display = 'block';
obj[0].style.display = 'block';
},
// 실패 모달 끄기
searchIdFailModalClose() {
var dimmed = document.getElementsByClassName('modal17');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.resetRegPop();
},
searchIdPop(params) {
var userName = params.userNm;
this.madangId = params.madangId;
this.name = params.userNm;
this.email = params.email;
this.mdn = params.mdn;
this.code = params.code
//alert( userName + ': 조회 성공');
var dimmed = document.getElementsByClassName('modal18');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
//this.searchIdModalModalOpen('modal18');
},
searchIdFailPop() {
//alert( '조회 실패');
var dimmed = document.getElementsByClassName('modal17');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// alertSysModalOpen(props) {
// console.log(props);
// this.title = props.title;
// this.msg1 = props.msg1;
// this.msg2 = props.msg2;
// this.msg3 = props.msg3;
// this.msg4 = props.msg4;
//
// var dimmed = document.getElementsByClassName('alertSysModal1');
// for (var i = 0; i < dimmed.length; i++) {
// dimmed[i].style.display = 'block';
// }
// },
// alertSysModalClose() {
// var dimmed = document.getElementsByClassName('alertSysModal1');
// for (var i = 0; i < dimmed.length; i++) {
// dimmed[i].style.display = 'none';
// }
// this.$parent.checkFocus();
// },
// alertSysModalCancel() {
// var dimmed = document.getElementsByClassName('alertSysModal1');
// for (var i = 0; i < dimmed.length; i++) {
// dimmed[i].style.display = 'none';
// }
// this.$parent.checkFocus();
// },
}
}
</script>
<!--<style>-->
<!-- .popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}-->
<!-- .popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }-->
<!-- .popup-btn-wrap button:hover {background: #000; color: #fff;}-->
<!-- </style>-->
</script>

207
frontend/src/modules/sysMgt/components/commonModal.vue
View File

@@ -1,13 +1,13 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed alertModal" @click="alertModalCancel();"></div>
<div class="popup-wrap alertModal">
<div class="dimmed alertSysModal" @click="alertSysModalCancel();"></div>
<div class="popup-wrap alertSysModal">
<!-- 로그인실패: 확인 -->
<div class="popup alertModal">
<div class="popup alertSysModal">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
<h3 class="pop-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
@@ -16,49 +16,49 @@
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn1">
<button class="btn-pcolor" @click="alertModalClose();">확인</button>
<button class="btn-pcolor" @click="alertSysModalClose();">확인</button>
</div>
</div>
</div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<div class="dimmed confirm" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm">
<!-- 수정 확인 -->
<div class="popup confirm">
<div class="pop-head">
<h3 class="pop-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
<button class="btn-default" @click="confirmModalCancel();">취소</button>
</div>
</div>
</div>
<div class="dimmed confirm2" @click="confirmModalCancel2();"></div>
<div class="popup-wrap confirm2">
<!-- 수정 확인 -->
<div class="popup confirm2">
<div class="pop-head">
<h3 class="popup-tit">{{title}}</h3>
</div>
<div class="pop-cont">
<div class="popup-wrap confirm2">
<!-- 수정 확인 -->
<div class="popup confirm2">
<div class="pop-head">
<h3 class="popup-tit">{{ title }}</h3>
</div>
<div class="pop-cont">
<p>{{ msg1 }}</p>
<p v-if="msg2 !== ''">{{ msg2 }}</p>
<p v-if="msg3 !== ''">{{ msg3 }}</p>
<p v-if="msg4 !== ''">{{ msg4 }}</p>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose2();">확인</button>
<button class="btn-default" @click="confirmModalCancel2();">취소</button>
</div>
</div>
</div>
<div class="popup-btn2">
<button class="btn-pcolor" @click="confirmModalClose2();">확인</button>
<button class="btn-default" @click="confirmModalCancel2();">취소</button>
</div>
</div>
</div>
</div>
</template>
@@ -66,21 +66,20 @@
<script>
export default {
name: "confirm",
data(){
return{
row:{},
title:'',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
targetFocus: '',
}
},
methods :{
alertModalOpen(props){
console.log('>>>>>>>>>> alertModalOpen');
name: "confirm",
data() {
return {
row: {},
title: '',
msg1: '',
msg2: '',
msg3: '',
msg4: '',
targetFocus: '',
}
},
methods: {
alertSysModalOpen(props) {
console.log(props.msg1);
this.title = props.title;
this.msg1 = props.msg1;
@@ -88,95 +87,95 @@ export default {
this.msg3 = props.msg3;
this.msg4 = props.msg4;
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
var dimmed = document.getElementsByClassName('alertSysModal');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
alertModalClose(){
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
alertSysModalClose() {
var dimmed = document.getElementsByClassName('alertSysModal');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkFocus();
},
alertModalCancel(){
var dimmed = document.getElementsByClassName('alertModal');
for(var i = 0; i < dimmed.length; i++){
alertSysModalCancel() {
var dimmed = document.getElementsByClassName('alertSysModal');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.checkFocus();
},
// 모달 오픈
confirmModalOpen(props){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
// 모달 오픈
confirmModalOpen(props) {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
confirmModalOpen2(props){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
confirmModalOpen2(props) {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.title = props.title;
this.msg1 = props.msg1;
this.msg2 = props.msg2;
this.msg3 = props.msg3;
this.msg4 = props.msg4;
},
// 모달 끄기(ok)
confirmModalClose(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(ok)
confirmModalClose2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(ok)
confirmModalClose() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel(){
var dimmed = document.getElementsByClassName('confirm');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(ok)
confirmModalClose2() {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = true;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel() {
var dimmed = document.getElementsByClassName('confirm');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
// 모달 끄기(취소)
confirmModalCancel2(){
var dimmed = document.getElementsByClassName('confirm2');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
// 모달 끄기(취소)
confirmModalCancel2() {
var dimmed = document.getElementsByClassName('confirm2');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.row.result = false;
// 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row);
},
}
},
}
}
</script>

667
frontend/src/modules/sysMgt/service/mixins.js
View File

@@ -1,353 +1,358 @@
import lodash from "lodash";
const utils_mixin = {
methods:{
/** * 이메일 형식 체크 * * @param 데이터 */
emailCheck(email,rtnArrYn) {
if(this.isNull(rtnArrYn)){
rtnArrYn='N';
}
// var regExp = /(^[A-Za-z0-9_\.\-]+)@([A-Za-z0-9\-]+\.[A-Za-z0-9\-]+)/;
var regExp = /^([0-9a-zA-Z_\.\-]([-_.]?[0-9a-zA-Z_\.\-])*)@([0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$)/i;//이메일 정규식
if(regExp.test(email) == false) {
// 이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
if(rtnArrYn == 'Y'){
return email;
}
return false;
}else{
var myArray = regExp.exec(email);
if(rtnArrYn == 'Y'){
return myArray;
}
return true;
}
methods: {
/** * 이메일 형식 체크 * * @param 데이터 */
emailCheck(email, rtnArrYn) {
if (this.isNull(rtnArrYn)) {
rtnArrYn = 'N';
}
// var regExp = /(^[A-Za-z0-9_\.\-]+)@([A-Za-z0-9\-]+\.[A-Za-z0-9\-]+)/;
var regExp = /^([0-9a-zA-Z_\.\-]([-_.]?[0-9a-zA-Z_\.\-])*)@([0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$)/i;//이메일 정규식
if (regExp.test(email) == false) {
// 이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
if (rtnArrYn == 'Y') {
return email;
}
return false;
} else {
var myArray = regExp.exec(email);
if (rtnArrYn == 'Y') {
return myArray;
}
return true;
}
},
/** * 전화번호 포맷으로 변환 * * @param 데이터 */
formatPhone(phoneNum,fmt,rtnArrYn) {
if(this.isNull(fmt)){
fmt='';
}
if(this.isNull(rtnArrYn)){
fmt='N';
}
if(this.isPhone(phoneNum)) {
var rtnNum;
var regExp =/(02)([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt + myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
regExp =/(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt+myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
formatPhone(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isPhone(phoneNum)) {
var rtnNum;
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
}
} else {
return phoneNum;
}
} else {
return phoneNum;
}
},
/** * 핸드폰번호 포맷으로 변환 * * @param 데이터 */
formatMobile(phoneNum,fmt,rtnArrYn) {
if(this.isNull(fmt)){
fmt='';
}
if(this.isNull(rtnArrYn)){
fmt='N';
}
if(this.isMobile(phoneNum)) {
var rtnNum;
var regExp =/(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1]+fmt+myArray[2]+fmt+myArray[3];
if(rtnArrYn == 'Y'){
return myArray;
}
return rtnNum;
} else {
return phoneNum;
formatMobile(phoneNum, fmt, rtnArrYn) {
if (this.isNull(fmt)) {
fmt = '';
}
if (this.isNull(rtnArrYn)) {
fmt = 'N';
}
if (this.isMobile(phoneNum)) {
var rtnNum;
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
rtnNum = myArray[1] + fmt + myArray[2] + fmt + myArray[3];
if (rtnArrYn == 'Y') {
return myArray;
}
return rtnNum;
} else {
return phoneNum;
}
} else {
return phoneNum;
}
} else {
return phoneNum;
}
},
/** * 전화번호 형식 체크 * * @param 데이터 */
isPhone(phoneNum) {
var regExp =/(02)([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
return true;
} else {
regExp =/(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if(regExp.test(phoneNum)){
var regExp = /(02)([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
return false;
}
}
} else {
regExp = /(0[3-9]{1}[0-9]{1})([0-9]{3,4})([0-9]{4})$/;
if (regExp.test(phoneNum)) {
return true;
} else {
return false;
}
}
},
/** * 핸드폰번호 형식 체크 * * @param 데이터 */
isMobile(phoneNum) {
var regExp =/(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
var regExp = /(01[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isMobile2(phoneNum) {
var regExp =/(1[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if(regExp.test(phoneNum)){
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isNull(obj){
if(lodash.isNil(obj) || lodash.trim(obj) == ''){
return true;
}
return false;
},
getParent(name){
let p = this.$parent;
while(typeof p !== 'undefined'){
if(p.$options.name == name) {
return p;
}else {
p = p.$parent;
}
}
return false;
},
getJsonObj(str){
return JSON.parse(JSON.stringify(str));
},
}
};
var chkPattern2 = {
data: function () {
return {
}
},
methods: {
selSesStorage(keyLike){
if(this.isNull(keyLike)){
return null;
}
if(sessionStorage.length > 0){
let keyList = [];
for(let i=0;i<sessionStorage.length;i++){
const keyNm = sessionStorage.key(i);
if(keyNm.indexOf(keyLike) > -1){
keyList.push({name : keyNm, value : sessionStorage.getItem(keyNm)});
var regExp = /(1[016789])([0-9]{3,4})([0-9]{4})$/;
var myArray;
if (regExp.test(phoneNum)) {
myArray = regExp.exec(phoneNum);
return true;
} else {
return false;
}
},
isNull(obj) {
if (lodash.isNil(obj) || lodash.trim(obj) == '') {
return true;
}
}
if(keyList.length > 0){
return keyList;
}
return null;
}
return null;
},
delSesStorage(keyList){
if(this.isNull(keyList)){
return null;
}
if(keyList.length > 0){
keyList.map((o) => (sessionStorage.removeItem(o.name)));
return true;
}
},
setGridMouseDownActive(){
const ele = document.querySelector(`div.tui-grid-container.tui-grid-show-lside-area`);
if(window.getEventListeners(ele).mousedown){
ele.removeEventListener('mousedown',window.getEventListeners(ele).mousedown[0].listener);
}
},
restrictChars : function($event,regExp,hanYn){
if(this.isNull(hanYn)){
hanYn='N';
}
if(hanYn === 'N' && $event.type === 'keydown'){
if($event.keyCode === 229){
$event.preventDefault();
return false;
}
}
if($event.type === 'keypress'){
//한글 처리 불가
if(regExp.test(String.fromCharCode($event.charCode))) {
},
getParent(name) {
let p = this.$parent;
while (typeof p !== 'undefined') {
if (p.$options.name == name) {
return p;
} else {
p = p.$parent;
}
}
return false;
},
getJsonObj(str) {
return JSON.parse(JSON.stringify(str));
},
}
};
var chkPattern2 = {
data: function () {
return {}
},
methods: {
selSesStorage(keyLike) {
if (this.isNull(keyLike)) {
return null;
}
if (sessionStorage.length > 0) {
let keyList = [];
for (let i = 0; i < sessionStorage.length; i++) {
const keyNm = sessionStorage.key(i);
if (keyNm.indexOf(keyLike) > -1) {
keyList.push({name: keyNm, value: sessionStorage.getItem(keyNm)});
}
}
if (keyList.length > 0) {
return keyList;
}
return null;
}
return null;
},
delSesStorage(keyList) {
if (this.isNull(keyList)) {
return null;
}
if (keyList.length > 0) {
keyList.map((o) => (sessionStorage.removeItem(o.name)));
return true;
}
},
setGridMouseDownActive() {
const ele = document.querySelector(`div.tui-grid-container.tui-grid-show-lside-area`);
if (window.getEventListeners(ele).mousedown) {
ele.removeEventListener('mousedown', window.getEventListeners(ele).mousedown[0].listener);
}
},
restrictChars: function ($event, regExp, hanYn) {
if (this.isNull(hanYn)) {
hanYn = 'N';
}
if (hanYn === 'N' && $event.type === 'keydown') {
if ($event.keyCode === 229) {
$event.preventDefault();
return false;
}
}
if ($event.type === 'keypress') {
//한글 처리 불가
if (regExp.test(String.fromCharCode($event.charCode))) {
return true;
} else {
$event.preventDefault();
return false;
}
}
if (hanYn === 'N' && ($event.type === 'keyup' || $event.type === 'input' || $event.type === 'change' || $event.type === 'blur')) {
$event.target.value = $event.target.value.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g, '');
$event.preventDefault();
return false;
}
return true;
}else{
$event.preventDefault();
return false;
}
}
if(hanYn === 'N' && ( $event.type === 'keyup' || $event.type === 'input' || $event.type === 'change' || $event.type === 'blur')){
$event.target.value = $event.target.value.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g,'');
$event.preventDefault();
return false;
}
return true;
},
setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e,strRegExp,hanYn) {
var regExp_g = new RegExp(strRegExp,'g');
this.cut(e);
return this.restrictChars(e,regExp_g,hanYn);
},
onlyCommon: function(strRegExp, e, len, isEventCall, hanYn) {
var regExp_g = new RegExp(strRegExp,'g');
if(isEventCall === 'N'){
if(!this.cut(e, len, isEventCall)){
return false;
}
if(!regExp_g.test(e.value)){
return false;
}
return true;
}
this.cut(e, len);
return this.restrictChars(e,regExp_g,hanYn);
},
onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyLowerEng: function (e, len, isEventCall) {
var strRegExp = '^[a-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
},
onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
cut: function (ele, len, isValidChk) {
let e=ele;
if (typeof ele.target != "undefined") {
e=ele.target;
}
let max = this.isNull(len) ? e.attributes.maxlength.value : len;
let str = e.value;
if (this.bytes(str) > max) {
if(this.isNull(isValidChk)){
e.value = this.cutBytes(str, max);
}
return false;
}
return true;
},
cutBytes: function (str, len) {
while(1 === 1){
if(this.bytes(str) <= len){
},
setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e, strRegExp, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
this.cut(e);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyCommon: function (strRegExp, e, len, isEventCall, hanYn) {
var regExp_g = new RegExp(strRegExp, 'g');
if (isEventCall === 'N') {
if (!this.cut(e, len, isEventCall)) {
return false;
}
if (!regExp_g.test(e.value)) {
return false;
}
return true;
}
this.cut(e, len);
return this.restrictChars(e, regExp_g, hanYn);
},
onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyLowerEng: function (e, len, isEventCall) {
var strRegExp = '^[a-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall, 'Y');
},
onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
cut: function (ele, len, isValidChk) {
let e = ele;
if (typeof ele.target != "undefined") {
e = ele.target;
}
let max = this.isNull(len) ? e.attributes.maxlength.value : len;
let str = e.value;
if (this.bytes(str) > max) {
if (this.isNull(isValidChk)) {
e.value = this.cutBytes(str, max);
}
return false;
}
return true;
},
cutBytes: function (str, len) {
while (1 === 1) {
if (this.bytes(str) <= len) {
return str;
}
str = str.slice(0, -1);
}
},
bytes: function (str) {
var length = ((s, b, i, c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
b = 0, i = 0;
while (1 === 1) {
c = s.charCodeAt(i++);
if (isNaN(c)) {
break;
}
b += c >> 11 ? 2 : c >> 7 ? 1 : 1;
}
return b
})(str);
return length;
},
checkPhone: function (str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0) != "0") {
str = "0" + str;
}
if (str.length < 10 || str.length > 12) {
return "";
}
if (isNaN(str)) {
return "";
}
if (str.substr(0, 2) != "01" && str.substr(0, 3) != "070" && str.substr(0, 4) != "0505" && str.substr(0, 4) != "0503") {
return "";
}
return str;
}
str = str.slice(0,-1);
}
},
bytes: function (str) {
var length = ((s,b,i,c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
b=0,i=0;
while(1 === 1){
c = s.charCodeAt(i++);
if (isNaN(c)) {
break;
}
b += c >> 11 ? 2 : c >> 7 ? 1 : 1;
}
return b
})(str);
return length;
},
checkPhone: function(str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0)!="0"){
str = "0"+str;
}
if (str.length<10||str.length>12){return "";}
if (isNaN(str)){return ""; }
if (str.substr(0,2)!="01" && str.substr(0,3)!="070" && str.substr(0,4)!="0505" && str.substr(0,4)!="0503"){return ""; }
return str;
},
}
};
export { utils_mixin, chkPattern2 };
},
}
};
export {utils_mixin, chkPattern2};

344
frontend/src/modules/sysMgt/views/AdminList.vue
View File

@@ -1,70 +1,69 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">관리자/유치채널 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 관리자/유치채널 관리</p>
</div>
<form autocomplete="off" class="search_form">
<div class="search_wrap">
<div class="select_box">
<label for="right" class="label">권한</label>
<select name="" id="right" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option v-for="(option, i) in authType" v-bind:value="option.autCd" v-bind:key="i">
{{ option.autNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="input_box id">
<label for="id1" class="label">ID</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model="grid.params.searchText1" @keyup.enter="search"/>
</div>
<div class="input_box">
<label for="name" class="label">이름(대리점명)</label>
<input type="text" id="name" placeholder="검색어 입력" v-model="grid.params.searchText2" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</form>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건</div>
<div class="button_group">
<button type="button" class="button blue admin add" @click="adminRegPopOpen();">관리자 등록</button>
<button type="button" class="button blue channel add" @click="adminReg2PopOpen();">유치채널 등록</button>
<button type="button" class="button white delete del" @click="rowDelete();">삭제</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<admin-reg-pop ref="adminRegModal"> </admin-reg-pop>
<!-- <admin-reg2-pop ref="adminReg2Modal"> </admin-reg2-pop> -->
<admin-detail-pop ref="adminDetailModal"> </admin-detail-pop>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">관리자/유치채널 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 관리자/유치채널 관리</p>
</div>
<div class="search_wrap">
<div class="select_box">
<label for="right" class="label">권한</label>
<select name="" id="right" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option v-for="(option, i) in authType" v-bind:value="option.autCd" v-bind:key="i">
{{ option.autNm }}
</option>
</select>
</div>
<div class="select_box">
<label for="right" class="label">상태</label>
<select name="" id="" v-model="searchType2" @keyup.enter="search">
<option value="" selected>전체</option>
<option v-for="(option, i) in statType" v-bind:value="option.code" v-bind:key="i">
{{ option.codeNm }}
</option>
</select>
</div>
<div class="input_box id">
<label for="id1" class="label">ID</label>
<input type="text" id="id1" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
@keyup.enter="search"/>
</div>
<div class="input_box">
<label for="name" class="label">이름(대리점명)</label>
<input type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.searchText2"
@keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건</div>
<div class="button_group">
<button type="button" class="button blue admin add" @click="adminRegPopOpen();">관리자 등록</button>
<button type="button" class="button blue channel add" @click="adminReg2PopOpen();">유치채널 등록</button>
<button type="button" class="button white delete del" @click="rowDelete();">삭제</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<admin-reg-pop ref="adminRegModal"></admin-reg-pop>
<admin-detail-pop ref="adminDetailModal"></admin-detail-pop>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -77,219 +76,220 @@ import sysMgtApi from "../service/sysMgtApi.js";
class CustomATagRenderer {
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText= String(props.colValue)
this.el = el;
}
constructor(props) {
this.props = props;
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
this.el = el;
}
getElement() {
return this.el;
}
getElement() {
return this.el;
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const { callback } = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
callback(this.props);
});
}
}
export default {
name: 'adminList',
data() {
return {
row: {},
row: {},
authType: [],
statType: [],
statType: [],
cate2Code: "",
totalItems: 0,
// 테이블 리스트 데이터
perPageCnt: 20,
searchType1:'',
searchType2:'',
searchType1: '',
searchType2: '',
grid: {
url: '/api/v1/bo/sysMgt/adminList',
pagePerRows: 20,
pagination: true,
pagination: true,
isCheckbox: true, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
columns: [
{ name: 'no', header: 'NO', align: 'center', width: '15%'},
{ name: 'auth', header: '권한', align: 'center', width: '15%' },
{ name: 'name', header: '이름(대리점명)', align: 'center', width: '20%'},
{ name: 'adminId', header: 'ID', align: 'center', width: '20%', renderer: {
columns: [
{name: 'no', header: 'NO', align: 'center', width: '15%'},
{name: 'auth', header: '권한', align: 'center', width: '15%'},
{name: 'name', header: '이름(대리점명)', align: 'center', width: '20%'},
{
name: 'adminId', header: 'ID', align: 'center', width: '20%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.detailPop,
callback: this.detailPop,
}
}
},
{ name: 'adminStat', header: '상태', align: 'center', width: '5%', cls: 'td_line'},
{ name: 'regDt', header: '등록일', align: 'center', width: '20%'}
{name: 'adminStat', header: '상태', align: 'center', width: '5%', cls: 'td_line'},
{name: 'regDt', header: '등록일', align: 'center', width: '20%'}
],
noDataStr: '검색 결과가 없습니다.',
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchText1: '',
searchText2: ''
},
},
excelHeader: []
}
}
};
},
},
components: {
customGrid: customGrid,
// SystemPopup,
customGrid: customGrid,
// SystemPopup,
AdminRegPop,
commonModal,
AdminDetailPop,
},
created(){
this.setCodeData();
created() {
this.setCodeData();
//let cont = document.querySelector(".wrap");
//cont.classList.add("main_wrap");
},
},
destroyed() {
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
console.log('getCondition : '+getCondition);
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
console.log('getCondition : ' + getCondition);
console.log(getCondition)
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
}
this.search(isKeep);
this.search(isKeep);
},
methods: {
search: function(isKeep) {
console.log('this.perPageCnt'+this.perPageCnt);
search: function (isKeep) {
console.log(isKeep)
console.log('this.perPageCnt' + this.perPageCnt);
//console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.grid.pagePerRows = this.perPageCnt
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
detailPop(props) {
// this.getMainSlot().popupView(4);
// this.setDtlPpPrm(props);
this.$refs.adminDetailModal.adminDetailModalOpen(props);
// this.getMainSlot().popupView(4);
// this.setDtlPpPrm(props);
this.$refs.adminDetailModal.adminDetailModalOpen(props);
},
ModalOpen: function(target){
ModalOpen: function (target) {
//this.$refs.systemModal.ModalOpen(target);
},
adminRegPopOpen: function(){
adminRegPopOpen: function () {
this.$refs.adminRegModal.ModalOpen(1);
},
adminReg2PopOpen: function(){
adminReg2PopOpen: function () {
this.$refs.adminRegModal.ModalOpen(2);
//this.$refs.adminReg2Modal.adminReg2ModalOpen();//
},
doValidate(){ //로우데이터 삭제하도록 수정
doValidate() { //로우데이터 삭제하도록 수정
console.log("totalItems >> " + this.totalItems);
if(this.totalItems == 0){
if (this.totalItems == 0) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '검색 결과가 없습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
var chkList = this.$refs.table.checkedElementDatas();
if(chkList.length == 0){
if (chkList.length == 0) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '삭제대상을 체크 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
// for(var i = 0; i < chkList.length; i++){
// alert(chkList[i].adminId);
// }
const param = chkList.map((row)=>({adminId:row.adminId}));
// for(var i = 0; i < chkList.length; i++){
// alert(chkList[i].adminId);
// }
const param = chkList.map((row) => ({adminId: row.adminId}));
console.log(param)
this.row.list = param;
console.log(this.row);
return true;
},
sendStoreData: function() {
sendStoreData: function () {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
},
setCodeData() {
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd' : 'ADM_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
// 상태 옵션 셋팅.
api.commCode({'grpCd': 'ADM_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
});
api.commAuth().then(response => {
this.authType = response.data.data.list;
api.commAuth().then(response => {
this.authType = response.data.data.list;
});
},
rowDelete(){
if(this.doValidate()){
this.row.title ='관리자/유치채널 관리';
this.row.msg1 ='삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
rowDelete() {
if (this.doValidate()) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
}
},
async deleteRow(){
try {
let response = await sysMgtApi.deleteAdmin(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.$refs.table.reloadData();
return;
}
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
} catch(err) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
async deleteRow() {
try {
let response = await sysMgtApi.deleteAdmin(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.$refs.table.reloadData();
return;
}
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
} catch (err) {
this.row.title = '관리자/유치채널 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
confirmCalbackFnc(props){
confirmCalbackFnc(props) {
console.log(props)
if(props.result){
if (props.result) {
this.deleteRow();
}
}
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
const getP = this.$refs.table.getPagination();
console.log("==========getP : " + getP._currentPage);
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
});
// 라우트 하기전 실행
next();
}
};
</script>

679
frontend/src/modules/sysMgt/views/AuthAdd.vue
View File

@@ -1,201 +1,189 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="title">권한 추가</div>
</div>
<div class="table table_form">
<form autocomplete="off">
<table>
<tbody>
<tr class="tr_input w30">
<th>권한명</th>
<td colspan="5"><input type="text" v-model.trim="authNm" ref="_authNm"></td>
</tr>
<tr class="tr_input w75">
<th>권한 코드</th>
<td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd"></td>
<th class="center">상태</th>
<td class="td_radio" colspan="2">
<input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
<label for="right_radio1">사용</label>
<input type="radio" name="state" value="02" id="right_radio2" v-model="stat">
<label for="right_radio2">정지</label>
</td>
</tr>
<tr class="tr_input w100">
<th>권한 설명</th>
<td colspan="5"><input type="text" v-model="authDesc"></td>
</tr>
<tr class="tr_checkbox">
<td class="check" rowspan="2">
<p>메뉴 권한 체크</p>
<input type="checkbox" id="right_check0" v-model="checkedAuthMenuAll">
<div class="label_group">
<label for="right_check0"></label>
<label for="right_check0">전체 체크</label>
</div>
</td>
<td class="check">
<p>고객관리</p>
<input type="checkbox" id="right_check1" value="2001" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check1"></label>
<label for="right_check1">청약고객관리</label>
</div>
</td>
<td class="check">
<p>유치현황관리</p>
<!-- <input type="checkbox" id="right_check2" value="" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check2"></label>
<label for="right_check2">유치현황관리</label>
</div>
<input type="checkbox" id="right_check3" value="2003" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check3"></label>
<label for="right_check3">유치관리자 현황</label>
</div> -->
<div class="label_group">
<tr>
<td class="td_radio" >
<input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
<label for="channel_radio1">유치채널현황</label>
<br/><br/>
<input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
<label for="channel_radio2">유치현황관리</label>
</td>
</tr>
</div>
</td>
<td class="check">
<p>서비스관리</p>
<input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check4"></label>
<label for="right_check4">080수신거부 인증코드 조회</label>
</div>
</td>
<td class="check">
<p>정산</p>
<input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check5"></label>
<label for="right_check5">정산이력</label>
</div>
</td>
<td class="check">
<p>채널관리</p>
<input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check6"></label>
<label for="right_check6">알림톡 템플릿 관리</label>
</div>
</td>
</tr>
<tr>
<td class="check">
<p>발신번호관리</p>
<input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check7"></label>
<label for="right_check7">발신프로필 관리</label>
</div>
<input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check8"></label>
<label for="right_check8">문자 발신번호 관리</label>
</div>
<input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check9"></label>
<label for="right_check9">발신번호 승인</label>
</div>
</td>
<td class="check">
<p>모니터링</p>
<input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check10"></label>
<label for="right_check10">발송내역</label>
</div>
<input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check11"></label>
<label for="right_check11">실시간발송현황</label>
</div>
</td>
<td class="check">
<p>리스크관리</p>
<input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check12"></label>
<label for="right_check12">발신번호 차단</label>
</div>
<input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check13"></label>
<label for="right_check13">080수신번호 차단</label>
</div>
<input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check14"></label>
<label for="right_check14">메시지 차단</label>
</div>
<input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check15"></label>
<label for="right_check15">차단 내역</label>
</div>
</td>
<td class="check">
<p>발송통계</p>
<input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check16"></label>
<label for="right_check16">날짜별 통계</label>
</div>
<input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check17"></label>
<label for="right_check17">사업자별 통계</label>
</div>
</td>
<td class="check">
<p>시스템 관리</p>
<input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check18"></label>
<label for="right_check18">관리자/유치채널 관리</label>
</div>
<input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check19"></label>
<label for="right_check19">권한 관리</label>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="authAddCancel()">취소</button>
<button class="btn-pcolor" type="button" @click="authAddSave()">저장</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="title">권한 추가</div>
</div>
<div class="table table_form">
<table>
<tbody>
<tr class="tr_input w30">
<th>권한명</th>
<td colspan="5"><input type="text" v-model.trim="authNm" ref="_authNm"></td>
</tr>
<tr class="tr_input w75">
<th>권한 코드</th>
<td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd"></td>
<th class="center">상태</th>
<td class="td_radio" colspan="2">
<input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
<label for="right_radio1">사용</label>
<input type="radio" name="state" value="02" id="right_radio2" v-model="stat">
<label for="right_radio2">정지</label>
</td>
</tr>
<tr class="tr_input w100">
<th>권한 설명</th>
<td colspan="5"><input type="text" v-model="authDesc"></td>
</tr>
<tr class="tr_checkbox">
<td class="check" rowspan="2">
<p>메뉴 권한 체크</p>
<input type="checkbox" id="right_check0" ref="checkedAuthMenuAll_" v-model="checkedAuthMenuAll">
<div class="label_group">
<label for="right_check0"></label>
<label for="right_check0">전체 체크</label>
</div>
</td>
<td class="check">
<p>고객관리</p>
<input type="checkbox" id="right_check1" value="2001" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check1"></label>
<label for="right_check1">청약고객관리</label>
</div>
</td>
<td class="check">
<p>유치현황관리</p>
<div class="label_group">
<tr>
<td class="td_radio">
<input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
<label for="channel_radio1">유치채널현황</label>
<br/><br/>
<input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
<label for="channel_radio2">유치현황관리</label>
</td>
</tr>
</div>
</td>
<td class="check">
<p>서비스관리</p>
<input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check4"></label>
<label for="right_check4">080수신거부 인증코드 조회</label>
</div>
</td>
<td class="check">
<p>정산</p>
<input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check5"></label>
<label for="right_check5">정산이력</label>
</div>
</td>
<td class="check">
<p>채널관리</p>
<input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check6"></label>
<label for="right_check6">알림톡 템플릿 관리</label>
</div>
</td>
</tr>
<tr>
<td class="check">
<p>발신번호관리</p>
<input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check7"></label>
<label for="right_check7">발신프로필 관리</label>
</div>
<input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check8"></label>
<label for="right_check8">문자 발신번호 관리</label>
</div>
<input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check9"></label>
<label for="right_check9">발신번호 승인</label>
</div>
</td>
<td class="check">
<p>모니터링</p>
<input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check10"></label>
<label for="right_check10">발송내역</label>
</div>
<input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check11"></label>
<label for="right_check11">실시간발송현황</label>
</div>
</td>
<td class="check">
<p>리스크관리</p>
<input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check12"></label>
<label for="right_check12">발신번호 차단</label>
</div>
<input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check13"></label>
<label for="right_check13">080수신번호 차단</label>
</div>
<input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check14"></label>
<label for="right_check14">메시지 차단</label>
</div>
<input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check15"></label>
<label for="right_check15">차단 내역</label>
</div>
</td>
<td class="check">
<p>발송통계</p>
<input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check16"></label>
<label for="right_check16">날짜별 통계</label>
</div>
<input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check17"></label>
<label for="right_check17">사업자별 통계</label>
</div>
</td>
<td class="check">
<p>시스템 관리</p>
<input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check18"></label>
<label for="right_check18">관리자/유치채널 관리</label>
</div>
<input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check19"></label>
<label for="right_check19">권한 관리</label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="authAddCancel()">취소</button>
<button class="btn-pcolor" type="button" @click="authAddSave()">저장</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
import sysMgtApi from "../service/sysMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
//import commonModal from "@/components/modal/commonModal";
import commonModal from "../components/commonModal";
@@ -204,181 +192,186 @@ export default {
mixins: [utils_mixin, chkPattern2],
data() {
return {
row: {},
authType: [],
authNm: "",
authCd: "",
authDesc: "",
stat: "01", // 등록화면 상태 Default 값 지정(사용:01)
defaultAuthMenu:["2001","2004","2005","2006","2007","2008","2009","2010","2011","2012","2013","2014","2015","2016","2017","2018","2019"],
checkedAuthMenu:[],
channelAuth: "",
row: {},
authType: [],
authNm: "",
authCd: "",
authDesc: "",
stat: "01", // 등록화면 상태 Default 값 지정(사용:01)
defaultAuthMenu: ["2001", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019"],
checkedAuthMenu: [],
channelAuth: "",
};
},
},
components: {
commonModal,
commonModal,
},
created() {
//this.setCodeData();
},
created(){
//this.setCodeData();
},
destroyed() {
},
mounted() {
mounted() {
},
methods: {
doValidate(){
doValidate() {
// 필수 등록정보 체크
if(this.isNull(this.authNm)){
this.row.title = '시스템관리';
this.row.msg1 = '권한명을 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
// 필수 등록정보 체크
if (this.isNull(this.authNm)) {
this.row.title = '시스템관리';
this.row.msg1 = '권한명을 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.authCd)){
this.row.title = '시스템관리';
this.row.msg1 = '권한 코드를 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.authCd)) {
this.row.title = '시스템관리';
this.row.msg1 = '권한 코드를 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.authCd.length > 5){
this.row.title = '시스템관리';
this.row.msg1 = '권한코드는 영문과 숫자포함 최대4자리까지 입력해주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.authCd.length > 5) {
this.row.title = '시스템관리';
this.row.msg1 = '권한코드는 영문과 숫자포함 최대4자리까지 입력해주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.stat)){
this.row.title = '시스템관리';
this.row.msg1 = '상태를 체크해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.stat)) {
this.row.title = '시스템관리';
this.row.msg1 = '상태를 체크해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.checkedAuthMenu.length == 0){
this.row.title = '시스템관리';
this.row.msg1 = '메뉴 권한 체크를 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.checkedAuthMenu.length == 0) {
this.row.title = '시스템관리';
this.row.msg1 = '메뉴 권한 체크를 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return true;
},
authAddCancel() {
// 권한리스트 페이지로 이동
this.$router.push({ name: 'authList'});
return true;
},
authAddSave(){
if(this.doValidate()){
this.row.title = '시스템관리';
this.row.msg1 = '권한 등록 저장하시겠습니까?';
this.row.focusTaget = '0';
this.$refs.commmonModal.confirmModalOpen(this.row);
return false;
}
},
async authInsert(){
var reqAuthMenuArr = this.checkedAuthMenu;
var listArr = [];
var dataMap = {};
if(this.channelAuth !== ''){
dataMap.menuNo = this.channelAuth;
listArr.push(dataMap);
}
for(var i = 0; i< reqAuthMenuArr.length; i++){
dataMap = {};
dataMap.menuNo = reqAuthMenuArr[i];
listArr.push(dataMap);
authAddCancel() {
// 권한리스트 페이지로 이동
this.$router.push({name: 'authList'});
},
authAddSave() {
if (this.doValidate()) {
this.row.title = '시스템관리';
this.row.msg1 = '권한 등록 저장하시겠습니까?';
this.row.focusTaget = '0';
this.$refs.commmonModal.confirmModalOpen(this.row);
return false;
}
},
async authInsert() {
var reqAuthMenuArr = this.checkedAuthMenu;
var listArr = [];
var dataMap = {};
if (this.channelAuth !== '') {
dataMap.menuNo = this.channelAuth;
listArr.push(dataMap);
}
for (var i = 0; i < reqAuthMenuArr.length; i++) {
dataMap = {};
dataMap.menuNo = reqAuthMenuArr[i];
listArr.push(dataMap);
}
this.row.authCd = this.authCd;
this.row.authNm = this.authNm;
this.row.authDesc = this.authDesc;
this.row.stat = this.stat;
this.row.list = listArr;
console.log(this.row);
try {
let response = await sysMgtApi.insertAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
//alert('저장 하였습니다.');
// 권한리스트 페이지 이동
this.$router.push({name: 'authList'});
} else if (result.retCode == "4017") {
//alert("권한코드가 이미 존재합니다.");
//this.$refs._authCd.focus();
this.row.title = '시스템관리';
this.row.msg1 = '권한코드가 이미 존재합니다.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
this.row.authCd = this.authCd;
this.row.authNm = this.authNm;
this.row.authDesc = this.authDesc;
this.row.stat = this.stat;
this.row.list = listArr;
console.log(this.row);
try {
let response = await sysMgtApi.insertAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
//alert('저장 하였습니다.');
// 권한리스트 페이지 이동
this.$router.push({ name: 'authList'});
} else if(result.retCode == "4017"){
//alert("권한코드가 이미 존재합니다.");
//this.$refs._authCd.focus();
this.row.title = '시스템관리';
this.row.msg1 = '권한코드가 이미 존재합니다.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch(err) {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch (err) {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
},
checkFocus(){
if(this.row.focusTaget === '1'){
this.$refs._authNm.focus();
} else if(this.row.focusTaget === '2'){
this.$refs._authCd.focus();
}
},
confirmCalbackFnc(props){
if(props.result){
this.authInsert();
}
}
checkFocus() {
if (this.row.focusTaget === '1') {
this.$refs._authNm.focus();
} else if (this.row.focusTaget === '2') {
this.$refs._authCd.focus();
}
},
confirmCalbackFnc(props) {
if (props.result) {
this.authInsert();
}
}
},
computed: {
// 체크박스 전체선택 기능
checkedAuthMenuAll : {
get: function () {
return this.defaultAuthMenu.length === this.checkedAuthMenu.length;
},
set: function (e) {
//this.checkedAuthMenu = e ? this.defaultAuthMenu : [];
if(e){
this.checkedAuthMenu = this.defaultAuthMenu;
if(this.channelAuth === ''){
this.channelAuth = '2002';
}
} else {
this.checkedAuthMenu = [];
this.channelAuth = '';
}
// 체크박스 전체선택 기능
checkedAuthMenuAll: {
get: function () {
if (this.defaultAuthMenu.length === this.checkedAuthMenu.length) {
if (this.channelAuth === '') {
return false;
}
return true;
} else {
return false;
}
},
set: function (e) {
if (e) {
this.checkedAuthMenu = this.defaultAuthMenu;
if (this.channelAuth === '') {
this.channelAuth = '2002';
}
} else {
this.checkedAuthMenu = [];
this.channelAuth = '';
}
}
}
}
};
</script>

263
frontend/src/modules/sysMgt/views/AuthList.vue
View File

@@ -1,73 +1,56 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="count">총 <span>{{totalCnt}}</span>건</div>
<div class="button_group">
<button type="button" class="button blue add" @click="insertAuth()">권한 추가</button>
</div>
</div>
<div class="table">
<table>
<colgroup>
<col width="10%"/>
<col width="20%"/>
<col width="20%"/>
<col width="15%"/>
<col width="20%"/>
<col width="15%"/>
</colgroup>
<thead>
<tr>
<th>NO</th>
<th>코드</th>
<th>권한명</th>
<th>상태</th>
<th>등록일</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.no }}</td>
<td>{{ option.authCd }}</td>
<td>{{ option.authNm }}</td>
<td>{{ option.authStat }}</td>
<td>{{ option.regDt }}</td>
<!-- <td v-if="option.authCd !== '1001' && option.authCd !== '1002'" class="two_btn_group">
<button type="button" class="button grey" @click="updateAuth(option.authCd)">수정</button>
<button type="button" class="button white delete" @click="deleteAuth(option.authCd)">삭제</button>
</td> -->
<td v-if="option.authCd === '1001' || option.authCd === '1002'" class="two_btn_group">
</td>
<td v-else class="two_btn_group">
<button type="button" class="button grey" @click="updateAuth(option.authCd)">수정</button>
<button type="button" class="button white delete" @click="authDelete(option.authCd)">삭제</button>
</td>
</tr>
<!--
<tr>
<td>4</td>
<td>Admin_01</td>
<td>슈퍼관리자</td>
<td>사용</td>
<td>2022-03-10</td>
<td class="two_btn_group">
<button type="button" class="button grey" onclick="location.href='system_right_modify.html';">수정</button>
<button type="button" class="button white delete">삭제</button>
</td>
</tr>
-->
</tbody>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="count">총 <span>{{ totalCnt }}</span>건</div>
<div class="button_group">
<button type="button" class="button blue add" @click="insertAuth()">권한 추가</button>
</div>
</div>
<div class="table">
<table>
<colgroup>
<col width="10%"/>
<col width="20%"/>
<col width="20%"/>
<col width="15%"/>
<col width="20%"/>
<col width="15%"/>
</colgroup>
<thead>
<tr>
<th>NO</th>
<th>코드</th>
<th>권한명</th>
<th>상태</th>
<th>등록일</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="(option, i) in list" v-bind:key="i">
<td>{{ option.no }}</td>
<td>{{ option.authCd }}</td>
<td>{{ option.authNm }}</td>
<td>{{ option.authStat }}</td>
<td>{{ option.regDt }}</td>
<td v-if="option.authCd === '1001' || option.authCd === '1002'" class="two_btn_group">
</td>
<td v-else class="two_btn_group">
<button type="button" class="button grey" @click="updateAuth(option.authCd)">수정</button>
<button type="button" class="button white delete" @click="authDelete(option.authCd)">삭제</button>
</td>
</tr>
</tbody>
</table>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
@@ -78,87 +61,87 @@ export default {
name: 'authList',
data() {
return {
row: {},
list:[],
totalCnt: '',
row: {},
list: [],
totalCnt: '',
};
},
components: {
commonModal,
},
created(){
this.getAuthList();
components: {
commonModal,
},
created() {
this.getAuthList();
},
destroyed() {
},
mounted() {
},
methods: {
async getAuthList(){
console.log('getAuthList Start');
//this.row.serviceId = serviceId;
try {
const response = await sysMgtApi.authList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.list = result.data.list;
this.totalCnt = result.data.list.length;
} else {
this.row.title ='권한 관리';
this.row.msg1 ='조회정보가 없습니다.'
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch(err) {
this.row.title ='권한 관리';
this.row.msg1 ='실패 하였습니다.'
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
insertAuth(){
//console.log("권한추가 페이지 이동");
this.$router.push({ name: 'authAdd'});
},
updateAuth(target){
//console.log("수정페이지로 이동:"+target);
this.$router.push({ name: 'authModify', params: { targetAuthCd: target }});
},
authDelete(target){
this.row.authCd = target;
this.row.title ='권한 관리';
this.row.msg1 ='삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
},
async deleteAuth(){
//console.log("삭제처리:"+target);
//this.row.authCd = target;
try {
let response = await sysMgtApi.deleteAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.getAuthList();
return;
} else {
this.row={}
this.row.title = '권한 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch(err) {
this.row={}
this.row.title = '권한 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
confirmCalbackFnc(props){
async getAuthList() {
console.log('getAuthList Start');
//this.row.serviceId = serviceId;
try {
const response = await sysMgtApi.authList(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.list = result.data.list;
this.totalCnt = result.data.list.length;
} else {
this.row.title = '권한 관리';
this.row.msg1 = '조회정보가 없습니다.'
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (err) {
this.row.title = '권한 관리';
this.row.msg1 = '실패 하였습니다.'
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
insertAuth() {
//console.log("권한추가 페이지 이동");
this.$router.push({name: 'authAdd'});
},
updateAuth(target) {
//console.log("수정페이지로 이동:"+target);
this.$router.push({name: 'authModify', params: {targetAuthCd: target}});
},
authDelete(target) {
this.row.authCd = target;
this.row.title = '권한 관리';
this.row.msg1 = '삭제 하시겠습니까?'
this.$refs.commmonModal.confirmModalOpen2(this.row);
},
async deleteAuth() {
//console.log("삭제처리:"+target);
//this.row.authCd = target;
try {
let response = await sysMgtApi.deleteAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.getAuthList();
return;
} else {
this.row = {}
this.row.title = '권한 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (err) {
this.row = {}
this.row.title = '권한 관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
confirmCalbackFnc(props) {
console.log(props)
if(props.result){
if (props.result) {
this.deleteAuth();
}
},
}
},
}
};
</script>

754
frontend/src/modules/sysMgt/views/AuthModify.vue
View File

@@ -1,201 +1,189 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="title">권한 수정</div>
</div>
<div class="table table_form">
<form autocomplete="off">
<table>
<tbody>
<tr class="tr_input w30">
<th>권한명</th>
<td colspan="5"><input type="text" v-model.trim="authNm" ref="_authNm"></td>
</tr>
<tr class="tr_input w75">
<th>권한 코드</th>
<td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd" disabled></td>
<th class="center">상태</th>
<td class="td_radio" colspan="2">
<input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
<label for="right_radio1">사용</label>
<input type="radio" name="state" value="02" id="right_radio2" v-model="stat">
<label for="right_radio2">정지</label>
</td>
</tr>
<tr class="tr_input w100">
<th>권한 설명</th>
<td colspan="5"><input type="text" v-model="authDesc"></td>
</tr>
<tr class="tr_checkbox">
<td class="check" rowspan="2">
<p>메뉴 권한 체크</p>
<input type="checkbox" id="right_check0" v-model="checkedAuthMenuAll">
<div class="label_group">
<label for="right_check0"></label>
<label for="right_check0">전체 체크</label>
</div>
</td>
<td class="check">
<p>고객관리</p>
<input type="checkbox" id="right_check1" value="2001" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check1"></label>
<label for="right_check1">청약고객관리</label>
</div>
</td>
<td class="check">
<p>유치현황관리</p>
<!-- <input type="checkbox" id="right_check2" value="2002" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check2"></label>
<label for="right_check2">유치채널 현황</label>
</div>
<input type="checkbox" id="right_check3" value="2003" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check3"></label>
<label for="right_check3">유치관리자 현황</label>
</div> -->
<div class="label_group">
<tr>
<td class="td_radio" >
<input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
<label for="channel_radio1">유치채널현황</label>
<br/><br/>
<input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
<label for="channel_radio2">유치현황관리</label>
</td>
</tr>
</div>
</td>
<td class="check">
<p>서비스관리</p>
<input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check4"></label>
<label for="right_check4">080수신거부 인증코드 조회</label>
</div>
</td>
<td class="check">
<p>정산</p>
<input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check5"></label>
<label for="right_check5">정산이력</label>
</div>
</td>
<td class="check">
<p>채널관리</p>
<input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check6"></label>
<label for="right_check6">알림톡 템플릿 관리</label>
</div>
</td>
</tr>
<tr>
<td class="check">
<p>발신번호관리</p>
<input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check7"></label>
<label for="right_check7">발신프로필 관리</label>
</div>
<input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check8"></label>
<label for="right_check8">문자 발신번호 관리</label>
</div>
<input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check9"></label>
<label for="right_check9">발신번호 승인</label>
</div>
</td>
<td class="check">
<p>모니터링</p>
<input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check10"></label>
<label for="right_check10">발송내역</label>
</div>
<input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check11"></label>
<label for="right_check11">실시간발송현황</label>
</div>
</td>
<td class="check">
<p>리스크관리</p>
<input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check12"></label>
<label for="right_check12">발신번호 차단</label>
</div>
<input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check13"></label>
<label for="right_check13">080수신번호 차단</label>
</div>
<input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check14"></label>
<label for="right_check14">메시지 차단</label>
</div>
<input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check15"></label>
<label for="right_check15">차단 내역</label>
</div>
</td>
<td class="check">
<p>발송통계</p>
<input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check16"></label>
<label for="right_check16">날짜별 통계</label>
</div>
<input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check17"></label>
<label for="right_check17">사업자별 통계</label>
</div>
</td>
<td class="check">
<p>시스템 관리</p>
<input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check18"></label>
<label for="right_check18">관리자/유치채널 관리</label>
</div>
<input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check19"></label>
<label for="right_check19">권한 관리</label>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="authModifyCancel()">취소</button>
<button class="btn-pcolor" type="button" @click="authModifySave()">저장</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">권한 관리</h3>
<p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
</div>
<div class="info">
<div class="title">권한 수정</div>
</div>
<div class="table table_form">
<table>
<tbody>
<tr class="tr_input w30">
<th>권한명</th>
<td colspan="5"><input type="text" v-model.trim="authNm" ref="_authNm"></td>
</tr>
<tr class="tr_input w75">
<th>권한 코드</th>
<td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd" disabled></td>
<th class="center">상태</th>
<td class="td_radio" colspan="2">
<input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
<label for="right_radio1">사용</label>
<input type="radio" name="state" value="02" id="right_radio2" v-model="stat">
<label for="right_radio2">정지</label>
</td>
</tr>
<tr class="tr_input w100">
<th>권한 설명</th>
<td colspan="5"><input type="text" v-model="authDesc"></td>
</tr>
<tr class="tr_checkbox">
<td class="check" rowspan="2">
<p>메뉴 권한 체크</p>
<input type="checkbox" id="right_check0" v-model="checkedAuthMenuAll">
<div class="label_group">
<label for="right_check0"></label>
<label for="right_check0">전체 체크</label>
</div>
</td>
<td class="check">
<p>고객관리</p>
<input type="checkbox" id="right_check1" value="2001" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check1"></label>
<label for="right_check1">청약고객관리</label>
</div>
</td>
<td class="check">
<p>유치현황관리</p>
<div class="label_group">
<tr>
<td class="td_radio">
<input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
<label for="channel_radio1">유치채널현황</label>
<br/><br/>
<input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
<label for="channel_radio2">유치현황관리</label>
</td>
</tr>
</div>
</td>
<td class="check">
<p>서비스관리</p>
<input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check4"></label>
<label for="right_check4">080수신거부 인증코드 조회</label>
</div>
</td>
<td class="check">
<p>정산</p>
<input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check5"></label>
<label for="right_check5">정산이력</label>
</div>
</td>
<td class="check">
<p>채널관리</p>
<input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check6"></label>
<label for="right_check6">알림톡 템플릿 관리</label>
</div>
</td>
</tr>
<tr>
<td class="check">
<p>발신번호관리</p>
<input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check7"></label>
<label for="right_check7">발신프로필 관리</label>
</div>
<input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check8"></label>
<label for="right_check8">문자 발신번호 관리</label>
</div>
<input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check9"></label>
<label for="right_check9">발신번호 승인</label>
</div>
</td>
<td class="check">
<p>모니터링</p>
<input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check10"></label>
<label for="right_check10">발송내역</label>
</div>
<input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check11"></label>
<label for="right_check11">실시간발송현황</label>
</div>
</td>
<td class="check">
<p>리스크관리</p>
<input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check12"></label>
<label for="right_check12">발신번호 차단</label>
</div>
<input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check13"></label>
<label for="right_check13">080수신번호 차단</label>
</div>
<input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check14"></label>
<label for="right_check14">메시지 차단</label>
</div>
<input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check15"></label>
<label for="right_check15">차단 내역</label>
</div>
</td>
<td class="check">
<p>발송통계</p>
<input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check16"></label>
<label for="right_check16">날짜별 통계</label>
</div>
<input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check17"></label>
<label for="right_check17">사업자별 통계</label>
</div>
</td>
<td class="check">
<p>시스템 관리</p>
<input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check18"></label>
<label for="right_check18">관리자/유치채널 관리</label>
</div>
<input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
<div class="label_group">
<label for="right_check19"></label>
<label for="right_check19">권한 관리</label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="pop-btn2">
<button class="btn-default" type="button" @click="authModifyCancel()">취소</button>
<button class="btn-pcolor" type="button" @click="authModifySave()">저장</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
import sysMgtApi from "../service/sysMgtApi.js";
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
import commonModal from "../components/commonModal";
export default {
@@ -203,224 +191,224 @@ export default {
mixins: [utils_mixin, chkPattern2],
data() {
return {
row: {},
authType: [],
authNm: "",
authCd: "",
authDesc: "",
stat: "",
defaultAuthMenu:["2001","2004","2005","2006","2007","2008","2009","2010","2011","2012","2013","2014","2015","2016","2017","2018","2019"],
checkedAuthMenu:[],
channelAuth: "",
row: {},
authType: [],
authNm: "",
authCd: "",
authDesc: "",
stat: "",
defaultAuthMenu: ["2001", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019"],
checkedAuthMenu: [],
channelAuth: "",
};
},
},
props: {
targetAuthCd : {
type: String,
default: "",
}
targetAuthCd: {
type: String,
default: "",
}
},
components: {
commonModal,
commonModal,
},
created() {
//this.setCodeData();
this.authDetail();
},
created(){
//this.setCodeData();
this.authDetail();
},
destroyed() {
},
mounted() {
mounted() {
},
methods: {
doValidate(){
// 필수 등록정보 체크
if(this.isNull(this.authNm)){
this.row.title = '시스템관리';
this.row.msg1 = '권한명을 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
doValidate() {
if(this.isNull(this.authCd)){
this.row.title = '시스템관리';
this.row.msg1 = '권한 코드를 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
// 필수 등록정보 체크
if (this.isNull(this.authNm)) {
this.row.title = '시스템관리';
this.row.msg1 = '권한명을 입력해 주세요.';
this.row.focusTaget = '1';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.authCd.length > 5){
this.row.title = '시스템관리';
this.row.msg1 = '권한코드는 영문과 숫자포함 최대4자리까지 입력해주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.authCd)) {
this.row.title = '시스템관리';
this.row.msg1 = '권한 코드를 입력해 주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.isNull(this.stat)){
this.row.title = '시스템관리';
this.row.msg1 = '상태를 체크해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.authCd.length > 5) {
this.row.title = '시스템관리';
this.row.msg1 = '권한코드는 영문과 숫자포함 최대4자리까지 입력해주세요.';
this.row.focusTaget = '2';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if(this.checkedAuthMenu.length == 0){
this.row.title = '시스템관리';
this.row.msg1 = '메뉴 권한 체크를 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.isNull(this.stat)) {
this.row.title = '시스템관리';
this.row.msg1 = '상태를 체크해 주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
if (this.checkedAuthMenu.length == 0) {
this.row.title = '시스템관리';
this.row.msg1 = '메뉴 권한 체크를 해주세요.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return true;
return true;
},
authModifyCancel() {
// 권한리스트 페이지로 이동
this.$router.push({ name: 'authList'});
},
async authDetail(){
//console.log(this.$route.params.targetAuthCd);
this.row.authCd = this.$route.params.targetAuthCd;
try {
const response = await sysMgtApi.authDetail(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.authCd = result.data.authCd;
this.authNm = result.data.authNm;
this.authDesc = result.data.authDesc;
this.stat = result.data.authStat;
// 메뉴리스트 처리
var dataList = result.data.list;
var rsArr = [];
for(var i=0; i< dataList.length; i++){
if(dataList[i].upperMenuNo != null || dataList[i].upperMenuNo != ""){
if(dataList[i].menuNo === '2002' || dataList[i].menuNo === '2003'){
this.channelAuth = dataList[i].menuNo;
} else {
this.checkedAuthMenu.push(dataList[i].menuNo);
}
}
}
authModifyCancel() {
// 권한리스트 페이지로 이동
this.$router.push({name: 'authList'});
},
async authDetail() {
//console.log(this.$route.params.targetAuthCd);
this.row.authCd = this.$route.params.targetAuthCd;
try {
const response = await sysMgtApi.authDetail(this.row);
const result = response.data;
console.log(result);
if (result != null && result.retCode == "0000") {
this.authCd = result.data.authCd;
this.authNm = result.data.authNm;
this.authDesc = result.data.authDesc;
this.stat = result.data.authStat;
// 메뉴리스트 처리
var dataList = result.data.list;
var rsArr = [];
for (var i = 0; i < dataList.length; i++) {
if (dataList[i].upperMenuNo != null || dataList[i].upperMenuNo != "") {
if (dataList[i].menuNo === '2002' || dataList[i].menuNo === '2003') {
this.channelAuth = dataList[i].menuNo;
} else {
this.checkedAuthMenu.push(dataList[i].menuNo);
}
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch(err) {
//alert("처리 실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch (err) {
//alert("처리 실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
},
authModifySave(){
if(this.doValidate()){
this.row.title = '시스템관리';
this.row.msg1 = '권한 수정 저장하시겠습니까?';
this.row.focusTaget = '0';
this.$refs.commmonModal.confirmModalOpen(this.row);
return false;
}
},
async authUpdate(){
var reqAuthMenuArr = this.checkedAuthMenu;
var listArr = [];
var dataMap = {};
if(this.channelAuth !== ''){
dataMap.menuNo = this.channelAuth;
listArr.push(dataMap);
}
for(var i = 0; i< reqAuthMenuArr.length; i++){
dataMap = {};
dataMap.menuNo = reqAuthMenuArr[i];
listArr.push(dataMap);
}
this.row.authCd = this.authCd;
this.row.authNm = this.authNm;
this.row.authDesc = this.authDesc;
this.row.stat = this.stat;
this.row.list = listArr;
console.log(this.row);
try {
let response = await sysMgtApi.updateAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
//alert('저장 하였습니다.');
// 권한리스트 페이지 이동
this.$router.push({ name: 'authList'});
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch(err) {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
authModifySave() {
if (this.doValidate()) {
this.row.title = '시스템관리';
this.row.msg1 = '권한 수정 저장하시겠습니까?';
this.row.focusTaget = '0';
this.$refs.commmonModal.confirmModalOpen(this.row);
return false;
}
},
checkFocus(){
if(this.row.focusTaget === '1'){
this.$refs._authNm.focus();
} else if(this.row.focusTaget === '2'){
this.$refs._authCd.focus();
}
},
confirmCalbackFnc(props){
if(props.result){
this.authUpdate();
}
}
async authUpdate() {
var reqAuthMenuArr = this.checkedAuthMenu;
var listArr = [];
var dataMap = {};
if (this.channelAuth !== '') {
dataMap.menuNo = this.channelAuth;
listArr.push(dataMap);
}
for (var i = 0; i < reqAuthMenuArr.length; i++) {
dataMap = {};
dataMap.menuNo = reqAuthMenuArr[i];
listArr.push(dataMap);
}
this.row.authCd = this.authCd;
this.row.authNm = this.authNm;
this.row.authDesc = this.authDesc;
this.row.stat = this.stat;
this.row.list = listArr;
console.log(this.row);
try {
let response = await sysMgtApi.updateAuth(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
//alert('저장 하였습니다.');
// 권한리스트 페이지 이동
this.$router.push({name: 'authList'});
} else {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
} catch (err) {
//alert("실패 하였습니다.");
this.row.title = '시스템관리';
this.row.msg1 = '실패 하였습니다.';
this.row.focusTaget = '0';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
},
checkFocus() {
if (this.row.focusTaget === '1') {
this.$refs._authNm.focus();
} else if (this.row.focusTaget === '2') {
this.$refs._authCd.focus();
}
},
confirmCalbackFnc(props) {
if (props.result) {
this.authUpdate();
}
}
},
computed: {
// 체크박스 전체선택 기능
checkedAuthMenuAll : {
get: function () {
return this.defaultAuthMenu.length === this.checkedAuthMenu.length;
},
set: function (e) {
//this.checkedAuthMenu = e ? this.defaultAuthMenu : [];
if(e){
this.checkedAuthMenu = this.defaultAuthMenu;
if(this.channelAuth === ''){
this.channelAuth = '2002';
}
} else {
this.checkedAuthMenu = [];
this.channelAuth = '';
}
// 체크박스 전체선택 기능
checkedAuthMenuAll: {
get: function () {
return this.defaultAuthMenu.length === this.checkedAuthMenu.length;
},
set: function (e) {
//this.checkedAuthMenu = e ? this.defaultAuthMenu : [];
if (e) {
this.checkedAuthMenu = this.defaultAuthMenu;
if (this.channelAuth === '') {
this.channelAuth = '2002';
}
} else {
this.checkedAuthMenu = [];
this.channelAuth = '';
}
}
}
}
};
</script>

1
frontend/src/views/HubwebLayout.vue
View File

@@ -27,7 +27,6 @@ export default {
name: "hubwebLayout",
components: {
NavBar,
// vuejsDatepicker,
HubWebHeader,
HubWebFooter,
},