You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
5.2 KiB
137 lines
5.2 KiB
//
|
|
isDebug = true;
|
|
useSignalR = true;
|
|
templateUrl = iotCenter + '/App/GetTemplate?number=' + new URI().search(true).number;
|
|
dataUrl = iotCenter + '/App/GetNode?number=' + new URI().search(true).number;
|
|
data = function data() {
|
|
return {
|
|
f7params: f7params,
|
|
server: localStorage.getItem('server'),
|
|
token: localStorage.getItem('token'),
|
|
model: null
|
|
};
|
|
}
|
|
loadDataSuccess = function () {
|
|
Vue.nextTick(function () {
|
|
UpdateCamera();
|
|
UpdateChart();
|
|
});
|
|
}
|
|
methods = {
|
|
GetScenes() {
|
|
return Enumerable.from(this.model.Scenes).orderBy('o=>o.DisplayOrder').toArray();
|
|
},
|
|
HasDevices(name) {
|
|
return Enumerable
|
|
.from(this.model.Devices)
|
|
.any(function (o) { return o.Name === name });
|
|
},
|
|
GetDevices(name) {
|
|
return Enumerable.from(this.model.Devices).where(function (o) { return o.Name == name; }).orderBy('o=>o.DisplayOrder').toArray();
|
|
},
|
|
GetDeviceDataAttr(number, name, attr) {
|
|
var device = Enumerable.from(this.model.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
|
|
var data = Enumerable.from(device.Data).where(o => o.Name === name).firstOrDefault();
|
|
if (data != null) {
|
|
return data[attr];
|
|
}
|
|
return null;
|
|
},
|
|
GetDataValue(number, name) {
|
|
return this.GetDeviceDataAttr(number,name,'Value');
|
|
},
|
|
CameraSelected() {
|
|
console.log('camera selected:' + new Date());
|
|
UpdateCamera();
|
|
},
|
|
VolumeChange(e) {
|
|
muted = e.target.muted;
|
|
volume = e.target.volume;
|
|
},
|
|
CallApi(number, method, query) {
|
|
ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: number, method: method, query: query }, 'post');
|
|
},
|
|
AjaxSubmit(event, deviceNumber, dataName) {
|
|
var device = Enumerable.from(vm.model.Devices)
|
|
.where(function (o) { return o.Number === deviceNumber; })
|
|
.firstOrDefault();
|
|
if (device != null) {
|
|
var data = Enumerable.from(device.Data)
|
|
.where(function (o) { return o.Name == dataName })
|
|
.firstOrDefault();
|
|
if (data != null) {
|
|
data.Value = $(event.target).val();
|
|
}
|
|
}
|
|
var form = $(event.target).parents('form');
|
|
var url = form.attr('action') + '?' + form.serialize() + "&token=" + token + "&connectionId=" + connectionId;
|
|
Vue.nextTick(function () {
|
|
ajax(url, null, 'get');
|
|
});
|
|
},
|
|
SendCode1(event) {
|
|
console.log(event.target + ',' + event.type + ',' + event.target.checked);
|
|
var form = $(event.target).parents('form');
|
|
var url = form.attr('action') + '?' + form.serialize();
|
|
var code = form.find('#Code').val();
|
|
if (form.hasClass('type1')) {
|
|
if (event.target.name == "power" && event.target.value == "1") {
|
|
code = 1;
|
|
}
|
|
else {
|
|
var list = {};
|
|
list['power'] = form.find("[name = 'power']:checked").val();
|
|
list['pattern'] = form.find("[name = 'pattern']:checked").val();
|
|
list['direction'] = form.find("[name = 'direction']:checked").val();
|
|
list['wind'] = form.find("[name = 'wind']:checked").val();
|
|
list['temperature'] = form.find("[name = 'temperature']").val();
|
|
list[event.target.name] = event.target.value;
|
|
code = 0;
|
|
for (var name in list) {
|
|
code += parseInt(list[name]);
|
|
}
|
|
}
|
|
url = new URI(url).setQuery('Code', code).toString()+"&token=" + token + "&connectionId=" + connectionId;
|
|
}
|
|
form.find('#Code').val(code);
|
|
Vue.nextTick(function () {
|
|
ajax(url, null, 'get');
|
|
});
|
|
},
|
|
GetDevice(nameOrNumber) {
|
|
return Enumerable.from(this.model.Devices)
|
|
.where(function (o) { return o.Name === nameOrNumber || o.Number === nameOrNumber; })
|
|
.firstOrDefault();
|
|
},
|
|
GetChartDevices() {
|
|
return Enumerable.from(this.model.Devices)
|
|
.where(function (o) { return o.Name === '温湿度传感器' || o.Name === 'PM2.5感应器' || o.Name === '光强检测器' || o.Name === '智能插座'; })
|
|
.orderBy('o=>o.ProductId')
|
|
.toArray();
|
|
}
|
|
};
|
|
function onMessage(method, json, to, from) {
|
|
debug(method + ':' + json);
|
|
var item = JSON.parse(json);
|
|
console.log(method + ':' + json);
|
|
var item = JSON.parse(json);
|
|
if (method == 'DeviceEntityInserted' ||
|
|
method == 'DeviceEntityUpdated' ||
|
|
method == 'DeviceEntityDeleted') {
|
|
toastr.info(item.DisplayName + '更新');
|
|
}
|
|
else if (method == 'DataEntityInserted' ||
|
|
method == 'DataEntityUpdated' ||
|
|
method == 'DataEntityDeleted') {
|
|
var device = Enumerable.from(vm.model.Devices).firstOrDefault(function (o) { return o.Id === item.DeviceId; })
|
|
if (device) {
|
|
updateItem(device.Data, item);
|
|
toastr.info(device.DisplayName + '更新');
|
|
if ($('canvas#' + device.Number).length) {
|
|
UpdateChart(device.Number);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
start();
|