화면 수정

This commit is contained in:
2026-02-23 18:46:33 +09:00
parent b237c4b934
commit af7846ea7c
14 changed files with 650 additions and 665 deletions

View File

@@ -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>모바일확인V2 매물현황</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">모바일확인V2 매물현황</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" />
@@ -261,12 +222,18 @@
</form>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="main-card mb-3 card">
<div class="card-body">
<div class="d-flex justify-content-end mb-3">
<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>
<table id="resultList" class="table table-hover table-striped table-bordered">
<div class="card-header d-flex align-items-center">
<div class="d-flex align-items-center flex-wrap" style="gap: 8px; flex: 1">
@@ -302,14 +269,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">
@@ -318,11 +291,21 @@
const bonbuArr = <?= json_encode($bonbu, JSON_UNESCAPED_UNICODE); ?>;
const teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
const userArr = <?= json_encode($user, 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
@@ -574,6 +557,7 @@
});
$('#btnSearch').on('click', function () {
saveFormData(); // 검색 조건 저장
table.ajax.reload()
});
@@ -735,5 +719,29 @@
const modal = new bootstrap.Modal(document.getElementById('previewModal'));
modal.show();
}
// localStorage에 검색 조건 저장
function saveFormData() {
const formData = $('#frm_srch_info').serializeArray();
const formObject = {};
formData.forEach(item => {
formObject[item.name] = item.value;
});
localStorage.setItem('m713_search_form', JSON.stringify(formObject));
}
// localStorage에서 검색 조건 복원
function restoreFormData() {
const savedData = localStorage.getItem('m713_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() ?>