From 46d335a12330a58de949a69f35936e9da036b2f9 Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Tue, 22 Nov 2022 18:40:09 +0800
Subject: [PATCH] =?UTF-8?q?[Frontend]=20=E7=B3=BB=E7=B5=B1=E7=9B=A3?=
 =?UTF-8?q?=E6=8E=A7=20=E9=9B=BB=E6=A2=AF=E7=B3=BB=E7=B5=B1=20=E9=A0=81?=
 =?UTF-8?q?=E9=9D=A2=E4=B8=B2=E6=8E=A5=20|=20=E9=9B=BB=E6=A2=AF=E6=A1=86?=
 =?UTF-8?q?=E6=9E=B6=E5=BB=BA=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_sysElevator.html | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/Frontend/_sysElevator.html b/Frontend/_sysElevator.html
index e393de1..0ed4f28 100644
--- a/Frontend/_sysElevator.html
+++ b/Frontend/_sysElevator.html
@@ -4,7 +4,7 @@
         height:520px;
     }
     table.elevator-build {
-        border: 1px double #000;
+        /*border: 1px double #000;*/
     }
     table.elevator-build td {
         padding: 0.2rem 0.5rem;
@@ -876,16 +876,24 @@
 </div>
 
 <script>
+    var floors = ["B2F", "B1F", "1F", "2F", "3F", "4F", "5F", "6F"]
     $(function () {
-        setBuildFloor();
+        setBuildFloor(floors.length,3);
     })
 
     function setBuildFloor(floorCnt = 10,eleCnt = 3) {
         let tbody = creEle("tbody");
+        //樓層從小到大
+        let rfloors = floors.reverse();
+        let eleCircle = creDiv(["elevator-circle"]);
+        //樓層表格建置
         for (let f = 1; f <= floorCnt; f++) {
             let tr = creEle("tr");
-            for (let e = 1; e <= eleCnt; e++) {
+            for (let e = 1; e <= eleCnt + 2; e++) {
                 let td = creEle("td");
+                if (e == 1) {
+                    td.text(rfloors[f - 1]);
+                }
                 tr.append(td);
             }
             tbody.append(tr);
@@ -893,9 +901,19 @@
         
         $("#floorTable").html(tbody);
 
-        $("#floorTable tbody tr td").each((index, td) => {
+        $("#floorTable tbody tr").each((index, tr) => {
+
+            $(tr).find("td:eq(0)").css("border-left", "0");
+            $(tr).find("td:eq(-1)").css("border-right", "0");
+
             if (index == 0) {
-                
+                $(tr).find("td").each((index, td) => {
+                    $(td).css("border-top", "0");
+                })
+            } else if (index == $("#floorTable tbody tr").length - 1) {
+                $(tr).find("td").each((index, td) => {
+                    $(td).css("border-bottom", "0");
+                })
             }
         })