299 lines
11 KiB
JavaScript
299 lines
11 KiB
JavaScript
|
var cmenu;
|
|||
|
|
var selectedRowID = null;
|
|||
|
|
var selectedGroup = undefined;
|
|||
|
|
//var refreshTimer = null;
|
|||
|
|
var page = 1, rows = 500;
|
|||
|
|
|
|||
|
|
function createContextMenu() {
|
|||
|
|
cmenu = $('<div/>').menu().appendTo('body');
|
|||
|
|
cmenu.menu('appendItem', {
|
|||
|
|
text: lang.RoomStatusSetting,
|
|||
|
|
onclick: function () {
|
|||
|
|
$("#dialog").window({
|
|||
|
|
title: lang.RoomStatusSetting,
|
|||
|
|
href: "/RoomStatus/RoomStatus/",
|
|||
|
|
queryParams: { HostID: selectedRowID },
|
|||
|
|
resizable: false,
|
|||
|
|
maximized: false,
|
|||
|
|
width: 550,
|
|||
|
|
height: 250
|
|||
|
|
}).window('center').window("open");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
cmenu.menu('appendItem', {
|
|||
|
|
text: lang.DeviceInfo,
|
|||
|
|
onclick: function () {
|
|||
|
|
$("#dialog").window({
|
|||
|
|
title: lang.DeviceInfo,
|
|||
|
|
href: '/RoomStatus/DeviceStatus/',
|
|||
|
|
queryParams: { HostID: selectedRowID },
|
|||
|
|
resizable: false,
|
|||
|
|
maximized: false,
|
|||
|
|
width: 800,
|
|||
|
|
height: 400
|
|||
|
|
})
|
|||
|
|
.window('center').window("open");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showContextMenu(hostID, event) {
|
|||
|
|
//window.event.preventDefault();
|
|||
|
|
if (!cmenu) {
|
|||
|
|
createContextMenu();
|
|||
|
|
}
|
|||
|
|
selectedRowID = hostID;
|
|||
|
|
cmenu.menu('show', { left: window.event.clientX, top: window.event.clientY });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showRoomDetail(hostID) {
|
|||
|
|
if (hostID > 0) {
|
|||
|
|
$("#dialog")
|
|||
|
|
.window({
|
|||
|
|
title: lang.GuestRoomDetailed,
|
|||
|
|
href: "/RoomStatus/RoomDetail/",
|
|||
|
|
queryParams: { HostID: hostID },
|
|||
|
|
resizable: true,
|
|||
|
|
maximized: false,
|
|||
|
|
draggable: true,
|
|||
|
|
width: 800,
|
|||
|
|
height: 430
|
|||
|
|
}).window('center').window('open');
|
|||
|
|
} else {
|
|||
|
|
$.tools.alert(lang.PleaseSelectTheData);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
avalon.libraries.ms.$init = function (vm) {
|
|||
|
|
for (var i in vm) {
|
|||
|
|
if (vm.hasOwnProperty(i) && typeof vm[i] === "function") {
|
|||
|
|
vm[i] = vm[i].bind(vm)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function lineWidth(floor) {
|
|||
|
|
if (vm.switchLine) {
|
|||
|
|
return 'auto';
|
|||
|
|
} else {
|
|||
|
|
return floor.FloorRooms.length * 104;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function cbtGroupOnSelect(row) {
|
|||
|
|
if (row.id != 0) {
|
|||
|
|
selectedGroup = row.id;
|
|||
|
|
loadRooms({ group: row.id });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function cbxServiceFormatter(row) {
|
|||
|
|
var styles = 'background:' + row.Color + ';';
|
|||
|
|
if (row.Code == '') {
|
|||
|
|
styles += 'color:#000;'
|
|||
|
|
}
|
|||
|
|
return '<div style="' + styles + '" class="combobox-service-item">' + row.Name + '</div>';
|
|||
|
|
}
|
|||
|
|
function cbxServiceOnSelect(row) {
|
|||
|
|
var styles = row.Code == '' ? { background: '#FFF', color: '#000'} : { background: row.Color, color: '#FFF' };
|
|||
|
|
$(this).combobox('textbox').css(styles);
|
|||
|
|
vm.queryType = 0;
|
|||
|
|
vm.queryService = row;
|
|||
|
|
}
|
|||
|
|
function cbxRoomStatusFormatter(row) {
|
|||
|
|
var styles = 'background:' + row.Color + ';';
|
|||
|
|
if (row.ID == 0) {
|
|||
|
|
styles += 'color:#000;'
|
|||
|
|
}
|
|||
|
|
return "<div style='" + styles + "' class='combobox-service-item'>" + row.Name + "</div>";
|
|||
|
|
}
|
|||
|
|
function cbxRoomStatusOnSelect(row) {
|
|||
|
|
var styles = row.ID == 0 ? { background: "#FFF", color: "#000"} : { background: row.Color, color: "#FFF" };
|
|||
|
|
$(this).combobox("textbox").css(styles);
|
|||
|
|
vm.queryType = 1;
|
|||
|
|
vm.queryRoomStatus = row;
|
|||
|
|
}
|
|||
|
|
function cbxAirFormatter(row) {
|
|||
|
|
var styles = "background:" + row.Color + ";";
|
|||
|
|
if (row.ID == -1) {
|
|||
|
|
styles += "color:#000;"
|
|||
|
|
}
|
|||
|
|
return "<div style='" + styles + "' class='combobox-service-item'>" + row.Name + "</div>";
|
|||
|
|
}
|
|||
|
|
function cbxAirOnSelect(row) {
|
|||
|
|
var styles = row.ID == -1 ? { background: "#FFF", color: "#000"} : { background: row.Color, color: "#FFF" };
|
|||
|
|
$(this).combobox("textbox").css(styles);
|
|||
|
|
vm.queryType = 2;
|
|||
|
|
vm.queryValve = row;
|
|||
|
|
}
|
|||
|
|
//空调模式
|
|||
|
|
function airMode(mode) {
|
|||
|
|
switch (mode) {
|
|||
|
|
case 1:
|
|||
|
|
return lang.Refrigeration;
|
|||
|
|
case 2:
|
|||
|
|
return lang.Heating;
|
|||
|
|
case 3:
|
|||
|
|
return lang.BlowingIn;
|
|||
|
|
default:
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//空调风速
|
|||
|
|
function fanSpeed(speed) {
|
|||
|
|
switch (speed) {
|
|||
|
|
case 1:
|
|||
|
|
return lang.low;
|
|||
|
|
case 2:
|
|||
|
|
return lang.Middle;
|
|||
|
|
case 3:
|
|||
|
|
return lang.HighSpeed;
|
|||
|
|
default:
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function serviceActive(service) {
|
|||
|
|
return vm.queryService.Code === service.Code && service.Status == 1;
|
|||
|
|
}
|
|||
|
|
function roomBackground(host) {
|
|||
|
|
var color = '#FFFFFF';
|
|||
|
|
if (host.HostStatus) {
|
|||
|
|
switch (vm.queryType) {
|
|||
|
|
case 0://服务
|
|||
|
|
for (var i in host.Services) {
|
|||
|
|
if (host.Services[i].Code == vm.queryService.Code && host.Services[i].Status == 1) {
|
|||
|
|
color = host.Services[i].Color;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 1://房态
|
|||
|
|
if (vm.queryRoomStatus.ID != 0) {
|
|||
|
|
if (vm.queryRoomStatus.ID == host.RoomStatusID) {
|
|||
|
|
color = vm.queryRoomStatus.Color;
|
|||
|
|
} else if (vm.queryRoomStatus.ID == 32 && host.IsConnectingRoom) {
|
|||
|
|
color = vm.queryRoomStatus.Color;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
color = '#C9CBCA';
|
|||
|
|
}
|
|||
|
|
return color;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var vm = avalon.define({
|
|||
|
|
$id: 'rooms',
|
|||
|
|
queryType: 0,
|
|||
|
|
queryService: { Code: "", Name: "", Color: "" },
|
|||
|
|
queryRoomStatus: { ID: 0, Name: "", Color: "" },
|
|||
|
|
queryValve: { ID: 0, Name: "", Color: "" },
|
|||
|
|
switchLine: true,
|
|||
|
|
floors: []
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function loadRooms(opts, callback) {
|
|||
|
|
var options = opts || {};
|
|||
|
|
!options.timeRefresh && $.tools.ajaxLoading(lang.LoadingData);
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/RoomStatus/LoadRooms/",
|
|||
|
|
type: "POST",
|
|||
|
|
cache: false,
|
|||
|
|
data: { page: page, rows: rows, groupId: options.group, isAirDetect: $("#chkAirDetect").is(':checked') },
|
|||
|
|
success: function (r) {
|
|||
|
|
if (r.IsSuccess) {
|
|||
|
|
var tdCount = Math.floor(document.documentElement.clientWidth / 124);
|
|||
|
|
$('#rooms').html("");
|
|||
|
|
var strHtml = "<tbody>";
|
|||
|
|
for (var i = 0; i < r.Data.length; i++) {
|
|||
|
|
for (var j = 0; j < r.Data[i].FloorRooms.length; j++) {
|
|||
|
|
if (j == 0) {
|
|||
|
|
strHtml += "<tr>";
|
|||
|
|
} else if ($("#chkSwitchLine").is(':checked') && (j + 1) % tdCount == 1) {
|
|||
|
|
strHtml += "</tr><tr>";
|
|||
|
|
}
|
|||
|
|
var strRoomTemp = "<font style='color:green'>"; //室内温度：大于28°显示红色，小于22°显示蓝色，默认显示绿色
|
|||
|
|
if (r.Data[i].FloorRooms[j].RoomTemp > 28) {
|
|||
|
|
strRoomTemp = "<font style='color:red'>";
|
|||
|
|
} else if (r.Data[i].FloorRooms[j].RoomTemp < 22) {
|
|||
|
|
strRoomTemp = "<font style='color:blue'>";
|
|||
|
|
}
|
|||
|
|
strHtml += "<td><ul><li oncontextmenu='showContextMenu(" + r.Data[i].FloorRooms[j].ID + ",null);return false;'";
|
|||
|
|
strHtml += " ondblclick='showRoomDetail(" + r.Data[i].FloorRooms[j].ID + ")'";
|
|||
|
|
strHtml += " style='background:" + roomBackground(r.Data[i].FloorRooms[j]) + ";'>";
|
|||
|
|
|
|||
|
|
strHtml += "<dl><dt>" + r.Data[i].FloorRooms[j].RoomNumber;
|
|||
|
|
var CarbonVIP_Status = r.Data[i].FloorRooms[j].CarbonVIP;
|
|||
|
|
if (CarbonVIP_Status == "open") {
|
|||
|
|
strHtml += "<img src='../../Images/ECO/eco_g.png' width='16' height='16' style='margin-right:5px;'/>"+r.Data[i].FloorRooms[j].RoomNumber+"</dt>";
|
|||
|
|
}
|
|||
|
|
else if (CarbonVIP_Status == "close") {
|
|||
|
|
strHtml += "<img src='../../Images/ECO/eco_p.png' width='16' height='16' style='margin-right:5px;'/>"+r.Data[i].FloorRooms[j].RoomNumber+"</dt>";
|
|||
|
|
}
|
|||
|
|
else if (CarbonVIP_Status == "exists_nostatus") {
|
|||
|
|
strHtml += "<img src='../../Images/ECO/eco_p.png' width='16' height='16' style='margin-right:5px;'/>"+r.Data[i].FloorRooms[j].RoomNumber+"</dt>";
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//strHtml += "<dl><dt>";
|
|||
|
|
if ($("#chkAirDetect").is(':checked') && r.Data[i].FloorRooms[j].AirDetects.length > 0) {//显示空气质量检测
|
|||
|
|
for (var k = 0; k < r.Data[i].FloorRooms[j].AirDetects.length; k++) {
|
|||
|
|
strHtml += "<dd>" + r.Data[i].FloorRooms[j].AirDetects[k].Name + ":" + r.Data[i].FloorRooms[j].AirDetects[k].Value + "</dd>";
|
|||
|
|
}
|
|||
|
|
strHtml += "</dl>";
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
//strHtml += "<dd>" + r.Data[i].FloorRooms[j].Power + "</dd>";
|
|||
|
|
strHtml += "<dd>" + r.Data[i].FloorRooms[j].RoomStatus + " "+r.Data[i].FloorRooms[j].Power+"</dd>";
|
|||
|
|
strHtml += "<dd>" + lang.Identity + ":" + r.Data[i].FloorRooms[j].Identity + " " + r.Data[i].FloorRooms[j].PowerSupplyName + "</dd>";
|
|||
|
|
strHtml += "<dd>" + r.Data[i].FloorRooms[j].AirStatusName + " " + strRoomTemp + r.Data[i].FloorRooms[j].RoomTemp + "℃</font> " + r.Data[i].FloorRooms[j].SettingTemp + "℃" + "</dd>";
|
|||
|
|
strHtml += "<dd>" + r.Data[i].FloorRooms[j].ValveName + " " + airMode(r.Data[i].FloorRooms[j].Mode) + " " + fanSpeed(r.Data[i].FloorRooms[j].FanSpeed) + "</dd>";
|
|||
|
|
if (r.Data[i].FloorRooms[j].Peripheral != "") {
|
|||
|
|
strHtml += "<dd>" + r.Data[i].FloorRooms[j].Peripheral + "</dd>";
|
|||
|
|
}
|
|||
|
|
strHtml += "<dd>" + lang.CurrentService + ":" + r.Data[i].FloorRooms[j].Services.length + "</dd></dl>";
|
|||
|
|
strHtml += "<div class='service-list' style='display:" + (r.Data[i].FloorRooms[j].HostStatus ? "block" : "none") + "'>";
|
|||
|
|
for (var k = 0; k < r.Data[i].FloorRooms[j].Services.length; k++) {
|
|||
|
|
strHtml += "<span style='background:" + r.Data[i].FloorRooms[j].Services[k].Color + ";'>" + r.Data[i].FloorRooms[j].Services[k].Name + "</span>";
|
|||
|
|
}
|
|||
|
|
strHtml += "</div>";
|
|||
|
|
}
|
|||
|
|
strHtml += "</li></ul></td>";
|
|||
|
|
}
|
|||
|
|
strHtml += "</tr>";
|
|||
|
|
}
|
|||
|
|
strHtml += "</tbody>";
|
|||
|
|
$('#rooms').html(strHtml);
|
|||
|
|
tdCount = null;
|
|||
|
|
strHtml = null;
|
|||
|
|
}
|
|||
|
|
!options.timeRefresh && $.tools.ajaxLoadEnd();
|
|||
|
|
callback && callback();
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
!options.timeRefresh && $.tools.ajaxLoadEnd();
|
|||
|
|
callback && callback();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var timeoutID1 = null;
|
|||
|
|
function startTimeRefresh() {
|
|||
|
|
window.clearTimeout(timeoutID1);
|
|||
|
|
timeoutID1 = null;
|
|||
|
|
loadRooms({ timeRefresh: true, group: selectedGroup }, function () {
|
|||
|
|
timeoutID1 = setTimeout("startTimeRefresh()", 8000);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function refresh() {
|
|||
|
|
$('#cbtGroup').combotree('reset');
|
|||
|
|
$('#cbxService').combobox('select', '');
|
|||
|
|
$('#cbxRoomStatus').combobox('select', 0);
|
|||
|
|
loadRooms();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
startTimeRefresh();
|
|||
|
|
});
|