From 5d6ea49e6f45e855a4368b15384c44bd9e0ae5ef Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 06 九月 2023 10:20:20 +0800 Subject: [PATCH] # 显示屏 --- src/main/webapp/views/monitor/css/index.css | 13 +++++++------ src/main/webapp/views/monitor/index.html | 8 ++++---- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/main/webapp/views/monitor/css/index.css b/src/main/webapp/views/monitor/css/index.css index 05a5f70..69a64a1 100644 --- a/src/main/webapp/views/monitor/css/index.css +++ b/src/main/webapp/views/monitor/css/index.css @@ -26,7 +26,7 @@ } .head-title { color: #f1f1f1; - font-size: 2.5rem; + font-size: 2rem; } .body { width: 100%; @@ -42,7 +42,7 @@ justify-content: space-around; } .box { - width: 90%; + width: 98%; height: 45%; border: 1px solid rgba(25,186,139,.17); box-shadow: inset 0 0 15px rgba(25,186,139,.4); @@ -57,7 +57,7 @@ display: flex; align-items: center; justify-content: center; - font-size: 26px; + font-size: 28px; font-weight: 600; } .box-body { @@ -84,7 +84,7 @@ align-items: center; justify-content: center; text-align: center; - font-size: 20px; + font-size:18px; font-weight: 700; } .table-item { @@ -94,12 +94,12 @@ .table-td { display: flex; align-items: center; - font-size: 18px; + font-size: 16px; } .table-td2 { display: flex; align-items: center; - font-size: 18px; + font-size: 16px; } .table-td:nth-child(even) { background-color: rgba(90, 163, 172, 0.3); @@ -125,6 +125,7 @@ height: 10%; text-align: center; color: #FFF; + } .swiper-none { height: 100%; diff --git a/src/main/webapp/views/monitor/index.html b/src/main/webapp/views/monitor/index.html index b86eec2..75e3549 100644 --- a/src/main/webapp/views/monitor/index.html +++ b/src/main/webapp/views/monitor/index.html @@ -15,7 +15,7 @@ <div class="head"> <div class="head-title">鑷姩浠撳簱鐩戞帶骞冲彴</div> <div class="time-tools"> - <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span id="bar-minute"></span>:<span id="bar-second"></span> <span id="bar-week"></span> + <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span id="bar-minute"></span>:<span id="bar-second"></span> </div> </div> <div class="body"> @@ -23,7 +23,7 @@ <div class="box"> <div class="box-title">娴嬭瘯鐘舵��</div> <div class="box-body"> - <div class="table-head" style="display: flex"><div style="flex: 1">搴撲綅鍙�</div><div style="flex: 1">搴撲綅鐘舵��</div><div style="flex: 1">鍖呭彿</div><div style="flex: 1">娴嬭瘯鐘舵��</div></div> + <div class="table-head" style="display: flex"><div style="flex: 1">搴撲綅鍙�</div><div style="flex: 1">搴撲綅鐘舵��</div><div style="flex: 3">鍖呭彿</div><div style="flex: 1">娴嬭瘯鐘舵��</div></div> <div class="swiper" style="height: 85%"> <div class="swiper-wrapper table-item"> </div> @@ -99,7 +99,7 @@ document.msExitFullscreen(); } } - let url = 'http://192.168.4.188:8085/fnwms' + let url = 'http://192.168.4.188:8088/fnwms' var item = [{locNo: '1',locSts: '1',mk: '1',packStatus$: '1'}] var year = '2020'; var month = '05'; @@ -141,7 +141,7 @@ for (var i = 0; i < item.length; i++) { el = "<div class='swiper-slide "+ css + " '><div style='flex: 1'>" + item[i].locNo + "</div><div style='flex: 1'>" - + item[i].locSts + "</div><div style='flex: 1'>" + + item[i].locSts + "</div><div style='flex: 3'>" + item[i].mk + "</div><div style='flex: 1'>" + item[i].packStatus$ + "</div></div>" -- Gitblit v1.9.1