외사정보보고 모달 작업 완료

외사수사관리 모달 작업중.

src/main/resources/static/js/common.js

@@ -1,4 +1,5 @@
 let files = [];
+let CrossEditor;
 
 function contentFade(action){
   if(action === "in"){
@@ -184,6 +185,19 @@ function setFileDiv(file, idx){
   uploadDiv.append(fileInfo);
 }
 
+function setEditor(divId, editorHeight){
+  CrossEditor = new NamoSE(divId);
+  CrossEditor.params.ParentEditor = document.getElementById(divId);
+  CrossEditor.params.Width = "100%";
+  CrossEditor.params.Height = editorHeight;
+  CrossEditor.params.UserLang = "auto";
+  CrossEditor.params.NewToolbar = true;
+  CrossEditor.params.UploadFileExecutePath = "/Crosseditor/uploadImg";
+  CrossEditor.params.FullScreen = false;
+  $("#editor").show();
+  CrossEditor.EditorStart();
+}
+
 function fileCheck(flag, files){
   let totalSize = 0;
   for(const file of files) {
@@ -289,3 +303,7 @@ function getToday(){
 
   return year + "-" + month + "-" + day;
 }
+
+function OnInitCompleted(e){
+  e.editorTarget.SetBodyValue(document.getElementById("content").value);
+}

src/main/resources/static/js/faRpt/faRpt.js

@@ -116,25 +116,9 @@ function getFaRptEditModal(faRpt){
     dataType:"html",
     success: function(html){
       $("#faRptEditModalContent").empty().append(html)
-      $("#faRptEditModal").modal('show');
-      $("#faRptDt").datepicker({
-        format: "yyyy-mm-dd",
-        language: "ko",
-        autoclose: true
-      });
-      $("#content").summernote({
-        lang:'ko-KR',
-        height: 300,
-        disableDragAndDrop: true,
-        toolbar: [
-          ['style', ['style']],
-          ['font', ['bold', 'underline', 'clear']],
-          ['color', ['color']],
-          ['para', ['ul', 'ol', 'paragraph']],
-          ['table', ['table']]
-        ]
-      });
       setUploadDiv();
+      setEditor('editor', '500');
+      $("#faRptEditModal").modal('show');
     },
     error:function(){
 
@@ -161,6 +145,7 @@ function saveFaRpt(faRptState){
       $(".text-decoration-line-through").each(function (idx, el){
         formData.append('fileSeq', $(el).attr("data-fileseq"));
       })
+      formData.append('content', CrossEditor.GetBodyValue());
       $.ajax({
         type : 'POST',
         data : formData,

src/main/resources/static/js/publicBoard/publicBoard.js

@@ -1,4 +1,3 @@
-var CrossEditor
 
 $(function(){
   $("#dateSelectorDiv").datepicker({
@@ -89,16 +88,7 @@ function getEditModal(publicKey, publicType){
     success: function(html){
       $("#editContent").empty().append(html)
       setUploadDiv();
-      CrossEditor = new NamoSE('editor');
+      setEditor('editor', '570');
-      CrossEditor.params.ParentEditor = document.getElementById("editor");
-      CrossEditor.params.Width = "100%";
-      CrossEditor.params.Height = "570";
-      CrossEditor.params.UserLang = "auto";
-      CrossEditor.params.NewToolbar = true;
-      CrossEditor.params.UploadFileExecutePath = "/Crosseditor/uploadImg";
-      CrossEditor.params.FullScreen = false;
-      $("#editor").show();
-      CrossEditor.EditorStart();
       $("#editModal").modal('show');
     },
     error:function(){
@@ -181,7 +171,3 @@ function commentFormReset(){
   $("#parentComment").val('');
   $("#commentFormHome").append(commentForm)
 }
-
-function OnInitCompleted(e){
-  e.editorTarget.SetBodyValue(document.getElementById("content").value);
-}

src/main/resources/templates/faRpt/faRptEditModal.html

@@ -47,7 +47,8 @@
         <div class="row mb-1 justify-content-center">
           <label for="content" class="col-sm-2 col-form-label col-form-label-sm text-center">내용</label>
           <div class="col-sm-10">
-            <textarea type='text' id="content" name='content' th:utext="${faRpt.content}"></textarea>
+            <div id="editor"></div>
+            <textarea class="d-none" id="content" th:utext="${faRpt.content}"></textarea>
           </div>
         </div>
         <div class="row mb-1">
@@ -75,7 +76,7 @@
           <input type="file" class="d-none" id="fileInputer" multiple>
         </div>
       </div>
-      <div class="col-4">
+      <div class="col-4 border-start">
         <div class="row">
           <div class="col-12 pb-2">
             <div class="row justify-content-between">

src/main/resources/templates/faRpt/faRptViewModal.html

@@ -5,98 +5,48 @@
   <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="faRptViewBody">
-  <div class="row">
-    <div class="col-8">
-      <div class="row mb-1">
-        <label for="wrtUserNm" class="col-sm-2 col-form-label col-form-label-sm text-center">작성자</label>
-        <div class="col-sm-4">
   <input type="hidden" id="faRptKey" th:value="${faRpt.faRptKey}">
-          <input type="hidden" id="wrtUserSeq" th:value="${faRpt.wrtUserSeq}">
+  <ul class="nav nav-tabs" id="userTab" role="tablist">
-          <input type="hidden" id="wrtOrgan" th:value="${faRpt.wrtOrgan}">
+    <li class="nav-item" role="presentation">
-          <input type="hidden" id="wrtPart" th:value="${faRpt.wrtPart}">
+      <button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
-          <input type="hidden" id="wrtUserGrd" th:value="${faRpt.wrtUserGrd}">
+    </li>
-          <input type="text" class="form-control form-control-sm border-0" id="wrtUserNm" name="wrtUserNm" th:value="${faRpt.wrtUserNm}" readonly>
+    <li class="nav-item" role="presentation">
-        </div>
+      <button class="nav-link" id="readUserTab" data-bs-toggle="tab" data-bs-target="#readUserTabPanel" type="button" role="tab" aria-controls="readUserTabPanel" aria-selected="false">수신자</button>
-        <label for="wrtDt" class="col-sm-2 col-form-label col-form-label-sm text-center">작성일시</label>
+    </li>
-        <div class="col-sm-4">
+    <li class="nav-item" role="presentation" th:if="${#lists.size(faRpt.fileList)>0}">
-          <input type="text" class="form-control form-control-sm border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
+      <button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(faRpt.fileList), ')')}"></button>
-        </div>
+    </li>
-      </div>
+  </ul>
+  <div class="tab-content bg-white border border-top-0 p-2">
+    <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
-        <label for="faRptType" class="col-sm-2 col-form-label col-form-label-sm text-center">분류</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">분류</label>
-        <div class="col-sm-4">
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
           <th:block th:each="code:${session.commonCode.get('FRC')}">
-            <th:block th:if="${code.itemCd eq faRpt.faRptType}">
+            <th:block th:if="${code.itemCd eq faRpt.faRptType}" th:text="${code.itemValue}"></th:block>
-              <input type="text" class="form-control form-control-sm border-0" id="faRptType" th:value="${code.itemValue}" readonly>
-            </th:block>
           </th:block>
+        </label>
+        <div class="col-6"></div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${faRpt.title}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${faRpt.wrtUserNm}"></label>
       </div>
-        <label for="status" class="col-sm-2 col-form-label col-form-label-sm text-center">상태</label>
+      <hr class="my-1">
-        <div class="col-sm-4">
-          <th:block th:each="code:${session.commonCode.get('DST')}">
-            <th:block th:if="${code.itemCd eq faRpt.status}">
-              <input type="text" class="form-control form-control-sm border-0" id="status" th:value="${code.itemValue}" readonly>
-            </th:block>
-          </th:block>
-        </div>
-      </div>
-      <hr>
-      <div class="row mb-1">
-        <label for="title" class="col-sm-2 col-form-label col-form-label-sm text-center">제목</label>
-        <div class="col-sm-10">
-          <input type="text" class="form-control form-control-sm border-0" id="title" name="title" th:value="${faRpt.title}" readonly>
-        </div>
-      </div>
       <div class="row mb-1 justify-content-center">
-        <label for="content" class="col-sm-2 col-form-label col-form-label-sm text-center">내용</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
-        <div class="col-sm-10" id="content" th:utext="${faRpt.content}">
+        <div class="col-sm-11 form-control-sm" th:utext="${faRpt.content}"></div>
       </div>
-      </div>
+      <hr class="my-1">
-      <hr>
       <div class="row mb-1">
-        <label for="hashTags" class="col-sm-2 col-form-label col-form-label-sm text-center">해시태그</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">해시태그</label>
-        <div class="col-sm-10">
+        <label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${faRpt.hashTags}"></label>
-          <input type="text" class="form-control form-control-sm border-0" id="hashTags" name="hashTags" th:value="${faRpt.hashTags}" readonly>
       </div>
     </div>
-      <hr>
+    <div class="tab-pane fade p-2" id="readUserTabPanel" role="tabpanel" tabindex="0">
-      <div class="row mb-3">
-        <label for="fileTable" class="col-sm-2 col-form-label col-form-label-sm text-center">업로드 자료</label>
-        <div class="col-sm-10">
-          <table class="table" id="fileTable">
-            <thead>
-            <tr>
-              <th>파일명</th>
-              <th>사이즈</th>
-            </tr>
-            </thead>
-            <tbody>
-            <th:block th:if="${#lists.isEmpty(faRpt.fileList)}">
-              <tr>
-                <td colspan="2">파일이 없습니다.</td>
-              </tr>
-            </th:block>
-            <th:block th:unless="${#lists.isEmpty(faRpt.fileList)}">
-              <th:block th:each="file:${faRpt.fileList}">
-                <tr class="fileInfoTr">
-                  <td><a href="#" class="fileDownLink" data-board="faRpt"
-                         th:data-parentkey="${file.faRptKey}" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>
-                  <td th:text="${file.fileSize}"></td>
-                </tr>
-              </th:block>
-            </th:block>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-    <div class="col-4">
       <div class="row">
-        <div class="col-12 pb-2">
-          <div class="row justify-content-start">
-            <div class="col-auto">■ 수신자</div>
-          </div>
-        </div>
         <div class="col-1">no</div>
         <div class="col-9">수신자</div>
         <div class="col-2">열람</div>
@@ -127,6 +77,39 @@
         </div>
       </div>
     </div>
+    <div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
+      <div class="row mb-3">
+        <div class="col-sm-12">
+          <table class="table table-sm" id="fileTable">
+            <thead>
+            <tr>
+              <th>파일명</th>
+              <th>사이즈</th>
+            </tr>
+            </thead>
+            <tbody>
+            <th:block th:if="${#lists.isEmpty(faRpt.fileList)}">
+              <tr>
+                <td colspan="2">파일이 없습니다.</td>
+              </tr>
+            </th:block>
+            <th:block th:unless="${#lists.isEmpty(faRpt.fileList)}">
+              <th:block th:each="file:${faRpt.fileList}">
+                <tr class="fileInfoTr">
+                  <td>
+                    <a href="#" class="fileDownLink" data-board="faRpt"
+                         th:data-parentkey="${file.faRptKey}" th:data-fileseq="${file.fileSeq}"
+                         th:text="|${file.origNm}.${file.fileExtn}|"></a>
+                  </td>
+                  <td th:text="${file.fileSize}"></td>
+                </tr>
+              </th:block>
+            </th:block>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
 <div class="modal-footer bg-light">

src/main/resources/templates/ivsgt/ivsgt.html

@@ -116,7 +116,7 @@
                 <table class="table table-sm table-hover table-bordered ws-nowrap">
                   <thead class="align-middle text-center">
                   <tr class="table-secondary">
-                    <th>문서번호</th>
+                    <!--<th>문서번호</th>-->
                     <th>관서</th>
                     <th>검거유형1</th>
                     <th>검거유형2</th>
@@ -127,7 +127,7 @@
                   </thead>
                   <tbody class="table-group-divider align-middle text-center">
                   <tr class="tr" th:each="boardInvestigation:${boardInvestigationList}" th:data-key="${boardInvestigation.ivsgtKey}">
-                    <td th:text="${boardInvestigation.ivsgtKey}"></td>
+                    <!--<td th:text="${boardInvestigation.ivsgtKey}"></td>-->
                     <th:block th:each="commonCode:${session.commonCode.get('OG')}">
                       <td th:if="${boardInvestigation.wrtOrgan eq commonCode.itemCd}" th:text="${commonCode.itemValue}"></td>
                     </th:block>
@@ -142,7 +142,6 @@
                 <!-- 페이징 -->
                 <div class="row justify-content-between">
                   <div class="col-auto">
-                    <button class="btn btn-primary" id="ivsgtAddBtn">등록</button>
                   </div>
                   <div class="col-auto">
                     <nav aria-label="Page navigation">
@@ -169,7 +168,9 @@
                       </ul>
                     </nav>
                   </div>
-                  <div class="col-auto"></div>
+                  <div class="col-auto">
+                    <button class="btn btn-primary" id="ivsgtAddBtn">등록</button>
+                  </div>
                 </div>
               </div>
             </div>

src/main/resources/templates/ivsgt/ivsgtEditModal.html

@@ -53,7 +53,7 @@
         </div>
       </div>
       <div class="row mb-1" id="arrestTypeDiv">
-        <label class="col-sm-2 col-form-label text-center">검거유형1</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-center">검거유형1</label>
         <div class="col-sm-2">
           <select class="form-select form-select-sm" name="arrestCd" id="arrestCd">
             <option value="">검거유형1 선택-</option>
@@ -63,7 +63,7 @@
             </th:block>
           </select>
         </div>
-        <label class="col-sm-2 col-form-label text-center">검거유형2</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-center">검거유형2</label>
         <div class="col-sm-2">
           <select class="form-select form-select-sm" name="arrestCd2" id="arrestCd2">
             <option value="">검거유형2 선택-</option>
@@ -75,6 +75,18 @@
           </select>
         </div>
       </div>
+      <div class="row mb-1">
+        <label for="contentInfoDiv" class="col-sm-2 col-form-label text-center">사건개요</label>
+        <div class="col-sm-10" id="contentInfoDiv">
+          <textarea type='text' name='contentInfo' th:utext="${boardInvestigation.contentInfo}"></textarea>
+        </div>
+      </div>
+      <div class="row mb-1">
+        <label for="contentMainDiv" class="col-sm-2 col-form-label text-center">주요내용</label>
+        <div class="col-sm-10" id="contentMainDiv">
+            <textarea type='text' name='contentMain' th:utext="${boardInvestigation.contentMain}"></textarea>
+        </div>
+      </div>
       <div class="row mb-1">
         <label for="hashTags" class="col-sm-2 col-form-label col-form-label-sm text-center">해시태그</label>
         <div class="col-sm-10">
@@ -82,18 +94,7 @@
                  placeholder="띄어쓰기로 각 태그를 구분합니다. 한 태그 내에서는 띄어쓰기 없이 입력해주세요. ex)태그1 태그2">
         </div>
       </div>
-      <div class="row mb-1 justify-content-center">
+      <div class="row mb-1">
-        <label for="contentInfoDiv" class="col-sm-2 col-form-label text-center">사건개요</label>
-        <div class="col-sm-10" id="contentInfoDiv">
-          <textarea type='text' name='contentInfo' th:utext="${boardInvestigation.contentInfo}"></textarea>
-        </div>
-        <div class="row mb-1 justify-content-center">
-          <label for="contentMainDiv" class="col-sm-2 col-form-label text-center">주요내용</label>
-          <div class="col-sm-10" id="contentMainDiv">
-              <textarea type='text' name='contentMain' th:utext="${boardInvestigation.contentMain}"></textarea>
-          </div>
-        </div>
-        <div class="row mb-3">
         <label for="fileInputer" class="col-sm-2 col-form-label text-center">업로드 자료</label>
         <div class="col-sm-10" style="min-height: 70px;">
           <div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
@@ -107,9 +108,9 @@
               </div>
             </th:block>
           </div>
-          </div>
           <input type="file" class="d-none" id="fileInputer" multiple>
         </div>
+      </div>
       <th:block th:if="${boardInvestigation.ivsgtType eq 'proceeding' or boardInvestigation.ivsgtType eq 'result'}">
         <div class="row mb-3">
           <label for="relatedReportDiv" class="col-sm-2 col-form-label text-center">연관보고서</label>
@@ -148,7 +149,6 @@
           </div>
         </div>
       </th:block>
-      </div>
     </form>
   </div>
   <div class="modal-footer bg-light">

src/main/resources/templates/ivsgt/ivsgtViewModal.html

@@ -15,63 +15,59 @@
     <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body" id="ivsgtViewBody">
-    <form action="#" method="post" id="ivsgtEditForm">
-      <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
-      <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <input type="hidden" name="ivsgtKey" th:value="${boardInvestigation.ivsgtKey}">
-      <input type="hidden" name="wrtOrgan" th:value="${boardInvestigation.wrtOrgan}">
+    <ul class="nav nav-tabs" id="userTab" role="tablist">
-      <input type="hidden" name="contentState">
+      <li class="nav-item" role="presentation">
-      <input type="hidden" name="ivsgtType" th:value="${boardInvestigation.ivsgtType}">
+        <button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
+      </li>
+      <li class="nav-item" role="presentation" th:if="${#lists.size(boardInvestigation.fileList)>0}">
+        <button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(boardInvestigation.fileList), ')')}"></button>
+      </li>
+    </ul>
+    <div class="tab-content bg-white border border-top-0 p-2">
+      <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
         <div class="row mb-1">
-        <label for="wrtUserNm" class="col-sm-2 col-form-label text-center">작성자</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">검거유형1</label>
-        <div class="col-sm-2">
+          <label class="col-sm-2 col-form-label col-form-label-sm text-start">
-          <input type="text" class="form-control border-0" id="wrtUserNm" name="wrtUserNm" th:value="${boardInvestigation.wrtNm}" readonly>
+            <th:block th:each="code:${session.commonCode.get('AT')}">
+              <th:block th:if="${code.itemCd eq boardInvestigation.arrestType.arrestCd}" th:text="${code.itemValue}"></th:block>
+            </th:block>
+          </label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">검거유형2</label>
+          <label class="col-sm-2 col-form-label col-form-label-sm text-start">
+            <th:block th:each="code:${session.commonCode.get(boardInvestigation.arrestType.arrestCd)}">
+              <th:block th:if="${code.itemCd eq boardInvestigation.arrestType.arrestCd2}" th:text="${code.itemValue}"></th:block>
+            </th:block>
+          </label>
+          <div class="col-sm-3"></div>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+          <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(boardInvestigation.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+          <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${boardInvestigation.contentTitle}"></label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+          <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${boardInvestigation.wrtNm}"></label>
         </div>
-        <label for="wrtDt" class="col-sm-2 col-form-label text-center">작성일시</label>
+        <hr class="my-1">
-        <div class="col-sm-2">
+        <div class="row mb-1">
-          <input type="text" class="form-control border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(boardInvestigation.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">사건개요</label>
+          <div class="col-sm-11">
+            <div class="form-control-sm" th:utext="${boardInvestigation.contentInfo}"></div>
           </div>
         </div>
         <div class="row mb-1">
-        <label for="contentTitle" class="col-sm-2 col-form-label text-center">제목</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">주요내용</label>
-        <div class="col-sm-10">
+          <div class="col-sm-11">
-          <input type="text" class="form-control border-0" id="contentTitle" name="contentTitle" th:value="${boardInvestigation.contentTitle}" readonly>
+            <div class="form-control-sm" th:utext="${boardInvestigation.contentMain}"></div>
-        </div>
-      </div>
-      <div class="row mb-1" id="arrestTypeDiv">
-        <label class="col-sm-2 col-form-label text-center">검거유형1</label>
-        <div class="col-sm-2">
-            <div th:utext="${boardInvestigation.arrestType.arrestCdName}"></div>
-        </div>
-        <label class="col-sm-2 col-form-label text-center">검거유형2</label>
-        <div class="col-sm-2">
-          <div th:utext="${boardInvestigation.arrestType.arrestCd2Name}"></div>
           </div>
         </div>
+        <hr class="my-1">
         <div class="row mb-1">
-        <label for="hashTags" class="col-sm-2 col-form-label col-form-label-sm text-center">해시태그</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm text-center">해시태그</label>
-        <div class="col-sm-10">
+          <label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${boardInvestigation.hashTags}"></label>
-          <input type="text" class="form-control form-control-sm border-0" id="hashTags" name="hashTags" th:value="${boardInvestigation.hashTags}"
-                 placeholder="없음" readonly>
         </div>
       </div>
-      <div class="row mb-1 justify-content-center">
+      <div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
-        <div class="col-8">
+        <table class="table table-sm">
-          <div class="row mb-1">
-            <label for="contentInfoDiv" class="col-sm-2 col-form-label text-center">사건개요</label>
-            <div class="col-sm-10" id="contentInfoDiv">
-              <div type='text' class="col-sm-10" name='contentInfos'th:utext="${boardInvestigation.contentInfo}" readonly></div>
-            </div>
-          </div>
-          <div class="row mb-1">
-            <label for="contentMainDiv" class="col-sm-2 col-form-label text-center">주요내용</label>
-            <div class="col-sm-10" id="contentMainDiv">
-              <div type='text' class="col-sm-10" name='contentMain' th:utext="${boardInvestigation.contentMain}" readonly></div>
-            </div>
-          </div>
-        </div>
-        <div class="col-4">
-          <table class="table">
           <thead>
           <tr>
             <th>파일명</th>
@@ -96,10 +92,11 @@
           </tbody>
         </table>
       </div>
+    </div>
     <th:block th:if="${boardInvestigation.ivsgtType eq 'proceeding' or boardInvestigation.ivsgtType eq 'result'}">
       <div class="row mb-3">
-            <label for="relatedReportDiv" class="col-sm-2 col-form-label text-center">연관보고서</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">연관보고서</label>
-            <div class="col-sm-10" id="relatedReportDiv">
+        <div class="col-sm-11" id="relatedReportDiv">
           <div class="row justify-content-start">
             <th:block th:each="relatedReports:${boardInvestigation.relatedReportsList}">
               <div class="col-auto">
@@ -111,8 +108,6 @@
       </div>
     </th:block>
   </div>
-    </form>
-  </div>
   <div class="modal-footer bg-light">
     <th:block th:if="${userSeq eq boardInvestigation.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
       <button type="button" class="btn btn-warning" id="ivsgtEditBtn">수정</button>