From 25aeafe7a7930bdb5aa471f656a4b43ca993ca11 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期六, 01 四月 2023 18:36:01 +0800
Subject: [PATCH] #
---
src/main/webapp/views/monitor.html | 143 ++++++++++++++++++++++-------------------------
1 files changed, 68 insertions(+), 75 deletions(-)
diff --git a/src/main/webapp/views/monitor.html b/src/main/webapp/views/monitor.html
index 4f4606c..b15a72d 100644
--- a/src/main/webapp/views/monitor.html
+++ b/src/main/webapp/views/monitor.html
@@ -33,9 +33,9 @@
<div style="padding: 10px;height: 100%">
<div style="width: 100%;height: 100%;">
<div class="head">
- <label id="lcd-1" class="label lcd">LCD1</label>
- <label id="lcd-2" class="label lcd">LCD2</label>
- <label id="lcd-3" class="label lcd">LCD3</label>
+ <label id="lcd-100" class="label lcd">LCD1</label>
+ <label id="lcd-110" class="label lcd">LCD2</label>
+ <label id="lcd-113" class="label lcd">LCD3</label>
</div>
<div class="body">
<!--<div class="time-tools">-->
@@ -43,10 +43,10 @@
<!--</div>-->
<div class="canves1 aData">
<div style="width: 25%;height: 100%;font-size: 30px;display: flex;flex-direction: column;justify-content: space-around;">
- <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱琛岃蛋锛�10869绫�</div>
- <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱琛岃蛋锛�10869绫�</div>
- <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱琛岃蛋锛�10869绫�</div>
- <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱琛岃蛋锛�10869绫�</div>
+ <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱璧拌璺濈锛�<span id="xDistance"></span>绫�</div>
+ <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱鍗囬檷璺濈锛�<span id="yDistance"></span>绫�</div>
+ <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱璧拌鏃堕暱锛�<span id="xDuration"></span>绉�</div>
+ <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">绱鍗囬檷鏃堕暱锛�<span id="yDuration"></span>绉�</div>
</div>
<div id="ledData" style="width: 50%;height: 100%;font-size: 30px;display: flex;flex-direction: column;justify-content: space-around;background-color: #93D1FF;text-align: center;">
AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM
@@ -116,7 +116,7 @@
<img src="monitor/img/a1.png">
<div class="info-detail">
<div class="real-data">
- <i class="count" id="xDistance">0</i>
+ <i class="count" id="xDistance0">0</i>
<span class="unit">m</span>
</div>
<div class="content">绱璧拌璺濈(绫�)</div>
@@ -126,7 +126,7 @@
<img src="monitor/img/b1.png">
<div class="info-detail">
<div class="real-data">
- <i class="count" id="yDistance">0</i>
+ <i class="count" id="yDistance0">0</i>
<span class="unit">m</span>
</div>
<div class="content">绱鍗囬檷璺濈(绫�)</div>
@@ -136,7 +136,7 @@
<img src="monitor/img/c1.png">
<div class="info-detail">
<div class="real-data">
- <i class="count" id="xDuration">0</i>
+ <i class="count" id="xDuration0">0</i>
<span class="unit">s</span>
</div>
<div class="content">绱璧拌鏃堕暱(绉�)</div>
@@ -146,7 +146,7 @@
<img src="monitor/img/d1.png">
<div class="info-detail">
<div class="real-data">
- <i class="count" id="yDuration">0</i>
+ <i class="count" id="yDuration0">0</i>
<span class="unit">s</span>
</div>
<div class="content">绱鍗囬檷鏃堕暱(绉�)</div>
@@ -332,14 +332,9 @@
<button id="unSelectAll">鍙栨秷鍏ㄩ��</button>
</div>
<div id="checked" style="overflow-y: scroll;height: 80%;border: 1px solid #888" >
- <label for=""><input type="checkbox" name="monitor" checked="checked" value="1">1鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="2">2鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="3">3鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="4">4鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="5">5鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="6">6鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="7">7鍙锋樉绀哄櫒</label>
- <label for=""><input type="checkbox" name="monitor" value="8">8鍙锋樉绀哄櫒</label>
+ <label for=""><input type="checkbox" name="monitor" checked="checked" value="100">1鍙锋樉绀哄櫒</label>
+ <label for=""><input type="checkbox" name="monitor" value="110">2鍙锋樉绀哄櫒</label>
+ <label for=""><input type="checkbox" name="monitor" value="113">3鍙锋樉绀哄櫒</label>
</div>
</div>
<!--鏂囨湰鍐呭-->
@@ -358,57 +353,6 @@
</body>
</html>
<script>
- var inputValue = ''
- // lcd鍒囨崲鎸夐挳
- $(function() {
- $(".label").click(function() {
- $(this).addClass("abc").siblings().removeClass("abc");
- });
- });
- // 鍏ㄩ�夋寜閽�
- $("#selectAll").click(function(){
- $('input:checkbox[name=monitor]').each(function () {
- $(this).prop("checked",true);
- })
- });
- // 鍙栨秷鍏ㄩ�夋寜閽�
- $("#unSelectAll").click(function(){
- $('input:checkbox[name=monitor]').each(function () {
- $(this).prop("checked",false);
- })
- });
- // 鍙戦�佽妭鐩寜閽�
- $('#sendMessage').click(function () {
- var sendMessage = $('#sendContent').val()
- inputValue = ''
- $('input:checkbox[name=monitor]:checked').each(function () {
- var ledId = parseInt($(this).val())
- $.ajax({
- url: baseUrl+"/monitor/led/add/program",
- data: {ledId:ledId,msg:sendMessage},
- method: 'GET',
- success: function (res) {
- console.log(res)
- }
- })
- })
-
- })
- // 绉婚櫎鑺傜洰鎸夐挳
- $('#removeMessage').click(function () {
- var sendMessage = 'K'
- $('input:checkbox[name=monitor]').each(function () {
- if ($(this).is(':checked')) {
- console.log($(this).find(':checked'))
- } else {
- console.log('m')
- }
- })
-
- })
-</script>
-<script>
-
layui.use(['element', 'carousel'], function(){
var carousel = layui.carousel;
var element = layui.element;
@@ -453,6 +397,59 @@
getOther2(crnId,lcdId)
})
+ // lcd鍒囨崲鎸夐挳
+ $(function() {
+ $(".label").click(function() {
+ $(this).addClass("abc").siblings().removeClass("abc");
+ });
+ });
+ // 鍏ㄩ�夋寜閽�
+ $("#selectAll").click(function(){
+ $('input:checkbox[name=monitor]').each(function () {
+ $(this).prop("checked",true);
+ })
+ });
+ // 鍙栨秷鍏ㄩ�夋寜閽�
+ $("#unSelectAll").click(function(){
+ $('input:checkbox[name=monitor]').each(function () {
+ $(this).prop("checked",false);
+ })
+ });
+ // 鍙戦�佽妭鐩寜閽�
+ $('#sendMessage').click(function () {
+ var sendMessage = $('#sendContent').val()
+ $('input:checkbox[name=monitor]:checked').each(function () {
+ var ledId = parseInt($(this).val())
+ console.log(typeof ledId,ledId,sendMessage)
+ $.ajax({
+ url: baseUrl+"/monitor/led/add/program",
+ data: {ledId:ledId,msg:sendMessage},
+ method: 'GET',
+ success: function (res) {
+ console.log(res)
+ }
+ })
+ })
+
+ })
+ // 绉婚櫎鑺傜洰鎸夐挳
+ $('#removeMessage').click(function () {
+ var sendMessage = ''
+ inputValue = ''
+ $('input:checkbox[name=monitor]:checked').each(function () {
+ var ledId = parseInt($(this).val())
+ console.log(ledId)
+ $.ajax({
+ url: baseUrl+"/monitor/led/add/program",
+ data: {ledId:ledId,msg:sendMessage},
+ method: 'GET',
+ success: function (res) {
+ console.log(res)
+ }
+ })
+ })
+
+ })
setInterval(function () {
setDate();
initlineChart();
@@ -465,7 +462,6 @@
// 鍑哄簱淇℃伅
function getInfo(ledId) {
- console.log(ledId)
$.ajax({
url: baseUrl+"/monitor/led",
data: {ledId:ledId},
@@ -473,7 +469,7 @@
success: function (res) {
if (lcdControll < 3) {
$('.aData').attr('display','none')
-
+ $('.bData').attr('display','flex')
}
}
});
@@ -494,7 +490,6 @@
$('.bData').attr('display','none')
$('.aData').attr('display','flex')
$('#ledData').text(res.data)
- console.log('**')
}
}
}
@@ -507,7 +502,6 @@
data: {ledId:ledId},
method: 'GET',
success: function (res) {
- console.log(res)
if (res.data != '') {
lcdControll = 4
$('.bData').attr('display','none')
@@ -515,7 +509,6 @@
$('#ledData').text(res.data)
} else {
lcdControll = 0
- console.log("2222")
}
}
});
--
Gitblit v1.9.1