공통화 작업 및 워커 해더

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

@@ -208,21 +208,6 @@
 
 <div class="col-md-12 col-xl-12">
   <div class="main-card mb-3 card">
-    <div class="card-header d-flex align-items-center">
-      <div class="d-flex align-items-center flex-wrap" style="gap: 8px; flex: 1">
-
-      </div>
-
-      <div class="ml-auto">
-
-
-        <button class="btn btn-sm btn-outline-success" id="excel-download">
-          <i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
-          엑셀다운로드
-        </button>
-      </div>
-    </div>
-
     <div class="card-body">
       <table id="resultList" class="table table-hover table-striped table-bordered">
         <thead>
@@ -254,14 +239,16 @@
 <?= $this->endSection() ?>
 
 <?= $this->section('page_styles') ?>
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css" />
+<?= $this->include('layouts/partials/datatables_css') ?>
 <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+  #resultList_wrapper .dt-start { display: flex; align-items: center; gap: 1rem; align-items: baseline;}
+</style>
 <?= $this->endSection() ?>
 
 <?= $this->section('page_scripts') ?>
-<script src="https://cdn.datatables.net/2.0.7/js/dataTables.min.js"></script>
-<script defer src="/architectui/assets/js/datatable.kor.js"></script>
+<?= $this->include('layouts/partials/datatables_js') ?>
+<?= $this->include('layouts/partials/datatables_v2_layout_helpers') ?>
 <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=dtounkwjc5"></script>
 <script type="text/javascript">
 
@@ -281,6 +268,7 @@
   // 검색 조건 복원
   function restoreSearchForm() {
     const saved = localStorage.getItem("m703_search");
+    // console.log(saved);
     if (!saved) return;
     const data = JSON.parse(saved);
     data.forEach(function(item) {
@@ -450,6 +438,12 @@ $(function () {
 
     initReceiptDate();
     table = $('#resultList').DataTable({
+      layout: {
+        topStart: '',
+        topEnd: v2TopEndButtons(),
+        bottomStart: ['pageLength', 'info'],
+        bottomEnd: 'paging'
+      },
       language: lang_kor,
       serverSide: true,
       processing: true,
@@ -533,7 +527,7 @@ $(function () {
 
     $('#btnSearch').on('click', function () {
       saveSearchForm();
-      table.ajax.reload()
+      table.ajax.reload();
     });
 
     // 엑셀 다운로드 click
@@ -769,4 +763,6 @@ $(function () {
     return str;
   }
 </script>
-<?= $this->endSection() ?>
+
+<?= $this->endSection() ?>
+