空调开关和温度显示

YYC

2023-06-08 279b87c61ae1bff17d924bc0aa625473c0fc830b

 igds-app/js/admin/device-temp.js

@@ -50,18 +50,6 @@
   // depotName = self.depotName
}

//监听开关状态
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, {
@@ -130,76 +118,76 @@
         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>'

               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>'

            })
            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>'

               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>'

            })
            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>'

               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>'

            })
            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>'

               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>'
         }
@@ -226,17 +214,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");