| | |
| | | var targetStatus; |
| | | var targetModel; |
| | | var targetTemp; |
| | | var deviceData; |
| | | //空调控制 |
| | | var data = { |
| | | "interfaceId": "5403", |
| | | "outId": "10403", |
| | |
| | | "data": { |
| | | "deptId": "", |
| | | "depotId": "", |
| | | "type": "", |
| | | "type": "05", |
| | | "passCode": "", |
| | | "serId": "", |
| | | "targetStatus": "", |
| | |
| | | "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", |
| | |
| | | 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"); |
| | |
| | | }) |
| | | }) |
| | | |
| | | //监听开关状态 |
| | | 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(); |
| | | }); |
| | | //关闭弹窗 |