웹취약점, 모의해킹 조치

frontend/src/components/CustomGrid.vue

@@ -33,7 +33,8 @@ export default {
     'addTableStyle', // 추가되는 그리드 style
     'addTbCls', // 추가되는 테이블 클래스
     'addCls', // 추가되는 클래스
-    'totalItems' // 부모창에 표시할 총 컨텐츠 개수 변수 명 (더 좋은 방법 있으면 알려주세요.)
+    'totalItems', // 부모창에 표시할 총 컨텐츠 개수 변수 명 (더 좋은 방법 있으면 알려주세요.)
+    'pageRange', // next or pre 이동할 페이지 단위
   ],
   components: {
     VRuntimeTemplate
@@ -57,11 +58,13 @@ export default {
       colsData: '',
       headerData: '',
       bodyData: '',
-      pagingData: ''
+      pagingData: '',
+      nextPageRange: 1
+
     };
   },
   created() {
-    this.cleanData();
+    this.cleanData();    
     if (this.initialRequest == true) {
       this.readData();
     }
@@ -105,6 +108,7 @@ export default {
       this.headerData = '';
       this.bodyData = '';
       this.pagingData = '';
+      this.nextPageRange = 1;
     },
     readData(isKeep) {
       if (typeof this.url != undefined && this.url != null && this.url != '') {
@@ -126,13 +130,11 @@ export default {
         let pageStr = '';
 
         var vm = this;
-        console.log("grid url >> " + this.url);        
         httpClient
           //.get(this.url, { params: this.getParams, headers: { 'Show-Layer': 'Yes' }})
           .post(this.url, this.getParams,  {headers: { 'Show-Layer': 'Yes' }})
           .then(response => {
             let resp = response.data;
-            console.log(resp);
             //if (resp != null && resp.result == true) {
             if (resp != null && resp.retCode == '0000') {
               let data = resp.data;
@@ -149,10 +151,13 @@ export default {
                 vm.totalCount = data.pagination.totalCount;
                 pageStr = vm.makePagingView();
               }*/
-              if (vm.pagination == true) {
+              if (vm.pagination == true) {                
                 vm.currentIndex = data.paging.page == 0 ? 1 : data.paging.page;
                 vm.totalCount = data.paging.totalCnt;
                 pageStr = vm.makePagingView();
+                if(typeof this.pageRange != 'undefined'){
+                  vm.nextPageRange = this.pageRange;
+                }
               }
             // 조회결과 없음.
             }else if(resp != null && resp.retCode == '1004'){
@@ -536,55 +541,9 @@ export default {
         str = '';
       }
       return str;
-    },
-    /*
+    },    
+
     makePagingView() {
-      let pData = '<div class="paging">';
-
-      let totalPage = Math.ceil(this.totalCount / this.curPerPage);
-      if (totalPage < 1) {
-        totalPage = 1;
-      }
-      let pageGroup = Math.ceil(this.currentIndex / this.pageCount);
-
-      let last = pageGroup * this.pageCount;
-      if (last > totalPage) {
-        last = totalPage;
-      }
-
-      let first = last - (this.pageCount - 1);
-      if (first < 1) {
-        first = 1;
-      }
-      let prev = first - 1;
-      if (prev < 1) {
-        prev = 1;
-      }
-      let next = last + 1;
-      if (next > totalPage) {
-        next = totalPage;
-      }
-
-      pData += '<a href="javascript:void(0);" @click="movePage(1)" class="btn_arrow first">처음으로</a>';
-      pData += '<a href="javascript:void(0);" @click="movePage(' + prev + ')" class="btn_arrow prev">이전으로</a>';
-
-      for (var i = first; i <= last; i++) {
-        let actCls = '';
-        if (i == this.currentIndex) {
-          actCls = "class='active'";
-        }
-        pData += '<a href="javascript:void(0);" @click="movePage(' + i + ')" ' + actCls + '>' + i + '</a>';
-      }
-
-      pData += '<a href="javascript:void(0);" @click="movePage(' + next + ')" class="btn_arrow next">다음으로</a>';
-      pData +=
-        '<a href="javascript:void(0);" @click="movePage(' + totalPage + ')" class="btn_arrow last">마지막으로</a>';
-
-      pData += '</div>';
-      return pData;
-    },
-    */
-   makePagingView() {
       let pData = '<div class="pagination">';
 
       let totalPage = Math.ceil(this.totalCount / this.curPerPage);      
@@ -592,21 +551,25 @@ export default {
         totalPage = 1;
       }
       let pageGroup = Math.ceil(this.currentIndex / this.pageCount);
-
       let last = pageGroup * this.pageCount;
+      // let last = 1;
       if (last > totalPage) {
         last = totalPage;
       }
-
+      
       let first = last - (this.pageCount - 1);
       if (first < 1) {
         first = 1;
       }
-      let prev = first - 1;
+      // let prev = first - 1;
+      let prev = parseInt(this.currentIndex) - this.nextPageRange;
       if (prev < 1) {
         prev = 1;
       }
-      let next = last + 1;
+
+      // let next = last + 1;      
+      let next = parseInt(this.currentIndex) + this.nextPageRange;
+      
       if (next > totalPage) {
         next = totalPage;
       }