어드민 수정건 수정

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

@@ -3,36 +3,34 @@
 	<div>
 		<div class="dimmed modal33" @click="excelPopClose();"></div>
 		<div class="popup-wrap modal33">
-			<!-- 사용자 ID 대량 생성 -->
-			<div class="popup modal33 popup_form">
-				<div class="pop-head">
-					<h3 class="pop-tit">사용자 ID 대량 생성</h3>
-				</div>
-					<table>
-						<tbody>
-							<tr>
-								<th>관리자 ID</th>
-								<td>{{adminId}}</td>
-							</tr>
-							<tr>
-								<th>사용자 ID 업로드</th>
-								<td>
-									<div class="pop-btn2 bulk">
-										<button class="btn-default" @click="sampleDown">샘플 다운로드</button>
-										<input type="file" ref="file" style="display: none" @change="readFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
-										<button class="button grey" @click="$refs.file.click()">파일 업로드</button>
-									</div>
-									<p class="file" id="uploadFile">
-									 </p>
-								</td>
-							</tr>
-						</tbody>
-					</table>
-				<div class="pop-btn2">
-					<button class="btn-pcolor" @click="saveExcel">저장</button>
-					<button class="btn-default" @click="excelPopClose">취소</button>
-				</div>
-			</div>
+      <div class="popup modal33 popup_form">
+        <div class="pop-head">
+          <h3 class="pop-tit">사용자 ID 대량 생성</h3>
+        </div>
+          <table>
+            <tbody>
+            <tr>
+              <th>관리자 ID</th>
+              <td>{{adminId}}</td>
+            </tr>
+            <tr>
+              <th>사용자 ID 업로드</th>
+              <td>
+                <div class="popup-btn2 bulk">
+                  <input type="file" ref="file" style="display: none" @change="readFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
+                  <button class="btn-default" @click="sampleDown">샘플 다운로드</button>
+                  <button class="button btn-p2color" @click="$refs.file.click()">파일 업로드</button>
+                </div>
+                <p class="file" id="uploadFile"></p>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="saveExcel">저장</button>
+          <button class="btn-default" @click="excelPopClose">취소</button>
+        </div>
+      </div>
       <common-modal ref="commmonModal"></common-modal>
 		</div>
 	</div>
@@ -66,9 +64,9 @@ export default {
   components: {
     commonModal,
   },
-	created(){ 
+	created(){
 		this.getExcelHeader();
-    }, 
+    },
 	methods :{
 		// 모달 띄우기
 		excelPopOpen(adminId, totalItems){
@@ -87,7 +85,7 @@ export default {
 			for(var i = 0; i < excelPop.length; i++){
 				excelPop[i].style.display = 'none';
 			}
-			
+
 		},
 		// 저장 후 부모창 호출.
 		toComplete(){
@@ -135,13 +133,13 @@ export default {
 
 			const file = event.target.files[0];
 			console.log(file.name);
-			
+
 			// inner Html.
 			const button = document.createElement('button');
 			const text = document.createElement('p');
 			text.innerText = file.name;
 			button.addEventListener('click', () => {
-				this.delFile(event);    
+				this.delFile(event);
 			})
 			const root = document.getElementById('uploadFile');
 			root.appendChild(text);
@@ -169,7 +167,7 @@ export default {
 					const rowObj = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName],{raw:true});
 					tmpResult = rowObj;
 					const limitCnt = 100;
-					
+
 					const totalCnt = Number(this.totalItems) + rowObj.length;
 
 					if(totalCnt > limitCnt){
@@ -178,7 +176,7 @@ export default {
             this.$refs.commmonModal.alertModalOpen(this.row);
 						return false;
 					}
-				
+
 					for (const [idx,r] of rowObj.entries()) {
                         if(idx > limitCnt-1 ) {
                             break;
@@ -203,7 +201,7 @@ export default {
                             { name:'ID잠금',val:ID잠금, len:4,},];
 
                             const rVal = vm.isTitle(pVal);
-						
+
                             if(rVal.retVal){
                                 vm.nData.push({userId:ID,userNm:이름,mdn:휴대폰번호,email:이메일,stat:ID잠금,msg});
                             }else{
@@ -265,7 +263,7 @@ export default {
 			// uploadFile
 		},
 		async saveExcel(){
-			// 
+			//
 			this.row.adminId = this.adminId;
 			this.row.list = this.nData;
 
@@ -274,7 +272,7 @@ export default {
 				const result = response.data;
 				console.log(result);
 				if (result != null && result.retCode == "0000") {
-					
+
 					// this.totalCnt = result.data.totalCnt;
 					// this.successCnt = result.data.successCnt;
 					// this.failCnt = result.data.failCnt;
@@ -290,7 +288,7 @@ export default {
 			// 오류건수.
 			console.log(this.oData.length);
 		},
-		
+
 	}
 }
 </script>

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

@@ -4,59 +4,108 @@
 		<div class="dimmed memberUpdate" @click="memberUpdateModalClose();"></div>
 		<div class="popup-wrap memberUpdate">
 			<!-- 수정 확인 -->
-			<div class="popup memberUpdate popup_form">
-				<div class="pop-head">
-					<h3 class="pop-tit">사용자 ID 수정</h3>
-				</div>
-				<form autocomplete="off">
-					<table>
-						<tbody>
-							<tr>
-								<th>관리자 ID</th>
-								<td>{{adminId}}</td>
-							</tr>
-							<tr>
-								<th>ID</th>
-								<td>{{userId}}</td>
-							</tr>
-							<tr>
-								<th>비밀번호</th>
-								<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd1" v-model.trim="userPwd1"></td>
-							</tr>
-							<tr>
-								<th>비밀번호 확인</th>
-								<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd2" v-model.trim="userPwd2"></td>
-							</tr>
-							<tr>
-								<th>이름</th>
-								<td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
-							</tr>
-							<tr>
-								<th>휴대폰번호</th>
-								<td><input type="text" v-model.trim="mdn" ref="_phone"></td>
-							</tr>
-							<tr>
-								<th>이메일</th>
-								<td><input type="email" v-model.trim="email" ref="_email"></td>
-							</tr>
-							<tr>
-								<th class="center">상태</th>
-								<td>
-									<input type="radio" name="userStateUpdate" value="01" id="user_popup_update_radio1" v-model="userStat">
-									<label for="user_popup_update_radio1">사용</label>
-									<input type="radio" name="userStateUpdate" value="02" id="user_popup_update_radio2" v-model="userStat">
-									<label for="user_popup_update_radio2">정지</label>
-								</td>
-							</tr>
-						</tbody>
-					</table>
-				</form>
-				<div class="pop-btn2">
-					<button class="btn-pcolor" @click="memberUpdateConfirm();">저장</button>
-					<button class="btn-default" @click="memberUpdateModalClose();">취소</button>
-				</div>
-			</div>
-
+<!--			<div class="popup memberUpdate popup_form">-->
+<!--				<div class="pop-head">-->
+<!--					<h3 class="pop-tit">사용자 ID 수정</h3>-->
+<!--				</div>-->
+<!--				<form autocomplete="off">-->
+<!--					<table>-->
+<!--						<tbody>-->
+<!--							<tr>-->
+<!--								<th>관리자 ID</th>-->
+<!--								<td>{{adminId}}</td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>ID</th>-->
+<!--								<td>{{userId}}</td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>비밀번호</th>-->
+<!--								<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd1" v-model.trim="userPwd1"></td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>비밀번호 확인</th>-->
+<!--								<td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd2" v-model.trim="userPwd2"></td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>이름</th>-->
+<!--								<td><input type="text" v-model.trim="userNm" ref="_userNm"></td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>휴대폰번호</th>-->
+<!--								<td><input type="text" v-model.trim="mdn" ref="_phone"></td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th>이메일</th>-->
+<!--								<td><input type="email" v-model.trim="email" ref="_email"></td>-->
+<!--							</tr>-->
+<!--							<tr>-->
+<!--								<th class="center">상태</th>-->
+<!--								<td>-->
+<!--									<input type="radio" name="userStateUpdate" value="01" id="user_popup_update_radio1" v-model="userStat">-->
+<!--									<label for="user_popup_update_radio1">사용</label>-->
+<!--									<input type="radio" name="userStateUpdate" value="02" id="user_popup_update_radio2" v-model="userStat">-->
+<!--									<label for="user_popup_update_radio2">정지</label>-->
+<!--								</td>-->
+<!--							</tr>-->
+<!--						</tbody>-->
+<!--					</table>-->
+<!--				</form>-->
+<!--				<div class="pop-btn2">-->
+<!--					<button class="btn-pcolor" @click="memberUpdateConfirm();">저장</button>-->
+<!--					<button class="btn-default" @click="memberUpdateModalClose();">취소</button>-->
+<!--				</div>-->
+<!--			</div>-->
+      <div class="popup modal32 popup_form memberUpdate">
+        <div class="pop-head">
+          <h3 class="pop-tit">사용자 ID 수정</h3>
+        </div>
+          <table>
+            <tbody>
+              <tr>
+                <th>관리자 ID</th>
+                <td>{{adminId}}</td>
+              </tr>
+              <tr>
+                <th>ID</th>
+                <td>{{userId}}</td>
+              </tr>
+              <tr>
+                <th>비밀번호</th>
+                <td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd1" v-model.trim="userPwd1"></td>
+              </tr>
+              <tr>
+                <th>비밀번호 확인</th>
+                <td><input type="password" @keypress="onlyPassword" @input="onlyPassword" required minlength="8" maxlength="16" ref="_pwd2" v-model.trim="userPwd2"></td>
+              </tr>
+              <tr>
+                <th>이름</th>
+                <td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
+              </tr>
+              <tr>
+                <th>휴대폰번호</th>
+                <td><input type="text" v-model.trim="mdn" ref="_phone"></td>
+              </tr>
+              <tr>
+                <th>이메일</th>
+                <td><input type="email" v-model.trim="email" ref="_email"></td>
+              </tr>
+              <tr>
+                <th class="center">상태</th>
+                <td>
+                  <input type="radio" name="userStateUpdate" value="01" id="user_popup_update_radio1" v-model="userStat">
+                  <label for="user_popup_update_radio1">사용</label>
+                  <input type="radio" name="userStateUpdate" value="02" id="user_popup_update_radio2" v-model="userStat">
+                  <label for="user_popup_update_radio2">정지</label>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        <div class="popup-btn2">
+            <button class="btn-pcolor" @click="memberUpdateConfirm();">저장</button>
+            <button class="btn-default" @click="memberUpdateModalClose();">취소</button>
+        </div>
+      </div>
             <validation-confirm-pop ref="validationConfirmPopModal"> </validation-confirm-pop>
             <common-modal ref="commmonModal"></common-modal>
 
@@ -70,7 +119,6 @@ import custMgtApi from "../service/custMgtApi.js";
 import { utils_mixin, chkPattern2 } from '../service/mixins';
 import ValidationConfirmPop from '../components/ValidationConfirmPop.vue';
 import lodash from "lodash";
-//import commonModal from "@/components/modal/commonModal";
 import commonModal from "../components/commonModal";
 
 export default {

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

@@ -1,57 +1,52 @@
 <template>
-	<!-- <div class="wrap bg-wrap"> -->
 	<div>
 		<div class="dimmed memberInsert" @click="memberInsertModalClose();"></div>
 		<div class="popup-wrap memberInsert">
-			<!-- 수정 확인 -->
-			<div class="popup memberInsert popup_form">
-				<div class="pop-head">
-					<h3 class="pop-tit">사용자 ID 생성</h3>
-				</div>
-				<form autocomplete="off">
-					<table>
-						<tbody>
-							<tr>
-								<th>관리자 ID</th>
-								<td>{{adminId}}</td>
-							</tr>
-							<tr>
-								<th>ID</th>
-								<td><input type="text" v-model.trim="userId" ref="_userId"></td>
-							</tr>
-							<tr>
-								<th>이름</th>
-								<td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
-							</tr>
-							<tr>
-								<th>휴대폰번호</th>
-								<td><input type="text" v-model.trim="mdn" ref="_phone"></td>
-							</tr>
-							<tr>
-								<th>이메일</th>
-								<td><input type="email" v-model.trim="email" ref="_email"></td>
-							</tr>
-							<tr>
-								<th class="center">상태</th>
-								<td>
-									<input type="radio" name="userStateInsert" value="01" id="user_popup_insert_radio1" v-model="stat">
-									<label for="user_popup_insert_radio1">사용</label>
-									<input type="radio" name="userStateInsert" value="02" id="user_popup_insert_radio2" v-model="stat">
-									<label for="user_popup_insert_radio2">정지</label>
-								</td>
-							</tr>
-						</tbody>
-					</table>
-				</form>
-				<div class="pop-btn2">
-					<button class="btn-pcolor" @click="memberInsertConfirm();">저장</button>
-					<button class="btn-default" @click="memberInsertModalClose();">취소</button>
-				</div>
-			</div>
-
+      <div class="popup modal31 popup_form memberInsert">
+        <div class="pop-head">
+          <h3 class="pop-tit">사용자 ID 생성</h3>
+        </div>
+          <table>
+            <tbody>
+            <tr>
+              <th>관리자 ID</th>
+              <td>{{adminId}}</td>
+            </tr>
+            <tr>
+              <th>ID</th>
+              <td><input type="text" v-model.trim="userId" ref="_userId"></td>
+            </tr>
+            <tr>
+              <th>이름</th>
+              <td><input type="text" v-model.trim="userNm" ref="_userNm"></td>
+            </tr>
+            <tr>
+              <th>휴대폰번호</th>
+              <td><input type="text" placeholder="- 자 제외 숫자만 입력" v-model.trim="mdn" ref="_phone"></td>
+            </tr>
+            <tr>
+              <th>이메일</th>
+              <td><input type="email" v-model.trim="email" ref="_email"></td>
+            </tr>
+            <tr>
+              <th class="center">ID 잠금</th>
+              <td>
+                  <input type="radio" name="userStateInsert" value="01" id="user_popup_insert_radio1" v-model="stat">
+                  <label for="user_popup_insert_radio1">사용</label>
+                  <input type="radio" name="userStateInsert" value="02" id="user_popup_insert_radio2" v-model="stat">
+                  <label for="user_popup_insert_radio2">정지</label>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        <div class="popup-btn2">
+              <button class="btn-pcolor" @click="memberInsertConfirm();">저장</button>
+              <button class="btn-default" @click="memberInsertModalClose();">취소</button>
+        </div>
+      </div>
+        </div>
             <validation-confirm-pop ref="validationConfirmPopModal"> </validation-confirm-pop>
             <common-modal ref="commmonModal"></common-modal>
-        </div>        
     </div>
 </template>
 
@@ -61,7 +56,6 @@ import custMgtApi from "../service/custMgtApi.js";
 import { utils_mixin, chkPattern2 } from '../service/mixins';
 import ValidationConfirmPop from '../components/ValidationConfirmPop.vue';
 import lodash from "lodash";
-//import commonModal from "@/components/modal/commonModal";
 import commonModal from "../components/commonModal";
 
 export default {

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

@@ -9,48 +9,24 @@
 					<h3 class="pop-tit">전체 메모보기</h3>
 				</div>
 					<table class="table-c">
-                        <!--
-                        <thead>
-							<tr>
-								<th>내용</th>
-								<th>작성자</th>
-								<th>작성일</th>
-								<th>삭제</th>
-							</tr>
-						</thead>
-						<tbody>
-							<tr>
-								<td class="memo">작성한 메모 내용이 노출됩니다. <br/>
-								해당영역은 최대 5줄까지 노출되며 이후 우측 스크롤이 생성됩니다.<br/>
-								작성한 메모 내용이 노출됩니다. <br/>
-								해당영역은 최대 5줄까지 노출되며 이후 우측 스크롤이 생성됩니다.<br/>
-								작성한 메모 내용이 노출됩니다.</td>
-								<td>관리자</td>
-								<td>2022-03-10</td>
-								<td><button type="button" class="button white btn-a">삭제</button></td>
-							</tr>
-						</tbody>
-                        -->	
-
-                        <custom-grid
-						ref="table"
-						:totalItems="'totalItems'"
-						:url="grid.url"
-						:pagePerRows="grid.pagePerRows"
-						:initialRequest="grid.initialRequest"
-						:pagination="grid.pagination"
-						:isCheckbox="grid.isCheckbox"
-						:columns="grid.columns"
-						:noDataStr="grid.noDataStr"
-						:addCls="grid.addCls"
-						:header="grid.headder"        
-					></custom-grid>
+            <custom-grid
+              ref="table"
+              :totalItems="'totalItems'"
+              :url="grid.url"
+              :pagePerRows="grid.pagePerRows"
+              :initialRequest="grid.initialRequest"
+              :pagination="grid.pagination"
+              :isCheckbox="grid.isCheckbox"
+              :columns="grid.columns"
+              :noDataStr="grid.noDataStr"
+              :addCls="grid.addCls"
+              :header="grid.headder"
+            ></custom-grid>
 
 					</table>
-				<div class="pop-btn2">
-					
-					<button class="btn-default" @click="memoTotalModalClose();">닫기</button>
-				</div>
+        <div class="popup-btn2">
+          <button class="btn-default" @click="memoTotalModalClose();">닫기</button>
+        </div>
 
         <common-modal ref="commmonModal"></common-modal>
 			</div>