diff --git a/Backstage/message.html b/Backstage/message.html new file mode 100644 index 0000000..c8912ab --- /dev/null +++ b/Backstage/message.html @@ -0,0 +1,189 @@ + + + + + 居民對話訊息 + + + + + +
+
+

王小明

+ ← 返回列表 +
+ +
+
+
你好，今天有包裹嗎？
+
+
+
您好，有一個郵件已放置櫃台。
+
+
+
好的，謝謝您。
+
+
+
不客氣，祝您愉快！
+
+
+ + +
+ 快速訊息：
+ + + + +
+ + +
+ + + + +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/Backstage/message_list.html b/Backstage/message_list.html new file mode 100644 index 0000000..599cbc1 --- /dev/null +++ b/Backstage/message_list.html @@ -0,0 +1,140 @@ + + + + + 居民列表 + + + + +
+
+

居民訊息列表

+ +
+ + + + + + + + + + + + +
姓名房號對話摘要狀態操作
+ +
+
第 1 頁，共 1 頁
+
+ + +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/Backstage/notice_list.html b/Backstage/notice_list.html new file mode 100644 index 0000000..160f8da --- /dev/null +++ b/Backstage/notice_list.html @@ -0,0 +1,104 @@ + + + + + 通報列表 + + + + +
+
+

居民通報列表

+
+ + + + + + + + + + + + + + +
姓名房號通報類型說明通報時間狀態操作
+ +
+
第 1 頁，共 1 頁
+
+ + +
+
+
+ + + + + \ No newline at end of file diff --git a/Backstage/notification.html b/Backstage/notification.html new file mode 100644 index 0000000..a51e180 --- /dev/null +++ b/Backstage/notification.html @@ -0,0 +1,149 @@ + + + + + 緊急通報 + + + + +
+

警即通報

+ +
+
+ + +
+ +
+ + +
+ + +
+ + +

通報紀錄

+ + + + + + + + + + +
#通報類型說明時間
+ + +
+
第 1 頁，共 1 頁
+
+ + +
+
+
+ + + + \ No newline at end of file diff --git a/Backstage/resident_activation.html b/Backstage/resident_activation.html index bd35451..c48a0cb 100644 --- a/Backstage/resident_activation.html +++ b/Backstage/resident_activation.html @@ -63,13 +63,12 @@
-
+
+ +
+
-
-
-
-
@@ -82,6 +81,7 @@ 姓名 Email 聯絡電話 + 房號 操作 @@ -114,18 +114,18 @@ const pageSize = 10; let currentPage = 1; let residents = [ - { id: 1, name: "王小明", email: "xiaoming@example.com", phone: "0912-345-678" }, - { id: 2, name: "林美麗", email: "meili@example.com", phone: "0987-654-321" }, - { id: 3, name: "張大雄", email: "daxiong@example.com", phone: "0912-333-444" }, - { id: 4, name: "李小龍", email: "dragon@example.com", phone: "0900-111-222" }, - { id: 5, name: "周杰倫", email: "jay@example.com", phone: "0988-888-888" }, - { id: 6, name: "蔡依林", email: "jolin@example.com", phone: "0977-777-777"}, - { id: 7, name: "林志玲", email: "lin@example.com", phone: "0966-666-666" }, - { id: 8, name: "王力宏", email: "leehom@example.com", phone: "0955-555-555" }, - { id: 9, name: "陳小春", email: "chen@example.com", phone: "0911-111-111" }, - { id: 10, name: "五月天", email: "mayday@example.com", phone: "0922-222-222" }, - { id: 11, name: "田馥甄", email: "hebe@example.com", phone: "0933-333-333" }, - { id: 12, name: "鄧紫棋", email: "gem@example.com", phone: "0944-444-444" } + { id: 1, name: "王小明", email: "xiaoming@example.com", phone: "0912-345-678", room: "A101" }, + { id: 2, name: "林美麗", email: "meili@example.com", phone: "0987-654-321", room: "A102" }, + { id: 3, name: "張大雄", email: "daxiong@example.com", phone: "0912-333-444", room: "B201" }, + { id: 4, name: "李小龍", email: "dragon@example.com", phone: "0900-111-222", room: "B202" }, + { id: 5, name: "周杰倫", email: "jay@example.com", phone: "0988-888-888", room: "C301" }, + { id: 6, name: "蔡依林", email: "jolin@example.com", phone: "0977-777-777", room: "C302" }, + { id: 7, name: "林志玲", email: "lin@example.com", phone: "0966-666-666", room: "D401" }, + { id: 8, name: "王力宏", email: "leehom@example.com", phone: "0955-555-555", room: "D402" }, + { id: 9, name: "陳小春", email: "chen@example.com", phone: "0911-111-111", room: "E501" }, + { id: 10, name: "五月天", email: "mayday@example.com", phone: "0922-222-222", room: "E502" }, + { id: 11, name: "田馥甄", email: "hebe@example.com", phone: "0933-333-333", room: "F601" }, + { id: 12, name: "鄧紫棋", email: "gem@example.com", phone: "0944-444-444", room: "F602" } ]; function renderTable(data) { @@ -143,6 +143,7 @@ ${r.name} ${r.email} ${r.phone} + ${r.room} `; tbody.appendChild(row); @@ -173,10 +174,12 @@ function search() { const nameInput = document.getElementById("searchName").value.toLowerCase(); const emailInput = document.getElementById("searchEmail").value.toLowerCase(); + const roomInput = document.getElementById("searchRoom").value.toLowerCase(); const filtered = residents.filter(r => r.name.toLowerCase().includes(nameInput) && - r.email.toLowerCase().includes(emailInput) + r.email.toLowerCase().includes(emailInput) && + r.room.toLowerCase().includes(roomInput) ); renderTable(filtered); diff --git a/Backstage/resident_list.html b/Backstage/resident_list.html index 55278fa..16e77fe 100644 --- a/Backstage/resident_list.html +++ b/Backstage/resident_list.html @@ -1,241 +1,177 @@ - - 居民列表 - - - + + 居民列表 + + + -
-

居民列表

-
-
- 新增 -
-
- 匯入 -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- - - - - - - - - - - - - -
編號姓名Email聯絡電話操作
+
+

居民列表

+
+
+ 新增 +
+
+ 匯入 +
+
+ +
- -
-
-
-
開通 QR Code
- -
-
-
-
-
-
+
+
+ +
+
+ +
+
+ +
+
+ +
- - - + search(); // 初始化載入 + \ No newline at end of file diff --git a/Backstage/sidebar.html b/Backstage/sidebar.html index 5786ced..ef06383 100644 --- a/Backstage/sidebar.html +++ b/Backstage/sidebar.html @@ -2,7 +2,7 @@ - + 功能列 @@ -68,12 +61,11 @@
- 警報圖示

若遇緊急情況，請選擇災害類型後立即通報。

-
+
- +
+ + +
-
+