From 2909ed1f655a1848cc07e0311fe69f102c8d1fba Mon Sep 17 00:00:00 2001 From: larry2701 Date: Thu, 22 May 2025 17:59:14 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BE=8C=E5=8F=B0=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Backstage/message_list.html | 235 ++++++++++++++++++----------- Backstage/repair_firm_list.html | 167 +++++++++++++------- Backstage/resident_activation.html | 53 +++---- 3 files changed, 277 insertions(+), 178 deletions(-) diff --git a/Backstage/message_list.html b/Backstage/message_list.html index 322542f..f24af07 100644 --- a/Backstage/message_list.html +++ b/Backstage/message_list.html @@ -2,122 +2,173 @@ - 居民列表 + 居民訊息列表 -
-
-

居民訊息列表

- +
+
+

居民訊息列表

+ + +
+ + +
+
+
- -
-
- -
-
- -
-
- -
+
+
- - - - - - - - - - - - -
姓名房號對話摘要狀態操作
- -
-
1 頁,共 1
-
- - -
+
+
- + + + + + + + + + + + + +
姓名房號對話摘要狀態操作
- - + + } + + // Modal 搜尋 + document.getElementById("modalSearchInput").addEventListener("input", function () { + const keyword = this.value.trim().toLowerCase(); + const resultBox = document.getElementById("modalSearchResult"); + resultBox.innerHTML = ""; + + if (!keyword) return; + + const results = residents.filter(r => + r.name.toLowerCase().includes(keyword) || r.room.toLowerCase().includes(keyword) + ); + + if (results.length === 0) { + resultBox.innerHTML = `
  • 找不到相關居民
  • `; + } else { + results.forEach(r => { + const li = document.createElement("li"); + li.className = "list-group-item list-group-item-action"; + li.innerHTML = `${r.name} - ${r.room}`; + li.onclick = () => window.location.href = `message.html?id=${r.id}`; + resultBox.appendChild(li); + }); + } + }); + + renderTable(); + \ No newline at end of file diff --git a/Backstage/repair_firm_list.html b/Backstage/repair_firm_list.html index ca3ba42..85c5d68 100644 --- a/Backstage/repair_firm_list.html +++ b/Backstage/repair_firm_list.html @@ -14,21 +14,9 @@ } .container.mt-4 { flex-grow: 1; - padding-bottom: 70px; - } - nav.pagination-fixed { - position: fixed; - left: 0; - bottom: 0; - width: 100%; - background-color: #f8f9fa; - padding: 10px 0; - border-top: 1px solid #dee2e6; - z-index: 1000; - } - nav.pagination-fixed .pagination { - margin-bottom: 0; + /* Removed padding-bottom as pagination is no longer fixed */ } + /* Removed .pagination-controls fixed styling */ @@ -37,13 +25,13 @@
    - +
    @@ -55,10 +43,10 @@
    - +
    - +
    @@ -77,28 +65,36 @@ -
    - +
    +
    1 頁,共 1
    +
    + + +
    +
    - \ No newline at end of file diff --git a/Backstage/resident_activation.html b/Backstage/resident_activation.html index 801319a..8338c7f 100644 --- a/Backstage/resident_activation.html +++ b/Backstage/resident_activation.html @@ -15,7 +15,6 @@ .container.mt-4 { flex-grow: 1; - /* padding-bottom: 70px; Removed as pagination is no longer fixed */ } #qrcodeModal .modal-body { @@ -24,25 +23,19 @@ align-items: center; } - /* Removed nav.pagination-fixed styles */ - - /* Custom styles ONLY for buttons that are .btn but NOT .btn-sm or .btn-lg */ - /* This ensures .btn-sm (like pagination and table action buttons) use Bootstrap's default styling */ .btn:not(.btn-sm):not(.btn-lg) { - font-weight: 500; /* Custom font-weight for standard-sized buttons */ - font-size: 1rem; /* Custom font-size for standard-sized buttons */ - padding: 0.5rem 0.75rem; /* Custom padding for standard-sized buttons */ + font-weight: 500; + font-size: 1rem; + padding: 0.5rem 0.75rem; transition: all 0.2s ease-in-out; } - /* Custom hover effect ONLY for buttons that are .btn but NOT .btn-sm or .btn-lg */ .btn:not(.btn-sm):not(.btn-lg):hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,0.1); } - /* Ensure all buttons, including btn-sm, can have rounded-pill if specified by class */ .rounded-pill { - border-radius: 50rem !important; /* Ensure pill shape if class is present */ + border-radius: 50rem !important; } @@ -51,23 +44,26 @@

    未開通居民列表

    -
    -
    +
    +
    -
    +
    -
    +
    -
    +
    +
    +
    - +
    +
    +
    - @@ -90,7 +86,9 @@ - + +