admin_chrg 상세조회 수정중

frontend/src/modules/custMgt/views/ChrgList.vue

@@ -96,6 +96,7 @@
           ></custom-grid>
         </div>
         <insert-chrg-modal ref="insertChrgModal"></insert-chrg-modal>
+        <chrg-detail-pop ref="chrgDetailPop" />
       </div>
     </div>
 </template>
@@ -105,6 +106,7 @@
 import customGrid from '@/components/CustomGrid';
 import moment from 'moment';
 import InsertChrgModal from '../components/InsertChrgModal';
+import chrgDetailPop from '../components/ChrgDetailPop.vue';
 
 class CustomATagRenderer {
   constructor(props) {
@@ -167,7 +169,10 @@ export default {
 
         columns:[
           {name: 'no', header: 'No', align: 'center', width: 60},
-          {name: 'custNm', header: '고객사명', align: 'center', width: 130},
+          {
+            name: 'custNm', header: '고객사명', align: 'center', width: 130,
+            renderer: {type: CustomATagRenderer, options: {callback: this.inDetailPop}}
+          },
           {name: 'userId', header: '고객명', align: 'center', width: 130},
           {name: 'chrgDiv', header: '충전구분', align: 'center', width: 130},
           {name: 'chrgDate', header: '기간', align: 'center', width: 130},
@@ -187,6 +192,7 @@ export default {
     customGrid: customGrid,
     vuejsDatepicker,
     InsertChrgModal,
+    chrgDetailPop,
   },
   created() {
     this.setPeriodDay(0);
@@ -257,6 +263,10 @@ export default {
 
       const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
     },
+
+    inDetailPop(props){
+      this.$refs.chrgDetailPop.ChrgDetailModalOpen(props);
+    },
   
     //달력 셋팅
     setPeriodDay(day) {