평면도 상세 화면 추가

app/Views/pages/article/detail2.php

@@ -0,0 +1,128 @@
+<?= $this->extend('layouts/main') ?>
+
+<?= $this->section('content') ?>
+<style>
+    .tbl_basic2 th {
+        padding: 0 10px;
+        height: 27px;
+        border: solid 1px #d8d9de;
+        background-color: #eff0f4;
+        letter-spacing: -1px;
+        font-weight: normal;
+        color: #5a5f69;
+        text-align: left;
+    }
+
+    .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;
+    }
+
+    .dropzone {
+        min-height: 260px;
+        background-color: #fafbfc;
+    }
+
+    .dropzone:hover {
+        background-color: #f4f6f8;
+    }
+
+    #myDropzone {
+        position: relative;
+        padding-top: 110px;
+        /* 메시지 영역 높이만큼 */
+    }
+
+    #uploadModal .modal-dialog {
+        max-width: 1140px;
+        /* modal-xl */
+    }
+
+    #uploadModal .modal-content {
+        height: 450px;
+        max-height: 450px;
+    }
+</style>
+
+<div class="col-md-12 col-xl-12">
+    <div class="col-lg-12">
+
+        <div class="main-card mb-3 card">
+            <div class="card-body">
+                <h5 class="card-title">단지 정보</h5>
+                <table class="table table-bordered table-sm tbl_basic2 apt-info-table">
+                    <colgroup>
+                        <col width="100" />
+                        <col width="300" />
+                        <col width="100" />
+                        <col width="300" />
+                    </colgroup>
+
+                    <tr>
+                        <th>단지코드</th>
+                        <td><?= esc($apt['hscp_no'] ?? '') ?></td>
+                        <th>주소</th>
+                        <td><?= esc($apt['addr'] ?? '') ?></td>
+                    </tr>
+                    <tr>
+                        <th>단지명</th>
+                        <td><?= esc($apt['rcpt_hscp_nm'] ?? '') ?></td>
+                        <th>상세주소</th>
+                        <td><?= esc($apt['addr2'] ?? '') ?></td>
+                    </tr>
+                    <tr>
+                        <th>입주년월</th>
+                        <td></td>
+                        <th>총세대수</th>
+                        <td></td>
+                    </tr>
+                    <tr>
+                        <th>총동수</th>
+                        <td></td>
+                        <th>메모</th>
+                        <td>
+                            <div class="row g-2 align-items-center">
+                                <div class="col-md-9">
+                                    <input class="form-control" type="text" id="memo"
+                                        value="<?= esc($apt['memo'] ?? '') ?>" />
+                                </div>
+                                <div class="col-md-3 text-end">
+                                    <button type="button" class="btn btn-outline-focus"
+                                        onclick="saveMemo('<?= esc($apt['rcpt_no'] ?? '') ?>')">저장</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<?= $this->endSection() ?>