화면 수정

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

@@ -1,35 +1,17 @@
 <?= $this->extend('layouts/main') ?>
 
 <?= $this->section('content') ?>
-<style>
-    th {
-        font-size: 11px;
-        text-align: center;
-    }
-
-    td {
-        text-align: center;
-    }
-
-    #aptList tbody tr {
-        cursor: pointer;
-    }
-
-    .blockUI {
-        z-index: 1500 !important;
-    }
-
-    .swal2-cancel {
-        background-color: #ff0000 !important;
-        color: #fff !important;
-    }
-</style>
-
-<h1>모바일 자동검증</h1>
 
 <div class="row">
     <div class="col-md-12 col-xl-12">
         <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 class="row align-items-end" id="frm_srch_info" onsubmit="return false;">
 
@@ -88,9 +70,56 @@
     </div>
 </div>
 
+<?= $this->endSection() ?>
+
+<?= $this->section('page_styles') ?>
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.bootstrap5.min.css" />
+<?= $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">
 
+  const codes = [];
 
+  $(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();
+
+  });
+
+  // localStorage에 검색 조건 저장
+  function saveFormData() {
+    const formData = $('#frm_srch_info').serializeArray();
+    const formObject = {};
+    formData.forEach(item => {
+      formObject[item.name] = item.value;
+    });
+    localStorage.setItem('m711_search_form', JSON.stringify(formObject));
+  }
+
+  // localStorage에서 검색 조건 복원
+  function restoreFormData() {
+    const savedData = localStorage.getItem('m711_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() ?>