TC 수정 반영

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

@@ -35,7 +35,7 @@
       <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">
+            <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
                 }}
@@ -79,7 +79,7 @@ export default {
       searchType1: '',
       searchType2: 'custNm',
       // 테이블 리스트 데이터
-      perPageCnt: 20,
+      perPageCnt: 50,
       options: [
         {text: '20', value: 20},
         {text: '50', value: 50},
@@ -87,7 +87,7 @@ export default {
       ],
       grid: {
         url: '/api/v1/bo/sendNumMgt/profileList',
-        perPage: 20,
+        pagePerRows: 50,
         pagination: true,
         isCheckbox: false,
         initialRequest: false,
@@ -105,13 +105,13 @@ export default {
         ],
 
         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},
+          {name: 'no', header: 'NO', align: 'center', width: '5%'},
+          {name: 'custNm', header: '고객사명', align: 'center', width: '15%'},
+          {name: 'bregNo', header: '사업자번호', align: 'center', width: '15%'},
+          {name: 'sendProfile', header: '발신프로필', align: 'center', width: '15%'},
+          {name: 'sendProfileKey', header: '발신프로필key', align: 'center', width: '20%'},
+          {name: 'stat', header: '상태', width: '15%', cls: 'td_line'},
+          {name: 'regDt', header: '등록일', align: 'center', width: '15%'},
         ],
         noDataStr: '검색 결과가 없습니다.',
         params: {
@@ -139,14 +139,16 @@ export default {
   },
   created() {
   },
-
   mounted() {
     let page = 1;
+    // 페이지 정보 및 검색 조건
     const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+    console.log('getCondition : ' + getCondition);
 
+    // store에 저장된 페이지 정보 및 검색 조건을 불러오기
     let isKeep = false;
     if (getCondition) {
-      this.grid.pagePerRows = 50;
+      this.grid.pagePerRows = getCondition.perPage;
       this.grid.params = getCondition.params;
       page = getCondition.page;
       isKeep = true;
@@ -155,17 +157,14 @@ export default {
   },
   methods: {
     search: function (isKeep) {
-      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();
     },
     sendStoreData: function () {
       const getP = this.$refs.table.getPagination();
-      console.log("==========getP : " + getP);
+      console.log("==========getP : " + getP._currentPage);
       this.$store.commit('searchcondition/updateSearchCondition', {
         page: getP._currentPage,
         perPage: this.perPageCnt,