460 lines
14 KiB
JavaScript
460 lines
14 KiB
JavaScript
var table;
|
||
var table2;
|
||
var layuiForm;
|
||
var layer;
|
||
var rhButtonV=0;
|
||
$(function () {
|
||
layui.use(['form', 'laydate','table', 'upload'], function () {
|
||
layuiForm = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
table=layui.table;
|
||
table2 = layui.table;
|
||
layer=layui.layer;
|
||
layuiForm.render();
|
||
//初始设置温度
|
||
// initSet();
|
||
//初始化遥控表格数据
|
||
initRemoteTable(2);
|
||
getHighAndLowTemperature("handControl");
|
||
getHighAndLowTemperature("remoteControl");
|
||
//初始化手动表格数据
|
||
initHandTable(1);
|
||
$("#remoteButton").click(function(){
|
||
setModel(2);
|
||
});
|
||
$("#handButton").click(function(){
|
||
setModel(1);
|
||
});
|
||
|
||
$("#handType").click(function(){
|
||
rhButtonV=1;
|
||
//$("#handType").attr('style', 'color: blue;background-color:#fff;');
|
||
//$("#remoteType").attr('style', 'color: #000;background-color:#fff;');
|
||
});
|
||
$("#remoteType").click(function(){
|
||
rhButtonV=2;
|
||
//$("#handType").attr('style', 'color: #000;background-color:#fff;');
|
||
//$("#remoteType").attr('style', 'color: blue;background-color:#fff;');
|
||
});
|
||
$("#handEitd").click(function(){
|
||
rhButtonV=1;
|
||
updateSet(rhButtonV);
|
||
});
|
||
$("#remoteEitd").click(function(){
|
||
rhButtonV=2;
|
||
updateSet(rhButtonV);
|
||
});
|
||
|
||
});
|
||
});
|
||
|
||
function getHighAndLowTemperature(type){
|
||
//获取遥控温度
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: dataUrl + 'conditioning/getHighAndLowTemperature',
|
||
data: {type:type},
|
||
async:true,
|
||
dataType: 'json',
|
||
success: function (res) {
|
||
console.log(res);
|
||
var data=res.obj;
|
||
for (var i=0;i<data.length;i++){
|
||
if(type=="handControl"){
|
||
if(i==0){
|
||
$("#handSummer").html(data[i].k);
|
||
}else{
|
||
$("#handWinter").html(data[i].k);
|
||
}
|
||
}else if(type=="remoteControl"){
|
||
if(i == 0){
|
||
$("#remoteSummer").html(data[i].k);
|
||
}else{
|
||
$("#remoteWinter").html(data[i].k);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function updateSet(updateSetType){
|
||
var title="";
|
||
if(updateSetType==2){
|
||
title="遥控控制温度调整";
|
||
$("#winterMin").val($("#remoteSummer").text())
|
||
$("#summerMax").val($("#remoteWinter").text())
|
||
}else{
|
||
title="手动控制温度调整";
|
||
$("#winterMin").val($("#handSummer").text())
|
||
$("#summerMax").val($("#handWinter").text())
|
||
}
|
||
layer.open({
|
||
// 基本层类型：0（信息框，默认）1（页面层）2（iframe层，也就是解析content）3（加载层）4（tips层）
|
||
type: 1,
|
||
title: title,
|
||
// 当type: 2时就是url
|
||
content:$("#updateSetDiv"),
|
||
// 宽高：如果是100%就是满屏
|
||
area: ['583px', '300px'],
|
||
// 坐标：auto（默认坐标，即垂直水平居中），具体当文档：https://www.layui.com/doc/modules/layer.html#offset
|
||
offset: 'auto',
|
||
// 按钮：按钮1的回调是yes（也可以是btn1），而从按钮2开始，则回调为btn2: function(){}，以此类推
|
||
btn: ['确定', '取消'],
|
||
// 关闭按钮：layer提供了两种风格的关闭按钮，可通过配置1和2来展示，如果不显示，则0
|
||
closeBtn: 1,
|
||
// 遮罩：默认：0.3透明度的黑色背景（'#000'）
|
||
shade: 0.3,
|
||
// 是否点击遮罩关闭：默认：false
|
||
shadeClose: false,
|
||
// 自动关闭所需毫秒：默认：0不会自动关闭
|
||
time: 0,
|
||
// 最大最小化：默认：false
|
||
maxmin: false,
|
||
// 固定：默认：true
|
||
fixed: true,
|
||
// 是否允许拉伸：默认：true
|
||
resize: true,
|
||
// 层叠顺序：默认：19891014，一般用于解决和其它组件的层叠冲突
|
||
zIndex: 19891014,
|
||
// 层弹出后的成功回调方法：layero前层DOM，index当前层索引
|
||
success: function(layero, index){
|
||
},
|
||
// 第一个按钮事件，也可以叫btn1
|
||
yes: function (index, layero) {
|
||
var winterMin=$("#winterMin").val();
|
||
var summerMax=$("#summerMax").val();
|
||
if(""==winterMin||""==summerMax){
|
||
layer.msg("请设定温度！");
|
||
return;
|
||
}
|
||
updateSetValue(winterMin,summerMax,updateSetType);
|
||
layer.close(index);
|
||
},
|
||
btn2: function (index, layero) {
|
||
layer.close(index);
|
||
},
|
||
// 右上角关闭按钮触发的回调：默认会自动触发关闭。如果不想关闭，return false即可
|
||
cancel: function(index, layero){
|
||
// if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
|
||
// layer.close(index);
|
||
// }
|
||
layer.close(index);
|
||
return false;
|
||
},
|
||
// 层销毁后触发的回调：无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
|
||
end: function(){
|
||
},
|
||
// 最大化后触发的回调：携带一个参数，即当前层DOM
|
||
full: function(layero){
|
||
},
|
||
// 最小化后触发的回调：携带一个参数，即当前层DOM
|
||
min: function(layero){
|
||
},
|
||
// 还原后触发的回调：携带一个参数，即当前层DOM
|
||
restore: function(layero){
|
||
},
|
||
});
|
||
}
|
||
/**
|
||
* @param {Object} winterMin 制冷模式：小于温度
|
||
* @param {Object} summerMax 制热模式：高于温度
|
||
* @param {Object} model 模式 1：遥控 0：手动
|
||
*/
|
||
function updateSetValue(winterT,summerT,model){
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: dataUrl + 'conditioning/setTemperature',
|
||
data: {
|
||
"controlModel": model,"summerTemperature":winterT,"winterTemperature":summerT
|
||
},
|
||
dataType: 'json',
|
||
success: function (res) {
|
||
initSet();
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
function setModel(model){
|
||
var selData =[];
|
||
console.log("model",model);
|
||
if(model==2){
|
||
$("#handType").attr('style', 'color: blue;background-color:#fff;');
|
||
$("#remoteType").attr('style', 'color: #000;background-color:#fff;');
|
||
rhButtonV=model;
|
||
selData=table.checkStatus('remoteTable').data;
|
||
console.log("selData",selData);
|
||
}else{
|
||
rhButtonV=model;
|
||
$("#handType").attr('style', 'color: #000;background-color:#fff;');
|
||
$("#remoteType").attr('style', 'color: blue;background-color:#fff;');
|
||
selData=table2.checkStatus('handTable').data;
|
||
console.log("selData",selData);
|
||
}
|
||
|
||
if(selData==undefined||selData.length==0){
|
||
layer.msg("请选择设备!");
|
||
return;
|
||
}
|
||
|
||
layer.confirm('您确定要执行此操作吗？', {
|
||
title: '操作确认',
|
||
icon: 3, // 问号图标
|
||
btn: ['确定', '取消'] // 按钮
|
||
}, function(index){
|
||
// 用户点击确定后的回调
|
||
updateModel(selData,rhButtonV);
|
||
layer.close(index); // 关闭当前弹窗
|
||
// 执行确认操作...
|
||
}, function(index){
|
||
// 用户点击取消后的回调
|
||
layer.close(index); // 关闭当前弹窗
|
||
// 执行取消操作...
|
||
});
|
||
// layer.open({
|
||
// // 基本层类型：0（信息框，默认）1（页面层）2（iframe层，也就是解析content）3（加载层）4（tips层）
|
||
// type: 1,
|
||
// title: "更换控制模式",
|
||
// // 当type: 2时就是url
|
||
// content:$("#showDiv"),
|
||
// // 宽高：如果是100%就是满屏
|
||
// area: ['483px', '300px'],
|
||
// // 坐标：auto（默认坐标，即垂直水平居中），具体当文档：https://www.layui.com/doc/modules/layer.html#offset
|
||
// offset: 'auto',
|
||
// // 按钮：按钮1的回调是yes（也可以是btn1），而从按钮2开始，则回调为btn2: function(){}，以此类推
|
||
// btn: ['确定', '取消'],
|
||
// // 关闭按钮：layer提供了两种风格的关闭按钮，可通过配置1和2来展示，如果不显示，则0
|
||
// closeBtn: 1,
|
||
// // 遮罩：默认：0.3透明度的黑色背景（'#000'）
|
||
// shade: 0.3,
|
||
// // 是否点击遮罩关闭：默认：false
|
||
// shadeClose: false,
|
||
// // 自动关闭所需毫秒：默认：0不会自动关闭
|
||
// time: 0,
|
||
// // 最大最小化：默认：false
|
||
// maxmin: false,
|
||
// // 固定：默认：true
|
||
// fixed: true,
|
||
// // 是否允许拉伸：默认：true
|
||
// resize: true,
|
||
// // 层叠顺序：默认：19891014，一般用于解决和其它组件的层叠冲突
|
||
// zIndex: 19891014,
|
||
// // 层弹出后的成功回调方法：layero前层DOM，index当前层索引
|
||
// success: function(layero, index){
|
||
// },
|
||
// // 第一个按钮事件，也可以叫btn1
|
||
// yes: function (index, layero) {
|
||
// updateModel(selData,rhButtonV);
|
||
// layer.close(index);
|
||
// },
|
||
// btn2: function (index, layero) {
|
||
// layer.close(index);
|
||
// },
|
||
// // 右上角关闭按钮触发的回调：默认会自动触发关闭。如果不想关闭，return false即可
|
||
// cancel: function(index, layero){
|
||
// // if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
|
||
// // layer.close(index);
|
||
// // }
|
||
// layer.close(index);
|
||
// return false;
|
||
// },
|
||
// // 层销毁后触发的回调：无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
|
||
// end: function(){
|
||
// },
|
||
// // 最大化后触发的回调：携带一个参数，即当前层DOM
|
||
// full: function(layero){
|
||
// },
|
||
// // 最小化后触发的回调：携带一个参数，即当前层DOM
|
||
// min: function(layero){
|
||
// },
|
||
// // 还原后触发的回调：携带一个参数，即当前层DOM
|
||
// restore: function(layero){
|
||
// },
|
||
// });
|
||
}
|
||
/**
|
||
* @param {Object} selData 改变模式的空调
|
||
* @param {Object} model 模式 1：遥控 0：手动
|
||
*/
|
||
function updateModel(selData,model){
|
||
var airCodes=[];
|
||
$.each(selData,function(index,element){
|
||
airCodes.push(element.code)
|
||
});
|
||
console.log("airCodes",airCodes);
|
||
model = model == 2 ? 1 : 2;
|
||
console.log("model",model);
|
||
let summerTemperature;
|
||
let winterTemperature;
|
||
if(model == 2){
|
||
summerTemperature = $("#remoteSummer").text();
|
||
winterTemperature = $("#remoteWinter").text();
|
||
}else{
|
||
summerTemperature = $("#handSummer").text();
|
||
winterTemperature = $("#handWinter").text();
|
||
}
|
||
console.log("summerTemperature",summerTemperature);
|
||
console.log("winterTemperature",winterTemperature);
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: dataUrl + 'conditioning/setControl',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
data: JSON.stringify({
|
||
codes: airCodes,
|
||
controlModel: model,
|
||
summerTemperature:summerTemperature,
|
||
winterTemperature:winterTemperature
|
||
}),
|
||
dataType: 'json',
|
||
success: function (res) {
|
||
//重新渲染表格
|
||
//初始化遥控表格数据
|
||
initRemoteTable(2);
|
||
//初始化手动表格数据
|
||
initHandTable(1);
|
||
}
|
||
});
|
||
}
|
||
|
||
function initSet(){
|
||
/**
|
||
* 初始遥控设置温度
|
||
*/
|
||
// $.ajax({
|
||
// type: 'POST',
|
||
// url: dataUrl + 'conditioning/floorElectricityStatistics',
|
||
// async:true,
|
||
// dataType: 'json',
|
||
// success: function (res) {
|
||
// $("#remoteSummer").html("");//遥控制冷温度
|
||
// $("#remoteWinter").html("");//遥控制热温度
|
||
// $("#handSummer").html("");//手动制冷温度
|
||
// $("#handWinter").html("");//手动制热温度
|
||
// }
|
||
// });
|
||
getHighAndLowTemperature("handControl");
|
||
getHighAndLowTemperature("remoteControl");
|
||
}
|
||
|
||
function initRemoteTable(model) {
|
||
table2.render({
|
||
elem: '#remoteTable'
|
||
,url: dataUrl + "conditioning/getAirList" //数据接口
|
||
, method: 'post' //方式默认是get
|
||
, where: {
|
||
controlModel: 2,
|
||
} //post请求必须加where ，post请求需要的参数
|
||
, cellMinWidth: 80
|
||
, cols: [[ //表头
|
||
{type: 'checkbox',align:'center'},
|
||
{field: 'code',align: 'center', title: '空调ID'}
|
||
, {field: 'deviceStatus',align: 'center', title: '状态',templet:function (d){
|
||
if(d.status==1){
|
||
return "<font style='color:green'>开启</font>";
|
||
}else{
|
||
return "<font style='color:red'>关闭</font>";
|
||
}
|
||
}}
|
||
, {field: 'floor',align: 'center', title: '楼层'}
|
||
,{field: 'airName', align: 'center',title: '房间'}
|
||
, {field: 'type', align: 'center', title: '设备类型'}
|
||
]]
|
||
, id: 'remoteTable'
|
||
, page: true //开启分页
|
||
, loading: true //数据加载中。。。
|
||
, limits: [10, 20, 50] //一页选择显示3,5或10条数据
|
||
, limit: 10 //一页显示10条数据
|
||
, response: {
|
||
statusCode: 200 //规定成功的状态码，默认：0
|
||
},
|
||
parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
|
||
//console.log("ress=="+JSON.stringify(res))
|
||
let result;
|
||
if (res.data !== '' && res.data != null && res.data !== "null") {
|
||
if (this.page.curr) {
|
||
result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
|
||
} else {
|
||
result = res.data.slice(0, this.limit);
|
||
}
|
||
}
|
||
return {
|
||
"code": res.code, //解析接口状态
|
||
"msg": res.msg, //解析提示文本
|
||
"count": res.count, //解析数据长度
|
||
"data": result, //解析数据列表
|
||
};
|
||
},
|
||
toolbar: "#toolbar",
|
||
done: function(res, curr, count){
|
||
console.log("done=="+JSON.stringify(res))
|
||
var checkStatus = table2.checkStatus('remoteTable'); // 获取表格的选中状态
|
||
console.log("checkStatus",checkStatus); // 打印选中的数据
|
||
}
|
||
});
|
||
}
|
||
|
||
function initHandTable(model) {
|
||
table.render({
|
||
elem: '#handTable'
|
||
,url: dataUrl + "conditioning/getAirList" //数据接口
|
||
, method: 'post' //方式默认是get
|
||
, where: {
|
||
controlModel: 1,
|
||
} //post请求必须加where ，post请求需要的参数
|
||
, cellMinWidth: 80
|
||
, cols: [[ //表头
|
||
{type: 'checkbox',align:'center'},
|
||
{field: 'code',align: 'center', title: '空调ID'}
|
||
, {field: 'deviceStatus',align: 'center', title: '状态',templet:function (d){
|
||
if(d.status==1){
|
||
return "<font style='color:green'>开启</font>";
|
||
}else{
|
||
return "<font style='color:red'>关闭</font>";
|
||
}
|
||
}}
|
||
, {field: 'floor',align: 'center', title: '楼层'}
|
||
,{field: 'airName', align: 'center',title: '房间'}
|
||
, {field: 'type', align: 'center', title: '设备类型'}
|
||
]]
|
||
, id: 'handTable'
|
||
, page: true //开启分页
|
||
, loading: true //数据加载中。。。
|
||
, limits: [50, 100, 200] //一页选择显示3,5或10条数据
|
||
, limit: 10 //一页显示10条数据
|
||
, response: {
|
||
statusCode: 200 //规定成功的状态码，默认：0
|
||
}, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
|
||
let result;
|
||
if (res.data !== '' && res.data != null && res.data !== "null") {
|
||
if (this.page.curr) {
|
||
result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
|
||
} else {
|
||
result = res.data.slice(0, this.limit);
|
||
}
|
||
}
|
||
return {
|
||
"code": res.code, //解析接口状态
|
||
"msg": res.msg, //解析提示文本
|
||
"count": res.count, //解析数据长度
|
||
"data": result, //解析数据列表
|
||
};
|
||
},
|
||
toolbar: "#toolbar",
|
||
done: function(res, curr, count){
|
||
console.log("done=="+JSON.stringify(res))
|
||
var checkStatus = table.checkStatus('handTable'); // 获取表格的选中状态
|
||
console.log("checkStatus",checkStatus); // 打印选中的数据
|
||
}
|
||
});
|
||
}
|
||
|
||
function dataTbale(data,model){
|
||
var tablefiler="";
|
||
if(model==1){
|
||
tablefiler="remote";
|
||
}else if(model==0){
|
||
tablefiler="hand";
|
||
}
|
||
|
||
} |