회원가입 양식 수정.

- 인사시스템 연동정보 수정불가로 변경.
 - 직별 코드 경과 코드와 연동되도록 수정.

src/main/java/com/dbnt/faisp/kwms/KwmsController.java

@@ -5,6 +5,7 @@ import com.dbnt.faisp.kwms.service.KwmsService;
 import com.dbnt.faisp.main.codeMgt.service.CodeMgtService;
 import com.dbnt.faisp.main.userInfo.model.UserInfo;
 import com.dbnt.faisp.main.userInfo.service.UserInfoService;
+import com.dbnt.faisp.util.Utils;
 import lombok.RequiredArgsConstructor;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
@@ -23,6 +24,11 @@ public class KwmsController {
   @GetMapping("/getEmpInfoToJoinForm")
   public ModelAndView getEmpInfo(VEmployee empInfo){
     ModelAndView mav = new ModelAndView("login/joinForm");
+    if(Utils.isEmpty(empInfo.getDic())){
+      mav.addObject("joinFlag", "F");
+      mav.addObject("userInfo", empInfo);
+      mav.addObject("msg", "-포함 입력 ex) M00-00000");
+    }else{
       if(userInfoService.selectUserInfoToDicCode(empInfo.getDic()) == null){
         UserInfo userInfo = kwmsService.selectEmpInfo(empInfo.getDic());
         if(userInfo==null){
@@ -36,7 +42,7 @@ public class KwmsController {
           mav.addObject("ofcList", codeMgtService.selectCodeMgtList("OFC"));
           mav.addObject("titleList", codeMgtService.selectCodeMgtList("JT"));
           mav.addObject("outturnList", codeMgtService.selectCodeMgtList("OTC"));
-        mav.addObject("seriesList", codeMgtService.selectCodeMgtList("SRC"));
+          mav.addObject("seriesList", codeMgtService.selectCodeMgtList(userInfo.getOutturnCd()));
           mav.addObject("languageList", codeMgtService.selectCodeMgtList("LNG"));
         }
       }else{
@@ -44,6 +50,7 @@ public class KwmsController {
         mav.addObject("userInfo", empInfo);
         mav.addObject("msg", "이미 가입된 식별번호입니다.");
       }
+    }
     return mav;
   }
 

src/main/resources/mybatisMapper/UserInfoMapper.xml

@@ -11,7 +11,7 @@
           user_status = #{userStatus}
         </when>
         <otherwise>
-          user_status != 'D'
+          user_status = 'USC003'
         </otherwise>
       </choose>
       <if test='userId != null and userId != ""'>

src/main/resources/static/js/login/login.js

@@ -1,6 +1,49 @@
+$(document).on('click', '#joinModalBtn', function (){
+  getJoinForm(null);
+  $("#userInsertModal").modal('show')
+})
+
 $(document).on('click', '#dicCodeSearchBtn', function (){
   const dicCode = $("#dicCode").val();
   if(dicCode!==''){
+    getJoinForm(dicCode);
+  }else{
+   alert("공무원식별번호를 입력해주세요.")
+  }
+})
+
+$(document).on('click', '#saveBtn', function (){
+  if(valueCheck()){
+    if(confirm("저장하시겠습니까?")){
+      contentFade("in");
+      const userForm = $("#userInfoInsert")
+      userForm.find('input, select').removeAttr('disabled')
+      const formData = new FormData(userForm[0]);
+      $.ajax({
+        type : 'POST',
+        data : formData,
+        url : "/user/insertUserInfo",
+        processData: false,
+        contentType: false,
+        success : function(result) {
+          if(result === "userIdDuplication"){
+            alert("등록된 아이디입니다.")
+          }else{
+            alert("저장되었습니다.\n담당자 승인 후 로그인 가능합니다.")
+            $("#closeModalBtn").click();
+          }
+          contentFade("out");
+        },
+        error : function(xhr, status) {
+          alert("저장에 실패하였습니다.")
+          contentFade("out");
+        }
+      })
+    }
+  }
+})
+
+function getJoinForm(dicCode){
   $.ajax({
     url: '/kwms/getEmpInfoToJoinForm',
     data: {dic: dicCode},
@@ -18,54 +61,12 @@ $(document).on('click', '#dicCodeSearchBtn', function (){
 
     }
   });
-  }else{
-   alert("공무원식별번호를 입력해주세요.")
 }
-})
-
-$(document).on('click', '#saveBtn', function (){
-  if(valueCheck()){
-    if(confirm("저장하시겠습니까?")){
-      contentFade("in");
-      const formData = new FormData($("#userInfoInsert")[0]);
-      $.ajax({
-        type : 'POST',
-        data : formData,
-        url : "/user/insertUserInfo",
-        processData: false,
-        contentType: false,
-        success : function(result) {
-          if(result === "userIdDuplication"){
-            alert("등록된 아이디입니다.")
-          }else{
-            alert("저장되었습니다.\n담당자 승인 후 로그인 가능합니다.")
-            $("#closeModalBtn").click();
-            $("#searchBtn").click();
-          }
-          contentFade("out");
-        },
-        error : function(xhr, status) {
-          alert("저장에 실패하였습니다.")
-          contentFade("out");
-        }
-      })
-    }
-  }
-})
 
 function valueCheck(){
   const targetForm = $("#userInfoInsert");
-  const userId = targetForm.find("#userId").val();
-  const password = targetForm.find("#modalPassword");
-  const passwordConfirm = targetForm.find("#passwordConfirm");
-  const userNm = targetForm.find("#userNm").val();
-  const phoneNo = targetForm.find("#phoneNo").val();
-  const email = targetForm.find("#email").val();
-  const ogCd = targetForm.find("#ogCd").val();
-  const titleCd = targetForm.find("#titleCd").val();
-  let returnFlag = true;
 
-  if(!userId){
+  /*if(!userId){
     alert("아이디를 입력해주세요.");
     returnFlag = false;
   }else{
@@ -74,48 +75,57 @@ function valueCheck(){
       returnFlag = false;
       alert("아이디 조건이 맞지 않습니다.")
     }
-  }
+  }*/
+  const password = targetForm.find("#modalPassword");
+  const passwordConfirm = targetForm.find("#passwordConfirm");
   if(!password[0].disabled && !password.val()){
     alert("비밀번호를 입력해주세요.");
-    returnFlag = false;
+    return false;
   }
   if(!password[0].disabled && !passwordConfirm.val()){
     alert("비밀번호 확인을 입력해주세요.");
-    returnFlag = false;
+    return false;
   }
-  if(!userNm){
-    alert("이름을 입력해주세요.");
-    returnFlag = false;
-  }
-  if(!phoneNo){
-    alert("휴대전화를 입력해주세요.");
-    returnFlag = false;
-  }
-  if(!email){
-    alert("이메일을 입력해주세요.");
-    returnFlag = false;
-  }
-  if(returnFlag){
   const passwordReg = /^(?=.*[a-zA-z])(?=.*[0-9])(?=.*[$`~!@$!%*#^?&\\(\\)\-_=+]).{8,16}$/;
   if(!password[0].disabled){
     if(!passwordReg.test(password.val())){
       alert("비밀번호 조건이 맞지 않습니다.")
-        returnFlag = false;
+      return false;
     }else{
       if(password.val() !== passwordConfirm.val()){
         alert("비밀번호가 같지 않습니다.");
-          returnFlag = false;
+        return false;
       }
     }
   }
+  const phoneNo = targetForm.find("#phoneNo").val();
+  if(!phoneNo){
+    alert("휴대전화를 입력해주세요.");
+    return false;
+  }else{
+    const phoneReg = /^(\d{10,11}|\d{3}-\d{3,4}-\d{4})$/;
+    if(!phoneReg.test(phoneNo)){
+      alert("휴대전화 입력 양식에 맞지 않습니다.")
+      return false;
     }
-  if(!ogCd){
-    alert("관서를 선택해주세요.");
-    returnFlag = false;
   }
-  if(!titleCd){
+  const email = targetForm.find("#email").val();
-    alert("계급을 선택해주세요.");
+  if(!email){
-    returnFlag = false;
+    alert("이메일을 입력해주세요.");
+    return false;
   }
-  return returnFlag;
+  const organInDate = targetForm.find("#organInDate").val();
+  if(!organInDate){
+    alert("현관서전입일을 입력해주세요.");
+    return false;
+  }
+  const seriesCd = targetForm.find("#seriesCd").val();
+  if(!seriesCd){
+    alert("직별을 선택해주세요.");
+    return false;
+  }
+
+
+
+  return true;
 }

src/main/resources/templates/login/joinForm.html

@@ -7,7 +7,7 @@
   </div>
   <div class="modal-body" th:if="${joinFlag eq 'F'}">
     <div class="mb-3 mt-3 row">
-      <label for="dicCode" class="col-sm-2 col-form-label col-form-label-sm text-center ">공무원식별번호</label>
+      <label for="dicCode" class="col-sm-2 col-form-label col-form-label-sm text-center ">디지털 식별코드</label>
       <div class="col-sm-3">
         <input type="text" class="form-control form-control-sm" id="dicCode" name="dicCode" autocomplete="off" th:value="${userInfo.dic}">
         <label for="dicCode" style="font-size: 12px" th:text="${msg}"></label>
@@ -17,22 +17,22 @@
   </div>
   <div class="modal-body" th:if="${joinFlag eq 'T'}">
     <form id="userInfoInsert" action="#" th:action="@{/admin/insertUserInfo}" method="post">
-      <div class="mb-3 mt-3 row">
+      <div class="mt-3 mb-1 row">
-        <label for="dicCode" class="col-sm-2 col-form-label col-form-label-sm text-center ">공무원식별번호</label>
+        <label for="dicCode" class="col-sm-2 col-form-label col-form-label-sm text-center ">디지털 식별코드</label>
         <div class="col-sm-3">
-          <input type="text" class="form-control form-control-sm" id="dicCode" name="dicCode" autocomplete="off" th:value="${userInfo.dicCode}">
+          <input type="text" class="form-control form-control-sm" id="dicCode" name="dicCode" autocomplete="off" th:value="${userInfo.dicCode}" disabled>
         </div>
-        <button type="button" class="btn btn-sm btn-outline-primary col-sm-1" id="dicCodeSearchBtn">검색</button>
+        <!--<button type="button" class="btn btn-sm btn-outline-primary col-sm-1" id="dicCodeSearchBtn">검색</button>-->
       </div>
       <div class="row mb-1">
         <label for="userId" class="col-sm-2 col-form-label col-form-label-sm text-center ">아이디</label>
         <div class="col-sm-4">
-          <input type="text" class="form-control form-control-sm" id="userId" name="userId" autocomplete="new-password" th:value="${userInfo.userId}">
+          <input type="text" class="form-control form-control-sm" id="userId" name="userId" autocomplete="new-password" th:value="${userInfo.userId}" disabled>
-          <label for="userId" style="font-size: 12px">6~20자 사이의 알파벳, 숫자를 입력하세요</label>
+          <!--<label for="userId" style="font-size: 12px">6~20자 사이의 알파벳, 숫자를 입력하세요</label>-->
         </div>
         <label for="userNm" class="col-sm-2 col-form-label col-form-label-sm text-center">이름</label>
         <div class="col-sm-4">
-          <input type="text" class=" form-control form-control-sm" id="userNm" name="userNm" autocomplete="off" th:value="${userInfo.userNm}">
+          <input type="text" class=" form-control form-control-sm" id="userNm" name="userNm" autocomplete="off" th:value="${userInfo.userNm}" disabled>
         </div>
       </div>
       <div class="row mb-1">
@@ -50,16 +50,18 @@
         <label for="phoneNo" class="col-sm-2 col-form-label col-form-label-sm text-center">휴대전화</label>
         <div class="col-sm-4">
           <input type="tel" class="form-control form-control-sm" id="phoneNo" name="phoneNo">
+          <label for="userId" style="font-size: 12px">-없이 숫자만 입력</label>
         </div>
         <label for="email" class="col-sm-2 col-form-label col-form-label-sm text-center">이메일</label>
         <div class="col-sm-4">
           <input type="email" class="form-control form-control-sm" id="email" name="email">
+
         </div>
       </div>
       <div class="row mb-1">
         <label for="sex" class="col-sm-2 col-form-label col-form-label-sm text-center">성별</label>
         <div class="col-sm-4">
-          <select class="form-select form-select-sm" id="sex" name="sex">
+          <select class="form-select form-select-sm" id="sex" name="sex" disabled>
             <option value="SEX002" th:selected="${userInfo.sex eq 'M'}">남</option>
             <option value="SEX001" th:selected="${userInfo.sex eq 'F'}">여</option>
           </select>
@@ -68,17 +70,17 @@
       <div class="row mb-1">
         <label for="birthDate" class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
         <div class="col-sm-4">
-          <input type="text" class="form-control form-control-sm dateSelector" id="birthDate" name="birthDate" th:value="${userInfo.birthDate}" readonly>
+          <input type="text" class="form-control form-control-sm dateSelector" id="birthDate" name="birthDate" th:value="${userInfo.birthDate}" disabled>
         </div>
         <label for="policeInDate" class="col-sm-2 col-form-label col-form-label-sm text-center">해양경찰배명일</label>
         <div class="col-sm-4">
-          <input type="text" class="form-control form-control-sm dateSelector" id="policeInDate" name="policeInDate" th:value="${userInfo.policeInDate}" readonly>
+          <input type="text" class="form-control form-control-sm dateSelector" id="policeInDate" name="policeInDate" th:value="${userInfo.policeInDate}" disabled>
         </div>
       </div>
       <div class="row mb-1">
         <label for="ogCd" class="col-sm-2 col-form-label col-form-label-sm text-center">관서</label>
         <div class="col-sm-4">
-          <select class="form-select form-select-sm" id="ogCd" name="ogCd">
+          <select class="form-select form-select-sm" id="ogCd" name="ogCd" disabled>
             <option value="">--선택--</option>
             <th:block th:each="code:${ogList}">
               <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq userInfo.ogCd}"></option>
@@ -93,7 +95,7 @@
       <div class="row mb-1">
         <label for="ofcCd" class="col-sm-2 col-form-label col-form-label-sm text-center">부서</label>
         <div class="col-sm-4">
-          <select class="form-select form-select-sm" id="ofcCd" name="ofcCd">
+          <select class="form-select form-select-sm" id="ofcCd" name="ofcCd" disabled>
             <option value="">--선택--</option>
             <th:block th:each="code:${ofcList}">
               <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq userInfo.ofcCd}"></option>
@@ -102,13 +104,13 @@
         </div>
         <label for="ofcInDate" class="col-sm-2 col-form-label col-form-label-sm text-center">현부서임용일</label>
         <div class="col-sm-4">
-          <input type="text" class="form-control form-control-sm dateSelector" id="ofcInDate" name="ofcInDate" th:value="${userInfo.ofcInDate}" readonly>
+          <input type="text" class="form-control form-control-sm dateSelector" id="ofcInDate" name="ofcInDate" th:value="${userInfo.ofcInDate}" disabled>
         </div>
       </div>
       <div class="row mb-1">
         <label for="ogCd" class="col-sm-2 col-form-label col-form-label-sm text-center">계급</label>
         <div class="col-sm-4">
-          <select class="form-select form-select-sm" id="titleCd" name="titleCd">
+          <select class="form-select form-select-sm" id="titleCd" name="titleCd" disabled>
             <option value="">--선택--</option>
             <th:block th:each="code:${titleList}">
               <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq userInfo.titleCd}"></option>
@@ -117,13 +119,13 @@
         </div>
         <label for="titleInDate" class="col-sm-2 col-form-label col-form-label-sm text-center">현계급임용일</label>
         <div class="col-sm-4">
-          <input type="text" class="form-control form-control-sm dateSelector" id="titleInDate" name="titleInDate" th:value="${userInfo.titleInDate}" readonly>
+          <input type="text" class="form-control form-control-sm dateSelector" id="titleInDate" name="titleInDate" th:value="${userInfo.titleInDate}" disabled>
         </div>
       </div>
       <div class="row mb-1">
         <label for="outturnCd" class="col-sm-2 col-form-label col-form-label-sm text-center">경과</label>
         <div class="col-sm-4">
-          <select class="form-select form-select-sm" id="outturnCd" name="outturnCd">
+          <select class="form-select form-select-sm" id="outturnCd" name="outturnCd" disabled>
             <option value="">--선택--</option>
             <th:block th:each="code:${outturnList}">
               <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq userInfo.outturnCd}"></option>

src/main/resources/templates/login/login.html

@@ -43,7 +43,8 @@
           <input type="submit" name="login" id="login" value="로그인" class="btn_login">
 
           <div class="join">
-            <a href="#" data-bs-toggle="modal" data-bs-target="#userInsertModal">회원가입</a>
+            <!--<a href="#" data-bs-toggle="modal" data-bs-target="#userInsertModal">회원가입</a>-->
+            <a href="#" id="joinModalBtn">회원가입</a>
           </div>
 
           <a href="#">
@@ -58,19 +59,7 @@
        aria-labelledby="userInsertModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
       <div class="modal-content " id="userInsertModalContent">
-        <div class="modal-header bg-dark">
+
-          <h5 class="modal-title text-white" id="userInsertModalLabel">사용자 신청</h5>
-          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <div class="mb-3 mt-3 row">
-            <label for="dicCode" class="col-sm-2 col-form-label col-form-label-sm text-center ">공무원식별번호</label>
-            <div class="col-sm-3">
-              <input type="text" class="form-control form-control-sm" id="dicCode" name="dicCode" autocomplete="off">
-            </div>
-            <button type="button" class="btn btn-sm btn-outline-primary col-sm-1" id="dicCodeSearchBtn">검색</button>
-          </div>
-        </div>
       </div>
     </div>
   </div>