화면 수정

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

@@ -1,6 +1,6 @@
 <?= $this->extend('layouts/main') ?>
 
-<?= $this->section('content') ?>
+<?= $this->section('page_styles') ?>
 <style>
   th {
     font-size: 11px;
@@ -46,31 +46,38 @@
     color: #fff !important;
   }
 </style>
+<?= $this->endSection() ?>
 
-<h1>홍보확인서 현황</h1>
+<?= $this->section('content') ?>
 
 <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" />
         <input type="hidden" name="usr_id" value="" />
 
-        <!-- 안내 -->
-        <div class="alert alert-warning py-2 mb-3">
-          <small class="mb-0">
-            매물번호 또는 발신팩스번호를 입력하면 <b>다른 조건은 무시</b>됩니다.
-          </small>
-        </div>
-
         <!-- 검색 폼 -->
         <div class="row g-3">
 
           <!-- 매물번호 -->
           <div class="col-md-1">
-            <label class="form-label mb-1">매물번호</label>
+            <label class="form-label mb-1">
+            매물번호
+            <i class="pe-7s-info info-tooltip" data-bs-toggle="tooltip" data-bs-placement="top" 
+                title="매물번호를 입력하면 다른 조건은 무시됩니다"></i>
+            </label>
             <input type="text" name="atcl_no" class="form-control form-control-sm" placeholder="매물번호" maxlength="10"
+              data-bs-toggle="tooltip" data-bs-placement="top" title="매물번호를 입력하면 다른 조건은 무시됩니다"
               onkeypress="atcl_no_enter(event)">
           </div>
 
@@ -292,12 +299,12 @@
   </div>
 </div>
 
+<?= $this->endSection() ?>
 
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.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->section('page_scripts') ?>
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css" />
+<script src="https://cdn.datatables.net/2.0.7/js/dataTables.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">
 
   const date = new Date();
@@ -305,11 +312,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 +578,7 @@
     });
 
     $('#btnSearch').on('click', function () {
+      saveFormData();
       table.ajax.reload()
     });
 
@@ -770,5 +788,29 @@
     return str;
 
   }
+
+  // localStorage에 검색 조건 저장
+  function saveFormData() {
+    const formData = $('#frm_srch_info').serializeArray();
+    const formObject = {};
+    formData.forEach(item => {
+      formObject[item.name] = item.value;
+    });
+    localStorage.setItem('m708_search_form', JSON.stringify(formObject));
+  }
+
+  // localStorage에서 검색 조건 복원
+  function restoreFormData() {
+    const savedData = localStorage.getItem('m708_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() ?>