템플릿 반려 팝업 작업

frontend/src/modules/channelMgt/service/channelMgtApi.js

@@ -27,8 +27,13 @@ const getExcelHeader = category => {
     });
 };
 
+const tmpltRejectList = (params) => {
+    return httpClient.post('/api/v1/bo/channelMgt/tmpltRejectList', params);
+}
+
 export default {
     getCommCode,
     tmpltListExcel,
     getExcelHeader,
+    tmpltRejectList
 }

frontend/src/modules/channelMgt/views/TmpltList.vue

@@ -63,8 +63,9 @@
           :addCls="grid.addCls"
           :header="grid.headder"
         ></custom-grid>
-
+        
         <common-modal ref="commmonModal"></common-modal>
+        <TmpltRejectViewPop ref="TmpltRejectViewPop" />
       </div>
     </div>
   </div>
@@ -76,8 +77,38 @@ import channelMgtApi from '../service/channelMgtApi';
 import xlsx from '@/common/excel';
 import moment from 'moment';
 import commonModal from '@/components/modal/commonModal';
+import TmpltRejectViewPop from '../components/TmpltRejectViewPop';
 import api from '@/service/api';
 
+class CustomATagRenderer {
+  constructor(props) {
+    this.props = props;
+    if(props.colValue == "반려"){
+      const el = document.createElement('a');
+      el.href = 'javascript:void(0);';
+      el.className = 'btn_text';
+      el.innerText = String(props.colValue);
+      this.el = el;
+    }else{
+      const el = document.createElement('p');
+      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: 'temltList',
   data() {
@@ -128,7 +159,18 @@ export default {
           // { name: 'tmpltCd', header: '템플릿코드', align: 'center', width: '12%' },
           { name: 'tmpltNm', header: '템플릿명', align: 'center', width: '16%' },
           { name: 'tmpltType', header: '템플릿 유형', align: 'center', width: '6%' },
-          { name: 'stat', header: '상태', align: 'center', width: '7%' },
+          {
+            name: 'stat',
+            header: '상태',
+            align: 'center',
+            width: '7%',
+            renderer: {
+              type: CustomATagRenderer,
+              options: {
+                callback: this.tmpltRejectViewPopOpen,
+              },
+            },
+          },
           { name: 'sendProfile', header: '발신프로필', align: 'center', width: '28%' },
           { name: 'userInfo', header: '등록ID(이름)', align: 'center', width: '10%' },
           { name: 'lastChgDt', header: '마지막 수정일', width: '7%', cls: 'td_line' }, 
@@ -147,6 +189,7 @@ export default {
     customGrid: customGrid,
     channelMgtApi,
     commonModal,
+    TmpltRejectViewPop
   },
   created() {
     this.getExcelHeader();
@@ -268,6 +311,11 @@ export default {
         return String.fromCharCode(s.match(/\d+/gm)[0]);
       });
     },
+    tmpltRejectViewPopOpen(props) {
+      if(props.stat == "반려"){
+        this.$refs.TmpltRejectViewPop.tmpltRejectViewPopOpen(props.sndrprofKey, props.tmpltKey);
+      }
+    }
   },
 
   beforeRouteLeave(to, from, next) {