유치채널관리 수정 / 정산관리 추가,수정 / 채널관리 수정 / 고객관리 수정 / 모니터링 추가 / 리스크관리 수정 / 발신번호관리

추가,수정 / 서비스관리 수정 / 발송통계 수정

frontend/src/modules/sendNumMgt/views/ApprList.vue

@@ -11,37 +11,37 @@
           <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 name="" id="" v-model="grid.params.searchType1" @keyup.enter="search">
+                <option value="" selected>전체</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="검색어 입력"/>
+              <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="">
-                <option value="전체">전체</option>
-                <option value="사업자">사업자</option>
-                <option value="타사업자">타사업자</option>
+              <select name="" id="" v-model="grid.params.searchType2" @keyup.enter="search">
+                <option value="" selected>전체</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="검색어 입력"/>
+              <input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText2" @keyup.enter="search"/>
             </div>
-            <button type="button" class="button grey">조회</button>
+            <button type="button" class="button grey" @click="search">조회</button>
           </div>
 
         </div>
       </form>
       <div class="info">
-        <div class="count">총 <span>100</span>건
+        <div class="count">총 <span>{{ totalItems }}</span>건
           <div class="select_box NumberSe">
-            <select name="" id="">
+            <select name="" id="" v-model="grid.pagePerRows" @keyup.enter="search">
               <option value="20">20</option>
               <option value="50" selected>50</option>
               <option value="100">100</option>
@@ -50,254 +50,193 @@
         </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>
+        <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>
+
+      <appr-detail-pop ref="apprDetailPop" />
+
     </div>
   </div>
 </template>
 
 <script>
 import customGrid from '@/components/CustomGrid';
-//import api from '../service/api';
+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) {
+  }
+}
+
+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: 'profileList',
+  name: 'apprList',
   data() {
     return {
-      testList: {
-        url: '/api/v1/bo/sysMgt/adminList',
-        perPage: 20,
+      row: {},
+      authType: [],
+      statType: [],
+      cate2Code: "",
+      totalItems: 0,
+      // 테이블 리스트 데이터
+      perPageCnt: 50,
+      grid: {
+        url: '/api/v1/bo/sendNumMgt/apprList',
+        perPage: 50,
         pagination: true,
-        isCheckbox: true,
+        isCheckbox: false,
         initialRequest: false,
         addCls: 'box_OFvis',
-
-
-        header: [
-          [
-            { header: 'NO', childNames: [] },
-            { header: '권한', childNames: [] },
-            { header: '이름(대리점명)', childNames: [] },
-            { header: 'ID', childNames: [] },
-            { header: '상태', childNames: [] },
-            { header: '등록일', childNames: [] }
-          ]
-        ],
-
-        columns: [          
-          { name: 'no', header: 'NO', align: 'center', width: 60 },
-          { name: 'auth', header: '권한', align: 'left', width: 160 },
-          { name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
-          { name: 'adminId', header: 'ID', align: 'center', width: 130},
-          { name: 'adminStat', header: '상태', align: 'center', width: 130},      
-          { name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
+        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: {
+              type: CustomATagRenderer
+              ,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%' }
         ],
         noDataStr: '검색 결과가 없습니다.',        
-        // params: {
-        //   apprResult: '',
-        //   searchType: '',
-        //   searchText: '',
-        //   startDate: '',
-        //   endDate: ''
-        // },
+        params: {
+          searchType1: '',
+          searchType2: '',
+          searchText1: '',
+          searchText2: '',
+        },
         excelHeader: []
       }    
     };
   },  
   components: {
-    customGrid: customGrid
+    customGrid: customGrid,
+    ApprDetailPop
+  },
+  created(){
+    this.$store.commit("login/isLogin", true);
+    this.$store.commit("login/isAuthChk", true);
   },
   destroyed() {
-      
+    this.$store.commit('searchcondition/updateSearchCondition', {
+      page: 1,
+      perPage: 50,
+      params: {
+        searchType1: '',
+        searchType2: '',
+        searchText1: '',
+        searchText2: ''
+      }
+    });
   },
   mounted() {
+    let page = 1;
+    const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+
     let isKeep = false;
-    isKeep = true;
+    if(getCondition) {
+      this.grid.pagePerRows = getCondition.perPage;
+      this.grid.params = getCondition.params;
+      page = getCondition.page;
+      isKeep = true;
+    }
     this.search(isKeep);
   },
   methods: {
     search: function(isKeep) {
-      console.log(this.testList.params);
-      this.$refs.table.search(this.testList.params, isKeep);
+      console.log(this.grid.params);
+      this.$refs.table.search(this.grid.params, isKeep);
+      this.sendStoreData();
     },
+    sendStoreData: function() {
+      const getP = this.$refs.table.getPagination();
+      console.log("==========getP : " + getP);
+      this.$store.commit('searchcondition/updateSearchCondition', {
+        page: getP._currentPage,
+        perPage: this.perPageCnt,
+        params: {
+          searchType1: '',
+          searchType2: '',
+          searchText1: ''
+        }
+      });
+
+      const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+      //console.log("getCondition : "+ getCondition.perPage);
+    },
+    apprDetail(props){
+      console.log(props)
+      this.$refs.apprDetailPop.apprDetailPopOpen(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();
   }
 };
 </script>

frontend/src/modules/sendNumMgt/views/NumberList.vue

@@ -69,7 +69,7 @@
           </div>
 				  <div class="button_group">
 						<button type="button" class="button blue add" @click="numberRegPopOpen();">등록</button>
-						<button type="button" class="button white del">삭제</button>
+						<button type="button" class="button white del" @click="numberDelete">삭제</button>
 					</div>
 				</div>
             <div class="table">    
@@ -159,6 +159,8 @@ export default {
 
         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%' },
@@ -262,6 +264,12 @@ export default {
       console.log(props)
       this.$refs.numberDetailPop.numberDetailPopOpen(props);
     },
+    commonModalOpen(row){
+      this.$refs.commmonModal.alertModalOpen(row);
+    },
+    numberDelete(){
+
+    }
   },
   // beforeRouteLeave(to, from, next) {
   //