[Frontend] 系統監控 電梯系統 頁面串接 | 電梯框架建置
This commit is contained in:
parent
1f58f537a6
commit
46d335a123
@ -4,7 +4,7 @@
|
|||||||
height:520px;
|
height:520px;
|
||||||
}
|
}
|
||||||
table.elevator-build {
|
table.elevator-build {
|
||||||
border: 1px double #000;
|
/*border: 1px double #000;*/
|
||||||
}
|
}
|
||||||
table.elevator-build td {
|
table.elevator-build td {
|
||||||
padding: 0.2rem 0.5rem;
|
padding: 0.2rem 0.5rem;
|
||||||
@ -876,16 +876,24 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
var floors = ["B2F", "B1F", "1F", "2F", "3F", "4F", "5F", "6F"]
|
||||||
$(function () {
|
$(function () {
|
||||||
setBuildFloor();
|
setBuildFloor(floors.length,3);
|
||||||
})
|
})
|
||||||
|
|
||||||
function setBuildFloor(floorCnt = 10,eleCnt = 3) {
|
function setBuildFloor(floorCnt = 10,eleCnt = 3) {
|
||||||
let tbody = creEle("tbody");
|
let tbody = creEle("tbody");
|
||||||
|
//樓層從小到大
|
||||||
|
let rfloors = floors.reverse();
|
||||||
|
let eleCircle = creDiv(["elevator-circle"]);
|
||||||
|
//樓層表格建置
|
||||||
for (let f = 1; f <= floorCnt; f++) {
|
for (let f = 1; f <= floorCnt; f++) {
|
||||||
let tr = creEle("tr");
|
let tr = creEle("tr");
|
||||||
for (let e = 1; e <= eleCnt; e++) {
|
for (let e = 1; e <= eleCnt + 2; e++) {
|
||||||
let td = creEle("td");
|
let td = creEle("td");
|
||||||
|
if (e == 1) {
|
||||||
|
td.text(rfloors[f - 1]);
|
||||||
|
}
|
||||||
tr.append(td);
|
tr.append(td);
|
||||||
}
|
}
|
||||||
tbody.append(tr);
|
tbody.append(tr);
|
||||||
@ -893,9 +901,19 @@
|
|||||||
|
|
||||||
$("#floorTable").html(tbody);
|
$("#floorTable").html(tbody);
|
||||||
|
|
||||||
$("#floorTable tbody tr td").each((index, td) => {
|
$("#floorTable tbody tr").each((index, tr) => {
|
||||||
if (index == 0) {
|
|
||||||
|
|
||||||
|
$(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");
|
||||||
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user