화면 수정

app/Views/pages/v2/m709/detail.php

@@ -50,20 +50,13 @@ $usr_level = session('usr_level');
         </form>
         <div class="main-card mb-3 card">
             <?php if (($data['receiver'] ?? '') != "API"): ?>
-                <div class="card-header">
-                    <div class="d-flex justify-content-start gap-1">
-                        <div class="ms-auto d-flex gap-1">
-
-                            <span class="ms-auto">
-                                발신번호 : <?= esc(str_replace('-', '', $data['caller_no'] ?? '')) ?>
-                            </span>
-
-                            <button type="button" class="btn btn-sm btn-outline-secondary"
-                                onclick="faximage_rotate(90)">90˚</button>
-                            <button type="button" class="btn btn-sm btn-outline-secondary"
-                                onclick="faximage_rotate(180)">180˚</button>
-                            <button type="button" class="btn btn-sm btn-outline-secondary"
-                                onclick="faximage_rotate(270)">270˚</button>
+                <div class="card-header bg-white border-bottom shadow-sm">
+                    <div class="d-flex flex-wrap align-items-center gap-3">
+                        <div class="flex-grow-1">
+                            <h4 class="mb-0 fw-bold text-dark">홍보확인서 상세 내용</h4>
+                        </div>
+                        <div class="d-flex flex-wrap gap-3">
+                            <div><span class="tit">발신번호:</span> <span class="num"><?= esc(str_replace('-', '', $data['caller_no'] ?? '')) ?></span></div>
                         </div>
                     </div>
                 </div>
@@ -73,8 +66,8 @@ $usr_level = session('usr_level');
                 <div class="table-responsive">
                     <table class="table table-bordered table-sm tbl_basic2 align-middle mb-0" style="min-width: 900px;">
                         <colgroup>
-                            <col style="width: 60%;">
-                            <col style="width: 40%;">
+                            <col style="width:120px">
+                            <col style="width:120px">
                         </colgroup>
 
                         <tbody>
@@ -120,7 +113,7 @@ $usr_level = session('usr_level');
 
                                     <!-- 1) 요약/조회 + 액션 -->
                                     <div class="main-card mb-3 card">
-                                        <div class="card-header">
+                                        <div class="card-header bg-white border-bottom shadow-sm">
                                             <div class="d-flex align-items-center w-100">
                                                 <span class="fw-semibold">기본 정보</span>
                                                 <div class="ms-auto">
@@ -132,7 +125,7 @@ $usr_level = session('usr_level');
                                         <div class="card-body p-2">
                                             <table class="table table-bordered table-sm tbl_basic2 align-middle mb-0">
                                                 <colgroup>
-                                                    <col style="width: 110px;">
+                                                    <col style="width:120px">
                                                     <col>
                                                 </colgroup>
                                                 <tbody>

app/Views/pages/v2/m709/lists.php

@@ -1,57 +1,18 @@
 <?= $this->extend('layouts/main') ?>
 
 <?= $this->section('content') ?>
-<style>
-  th {
-    font-size: 11px;
-    text-align: center;
-  }
-
-  td {
-    text-align: center;
-  }
-
-  #resultList tbody tr {
-    cursor: pointer;
-    font-size: 12px;
-  }
-
-  .blockUI {
-    z-index: 1500 !important;
-  }
-
-  .ellipsis {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 180px;
-  }
-
-  .card-header {
-    display: flex !important;
-    align-items: center;
-  }
-
-  .card-header-tab {
-    justify-content: flex-start !important;
-  }
-
-  .table-scroll {
-    max-height: 300px;
-    overflow-y: scroll;
-  }
-
-  .swal2-cancel {
-    background-color: #ff0000 !important;
-    color: #fff !important;
-  }
-</style>
-
-<h1>모바일 추가 서류</h1>
 
 <div class="col-md-12 col-xl-12">
-  <div class="main-card mb-3 card">
-    <div class="card-body">
+  
+    <div class="main-card mb-3 card">
+        <div class="card-header bg-white border-bottom shadow-sm">
+            <div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
+                <div>
+                    <h4 class="mb-0 fw-bold text-dark">모바일 추가 서류</h4>
+                </div>
+            </div>
+        </div>
+        <div class="card-body">
       <form id="frm_srch_info" method="get" onsubmit="return false;">
         <input type="hidden" name="m" id="m" value="M801" />
         <input type="hidden" name="todo" id="todo" value="inq" />
@@ -288,14 +249,20 @@
           <!-- 여기는 비워둠: AJAX로 채움 -->
         </tbody>
       </table>
+        </div>
     </div>
-  </div>
 </div>
 
+<?= $this->endSection() ?>
 
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />
+<?= $this->section('page_styles') ?>
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.bootstrap5.min.css" />
 <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+<?= $this->endSection() ?>
+
+<?= $this->section('page_scripts') ?>
+<script src="https://cdn.datatables.net/2.0.7/js/dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/2.0.7/js/dataTables.bootstrap5.min.js"></script>
 <script defer src="/architectui/assets/js/datatable.kor.js"></script>
 <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=dtounkwjc5"></script>
 <script type="text/javascript">
@@ -305,11 +272,21 @@
   const teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
   const userArr = <?= json_encode($user, JSON_UNESCAPED_UNICODE); ?>;
   const codeArr = <?= json_encode($codes, JSON_UNESCAPED_UNICODE); ?>;
+  const codes = <?= json_encode($codes, JSON_UNESCAPED_UNICODE); ?>;
 
   var table;
 
   $(function () {
 
+    // Bootstrap tooltip 초기화
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+      return new bootstrap.Tooltip(tooltipTriggerEl);
+    });
+
+    // localStorage에서 검색 조건 복원
+    restoreFormData();
+
     $("#bonbu").on("change", function (e) {
 
       const value = e.target.value
@@ -561,6 +538,7 @@
     });
 
     $('#btnSearch').on('click', function () {
+      saveFormData();
       table.ajax.reload()
     });
 
@@ -770,5 +748,29 @@
     return str;
 
   }
+
+  // localStorage에 검색 조건 저장
+  function saveFormData() {
+    const formData = $('#frm_srch_info').serializeArray();
+    const formObject = {};
+    formData.forEach(item => {
+      formObject[item.name] = item.value;
+    });
+    localStorage.setItem('m709_search_form', JSON.stringify(formObject));
+  }
+
+  // localStorage에서 검색 조건 복원
+  function restoreFormData() {
+    const savedData = localStorage.getItem('m709_search_form');
+    if (savedData) {
+      const formObject = JSON.parse(savedData);
+      Object.keys(formObject).forEach(key => {
+        const $element = $('#frm_srch_info').find(`[name="${key}"]`);
+        if ($element.length) {
+          $element.val(formObject[key]);
+        }
+      });
+    }
+  }
 </script>
 <?= $this->endSection() ?>