화면 수정
This commit is contained in:
@@ -57,6 +57,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
?>
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
<?= $this->section('content') ?>
|
||||
<link rel="stylesheet" href="/common/css/custom.css">
|
||||
<style>
|
||||
table th {
|
||||
vertical-align: middle;
|
||||
@@ -76,29 +77,64 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.blockUI {
|
||||
z-index: 1500 !important;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
/* GLightbox z-index 설정 */
|
||||
.glightbox-container {
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
max-height: 300px;
|
||||
overflow-y: scroll;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.swal2-cancel {
|
||||
background-color: #ff0000 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-family: Tahoma;
|
||||
color: #b68556;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.table th,
|
||||
.table td {
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
margin-left: -2px;
|
||||
/* 기본은 약 0.5rem 이상 */
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="app-page-title">
|
||||
<div class="page-title-wrapper">
|
||||
<div class="page-title-heading">
|
||||
<div>등기부등본 확인매물 상세 내용</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="col-md-12 col-xl-12">
|
||||
<div class="col-lg-12">
|
||||
<div class="main-card mb-2 card">
|
||||
<div class="card-header bg-white border-bottom shadow-sm">
|
||||
<div class="d-flex flex-wrap align-items-center w-100 justify-content-between card-header-tab">
|
||||
<h4 class="mb-0 fw-bold text-dark">등기부등본 확인매물 상세 내용</h4>
|
||||
<div class="d-flex align-items-center flex-nowrap gap-4 ms-auto" style="white-space:nowrap;">
|
||||
<span class="text-muted me-2">매물번호:</span>
|
||||
<span class="fw-bold text-primary fs-6 me-4"><?= $data['atcl_no'] ?></span>
|
||||
<span class="text-muted me-2">CP ID:</span>
|
||||
<span class="fw-bold text-primary fs-6 me-4"><?= $data['cpid'] ?></span>
|
||||
<span class="text-muted me-2">현재 상태:</span>
|
||||
<span class="fw-bold text-primary fs-6"><?= $data['pre_stat'] ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="rcptFrm" name="rcptFrm" onsubmit="return false">
|
||||
<input type="hidden" name="reg_chk_val" value="<?= $data['rgbk_confirm'] ?>" />
|
||||
@@ -133,7 +169,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
} else {
|
||||
foreach ($arrRegist as $row) {
|
||||
$img_path = $row['file_path'] . $row['file_name'];
|
||||
echo '<a href="' . $img_path . '" class="default_val" target="_blank" rel="lightbox[gallery1]">' .
|
||||
echo '<a href="' . $img_path . '" class="glightbox" data-gallery="gallery1" data-title="등기부등본">' .
|
||||
'<img id="photo-display2" src="' . $img_path . '" alt="Image" style="width:100%;max-width:945px;min-width:100%;border:0;" />' .
|
||||
'</a>';
|
||||
}
|
||||
@@ -150,7 +186,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
echo '<img id="photo-display2" src="/img/photo.gif" alt="Image" style="width:100%;max-width:945px;min-width:100%;border:0;" />';
|
||||
} else {
|
||||
foreach ($arr_cert_register as $img_path) {
|
||||
echo '<a href="' . $img_path . '" class="default_val" target="_blank" rel="lightbox[gallery1]">' .
|
||||
echo '<a href="' . $img_path . '" class="glightbox" data-gallery="gallery1" data-title="등기부등본">' .
|
||||
'<img id="photo-display2" src="' . $img_path . '" alt="Image" style="width:100%;max-width:945px;min-width:100%;border:0;" />' .
|
||||
'</a>';
|
||||
}
|
||||
@@ -184,7 +220,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
<br>
|
||||
<a href="<?= $regi_pdf_path ?>" class="default_val" target="_blank">등기부등본
|
||||
보기</a>
|
||||
<a href="<?= $reco_pdf_path ?>" class="default_val" target="_blank" rel="lightbox"
|
||||
<a href="<?= $reco_pdf_path ?>" class="glightbox" data-gallery="hongbo" data-title="홍보확인서"
|
||||
id="hongbo" onclick="chk_hongbo(event); return false;">홍보확인서 보기</a>
|
||||
<?php
|
||||
}
|
||||
@@ -204,7 +240,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
<div class="card-body p-2">
|
||||
<table class="table table-sm table-bordered mb-2 tbl_basic2 align-middle">
|
||||
<colgroup>
|
||||
<col style="width: 110px;">
|
||||
<col style="width: 120px;">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
@@ -271,7 +307,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
<img id="reference" src="/img/zip.png"
|
||||
alt="Image" /></a>
|
||||
<?php } else { ?>
|
||||
<a href="<?= $filePath ?>" rel="lightbox[gallery2]">
|
||||
<a href="<?= $filePath ?>" class="glightbox" data-gallery="gallery2" data-title="참고파일">
|
||||
<img id="reference" src="<?= $filePath ?>" alt="Image"
|
||||
style="padding-right: 10px; height: 150px;" /></a>
|
||||
<?php } ?>
|
||||
@@ -294,8 +330,7 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
<?php } ?>
|
||||
<?php } else { ?>
|
||||
<?php foreach ($arr_reference as $row) { ?>
|
||||
<a onclick="fn_preview('<?= esc($row) ?>')"
|
||||
rel="lightbox[gallery2]">
|
||||
<a href="<?= esc($row) ?>" class="glightbox" data-gallery="gallery2" data-title="참고파일">
|
||||
<img id="reference" src="<?= $row ?>" alt="Image"
|
||||
style="padding-right: 10px; height: 150px;" /></a>
|
||||
<?php } ?>
|
||||
@@ -1065,23 +1100,27 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="previewModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">미리보기</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body p-0">
|
||||
<img id="imgPreview" src="" alt="미리보기" width="100%" height="auto">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('page_styles') ?>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('page_scripts') ?>
|
||||
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
|
||||
<script src="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone-min.js"></script>
|
||||
<link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
// GLightbox 초기화
|
||||
const lightbox = GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: false,
|
||||
autoplayVideos: true,
|
||||
zoomable: true,
|
||||
draggable: true
|
||||
});
|
||||
|
||||
const reg_status = '<?= $data['reg_status'] ?>';
|
||||
const filePdf = '<?= $file_pdf ?? '' ?>';
|
||||
|
||||
@@ -1792,20 +1831,6 @@ if (!empty($data['confirm_doc_img_url']) && $data['confirm_doc_img_url_save_yn']
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
// 이미지 프리뷰
|
||||
function fn_preview(src) {
|
||||
const $img = $('#imgPreview');
|
||||
|
||||
// 이미지 표시
|
||||
$img.attr('src', src).show();
|
||||
|
||||
$('#previewTitle').text('이미지 미리보기');
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('previewModal'));
|
||||
modal.show();
|
||||
}
|
||||
</script>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -1,76 +1,35 @@
|
||||
<?= $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" />
|
||||
<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>
|
||||
|
||||
@@ -102,7 +61,7 @@
|
||||
<div class="d-flex gap-2">
|
||||
<select name="charger_gbn" id="code_charger_gbn" class="form-select form-select-sm">
|
||||
<option value="1">전화/서류담당자</option>
|
||||
<option value="2" selected>등기부등본담당자</option>
|
||||
<option value="2">등기부등본담당자</option>
|
||||
</select>
|
||||
<select name="assign_yn" id="assign_yn" class="form-select form-select-sm">
|
||||
<option value="A">-전체-</option>
|
||||
@@ -299,15 +258,21 @@
|
||||
<tbody>
|
||||
<!-- 여기는 비워둠: AJAX로 채움 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</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.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>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<?= $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>
|
||||
<script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=dtounkwjc5"></script>
|
||||
<script type="text/javascript">
|
||||
@@ -316,10 +281,42 @@
|
||||
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 () {
|
||||
// 검색 조건 저장
|
||||
function saveSearchForm() {
|
||||
const data = $("#frm_srch_info").serializeArray();
|
||||
localStorage.setItem("m705_search", JSON.stringify(data));
|
||||
}
|
||||
// 검색 조건 복원
|
||||
function restoreSearchForm() {
|
||||
const saved = localStorage.getItem("m705_search");
|
||||
if (!saved) return;
|
||||
const data = JSON.parse(saved);
|
||||
data.forEach(function(item) {
|
||||
$("[name='" + item.name + "']").val(item.value);
|
||||
});
|
||||
// 주요 select에 대해 change 이벤트 트리거
|
||||
$("#srcSido, #srcGugun, #bonbu, #team").trigger("change");
|
||||
}
|
||||
|
||||
$(function () {
|
||||
|
||||
// referrer에 '/m705'가 없으면 검색 조건 초기화
|
||||
if (!document.referrer.includes('/m705')) {
|
||||
localStorage.removeItem("m705_search");
|
||||
}
|
||||
restoreSearchForm();
|
||||
|
||||
// Bootstrap Tooltip 초기화 (빠른 표시)
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl, {
|
||||
delay: { "show": 100, "hide": 100 }
|
||||
})
|
||||
})
|
||||
|
||||
$("#bonbu").on("change", function (e) {
|
||||
|
||||
@@ -573,6 +570,7 @@
|
||||
});
|
||||
|
||||
$('#btnSearch').on('click', function () {
|
||||
saveSearchForm();
|
||||
table.ajax.reload()
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user