mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 05:12:34 +09:00
리스크관리 / 유치채널현황 관리 / 채널관리 추가
This commit is contained in:
kimre
@@ -1,100 +1,238 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 승인 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</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">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 승인</h3>
|
||||
<p class="breadcrumb">발신번호관리 > 발신번호 승인</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="">
|
||||
<option value="전체">전체</option>
|
||||
<option value="승인대기">승인대기</option>
|
||||
<option value="처리완료">처리완료</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">사업자번호</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="select_box id">
|
||||
<label for="right" class="label">명의자 구분</label>
|
||||
<select name="" id="">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사업자">사업자</option>
|
||||
<option value="타사업자">타사업자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">고객사명</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="">
|
||||
<option value="20">20</option>
|
||||
<option value="50" selected>50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="12%"/>
|
||||
<col width="10%"/>
|
||||
<col width="13%"/>
|
||||
<col width="10%"/>
|
||||
<col width="10%"/>
|
||||
<col width="6%"/>
|
||||
<col width="6%"/>
|
||||
<col width="6%"/>
|
||||
<col width="10%"/>
|
||||
<col width="12%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>NO</th>
|
||||
<th>요청일</th>
|
||||
<th>관리자ID</th>
|
||||
<th>사업자번호</th>
|
||||
<th>명의자 구분</th>
|
||||
<th>고객사명</th>
|
||||
<th>요청건수</th>
|
||||
<th>승인건수</th>
|
||||
<th>반려건수</th>
|
||||
<th>상태</th>
|
||||
<th>완료일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>승인대기</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>처리완료</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>처리완료</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>처리완료</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>타사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>처리완료</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>처리완료</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>타사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>승인대기</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>타사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>승인대기</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>타사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>승인대기</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2022-03-10</td>
|
||||
<td>uplus01</td>
|
||||
<td>229-81-39938</td>
|
||||
<td>타사업자</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">3</a></td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>승인대기</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<div class="arrow-btn">
|
||||
<button class="btn-first" onClick=""></button>
|
||||
<button class="btn-prev" onClick=""></button>
|
||||
</div>
|
||||
<ul>
|
||||
<li class="active"><a href="javascript:void(0)">1</a></li>
|
||||
<li><a href="javascript:void(0)">2</a></li>
|
||||
<li><a href="javascript:void(0)">3</a></li>
|
||||
<li><a href="javascript:void(0)">4</a></li>
|
||||
<li><a href="javascript:void(0)">5</a></li>
|
||||
<li><a href="javascript:void(0)">999</a></li>
|
||||
</ul>
|
||||
<div class="arrow-btn">
|
||||
<button class="btn-next" onClick=""></button>
|
||||
<button class="btn-last" onClick=""></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -9,6 +9,14 @@
|
||||
<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="grid.params.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="grid.params.searchType1" @keyup.enter="search">
|
||||
@@ -78,15 +86,44 @@
|
||||
:addCls="grid.addCls"
|
||||
:header="grid.headder"
|
||||
></custom-grid>
|
||||
</div>
|
||||
<!-- <number-reg-pop ref="numberRegPop"> </number-reg-pop> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<number-reg-pop ref="numberRegPop"> </number-reg-pop>
|
||||
<number-detail-pop ref="numberDetailPop"/>
|
||||
<common-modal ref="commmonModal"></common-modal>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
// import NumberRegPop from '../components/NumberRegPop';
|
||||
import commonModal from "@/components/modal/commonModal";
|
||||
import NumberRegPop from '../components/NumberRegPop';
|
||||
import NumberDetailPop from "@/modules/sendNumMgt/components/NumberDetailPop";
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
getElement() {
|
||||
return this.el;
|
||||
}
|
||||
|
||||
addEvent(selEl) {
|
||||
selEl.addEventListener("click", () => {
|
||||
const { callback } = this.props["cgrido" + this.props.colName].options;
|
||||
callback(this.props);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'numberList',
|
||||
data() {
|
||||
@@ -97,7 +134,7 @@ export default {
|
||||
cate2Code: "",
|
||||
totalItems: 0,
|
||||
// 테이블 리스트 데이터
|
||||
perPageCnt: 20,
|
||||
perPageCnt: 50,
|
||||
grid: {
|
||||
url: '/api/v1/bo/sendNumMgt/numberList',
|
||||
perPage: 20,
|
||||
@@ -121,16 +158,22 @@ export default {
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 50 },
|
||||
{ name: 'custNm', header: '고객사명', align: 'left', width: 50 },
|
||||
{ name: 'adminId', header: '관리자ID', align: 'left', width: 100 },
|
||||
{ name: 'register', header: '등록자ID', align: 'left', width: 100 },
|
||||
{ name: 'bRegNo', header: '사업자번호', align: 'center', width: 100},
|
||||
{ name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: 100},
|
||||
{ name: 'inchDivCd', header: '인입채널', align: 'center', width: 100},
|
||||
{ name: 'regNo', header: '발신번호', align: 'center', width: 100},
|
||||
{ name: 'sttusCd', header: '승인상태', align: 'center', width: 100},
|
||||
{ name: 'regDt', header: '등록일자', width: 100, cls: 'td_line' }
|
||||
{ name: 'no', header: 'NO', align: 'center', width: '5%' },
|
||||
{ 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: {
|
||||
callback: this.numberDetail,
|
||||
}
|
||||
}
|
||||
},
|
||||
{ name: 'sttusCd', header: '승인상태', align: 'center', width: '10%'},
|
||||
{ name: 'regDt', header: '등록일자', width: '10%', cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
@@ -138,6 +181,7 @@ export default {
|
||||
searchType2: '',
|
||||
searchType3: '',
|
||||
searchType4: '',
|
||||
searchType5: '',
|
||||
searchText1: '',
|
||||
pagePerRows: '',
|
||||
page: ''
|
||||
@@ -148,7 +192,9 @@ export default {
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid,
|
||||
// NumberRegPop
|
||||
NumberRegPop,
|
||||
NumberDetailPop,
|
||||
commonModal,
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
@@ -210,20 +256,24 @@ export default {
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
numberRegPopOpen: function(){
|
||||
this.$refs.numberRegPop.ModalOpen();
|
||||
this.$refs.numberRegPop.numberRegPopopen();
|
||||
},
|
||||
numberDetail(props){
|
||||
console.log(props)
|
||||
this.$refs.numberDetailPop.numberDetailPopOpen(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();
|
||||
}
|
||||
// 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();
|
||||
// }
|
||||
};
|
||||
</script>
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="wrap main_wrap">
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
@@ -61,7 +61,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user