임시

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

@@ -17,11 +17,10 @@
                 <button type="button" class="button grey" @click="searchIdPop">조회</button>
               </div>
             </td>
-            
           </tr>
           <tr>
             <th>충전월</th>
-            <td>
+            <td v-if="joinDiv==1">
                 <div class="input_box cal" style="width:60%">
                     <div class="term">
                         <span class="custom_input icon_date">
@@ -54,8 +53,27 @@
                     </div>
                 </div>
             </td>
+            <td v-if="joinDiv==2">
+                <div class="input_box cal" style="width:60%">
+                    <div class="term">
+                        <span class="custom_input icon_date">
+                        <vuejs-datepicker
+                            :language="ko"
+                            :format="customFormatter"
+                            :disabled-dates="disabledSDate"
+                            :minimumView="sDateDiv"
+                            :maximumView="sDateDiv"
+                            v-model="startDate"
+                            @selected="selectedStartDate(0)"
+                            @closed="closeDate('start')"
+                            :picker-options="startDateOptions"
+                        ></vuejs-datepicker>
+                        </span>
+                    </div>
+                </div>
+            </td>
           </tr>
-          <tr >
+          <tr v-if="joinDiv==1">
             <th>충전금액</th>
             <td>
               <div class="input_add">
@@ -91,6 +109,28 @@
               </div>
             </td>
           </tr>
+          <tr v-if="joinDiv==2">
+            <th>충전금액</th>
+            <td>
+              <div class="input_add">
+              <input
+                type="radio"
+                name="nmineeDivCd"
+                value="01"
+                id="popup_radio5"
+                v-model="nmineeDivCd"
+              />
+              <label for="popup_radio6">이월금액 <span style="font-size: 14px;">(다음달 정액 요금에 이월되는 충전금액입니다)</span></label>
+              <input 
+                class="search-box" 
+                type="number"  
+                placeholder="이월 충전 금액 입력" 
+                v-model="chrgAmtC" 
+                v-bind:disabled ="nmineeDivCd=='02'"
+              />
+              </div>
+            </td>
+          </tr>
         </tbody>
         </table>
         <div class="popup-btn2">
@@ -146,6 +186,7 @@ export default {
       chrgSeq : '',
       userTpCd: '',
       userSeq: '',
+      joinDiv:'1',
 
       row: {},
 
@@ -154,7 +195,7 @@ export default {
    components: {
     vuejsDatepicker,
     UserListPop,
-      CommonModal,
+    CommonModal,
   },
   mounted(){
     // 달력 세팅
@@ -178,7 +219,7 @@ export default {
       for (var i = 0; i < dimmed.length; i++) {
         dimmed[i].style.display = 'none';
       }
-
+      this.$refs.userListPop.UserListPopClose();
     },
     formReset() {
       Object.assign(this.$data, this.$options.data());
@@ -193,6 +234,7 @@ export default {
       this.custSeq = data.custSeq;
       this.userTpCd = data.userTpCd;
       this.userSeq = data.userSeq;
+      this.joinDiv = data.joinDiv;
     },
 
     search: function (isKeep) {
@@ -233,20 +275,27 @@ export default {
         initStartDate.setMonth(Number(moment(initStartDate).format('MM')) -1)
         initEndDate.setMonth(Number(moment(initEndDate).format('MM')) + 100)
 
+        if (this.joinDiv==1) {
+          if (type == 'start') {
+            // this.disabledSDate = {to: initStartDate, from: new Date()};
+            if (this.startDate !== initStartDate) {
+              this.disabledEDate = {to: this.startDate, from: initEndDate};
 
-        if (type == 'start') {
-          this.disabledSDate = {to: initStartDate, from: new Date()};
-          if (this.startDate !== initStartDate) {
+            }
+          } else if (type == 'end') {
             this.disabledEDate = {to: this.startDate, from: initEndDate};
-
-          }
-        } else if (type == 'end') {
-          this.disabledEDate = {to: this.startDate, from: initEndDate};
-          if (this.endDate !== initEndDate) {
-            this.disabledSDate = {from: this.endDate};
-            this.disabledSDate = {to: initStartDate, from: this.endDate};
+            if (this.endDate !== initEndDate) {
+              this.disabledSDate = {from: this.endDate};
+              this.disabledSDate = {to: initStartDate, from: this.endDate};
+            }
           }
+        } else {
+          this.disabledSDate = {to: new Date(), from: new Date()};
+            if (this.startDate !== initStartDate) {
+              this.disabledEDate = {to: new Date(), from: new Date()};
+            }
         }
+        
       }
     },
     customFormatter: function (date) {