From 03dad253978d858e2e91a6690fe23440c0fe5aa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Fri, 31 Mar 2023 18:10:10 +0900
Subject: [PATCH] =?UTF-8?q?=ED=86=B5=EC=97=AD=EC=9D=B8=ED=98=84=ED=99=A9?=
 =?UTF-8?q?=20=EC=9E=91=EC=97=85=EC=A4=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/translator/model/TranslatorFile.java |  51 ++++
 .../repository/TranslatorFileRepository.java  |  10 +
 .../static/js/translator/translator.js        |  41 ++-
 .../templates/translator/translator.html      | 187 +-----------
 .../translator/translatorEditModal.html       | 265 ++++++++++--------
 5 files changed, 238 insertions(+), 316 deletions(-)
 create mode 100644 src/main/java/com/dbnt/faisp/main/translator/model/TranslatorFile.java
 create mode 100644 src/main/java/com/dbnt/faisp/main/translator/repository/TranslatorFileRepository.java

diff --git a/src/main/java/com/dbnt/faisp/main/translator/model/TranslatorFile.java b/src/main/java/com/dbnt/faisp/main/translator/model/TranslatorFile.java
new file mode 100644
index 00000000..080dedef
--- /dev/null
+++ b/src/main/java/com/dbnt/faisp/main/translator/model/TranslatorFile.java
@@ -0,0 +1,51 @@
+package com.dbnt.faisp.main.translator.model;
+
+import com.dbnt.faisp.config.FileInfo;
+import lombok.*;
+import org.hibernate.annotations.DynamicInsert;
+import org.hibernate.annotations.DynamicUpdate;
+
+import javax.persistence.*;
+import java.io.Serializable;
+
+@Getter
+@Setter
+@Entity
+@NoArgsConstructor
+@DynamicInsert
+@DynamicUpdate
+@Table(name = "translator_file")
+@IdClass(TranslatorFile.TranslatorFileId.class)
+public class TranslatorFile extends FileInfo {
+  @Id
+  @Column(name = "translator_key")
+  private Integer translatorKey;
+  @Id
+  @Column(name = "version_no")
+  private Integer versionNo;
+  @Id
+  @Column(name = "file_seq")
+  private Integer fileSeq;
+  @Column(name = "orig_nm")
+  private String origNm;
+  @Column(name = "conv_nm")
+  private String convNm;
+  @Column(name = "file_extn")
+  private String fileExtn;
+  @Column(name = "file_size")
+  private String fileSize;
+  @Column(name = "save_path")
+  private String savePath;
+
+
+  @Embeddable
+  @Data
+  @NoArgsConstructor
+  @AllArgsConstructor
+  public static class TranslatorFileId implements Serializable {
+    private Integer translatorKey;
+    private Integer versionNo;
+    private Integer fileSeq;
+  }
+
+}
diff --git a/src/main/java/com/dbnt/faisp/main/translator/repository/TranslatorFileRepository.java b/src/main/java/com/dbnt/faisp/main/translator/repository/TranslatorFileRepository.java
new file mode 100644
index 00000000..196a37c1
--- /dev/null
+++ b/src/main/java/com/dbnt/faisp/main/translator/repository/TranslatorFileRepository.java
@@ -0,0 +1,10 @@
+package com.dbnt.faisp.main.translator.repository;
+
+import com.dbnt.faisp.main.translator.model.TranslatorFile;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+
+
+public interface TranslatorFileRepository extends JpaRepository<TranslatorFile, TranslatorFile.TranslatorFileId> {
+
+}
diff --git a/src/main/resources/static/js/translator/translator.js b/src/main/resources/static/js/translator/translator.js
index 819d7575..e6aace15 100644
--- a/src/main/resources/static/js/translator/translator.js
+++ b/src/main/resources/static/js/translator/translator.js
@@ -1,5 +1,6 @@
 let trCarrerList=[];
 let selectedIdx=0;
+
 $(function(){
   $("#dateSelectorDiv").datepicker({
     format: "yyyy-mm-dd",
@@ -7,17 +8,33 @@ $(function(){
     autoclose: true
   });
 })
-$(document).on('click', '.userInfoTr', function (event){
-  $("#selectedKey").val($(this).find(".trKey").val())
-  $("#selectedVerNo").val($(this).find(".verNo").val())
-  const x = event.clientX;
-  const y = event.clientY;
-  const dropdown = $(".dropdown-menu.show")
-  if(dropdown.length>0){
-    dropdown[0].style.inset = "0px auto auto "+(x-event.currentTarget.getBoundingClientRect().x)+"px";
-  }
+
+$(document).on('click', '.infoTr', function (){
+  getTranslatorEditModal($(this).find(".trKey").val(), $(this).find(".verNo").val());
 })
 
+
+function getTranslatorEditModal(translatorKey, versionNo){
+  $.ajax({
+    url: "/translator/translatorEditModal",
+    data: {translatorKey: translatorKey, versionNo : versionNo},
+    type: 'GET',
+    dataType:"html",
+    success: function(html){
+      $("#translatorEditModalContent").empty().append(html)
+      $("#translatorEditModal").modal('show');
+      $("#viewAptDt").datepicker({
+        format: "yyyy-mm-dd",
+        language: "ko",
+        autoclose: true
+      });
+    },
+    error:function(e){
+      ajaxErrorAction(e);
+    }
+  });
+}
+
 $(document).on('click', '.translatorInfo', function (){
   document.getElementById('accessTab').classList.add('active');
   document.getElementById('approvalTab').classList.remove('active');
@@ -211,7 +228,7 @@ function revisionHistory(trKey,verNo,url){
     type: 'GET',
     dataType:"html",
     success: function(html){
-      $("#configInfo").empty().append(html)
+      $("#translatorEditContent").empty().append(html)
       $("#translatorEditModal").modal('show');
       $("#viewAptDt").datepicker({
         format: "yyyy-mm-dd",
@@ -405,10 +422,6 @@ function deleteCareerBtn(crrSeq,trKey){
   }
 }
 
-$(document).on('click', '.btn-close', function (){
-  location.reload();
-})
-
 $(document).on('click', '#trDeleteBtn', function (){
   if(confirm("해임 하시겠습니까?")){
     contentFade("in");
diff --git a/src/main/resources/templates/translator/translator.html b/src/main/resources/templates/translator/translator.html
index 20e7fbd0..fcd0f496 100644
--- a/src/main/resources/templates/translator/translator.html
+++ b/src/main/resources/templates/translator/translator.html
@@ -126,16 +126,10 @@
                     </tr>
                     </thead>
                     <tbody class="table-group-divider">
-                    <tr class="userInfoTr" data-bs-toggle="dropdown" aria-expanded="false" th:each="trInfo:${translatorList}">
+                    <tr class="infoTr" data-bs-toggle="dropdown" aria-expanded="false" th:each="trInfo, idx:${translatorList}">
                       <input type="hidden" class="trKey" th:value="${trInfo.translatorKey}">
                       <input type="hidden" class="verNo" th:value="${trInfo.versionNo}">
-                      <td>
-                        <p class="m-0" th:text="${trInfo.translatorKey}"></p>
-                        <ul class="dropdown-menu">
-                          <li><a class="dropdown-item careerInfo" href="#">경력관리</a></li>
-                          <li><a class="dropdown-item translatorInfo" href="#">인적사항</a></li>
-                        </ul>
-                      </td>
+                      <td th:text="${idx.count+((searchParams.pageIndex-1)*searchParams.rowCnt)}"></td>
                       <td th:text="${trInfo.ogdp1}"></td>
                       <td th:text="${trInfo.trLang}"></td>
                       <td th:text="${trInfo.trCareer}"></td>
@@ -146,8 +140,7 @@
                       <td th:text="${trInfo.trEdu}"></td>
                       <td th:text="${trInfo.trCft}"></td>
                       <td th:text="${trInfo.trVisa}"></td>
-                      <td th:if="${trInfo.dmlYn == 'O'}">●</td>
-                      <td th:unless="${trInfo.dmlYn == 'O'}"></td>
+                      <td th:text="${trInfo.dmlYn eq 'O'?'●':''}"></td>
                       <td th:text="${trInfo.aptDt}"></td>
                       <td th:text="${trInfo.trPhone}"></td>
                     </tr>
@@ -185,7 +178,7 @@
                   </nav>
                 </div>
                 <div class="col-auto">
-                  <button data-bs-toggle="modal" class="btn btn-primary" data-bs-target="#translatorInsertModal" th:unless="${accessAuth eq 'ACC001'}">등록</button>
+                  <button class="btn btn-primary" id="addTranslatorBtn" th:unless="${accessAuth eq 'ACC001'}">등록</button>
                 </div>
               </div>
             </div>
@@ -195,177 +188,13 @@
     </div>
   </main>
 
-  <div class="modal fade" id="translatorInsertModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userInsertModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-lg">
-      <div class="modal-content ">
-        <div class="modal-header bg-dark">
-          <h5 class="modal-title text-white" id="translatorInsertModalLabel">통역인 등록</h5>
-          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <form id="translatorInsert" action="#" method="post">
-            <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
-            <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-            <br>
-            <div class="row mb-1">
-              <label for="ogdp1" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">관서</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="ogdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
-                  <option value="">선택</option>
-                  <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-                    <th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
-                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd eq userOrgan}"></option>
-                    </th:block>
-                  </th:block>
-                </select>
-              </div>
-              <label for="lang" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">언어</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="lang" name="trLang">
-                  <option value="">선택</option>
-                  <th:block th:each="commonCode:${session.commonCode.get('LGG')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label for="trCareer" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">경력</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="trCareer" name="trCareer">
-              </div>
-            </div>
-            <div class="row mb-1">
-              <label for="trName" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">성명</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="trName" name="trName">
-              </div>
-              <label for="trSex" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">성별</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="trSex" name="trSex">
-                  <option value="">선택</option>
-                  <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label for="trPhone" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">연락처</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="trPhone" name="trPhone">
-              </div>
-            </div>
-            <div class="row mb-1">
-              <label for="trNny" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">국적</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="trNny" name="trNny">
-                  <option value="">선택</option>
-                  <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label for="naturalization" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">귀화</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="naturalization" name="naturalization" disabled>
-                  <option value="">선택</option>
-                  <option value="O">O</option>
-                  <option value="X">X</option>
-                </select>
-              </div>
-            </div>
-            <div class="row mb-1">
-              <label for="trAge" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">나이</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="trAge" name="trAge">
-              </div>
-              <label for="trEdu" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">학력</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="trEdu" name="trEdu">
-                  <option value="">선택</option>
-                  <th:block th:each="commonCode:${session.commonCode.get('EDU')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label for="trCft" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">자격증</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="trCft" name="trCft">
-              </div>
-            </div>
-            <div class="row mb-1">
-              <label for="trVisa" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">비자</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="trVisa" name="trVisa">
-                  <option value="">선택</option>
-                  <th:block th:each="code:${session.commonCode.get('VISA')}">
-                    <option th:if="${code.useChk eq 'T'}" th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label for="aptDt" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">위촉일</label>
-              <div class="col-sm-3">
-                <input type="text" class="form-control" id="aptDt" name="aptDt" readonly>
-              </div>
-              <label for="dmlYn" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">해촉</label>
-              <div class="col-sm-3">
-                <select class="form-select" id="dmlYn" name="dmlYn">
-                  <option value="">선택</option>
-                  <option value="O">O</option>
-                  <option value="X">X</option>
-                </select>
-              </div>
-            </div>
-            <div class="mb-2 row">
-              <label for="remark" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">비고</label>
-              <div class="col-sm-11">
-                <input type="text"  class="form-control" id="remark" name="remark">
-              </div>
-            </div>
+  <div class="modal fade" id="translatorEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="translatorEditModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-scrollable">
+      <div class="modal-content" id="translatorEditModalContent">
 
-          </form>
-        </div>
-        <div class="modal-footer bg-light">
-<!--          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>-->
-          <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="modal fade" id="translatorEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-xl modal-dialog-scrollable">
-      <div class="modal-content" id="authEditModalContent">
-        <div class="modal-header bg-dark">
-          <h5 class="modal-title text-white" id="menuEditModalLabel">통역인 정보</h5>
-          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div id="KeyValue">
-        </div>
-        <div class="modal-body">
-          <ul class="nav nav-tabs" id="userTab" role="tablist">
-            <li class="nav-item" role="presentation">
-              <button class="nav-link active" id="accessTab" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">인적사항</button>
-            </li>
-            <li class="nav-item" role="presentation">
-              <button class="nav-link" id="approvalTab" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
-            </li>
-          </ul>
-          <div class="tab-content bg-white border border-top-0" id="configInfo">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="modal fade" id="translatorCareerModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-xl modal-dialog-scrollable">
-      <div class="modal-content" id="translatorCareerModalContent">
-        <div class="modal-header bg-dark">
-          <h5 class="modal-title text-white" id="translatorCareerModalLabel">경력현황</h5>
-          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <div class="tab-content" id="careerView">
-          </div>
-        </div>
       </div>
     </div>
   </div>
+
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/translator/translatorEditModal.html b/src/main/resources/templates/translator/translatorEditModal.html
index e2322105..ea023998 100644
--- a/src/main/resources/templates/translator/translatorEditModal.html
+++ b/src/main/resources/templates/translator/translatorEditModal.html
@@ -1,129 +1,148 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<form id="trInfoUpdate" method="post">
-  <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
-  <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-  <input type="hidden" class="translatorKey" name="translatorKey" th:value="${trInfo.translatorKey}"/>
-  <input type="hidden" class="versionNo" name="versionNo" th:value="${trInfo.versionNo}"/>
-  <br>
-  <div class="pl-15">
-    <div class="row mb-1">
-      <label for="eOgdp1" class="col-sm-1 col-form-label-sm text-center">관서</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eOgdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
-          <option value="">선택</option>
-          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-            <th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
-              <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.ogdp1}"></option>
-            </th:block>
-          </th:block>
-        </select>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">통역인 정보</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
+</div>
+<div id="KeyValue">
+</div>
+<div class="modal-body">
+  <ul class="nav nav-tabs" id="userTab" role="tablist">
+    <li class="nav-item" role="presentation">
+      <button class="nav-link active" id="accessTab" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">인적사항</button>
+    </li>
+    <li class="nav-item" role="presentation">
+      <button class="nav-link" id="approvalTab" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
+    </li>
+  </ul>
+  <div class="tab-content bg-white border border-top-0" id="configInfo">
+    <form id="trInfoUpdate" method="post">
+      <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
+      <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+      <input type="hidden" class="translatorKey" name="translatorKey" th:value="${trInfo.translatorKey}"/>
+      <input type="hidden" class="versionNo" name="versionNo" th:value="${trInfo.versionNo}"/>
+      <br>
+      <div class="pl-15">
+        <div class="row mb-1">
+          <label for="eOgdp1" class="col-sm-1 col-form-label-sm text-center">관서</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eOgdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
+              <option value="">선택</option>
+              <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                <th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
+                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.ogdp1}"></option>
+                </th:block>
+              </th:block>
+            </select>
+          </div>
+          <label for="eTrLang" class="col-sm-1 col-form-label-sm text-center">언어</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eTrLang" name="trLang">
+              <option value="">선택</option>
+              <th:block th:each="commonCode:${session.commonCode.get('LGG')}">
+                <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trLang}"></option>
+              </th:block>
+            </select>
+          </div>
+          <label for="eTrCareer" class="col-sm-1 col-form-label-sm text-center">경력</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="eTrCareer" name="trCareer" th:value="${trInfo.trCareer}">
+          </div>
+        </div>
+        <div class="row mb-1">
+          <label for="eTrEname" class="col-sm-1 col-form-label-sm text-center">성명</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="eTrEname" name="trName" th:value="${trInfo.trName}">
+          </div>
+          <label for="eTrSex" class="col-sm-1 col-form-label-sm text-center">성별</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eTrSex" name="trSex">
+              <option value="">선택</option>
+              <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
+                <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trSex}"></option>
+              </th:block>
+            </select>
+          </div>
+          <label for="eTrPhone" class="col-sm-1 col-form-label-sm text-center">연락처</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="eTrPhone" name="trPhone" th:value="${trInfo.trPhone}">
+          </div>
+        </div>
+        <div class="row mb-1">
+          <label for="eTrNny" class="col-sm-1 col-form-label-sm text-center">국적</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eTrNny" name="trNny">
+              <option value="">선택</option>
+              <th:block th:each="code:${session.commonCode.get('NNY')}">
+                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq trInfo.trNny}"></option>
+              </th:block>
+            </select>
+          </div>
+          <label for="enaturalization" class="col-sm-1 col-form-label-sm text-center">귀화</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="enaturalization" name="naturalization" th:disabled="${trInfo.trNny ne 'NNY001'}">
+              <option value="">선택</option>
+              <option value="O" th:selected="${trInfo.naturalization eq 'O'}">O</option>
+              <option value="X" th:selected="${trInfo.naturalization eq 'X'}">X</option>
+            </select>
+          </div>
+        </div>
+        <div class="row mb-1">
+          <label for="eTrAge" class="col-sm-1 col-form-label-sm text-center">나이</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="eTrAge" name="trAge" th:value="${trInfo.trAge}">
+          </div>
+          <label for="eTrEdu" class="col-sm-1 col-form-label-sm text-center">학력</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eTrEdu" name="trEdu">
+              <option value="">선택</option>
+              <th:block th:each="commonCode:${session.commonCode.get('EDU')}">
+                <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trEdu}"></option>
+              </th:block>
+            </select>
+          </div>
+          <label for="eTrCft" class="col-sm-1 col-form-label-sm text-center">자격증</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="eTrCft" name="trCft" th:value="${trInfo.trCft}">
+          </div>
+        </div>
+        <div class="row mb-1">
+          <label for="eTrVisa" class="col-sm-1 col-form-label-sm text-center">비자</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eTrVisa" name="trVisa">
+              <option value="">선택</option>
+              <th:block th:each="code:${session.commonCode.get('VISA')}">
+                <option th:if="${code.useChk eq 'T' or code.itemCd eq trInfo.trVisa}" th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq trInfo.trVisa}"></option>
+              </th:block>
+            </select>
+          </div>
+          <label for="viewAptDt" class="col-sm-1 col-form-label-sm text-center">위촉일</label>
+          <div class="col-sm-2">
+            <input type="text" class="form-control" id="viewAptDt" name="aptDt" th:value="${trInfo.aptDt}" readonly>
+          </div>
+          <label for="eDmlYn" class="col-sm-1 col-form-label-sm text-center">해촉</label>
+          <div class="col-sm-2">
+            <select class="form-select" id="eDmlYn" name="dmlYn">
+              <option value="">선택</option>
+              <option value="O" th:selected="'O' == ${trInfo.dmlYn}">O</option>
+              <option value="X" th:selected="'X' == ${trInfo.dmlYn}">X</option>
+            </select>
+          </div>
+        </div>
+        <div class="mb-2 row">
+          <label for="eRemark" class="col-sm-1 col-form-label-sm text-center">비고</label>
+          <div class="col-sm-8">
+            <input type="text" class="form-control" id="eRemark" name="remark" th:value="${trInfo.remark}">
+          </div>
+        </div>
       </div>
-      <label for="eTrLang" class="col-sm-1 col-form-label-sm text-center">언어</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eTrLang" name="trLang">
-          <option value="">선택</option>
-          <th:block th:each="commonCode:${session.commonCode.get('LGG')}">
-            <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trLang}"></option>
-          </th:block>
-        </select>
-      </div>
-      <label for="eTrCareer" class="col-sm-1 col-form-label-sm text-center">경력</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="eTrCareer" name="trCareer" th:value="${trInfo.trCareer}">
-      </div>
-    </div>
-    <div class="row mb-1">
-      <label for="eTrEname" class="col-sm-1 col-form-label-sm text-center">성명</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="eTrEname" name="trName" th:value="${trInfo.trName}">
-      </div>
-      <label for="eTrSex" class="col-sm-1 col-form-label-sm text-center">성별</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eTrSex" name="trSex">
-          <option value="">선택</option>
-          <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-            <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trSex}"></option>
-          </th:block>
-        </select>
-      </div>
-      <label for="eTrPhone" class="col-sm-1 col-form-label-sm text-center">연락처</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="eTrPhone" name="trPhone" th:value="${trInfo.trPhone}">
-      </div>
-    </div>
-    <div class="row mb-1">
-      <label for="eTrNny" class="col-sm-1 col-form-label-sm text-center">국적</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eTrNny" name="trNny">
-          <option value="">선택</option>
-          <th:block th:each="code:${session.commonCode.get('NNY')}">
-            <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq trInfo.trNny}"></option>
-          </th:block>
-        </select>
-      </div>
-      <label for="enaturalization" class="col-sm-1 col-form-label-sm text-center">귀화</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="enaturalization" name="naturalization" th:disabled="${trInfo.trNny ne 'NNY001'}">
-          <option value="">선택</option>
-          <option value="O" th:selected="${trInfo.naturalization eq 'O'}">O</option>
-          <option value="X" th:selected="${trInfo.naturalization eq 'X'}">X</option>
-        </select>
-      </div>
-    </div>
-    <div class="row mb-1">
-      <label for="eTrAge" class="col-sm-1 col-form-label-sm text-center">나이</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="eTrAge" name="trAge" th:value="${trInfo.trAge}">
-      </div>
-      <label for="eTrEdu" class="col-sm-1 col-form-label-sm text-center">학력</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eTrEdu" name="trEdu">
-          <option value="">선택</option>
-          <th:block th:each="commonCode:${session.commonCode.get('EDU')}">
-            <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trEdu}"></option>
-          </th:block>
-        </select>
-      </div>
-      <label for="eTrCft" class="col-sm-1 col-form-label-sm text-center">자격증</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="eTrCft" name="trCft" th:value="${trInfo.trCft}">
-      </div>
-    </div>
-    <div class="row mb-1">
-      <label for="eTrVisa" class="col-sm-1 col-form-label-sm text-center">비자</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eTrVisa" name="trVisa">
-          <option value="">선택</option>
-          <th:block th:each="code:${session.commonCode.get('VISA')}">
-            <option th:if="${code.useChk eq 'T' or code.itemCd eq trInfo.trVisa}" th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq trInfo.trVisa}"></option>
-          </th:block>
-        </select>
-      </div>
-      <label for="viewAptDt" class="col-sm-1 col-form-label-sm text-center">위촉일</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control" id="viewAptDt" name="aptDt" th:value="${trInfo.aptDt}" readonly>
-      </div>
-      <label for="eDmlYn" class="col-sm-1 col-form-label-sm text-center">해촉</label>
-      <div class="col-sm-2">
-        <select class="form-select" id="eDmlYn" name="dmlYn">
-          <option value="">선택</option>
-          <option value="O" th:selected="'O' == ${trInfo.dmlYn}">O</option>
-          <option value="X" th:selected="'X' == ${trInfo.dmlYn}">X</option>
-        </select>
-      </div>
-    </div>
-    <div class="mb-2 row">
-      <label for="eRemark" class="col-sm-1 col-form-label-sm text-center">비고</label>
-      <div class="col-sm-8">
-        <input type="text" class="form-control" id="eRemark" name="remark" th:text="${trInfo.remark}">
-      </div>
-    </div>
+    </form>
+
   </div>
-  <div class="modal-footer bg-light">
-    <button type="button" class="btn btn-secondary" id="trDeleteBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">해임</button>
-    <button type="button" class="btn btn-warning" id="updateBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">수정</button>
-  </div>
-</form>
+</div>
+<div class="modal-footer bg-light">
+  <button type="button" class="btn btn-secondary" id="trDeleteBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">해임</button>
+  <button type="button" class="btn btn-warning" id="updateBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">수정</button>
+</div>
 
 </html>
\ No newline at end of file