로그인 / 고객관리 / 시스템관리 ... 디자인 및 기능 수정 적용

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

@@ -95,7 +95,7 @@
 					<div class="count">사용자ID 정보
 					<p>( 최대 100개까지 등록 가능 )</p>
 					</div>
-					<div class="button_group">
+					<div class="button_group" v-show="isActive">
 						<button type="button" class="button blue add" @click="memberInsertPopOpen();">사용자 ID 생성</button>
 						<button type="button" class="button blue add" @click="excelPopOpen();">사용자 ID 대량생성</button>
 						<button type="button" class="button white del" @click="deleteMember();">삭제</button>
@@ -105,14 +105,14 @@
 				<div class="table">
 					<table>
 						<colgroup>
-                            <col width="10%">
-                            <col width="15%">
-                            <col width="15%">
-                            <col width="15%">
-                            <col width="15%">
-                            <col width="15%">
+              <col width="10%">
+              <col width="15%">
+              <col width="15%">
+              <col width="15%">
+              <col width="15%">
+              <col width="15%">
 							<col width="15%">
-                        </colgroup>
+            </colgroup>
 						<thead>
 							<tr>
 								<th><input type="checkbox" id="admin_check1" v-model="selectAll"><label for="admin_check1"></label></th>
@@ -135,7 +135,8 @@
 									<input type="checkbox" id="user_id_status01" name="user_id_status" v-model="option.userStat" true-value='정상' false-value='사용중지' disabled/>
 									<label class="toggle_switch" for="user_id_status01"></label>
 								</td>
-								<td><button type="button" class="button white btn-a" @click="memberUpdatePopOpen(option.userId);">수정</button></td>
+								<td v-if="isActive"><button type="button" class="button white btn-a" @click="memberUpdatePopOpen(option.userId);">수정</button></td>
+                <td v-else></td>
 							</tr>
 							<tr v-if="list.length === 0">
 								<td colspan="7">등록된 사용자 정보가 없습니다.</td>
@@ -155,7 +156,7 @@
 			<member-modify-pop ref="memberModifyPop"> </member-modify-pop>
 			<memo-total-pop ref="memoTatalListPop"> </memo-total-pop>
       <common-modal ref="commmonModal"></common-modal>
-
+      <validation-confirm-pop ref="validationConfirmPopModal"> </validation-confirm-pop>
 		</div>
 	</div>
 </template>
@@ -167,6 +168,7 @@ import MemberRegPop from '../components/MemberRegPop';
 import MemberModifyPop from '../components/MemberModifyPop';
 import MemoTotalPop from '../components/MemoTotalPop';
 import commonModal from "@/components/modal/commonModal";
+import ValidationConfirmPop from "@/modules/custMgt/components/ValidationConfirmPop";
 
 export default {
     name: 'memberAdminDetail',
@@ -197,7 +199,8 @@ export default {
 			userTotalCnt:0,
 			selected: [],
       svcUserId:'',
-      ezSvcUserAuthKey:''
+      ezSvcUserAuthKey:'',
+      isActive:true,
 		}
 	},
   props: {
@@ -212,6 +215,7 @@ export default {
     MemberModifyPop,
     MemoTotalPop,
     commonModal,
+    ValidationConfirmPop,
   },
   created(){            
 	this.memberDetail(this.$route.params.serviceId);
@@ -257,7 +261,7 @@ export default {
     valConfirm(props){
       this.$refs.commmonModal.confirmModalOpen(props);
     },
-      async memberDetail(serviceId){
+    async memberDetail(serviceId){
       this.row.userId = serviceId;
       try {
         const response = await custMgtApi.memberAdminDetail(this.row);
@@ -273,6 +277,9 @@ export default {
           this.sendingLimit = result.data.sendingLimit.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
           this.lineType = result.data.lineType;
           this.userStat = result.data.userStat;
+          if(this.userStat === '02'){
+            this.isActive = false;
+          }
           this.lastLoginDt = result.data.lastLoginDt;
           this.memo = result.data.memo;
           this.mdn = result.data.mdn;
@@ -291,7 +298,7 @@ export default {
 
     },
     async updateAdminInfoTotal(){
-
+      this.row = {}
       this.row.userId = this.adminId;
       this.row.sendingLimit = this.sendingLimit;
       this.row.lineType = this.lineType;
@@ -302,13 +309,14 @@ export default {
 
       try {
         const response = await custMgtApi.updateAdminInfoTotal(this.row);
+        console.log(response)
         const result = response.data;
         if (result != null && result.retCode == "0000") {
 
           this.row.title = '청약고객관리';
           this.row.msg1 = '저장 하였습니다.';
           this.$refs.commmonModal.alertModalOpen(this.row);
-
+          this.memberDetail(this.row.userId);
         }else if(result != null && result.retCode == "4019"){
           this.row.title = '청약고객관리';
           this.row.msg1 = '발송한도금액이 정액한도금액보다 작습니다.';
@@ -331,6 +339,12 @@ export default {
       this.$router.push({ name: 'memberList', params: this.row });
     },
     excelPopOpen() {
+      console.log("memberInsertPopOpen >> " + this.userTotalCnt)
+      if(this.userTotalCnt >= 100){
+        // 사용자등록제한_최대100개까지
+        this.$refs.validationConfirmPopModal.validationMaxlimitOpen();
+        return false;
+      }
       console.log(this.adminId);
       this.$refs.memberBulkRegPop.excelPopOpen(this.adminId, this.totalItems);
       },
@@ -340,6 +354,12 @@ export default {
       this.$refs.memberModifyPop.memberUpdateModalOpen(this.row);
     },
     memberInsertPopOpen() {
+      console.log("memberInsertPopOpen >> " + this.userTotalCnt)
+      if(this.userTotalCnt >= 100){
+        // 사용자등록제한_최대100개까지
+        this.$refs.validationConfirmPopModal.validationMaxlimitOpen();
+        return false;
+      }
       this.row.adminId = this.adminId;
       this.row.userTotalCnt = this.userTotalCnt;
       this.$refs.memberRegPop.memberInsertModalOpen(this.row);