细节修改

YYC

2023-06-13 c7ba1ce89a2a552eee9b5edadc9a302d8aafb05b

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

@@ -1,6 +1,8 @@
var targetStatus;
var targetModel;
var targetTemp;
var deviceData;
//空调控制
var data = {
   "interfaceId": "5403",
   "outId": "10403",
@@ -9,7 +11,7 @@
   "data": {
      "deptId": "",
      "depotId": "",
      "type": "",
      "type": "05",
      "passCode": "",
      "serId": "",
      "targetStatus": "",
@@ -18,39 +20,62 @@
      "name": ""
   }
};
//设备列表 - 空调
var data1 = {
   "interfaceId": "5401",
   "outId": "10401",
   "reqDateTime": new Date(),
   "tokenAuth": "",
   "data": {
      "deptId": "",
      "depotId": "",
      "type": "05",
   }
};

function init() {

   var user = JSON.parse(localStorage.getItem('user'));
   var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
   url = user.url + "/api-phone/v35/gateway";
   data.tokenAuth = user.tokenAuth;
   data.deptId = user.deptId;
   //改变开关的默认值
   // document.getElementById("vibrationSwitch").classList.add('mui-active');
   //设置开关的默认值
   data.data.targetStatus = 'CLOSE'
   data.data.deptId = user.deptId;
   data1.tokenAuth = user.tokenAuth;
   data1.data.deptId = user.deptId;
   //获取从上一个页面传递的数据
   var self = plus.webview.currentWebview();
   data.data.depotId = self.depotId
   data1.data.depotId = self.depotId
   // depotType = self.depotType
   // 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, {
      type: "POST",
      dataType: "json",
      crossDomain: true,
      contentType: "application/json;charset=utf-8",
      data: JSON.stringify(data1),
      success: function(result) {
         if (result.code == "0000") {
            deviceData = result.data;
         } else {
            mui.toast(result.msg);
         }
      },
      error: function() {
         mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
      }
   })

}


//温控管理
function setTemp(){
function setTemp() {
   console.log(JSON.stringify(data.data))
   mui.ajax(url, {
      type: "POST",
      dataType: "json",
@@ -62,13 +87,119 @@
            mui.toast(result.msg);
         } else {
            mui.toast(result.msg);
            console.log(JSON.stringify(result))
         }
      },
      error: function() {
         mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
      }
   })
}
//渲染页面
function renderDevice() {
   var html = '';
   if (deviceData) {
      var deviceList = deviceData.listDevice
      if (deviceList && deviceList.length > 0) {
         var frontList = [];
         var backList = [];
         var leftList = [];
         var rightList = [];
         $.each(deviceList, function(index, item) {
            if (item.location == '01') {
               frontList.push(item)
            } else if (item.location == '02') {
               backList.push(item)
            } else if (item.location == '03') {
               leftList.push(item)
            } else if (item.location == '04') {
               rightList.push(item)
            }
         })
         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) {
               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) {
               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) {
               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) {
               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>';
      }
   } else {
      html +=
         '<div class="m-tf"><div class="g-tittf1" style="text-align: center;font-size: 20px;color:#dd524d>暂无数据</div>';
   }
   // $("#recordList").html(html);
}

var slider = mui(".mui-slider");
@@ -83,20 +214,77 @@
   })
})

//监听开关状态
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() {
   $('.m-pop').css('display', 'flex');

   targetStatus = this.getAttribute("targetStatus")
   data.data.targetStatus = targetStatus
   var html = '';
   if (targetStatus == 'OPEN') {
      document.getElementById("vibrationSwitch").classList.add('mui-active');
      $('.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");
   data.data.passCode = passCode;
   data.data.serId = serId;
   data.data.name = name;
   $('.m-pop').css('display', 'flex');
});

//空调模式选择
mui(".m-pop").on("tap", ".inner .group .val", function() {
   var modelPicker = new mui.PopPicker();
   modelPicker.setData([{
      value: "HEATING",
      text: "制热"
   }, {
      value: "01-REFRIGERATION",
      text: "制冷"
   }, {
      value: "02-AERATION",
      text: "通风"
   }, {
      value: "DEHU",
      text: "除湿"
   }])
   modelPicker.show(function(selectItems) {
      targetModel = selectItems[0].value;
      document.getElementById("targetModel").innerText = selectItems[0].text
   })
});

//确定按键，把选的参数传给后端
mui(".m-pop").on("tap", ".inner .confirm", function() {
   var id = this.getAttribute("id");
   targetModel = document.getElementById("targetModel").value;
   targetTemp = document.getElementById("range").value;
   data.data.targetModel = targetModel;
   data.data.targetTemp = targetTemp
   console.log(JSON.stringify(data.data))
   // setTemp();
   setTemp();
   closePop();
   document.getElementById("range").value = 17
   $('.subbar').css({
      width: ((17 - 9) / 16) * 100 + '%'
   })
});
//关闭弹窗
function closePop() {