TC 수정사항 반영

This commit is contained in:
kimre
2022-07-16 23:53:22 +09:00
parent c323de8bb9
commit e8328fef2c
43 changed files with 954 additions and 904 deletions

View File

@@ -184,15 +184,14 @@ export default {
{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: 'loginId', header: '마당ID(이름)', align: 'center', width: '10%'},
{name: 'custNm', header: '고객사명', 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%'},
{name: 'userNm', header: '이름', align: 'center', width: '10%'},
{name: 'subsSttusCd', header: '상태', align: 'center', width: '10%', hidden: true},
@@ -354,7 +353,7 @@ export default {
this.grid.params.subsSttusCd = '';
});
api.commCode({'grpCd': 'CUST_TY_CD'}).then(response => {
api.commCode({'grpCd': 'CUST_KD_CD'}).then(response => {
this.custTyCdList = response.data.data.list;
this.grid.params.custTyCd = '';
});
@@ -362,10 +361,10 @@ export default {
setPeriodDay(day) {
this.periodDay = day;
this.endDate = new Date();
this.startDate = moment(this.endDate)
.subtract(day, 'day')
.toDate();
// this.startDate = moment(this.endDate)
// .subtract(day, 'day')
// .toDate();
this.initSetStartDate();
this.closeDate('start');
this.closeDate('end');
},
@@ -405,6 +404,12 @@ export default {
return moment(date).format('YYYY-MM-DD');
}
},
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'));
},
},
beforeRouteLeave(to, from, next) {

View File

@@ -45,12 +45,12 @@
<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"
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model.trim="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"
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model.trim="grid.params.bizrno"
@keypress="onlyNum" @input="onlyNum" maxlength="10" @keyup.enter="search"/>
</div>
<button type="button" class="button grey" @click="search">조회</button>

View File

@@ -11,8 +11,9 @@
<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>
<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">
@@ -33,10 +34,11 @@
<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 name="" id="perPage" 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>
@@ -69,6 +71,7 @@ import channelMgtApi from '../service/channelMgtApi';
import xlsx from '@/common/excel';
import moment from 'moment';
import commonModal from "@/components/modal/commonModal";
import api from "@/service/api";
export default {
name: 'temltList',
@@ -82,9 +85,13 @@ export default {
pageType: 'CHANN',
searchType1: '',
searchType2: 'custNm',
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
grid: {
url: '/api/v1/bo/channelMgt/tmpltList',
perPage: 50,
@@ -135,8 +142,10 @@ export default {
commonModal,
},
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
// const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
this.getExcelHeader();
this.setCodeData();
this.grid.pagePerRows = this.perPageCnt;
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -159,7 +168,7 @@ export default {
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.pagePerRows = 50;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
@@ -171,7 +180,10 @@ export default {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.grid.params.pagePerRows = this.perPageCnt
this.grid.perPage = this.perPageCnt
console.log(this.grid)
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
@@ -181,11 +193,7 @@ export default {
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
}
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
@@ -238,6 +246,15 @@ export default {
this.excelHeader = res;
});
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd': 'TMPLT_STTUS_CD'}).then(response => {
this.statType = response.data.data.list;
});
},
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
},
},
beforeRouteLeave(to, from, next) {

View File

@@ -1,47 +1,47 @@
<template>
<div>
<div class="dimmed modal25" onClick="ModalClose();"></div>
<div>
<div class="dimmed modal25" onClick="ModalClose();"></div>
<div class="popup modal25 popup_form price">
<div class="pop-head">
<h3 class="pop-tit">이월금액 상세내역</h3>
</div>
<div class="info">
<div class="count"> <span>{{totalCnt}}</span>
<p>최근 3개월 내역을 확인할 있습니다.</p>
</div>
</div>
<table class="table-r">
<thead>
<tr>
<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.lmtYm }}</td>
<td>{{ option.startAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.useAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.krrrAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.extshAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
</tr>
<tr v-if="list.length === 0">
<td colspan="5">검색 결과가 없습니다.</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor download" @click="excelDown();">엑셀 다운로드</button>
<button class="btn-default" @click="carryOverListPopClose();">닫기</button>
<div class="popup modal25 popup_form price">
<div class="pop-head">
<h3 class="pop-tit">이월금액 상세내역</h3>
</div>
<div class="info">
<div class="count"> <span>{{ totalCnt }}</span>
<p>최근 3개월 내역을 확인할 있습니다.</p>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
<table class="table-r">
<thead>
<tr>
<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.lmtYm }}</td>
<td>{{ option.startAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.useAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.krrrAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
<td>{{ option.extshAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
</tr>
<tr v-if="list.length === 0">
<td colspan="5">검색 결과가 없습니다.</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor download" @click="excelDown();">엑셀 다운로드</button>
<button class="btn-default" @click="carryOverListPopClose();">닫기</button>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</template>
<script>
@@ -49,90 +49,86 @@
import custMgtApi from "../service/custMgtApi.js";
import xlsx from '@/common/excel';
import moment from 'moment';
import commonModal from "@/components/modal/commonModal";
import commonModal from "./commonModal";
export default {
name: "carryOverListPop",
data(){
return{
row: {},
list:[],
totalCnt: '',
pageType: 'CARRY',
}
},
name: "carryOverListPop",
data() {
return {
row: {},
list: [],
totalCnt: '',
pageType: 'CARRY',
}
},
components: {
commonModal,
},
created(){
this.getExcelHeader();
},
methods :{
// 모달 띄우기
async carryOverListPopOpen(serviceId){
console.log(serviceId);
this.row.serviceId = serviceId;
try {
const response = await custMgtApi.carryOverList(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;
}
} catch(err) {
created() {
this.getExcelHeader();
},
methods: {
// 모달 띄우기
async carryOverListPopOpen(serviceId) {
console.log(serviceId);
this.row.serviceId = serviceId;
try {
const response = await custMgtApi.carryOverList(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;
}
} catch (err) {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
var dimmed = document.getElementsByClassName('modal25');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
// 모달 끄기
carryOverListPopClose(){
var dimmed = document.getElementsByClassName('modal25');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
toComplete(){
this.getParent('adminList').$refs.table.reloadData();
this.ModalClose();
},
excelDown() {
if (this.list.length <= 0) {
this.row.title = '청약고객관리';
this.row.msg1 = '조회된 데이터가 없습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
var dimmed = document.getElementsByClassName('modal25');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
},
// 모달 끄기
carryOverListPopClose() {
var dimmed = document.getElementsByClassName('modal25');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
toComplete() {
this.getParent('adminList').$refs.table.reloadData();
this.ModalClose();
},
excelDown() {
console.log(this.list.length)
if (this.list.length <= 0) {
this.row.title = '청약고객관리';
this.row.msg1 = '조회된 데이터가 없습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
return false;
}
return false;
}
let today = moment().format('YYYYMMDDHHmmss');
const saveFileName = `이월금액_${today}.xlsx`;
let today = moment().format('YYYYMMDDHHmmss');
const saveFileName = `이월금액_${today}.xlsx`;
let options = {
header: this.excelHeader,
dataOrder: 'header'
};
// console.log(data);
xlsx.export(this.list, saveFileName, options).then(() => {});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
custMgtApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
});
},
}
let options = {
header: this.excelHeader,
dataOrder: 'header'
};
// console.log(data);
xlsx.export(this.list, saveFileName, options).then(() => {
});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
custMgtApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
});
},
}
}
</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>

View File

@@ -37,7 +37,7 @@
<button class="btn-default" @click="excelPopClose">취소</button>
</div>
</div>
<validationConfirm-modal ref="validationConfirmPop"></validationConfirm-modal>
<!-- <validationConfirm-modal ref="validationConfirmPop"></validationConfirm-modal>-->
</div>
</div>
</template>
@@ -49,7 +49,7 @@ import {utils_mixin, chkPattern2} from '../service/mixins';
import xlsx from '@/common/excel';
import moment from 'moment';
import XLSX from 'xlsx';
import ValidationConfirmPop from "@/modules/custMgt/components/ValidationConfirmPop";
// import ValidationConfirmPop from "./ValidationConfirmPop";
export default {
name: 'memberBulkRegPop',
@@ -68,7 +68,7 @@ export default {
};
},
components: {
ValidationConfirmPop,
// ValidationConfirmPop,
},
created() {
this.getExcelHeader();
@@ -101,10 +101,10 @@ export default {
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('등록 하시겠습니까?')) {
@@ -274,6 +274,7 @@ export default {
// uploadFile
},
async saveExcel() {
this.row = {}
//
this.row.adminId = this.adminId;
@@ -293,15 +294,9 @@ export default {
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);
this.$parent.$refs.validationConfirmPopModal.failFileuploadOpen(this.row);
} else {
this.toComplete();
this.$parent.$refs.validationConfirmPopModal.successFileuploadOpen();
}
}
} catch (error) {
@@ -309,7 +304,7 @@ export default {
// 팝업으로 교체 예정
var title = '청약고객 관리\n';
var msg1 = '실패 하였습니다.';
alert(title + msg1);
// alert(title + msg1);
// this.row.title = '청약고객관리';
// this.row.msg1 = '실패 하였습니다.';
// this.$refs.validationConfirmPop.failFileuploadOpen(this.row);

View File

@@ -118,8 +118,12 @@ export default {
this.$refs.validationConfirmPopModal.confirmInsertOpen();
}
},
doMemberInsert(){
console.log("aaaaaaaa")
},
//사용자ID 수정 처리
async memberInsert() {
console.log(123123)
this.row.adminId = this.adminId;
this.row.userId = this.userId;
this.row.userNm = this.userNm;

View File

@@ -80,7 +80,7 @@ export default {
name:'',
mdn:'',
email:'',
userStat: '',
userStat: '01',
userNm:"",
userPwd1:"",
userPwd2:"",

View File

@@ -228,7 +228,7 @@ export default {
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
this.$parent.memberInsert();
this.$parent.doMemberInsert();
},
//사용자등록 - 최초등록 Close
confirmInsertClose() {
@@ -375,7 +375,7 @@ export default {
dimmed[i].style.display = 'none';
}
// 목록페이지 이동
this.toComplete();
this.$parent.toComplete();
},
// 정상완료 후 목록페이지 이동
toComplete() {

View File

@@ -285,7 +285,7 @@ export default {
},
memberDetail: function (props) {
this.row.serviceId = props.userId;
if (props.userType == '관리자 ID') {
if (props.userType == '관리자 ID' || props.userType == '테스트 ID') {
// 관리자 ID용 상세페이지 이동
this.$router.push({name: 'memberAdminDetail', params: {serviceId: this.row.serviceId}});
} else {

View File

@@ -178,9 +178,7 @@
import api from '@/service/api';
import custMgtApi from "../service/custMgtApi.js";
import CarryOverListPop from '../components/CarryOverListPop';
//import ConfirmPop from '@/components/modal/confirm';
import ValidationConfirmPop from '../components/ValidationConfirmPop';
//import SearchIDPop from '@/components/modal/searchID';
import AdminNmPop from '../components/AdminNmPop';
import commonModal from "@/components/modal/commonModal";

View File

@@ -5,7 +5,8 @@ const state = {
isAuthChk: false,
userId:null,
userNm:null,
pwd: null
pwd: null,
rootUrl: null
};
const getters = {
@@ -16,6 +17,7 @@ const getters = {
userId: state => state.userId,
userNm: state => state.userNm,
getPwd: state => state.pwd,
getRootUrl: state => state.rootUrl
};
const mutations = {
@@ -47,6 +49,9 @@ const mutations = {
},
userNm: (state, value) => {
state.userNm = value;
},
rootUrl: (state, value) => {
state.rootUrl = value;
}
};

View File

@@ -74,7 +74,8 @@ export default {
number: '',
timer: null,
timeCounter: 180,
timerStr: "03:00"
timerStr: "03:00",
tempList: []
};
},
components: {
@@ -257,8 +258,12 @@ export default {
vm.$store.commit("login/isLogin", true);
vm.$store.commit("login/isAuthChk", true);
vm.$store.commit("login/userId", rsp.data.userId)
vm.$store.commit("login/userNm", rsp.data.userNm)
vm.$router.push({ path: '/'});
vm.$store.commit("login/userNm", rsp.data.userNm)
var rootUrl = rsp.data.nextUrl;
console.log('rootUrl : '+rootUrl);
vm.$store.commit("login/rootUrl", rsp.data.nextUrl);
console.log(vm.$store.getters);
vm.$router.push({ path: rootUrl});
}else if (rsp.retCode == '4008'){
this.row.title = '휴대폰번호 확인';
this.row.msg1 = '휴대폰번호를 확인해주세요.';
@@ -307,6 +312,7 @@ export default {
}
return this.errors.length == 0;
},
clickMenu(link){
this.$router.push({

View File

@@ -15,7 +15,7 @@
<tbody>
<tr>
<th>발신번호</th>
<td><input type="text" v-model.trim="blckSndrno"></td>
<td><input type="text" v-model.trim="blckSndrno" disabled></td>
</tr>
<tr>
<th>발송타입</th>

View File

@@ -1,299 +1,300 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal58" @click="ModalClose();"></div>
<div class="popup-wrap modal58">
<!-- 메시지 차단 신규 등록 -->
<div class="popup modal58 popup_form">
<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">
<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)"></button> -->
</li>
</ul>
</td>
</tr>
<tr>
<th>조건</th>
<td>
<input type="radio" name="state02" value="01" id="popup_radio5" v-model="blckContCd" >
<label for="popup_radio5">AND</label>
<input type="radio" name="state02" value="02" id="popup_radio6" v-model="blckContCd">
<label for="popup_radio6">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"
v-bind:value="option.code"
v-bind:key="i"
:selected="blckRsnCd === option.code">
{{ 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>
<tr>
<th>차단여부</th>
<td>
<input type="radio" name="state01" value="N" id="popup_radio7" v-model="blckYn">
<label for="popup_radio7">해제</label>
<input type="radio" name="state01" value="Y" id="popup_radio8" v-model="blckYn">
<label for="popup_radio8">차단</label>
</td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2 pop-btn3">
<button class="btn-pcolor" @click="UpdateConfirm()">수정</button>
<button class="btn-default" @click="IntrcpDetailModalClose();">취소</button>
<button class="btn-p2color" @click="DeleteConfirm()">삭제</button>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal58" @click="ModalClose();"></div>
<div class="popup-wrap modal58">
<!-- 메시지 차단 신규 등록 -->
<div class="popup modal58 popup_form">
<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">
<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)"></button> -->
</li>
</ul>
</td>
</tr>
<tr>
<th>조건</th>
<td>
<input type="radio" name="state02" value="01" id="popup_radio5" v-model="blckContCd">
<label for="popup_radio5">AND</label>
<input type="radio" name="state02" value="02" id="popup_radio6" v-model="blckContCd">
<label for="popup_radio6">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"
v-bind:value="option.code"
v-bind:key="i"
:selected="blckRsnCd === option.code">
{{ option.codeNm }}
</option>
</select>
</div>
</div>
<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
</div>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model.trim="memo" ref="memo"></textarea></td>
</tr>
<tr>
<th>차단여부</th>
<td>
<input type="radio" name="state01" value="N" id="popup_radio7" v-model="blckYn">
<label for="popup_radio7">해제</label>
<input type="radio" name="state01" value="Y" id="popup_radio8" v-model="blckYn">
<label for="popup_radio8">차단</label>
</td>
</tr>
</tbody>
</table>
</form>
<div class="popup-btn2 pop-btn3">
<button class="btn-pcolor" @click="UpdateConfirm()">수정</button>
<button class="btn-default" @click="IntrcpDetailModalClose();">취소</button>
<button class="btn-p2color" @click="DeleteConfirm()">삭제</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 ValidationConfirmPopup from './ValidationConfirmPopup.vue';
import { utils_mixin, chkPattern2 } from '../service/mixins';
import {utils_mixin, chkPattern2} from '../service/mixins';
export default {
mixins: [utils_mixin, chkPattern2],
data(){
return{
row: {},
msgBlckwordList: [],
rsnType: [],
tpType: [],
word: '', // 차단문구
blckSndrno:'',
sndblckTpCd:'',
blckRsnCd: '', // 차단사유
blckYn:'',
blckContCd:'', //차단 조건
chgDt:'',
regId: '',
regDt: '',
memo: '', // 메모
seqNo: '',
props: {},
mixins: [utils_mixin, chkPattern2],
data() {
return {
row: {},
msgBlckwordList: [],
rsnType: [],
tpType: [],
word: '', // 차단문구
blckSndrno: '',
sndblckTpCd: '',
blckRsnCd: '', // 차단사유
blckYn: '',
blckContCd: '', //차단 조건
chgDt: '',
regId: '',
regDt: '',
memo: '', // 메모
seqNo: '',
props: {},
}
},
created() {
this.formReset();
},
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('modal58');
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('modal58');
popup[0].style.display = 'none';
},
async IntrcpMsgDetailModalOpen(props) {
this.setCodeDate();
// console.log(props);
this.row.seqNo = props.seqNo;
try {
const response = await riskMgtApi.msgIntrcpDetail(this.row);
const result = response.data;
console.log('----------------');
console.log(result);
if (result != null && result.retCode == "0000") {
this.blckContCd = result.data.blckContCd;
this.blckRsnCd = result.data.blckRsnCd;
this.memo = result.data.memo;
this.blckYn = result.data.blckYn;
this.msgBlckwordList = result.data.list;
// this.row.chgDt = result.data.chgDt;
// this.row.regId = result.data.regId;
// this.row.list = result.data.msgBlckwordList
}
},
created(){
this.formReset();
},
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('modal58');
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('modal58');
popup[0].style.display = 'none';
},
async IntrcpMsgDetailModalOpen(props){
this.setCodeDate();
// console.log(props);
this.row.seqNo = props.seqNo;
try {
const response = await riskMgtApi.msgIntrcpDetail(this.row);
const result = response.data;
console.log('----------------');
console.log(result);
if (result != null && result.retCode == "0000") {
this.blckContCd = result.data.blckContCd;
this.blckRsnCd = result.data.blckRsnCd;
this.memo = result.data.memo;
this.blckYn = result.data.blckYn;
this.msgBlckwordList = result.data.list;
// this.row.chgDt = result.data.chgDt;
// this.row.regId = result.data.regId;
// this.row.list = result.data.msgBlckwordList
}
} catch(err) {
alert("실패 하였습니다.");
}
console.log(this.blckContCd);
console.log('-----------')
console.log(this.row)
var dimmed = document.getElementsByClassName('modal58');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'block';
}
},
} catch (err) {
// alert("실패 하였습니다.");
}
console.log(this.blckContCd);
console.log('-----------')
console.log(this.row)
var dimmed = document.getElementsByClassName('modal58');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
setCodeDate(){
// 발송타입
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
this.tpType = response.data.data.list;
},
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() {
this.row.blckRsnCd = this.blckRsnCd;
this.row.blckContCd = this.blckContCd;
this.row.memo = this.memo;
this.row.blckYn = this.blckYn;
this.row.chgId = this.regId;
this.row.chgDt = this.chgDt
this.row.list = this.msgBlckwordList
return true;
},
toComplete() {
this.$parent.$refs.table.reloadData();
this.IntrcpDetailModalClose();
},
//신규등록 팝업에서 문구 추가 버튼
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;
},
doValidate(){
this.row.blckRsnCd = this.blckRsnCd;
this.row.blckContCd = this.blckContCd;
this.row.memo = this.memo;
this.row.blckYn = this.blckYn;
this.row.chgId = this.regId;
this.row.chgDt = this.chgDt
this.row.list = this.msgBlckwordList
return true;
//삭제버튼
async MsgIntrcpDeleteModal() {
this.setCodeDate();
// if(window.confirm('삭제 하시겠습니까?')){
try {
const response = await riskMgtApi.deleteMsgIntrcp(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);
}
// }
},
},
//수정버튼
async MsgIntrcpUpdateModal() {
// if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
try {
this.doValidate();
const response = await riskMgtApi.updateMsgIntrcp(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);
}
// }
},
toComplete(){
this.$parent.$refs.table.reloadData();
this.IntrcpDetailModalClose();
},
//신규등록 팝업에서 문구 추가 버튼
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;
},
IntrcpDetailModalClose() {
//this.formReset();
var dimmed = document.getElementsByClassName('modal58');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
//삭제버튼
async MsgIntrcpDeleteModal(){
this.setCodeDate();
// if(window.confirm('삭제 하시겠습니까?')){
try {
const response = await riskMgtApi.deleteMsgIntrcp(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);
}
// }
},
//수정버튼
async MsgIntrcpUpdateModal(){
// if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
try {
const response = await riskMgtApi.updateMsgIntrcp(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);
}
// }
},
IntrcpDetailModalClose(){
//this.formReset();
var dimmed = document.getElementsByClassName('modal58');
for(var i = 0; i < dimmed.length; i++){
dimmed[i].style.display = 'none';
}
},
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('modal58');
popup[0].style.display = 'none';
},
UpdateConfirm(){
if(this.doValidate()){
this.$refs.ValidationConfirmPopup.msgConfirmUpdateOpen();
}
},
DeleteConfirm(){
if(this.doValidate()){
this.$refs.ValidationConfirmPopup.msgConfirmDeleteOpen();
}
},
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('modal58');
popup[0].style.display = 'none';
},
UpdateConfirm() {
if (this.doValidate()) {
this.$refs.ValidationConfirmPopup.msgConfirmUpdateOpen();
}
},
DeleteConfirm() {
if (this.doValidate()) {
this.$refs.ValidationConfirmPopup.msgConfirmDeleteOpen();
}
},
},
}
</script>

View File

@@ -12,7 +12,7 @@
<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"/>
@keypress="onlyText" @input="onlyText" maxlength="20"/>
</div>
<div class="input_box">
<label for="search" class="label">인증코드</label>

View File

@@ -18,7 +18,7 @@
</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"
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
@keypress="onlyNum" @input="onlyNum" maxlength="10" @keyup.enter="search"/>
</div>
<div class="select_box id">

View File

@@ -8,14 +8,6 @@
</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">

View File

@@ -9,7 +9,7 @@
<div class="search_wrap">
<div class="select_box">
<label for="stat" class="label">상태</label>
<select name="" id="stat" v-model="searchType1" @keyup="search">
<select name="" id="stat" v-model="searchType1" @keyup.enter="search">
<option value="">전체</option>
<option value="A">사용</option>
<option value="N">미사용</option>
@@ -19,7 +19,7 @@
</div>
<div class="select_box id">
<label for="searchType" class="label">상세검색</label>
<select name="" id="searchType" v-model="searchType2" @keyup="search">
<select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
<option value="custNm">고객사명</option>
<option value="bregNo">사업자번호</option>
<option value="sendProfile">발신프로필</option>
@@ -35,10 +35,11 @@
<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 name="" id="perpage" v-model="perPageCnt" @keyup.enter="search">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
</option>
</select>
</div>
</div>
@@ -65,7 +66,6 @@
<script>
import customGrid from '@/components/CustomGrid';
//import api from '../service/api';
export default {
name: 'profileList',
@@ -80,6 +80,11 @@ export default {
searchType2: 'custNm',
// 테이블 리스트 데이터
perPageCnt: 20,
options: [
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
],
grid: {
url: '/api/v1/bo/sendNumMgt/profileList',
perPage: 20,
@@ -133,7 +138,6 @@ export default {
});
},
created() {
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
},
mounted() {
@@ -142,7 +146,7 @@ export default {
let isKeep = false;
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.pagePerRows = 50;
this.grid.params = getCondition.params;
page = getCondition.page;
isKeep = true;
@@ -154,6 +158,8 @@ export default {
console.log(this.grid.params);
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
// perPageCnt
this.grid.pagePerRows = this.perPageCnt;
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
@@ -163,16 +169,15 @@ export default {
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: {
searchType1: '',
searchType2: '',
searchText1: ''
}
params: this.grid.params
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
//console.log("getCondition : "+ getCondition.perPage);
}
console.log("getCondition : " + getCondition.perPage);
},
changePerPage: function () { // 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
},
},
beforeRouteLeave(to, from, next) {

View File

@@ -37,7 +37,7 @@
</tr>
<tr>
<th>권한</th>
<td v-if="auth === '1001'">
<td>
<div v:class="select_box">
<select name="" id="right" v-model="auth" ref="_auth">
<option value="">선택</option>
@@ -51,7 +51,6 @@
</select>
</div>
</td>
<td v-else><input type="text" disabled value="대리점"></td>
</tr>
<tr>
<th class="center">상태</th>

View File

@@ -109,7 +109,7 @@ export default {
mdn: '',
email: '',
auth: '',
stat: '',
stat: '01',
userNm: "",
userPwd1: "",
userPwd2: "",