From 0b27b9263ce721844d124ec4541a83b0f6db6c13 Mon Sep 17 00:00:00 2001
From: YYC <1833023622@qq.com>
Date: 星期一, 19 六月 2023 10:46:26 +0800
Subject: [PATCH] 电子巡更
---
igds-app/js/admin/device-temp.js | 144 +++++++++++++++++++++++++----------------------
1 files changed, 77 insertions(+), 67 deletions(-)
diff --git a/igds-app/js/admin/device-temp.js b/igds-app/js/admin/device-temp.js
index fe16e28..de8011a 100644
--- a/igds-app/js/admin/device-temp.js
+++ b/igds-app/js/admin/device-temp.js
@@ -48,20 +48,9 @@
data1.data.depotId = self.depotId
// depotType = self.depotType
// depotName = self.depotName
+ getDeviceList();
}
-//鐩戝惉寮�鍏崇姸鎬�
-document.getElementById("vibrationSwitch").addEventListener("toggle", function(event) {
- if (event.detail.isActive) {
- targetStatus = 'OPEN';
- data.data.targetStatus = targetStatus;
- console.log("浣犲惎鍔ㄤ簡寮�鍏�");
- } else {
- targetStatus = 'CLOSE';
- data.data.targetStatus = targetStatus;
- console.log("浣犲叧闂簡寮�鍏�");
- }
-})
//鑾峰彇璁惧鍒楄〃锛堢┖璋冿級
function getDeviceList() {
mui.ajax(url, {
@@ -73,8 +62,10 @@
success: function(result) {
if (result.code == "0000") {
deviceData = result.data;
+ renderDevice();
} else {
mui.toast(result.msg);
+ renderDevice();
}
},
error: function() {
@@ -130,88 +121,86 @@
if (frontList && frontList.length > 0) {
html += '<div class="m-tf"><div class="g-tittf1">浠撳簱姝ｉ潰</div><ul class="ul-listmana1 ullisttf1">';
$.each(frontList, function(index, item) {
- if (item.serId) {
- html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
- item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
- '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
- if (targetStatus == 'OPEN') {
- html += '<div class="info out" style="background-image: url(images/e8.png);">' +
- item.name + '</div>'
- } else {
- html += '<div class="info out" style="background-image: url(images/e9.png);">' +
- item.name + '</div>'
- }
- html += '</div></div></li>'
+ targetStatus = item.status
+ html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
+ item.serId + '" targetStatus="' + item.status + '" name="' + item.name +
+ '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
+ if (targetStatus == 'OPEN') {
+ html += '<div class="info out" style="background-image: url(images/e8.png);">' +
+ item.name + '</div>'
+ } else {
+ html += '<div class="info out" style="background-image: url(images/e9.png);">' +
+ item.name + '</div>'
}
+ html += '</div></div></li>'
+
})
html += '</ul></div>'
}
if (backList && backList.length > 0) {
html += '<div class="m-tf"><div class="g-tittf1">浠撳簱鍙嶉潰</div><ul class="ul-listmana1 ullisttf1">';
$.each(backList, function(index, item) {
- if (item.serId) {
- html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
- item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
- '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
- if (targetStatus == 'OPEN') {
- html += '<div class="info out" style="background-image: url(images/e8.png);">' +
- item.name + '</div>'
- } else {
- html += '<div class="info out" style="background-image: url(images/e9.png);">' +
- item.name + '</div>'
- }
- html += '</div></div></li>'
+ targetStatus = item.status
+ html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
+ item.serId + '" targetStatus="' + item.status + '" name="' + item.name +
+ '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
+ if (targetStatus == 'OPEN') {
+ html += '<div class="info out" style="background-image: url(images/e8.png);">' +
+ item.name + '</div>'
+ } else {
+ html += '<div class="info out" style="background-image: url(images/e9.png);">' +
+ item.name + '</div>'
}
+ html += '</div></div></li>'
+
})
html += '</ul></div>'
}
if (leftList && leftList.length > 0) {
html += '<div class="m-tf"><div class="g-tittf1">浠撳簱宸︿晶闈�</div><ul class="ul-listmana1 ullisttf1">';
$.each(leftList, function(index, item) {
- if (item.serId) {
- html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
- item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
- '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
- if (targetStatus == 'OPEN') {
- html += '<div class="info out" style="background-image: url(images/e8.png);">' +
- item.name + '</div>'
- } else {
- html += '<div class="info out" style="background-image: url(images/e9.png);">' +
- item.name + '</div>'
- }
- html += '</div></div></li>'
+ targetStatus = item.status
+ html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
+ item.serId + '" targetStatus="' + item.status + '" name="' + item.name +
+ '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
+ if (targetStatus == 'OPEN') {
+ html += '<div class="info out" style="background-image: url(images/e8.png);">' +
+ item.name + '</div>'
+ } else {
+ html += '<div class="info out" style="background-image: url(images/e9.png);">' +
+ item.name + '</div>'
}
+ html += '</div></div></li>'
+
})
html += '</ul></div>'
}
if (rightList && rightList.length > 0) {
html += '<div class="m-tf"><div class="g-tittf1">浠撳簱鍙充晶闈�</div><ul class="ul-listmana1 ullisttf1">';
$.each(rightList, function(index, item) {
- if (item.serId) {
- html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
- item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
- '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
- if (targetStatus == 'OPEN') {
- html += '<div class="info out" style="background-image: url(images/e8.png);">' +
- item.name + '</div>'
- } else {
- html += '<div class="info out" style="background-image: url(images/e9.png);">' +
- item.name + '</div>'
- }
- html += '</div></div></li>'
+ targetStatus = item.status
+ html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
+ item.serId + '" targetStatus="' + item.status + '" name="' + item.name +
+ '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
+ if (targetStatus == 'OPEN') {
+ html += '<div class="info out" style="background-image: url(images/e8.png);">' +
+ item.name + '</div>'
+ } else {
+ html += '<div class="info out" style="background-image: url(images/e9.png);">' +
+ item.name + '</div>'
}
+ html += '</div></div></li>'
+
})
html += '</ul></div>'
}
} else {
- html +=
- '<div class="m-tf"><div class="g-tittf1" style="text-align: center;font-size: 20px;color:#dd524d>鏆傛棤鏁版嵁</div>';
+ html += '<div class="m-tf"><div class="g-tittf1" style="text-align: center;font-size: 20px;color:#dd524d">鏆傛棤鏁版嵁</div></div>';
}
} else {
- html +=
- '<div class="m-tf"><div class="g-tittf1" style="text-align: center;font-size: 20px;color:#dd524d>鏆傛棤鏁版嵁</div>';
+html += '<div class="m-tf"><div class="g-tittf1" style="text-align: center;font-size: 20px;color:#dd524d">鏆傛棤鏁版嵁</div></div>';
}
- // $("#recordList").html(html);
+ $("#recordList").html(html);
}
var slider = mui(".mui-slider");
@@ -226,17 +215,34 @@
})
})
+//鐩戝惉寮�鍏崇姸鎬�
+document.getElementById("vibrationSwitch").addEventListener("toggle", function(event) {
+ if (event.detail.isActive) {
+ targetStatus = 'OPEN';
+ data.data.targetStatus = targetStatus;
+ console.log("浣犲惎鍔ㄤ簡寮�鍏�");
+ } else {
+ targetStatus = 'CLOSE';
+ data.data.targetStatus = targetStatus;
+ console.log("浣犲叧闂簡寮�鍏�");
+ }
+})
//绌鸿皟鎿嶄綔
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .con", function() {
targetStatus = this.getAttribute("targetStatus")
data.data.targetStatus = targetStatus
+ var html = '';
if (targetStatus == 'OPEN') {
- //鏀瑰彉寮�鍏崇殑榛樿鐘舵��
document.getElementById("vibrationSwitch").classList.add('mui-active');
- }else if(targetStatus == 'CLOSE'){
+ $('.mui-switch-handle').css("-webkit-transform", "translate3d(16px, 0, 0)");
+ console.log("寮�")
+ } else if (targetStatus == 'CLOSE') {
document.getElementById("vibrationSwitch").classList.remove('mui-active');
+ $('.mui-switch-handle').css("-webkit-transform", "translate3d(0, 0, 0)");
+ console.log("鍏�")
}
+
var passCode = this.getAttribute("passCode");
var serId = this.getAttribute("serId");
var name = this.getAttribute("name");
@@ -276,6 +282,10 @@
data.data.targetTemp = targetTemp
setTemp();
closePop();
+ document.getElementById("range").value = 17
+ $('.subbar').css({
+ width: ((17 - 9) / 16) * 100 + '%'
+ })
});
//鍏抽棴寮圭獥
function closePop() {
--
Gitblit v1.9.3