owrainfo/confirms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

화면 수정

Browse Source
This commit is contained in:
jjstyle
2026-02-23 18:46:33 +09:00
parent b237c4b934
commit af7846ea7c
14 changed files with 650 additions and 665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
app/Views/pages/v2/m703/detail.php
View File

@@ -1,6 +1,6 @@
<?= $this->extend('layouts/main') ?>
<?= $this->section('content') ?>
<link rel="stylesheet" href="/common/css/custom.css">
<style>
table th {
vertical-align: middle;
@@ -20,43 +20,68 @@
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;
}
</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">
<?php if (($data['receiver'] ?? '') != "API"): ?>
<div class="card-header">
<div class="d-flex align-items-center w-100">
<div class="ms-auto d-flex gap-1">
<span class="text-muted small me-2">
발신번호 : <?= esc(str_replace('-', '', $data['caller_no'] ?? '')) ?>
</span>
<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;">
<?php if (($data['receiver'] ?? '') != "API"): ?>
<span class="text-muted me-2">발신번호:</span>
<span class="fw-bold text-primary fs-6 me-4"><?= esc(str_replace('-', '', $data['caller_no'] ?? '')) ?></span>
<?php endif; ?>
<span class="text-muted me-2">팩스 순번:</span>
<span class="fw-bold text-primary fs-6 me-4"><?= $data['fax_sq'] ?></span>
<?php if (($data['receiver'] ?? '') != "API"): ?>
<button type="button" class="btn btn-sm btn-outline-secondary"
onclick="faximage_rotate(90)">90˚</button>
<button type="button" class="btn btn-sm btn-outline-secondary"
onclick="faximage_rotate(180)">180˚</button>
<button type="button" class="btn btn-sm btn-outline-secondary"
onclick="faximage_rotate(270)">270˚</button>
</div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
</div>
<div class="card-body">
<!-- table 유지 + 반응형 -->
<div class="table-responsive">
@@ -92,13 +117,15 @@
?>
<?php if ($ext === 'pdf'): ?>
<a href="<?= esc($filePath . $fileName) ?>" class="embed"></a>
<a href="<?= esc($filePath . $fileName) ?>" target="_blank" class="btn btn-primary">PDF 보기</a>
<?php else: ?>
<a onclick="fn_preview('<?= esc($image_path . $fileName) ?>?<?= esc(($data['img_width'] ?? '') . ($data['img_height'] ?? '')) ?>')"
rel="lightbox">
<a href="<?= esc($image_path . $fileName) ?>?<?= esc(($data['img_width'] ?? '') . ($data['img_height'] ?? '')) ?>"
class="glightbox"
data-gallery="fax-image"
data-title="팩스 이미지">
<img id="fax_image"
src="<?= esc($image_path . $fileName) ?>?<?= esc(($data['img_width'] ?? '') . ($data['img_height'] ?? '')) ?>"
alt="fax" class="img-fluid" style="width: 100%;" />
alt="fax" class="img-fluid" style="width: 100%; cursor: pointer;" />
</a>
<?php endif; ?>
</td>
@@ -121,7 +148,7 @@
<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>
@@ -652,7 +679,7 @@
<table
class="table table-sm table-bordered mb-2 tbl_basic2 align-middle">
<colgroup>
<col style="width: 140px;">
<col style="width: 120px;">
<col>
</colgroup>
<tbody>
@@ -940,10 +967,10 @@
<div class="table-scroll" style="height: 250px;overflow-y: scroll;">
<table class="table table-bordered table-sm tbl_basic2 apt-info-table">
<tr>
<th width="90" style="text-align: center;">진행상태</th>
<th width="150" style="text-align: center;">진행상태</th>
<th width="150" style="text-align: center;">변경내용</th>
<th width="90" style="text-align: center;">처리자(ID)</th>
<th width="120" style="text-align: center;">처리일시</th>
<th width="150" style="text-align: center;">처리일시</th>
<th style="text-align: center;">세부내용</th>
</tr>
<?php if (!empty($history)) { ?>
@@ -973,29 +1000,25 @@
</div>
</div>
</div>
<?= $this->section('modals') ?>
<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 type="text/javascript">
$(function () {
// GLightbox 초기화
const lightbox = GLightbox({
touchNavigation: true,
loop: false,
autoplayVideos: true,
zoomable: true,
draggable: true
});
});
@@ -1776,20 +1799,6 @@
});
}
// 이미지 프리뷰
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() ?>