admin_chrg 등록

frontend/src/modules/custMgt/components/InsertChrgModal.vue

@@ -12,8 +12,9 @@
             <th>유저 ID</th>
             <td>
               <div class="input_search">
-                <input class="search-box" type="text" placeholder="아이디 입력" disabled v-model="searchText1" />
-                <button type="button" class="button grey" @click="searchIdPop">조회</button>
+                <input class="search-box" type="text" placeholder="아이디 입력" v-model="userId" />
+                <!-- <input class="search-box" type="text" placeholder="아이디 입력" disabled v-model="searchText1" /> -->
+                <!-- <button type="button" class="button grey" @click="searchIdPop">조회</button> -->
               </div>
             </td>
             
@@ -21,7 +22,7 @@
           <tr>
             <th>충전월</th>
             <td>
-                <div class="input_box cal">
+                <div class="input_box cal" style="width:60%">
                     <div class="term">
                         <span class="custom_input icon_date">
                         <vuejs-datepicker
@@ -66,11 +67,11 @@
                 v-model="nmineeDivCd"
                 @change="changeNmineDiv($event)"
               />
-              <label for="popup_radio5"></label>
+              <label for="popup_radio5">소멸금액</label>
               <input  
                 type="number" 
                 placeholder="소멸 충전 금액 입력" 
-                v-model="chrgAmt" 
+                v-model="chrgAmtE" 
               />
               <input
                 type="radio"
@@ -80,13 +81,13 @@
                 v-model="nmineeDivCd"
                 @change="changeNmineDiv($event)"
               />
-              <label for="popup_radio6"></label>
+              <label for="popup_radio6">이월금액</label>
               <input 
                 class="search-box" 
                 type="number"  
                 placeholder="이월 충전 금액 입력" 
                 disabled 
-                v-model="chrgAmt" 
+                v-model="chrgAmtC" 
               />
               </div>
             </td>
@@ -94,7 +95,7 @@
         </tbody>
         </table>
         <div class="popup-btn2">
-        <button class="btn-pcolor" @click="saveChrg">저장</button>
+        <button class="btn-pcolor" @click="saveChrg()">저장</button>
         <button class="btn-default" @click="insertChrgClose()">취소</button>
       </div>
       <user-list-pop ref="userListPop" :send-data="childData" @event-data="setChildData" />
@@ -105,6 +106,8 @@
 <script>
 import UserListPop from './UserListPop.vue';
 import moment from 'moment';
+import custMgtApi from "../service/custMgtApi";
+
 export default {
   name: 'insertChrgModal',
 
@@ -115,7 +118,6 @@ export default {
   data() {
     return {
       childData: 20,
-      searchText1: '',
       ko: vdp_translation_ko.js,
 
       // 달력 데이터
@@ -134,7 +136,14 @@ export default {
 
       bizrAuthYn: '',
       nmineeDivCd: '01',
-      chrgAmt: ''
+      chrgAmtE: '',
+      chrgAmtC: '',
+
+      userId: '',
+      custNm: '',
+      bRegNo: '',
+      bizrAuthYn : '',
+      custSeq : '',
 
     }
   },
@@ -168,7 +177,7 @@ export default {
       this.$refs.userListPop.UserListPopOpen();
     },
     setChildData(data) {
-      this.adminId = data.adminId;
+      this.userId = data.userId;
       this.custNm = this.fromHtmlEntities(data.custNm);
       this.bRegNo = data.bregNo;
       this.bizrAuthYn = data.bizrAuthYn;
@@ -255,7 +264,40 @@ export default {
       this.endDate = initEndDate;
     },
     saveChrg(){
+      // this.saveChrg = [];
+      // this.saveChrg.push({
+      //   userId: this.userId,
+      //   strtYm: this.strtYm,
+      //   endYm: this.endDate,
+      //   chrgAmt: this.chrgAmt,
+      // })
 
+      // let startDate2 = this.startDate.toString()
+
+      console.log("this.userId: ", this.userId)
+      console.log("this.startDate: ", this.startDate)
+      console.log("this.endDate: ", this.endDate)
+      console.log("this.chrgAmtE: ", this.chrgAmtE)
+      
+      // startDate2 = startDate2.replace(/{{/g, '')
+      // console.log("chstartDate",chstartDate)
+      let param = {
+        userId : this.userId,
+        strtYm : this.startDate, 
+        endYm : this.endDate, 
+        chrgAmt : this.chrgAmtE, 
+      }
+
+      custMgtApi
+        .insertChrg(param)
+        .then((respose)=> {
+          var result = respose.data;
+          if (result.success) {
+            alert("충전금이 등록되었습니다.");
+          } else {
+            alert("오류가 발생하였습니다");
+          }
+        })
     },
   },
 };

frontend/src/modules/custMgt/components/UserListPop.vue

@@ -34,7 +34,7 @@
   </div>
 </template>
 <script>
-import custMgtApi from '../service/custMgtApi';
+import custMgtApi from '@/modules/custMgt/service/custMgtApi';
 export default {
   name: "userListPop",
   data(){
@@ -53,11 +53,9 @@ export default {
 
   },
   methods : {
-    search: function(isKeep) {
-
-
+    search (isKeep) {
     },
-    setUserInfo: function(props){
+    setUserInfo (props){
       this.$emit('event-data', props)
       this.UserListPopClose();
     },

frontend/src/modules/custMgt/service/custMgtApi.js

@@ -83,10 +83,16 @@ const deleteMemo = (params) => {
     return httpClient.post('/api/v1/bo/custMgt/deleteMemo', params);
 }
 
+// 충전금 조회
 const chrgList = (params) => {
     return httpClient.post('/api/v1/bo/custMgt/chrgList', params);
 }
 
+// 충전금 생성
+const insertChrg = (params) => {
+    return httpClient.post('/api/v1/bo/custMgt/insertChrg', params);
+}
+
 const getExcelHeader = category => {
     // 엑셀에 출력할 Header 정보를 Mockup 데이터로 관리한다.
     return new Promise(function(resolve, reject) {
@@ -128,4 +134,5 @@ export default {
     insertTestId,
     duplicateCheckUserId,
     chrgList,
+    insertChrg,
 }

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

@@ -330,7 +330,7 @@ export default {
       this.endDate = initEndDate;
     },
 
-    insertChrg() {
+    insertChrg () {
       this.$refs.insertChrgModal.insertChrgOpen();
     }
   }