227 lines
6.3 KiB
JavaScript
227 lines
6.3 KiB
JavaScript
// $.ajax({
|
|
// url: '/ems/emsBusiness/findStationLocationMS',
|
|
// type: 'get',
|
|
// data: {
|
|
// type: 0
|
|
// },
|
|
// dataType: 'json',
|
|
// success: function (res) {
|
|
// if (res.operateFlag) {
|
|
// var obj = dataOp(res.mapData.stationLocationMS, []);
|
|
// initTree(obj.all);
|
|
// getDevice(obj.ids.join(';'), obj.all, function (param, treeData) {
|
|
// // initTree(obj.all);
|
|
// getProperty(param.join(';'), treeData, function (p, t) {
|
|
// // var z=initTree(t);
|
|
// });
|
|
// });
|
|
// }
|
|
|
|
// }
|
|
// });
|
|
|
|
// function getDevice(param, treeData, fn) {
|
|
// $.ajax({
|
|
// url: '/ems/emsBusiness/findDeviceMSByLocationCode',
|
|
// type: 'get',
|
|
// data: {
|
|
// locations: param
|
|
// },
|
|
// dataType: 'json',
|
|
// success: function (res) {
|
|
// if (res.operateFlag) {
|
|
// var obj = dataOp(res.mapData.deviceMS);
|
|
// Array.prototype.push.apply(treeData, obj.all);
|
|
// fn(obj.ids, treeData);
|
|
// }
|
|
|
|
// }
|
|
// });
|
|
// }
|
|
|
|
// function getProperty(param, treeData, fn) {
|
|
// $.ajax({
|
|
// url: '/ems/emsBusiness/findDevicePropertyMS',
|
|
// type: 'post',
|
|
// data: {
|
|
// devices: param
|
|
// },
|
|
// dataType: 'json',
|
|
// success: function (res) {
|
|
// if (res.operateFlag) {
|
|
// var obj = dataOp(res.mapData.devicePropertyMS);
|
|
// Array.prototype.push.apply(treeData, obj.all);
|
|
// fn(obj.ids, treeData);
|
|
// }
|
|
|
|
// }
|
|
// });
|
|
// }
|
|
|
|
// function dataOp(arr) {
|
|
// var result = [],
|
|
// ids = [],
|
|
// obj = {};
|
|
// var tree = $.fn.zTree.getZTreeObj('device_list');
|
|
// for (var i = 0; i < arr.length; i++) {
|
|
// var d = arr[i];
|
|
// ids.push(d.type == 1 ? d.id : d.code)
|
|
// var _flag = isNaN(d.type) || d.type > 2;
|
|
// var _data = {
|
|
// treeCode: d.treeCode,
|
|
// treePCode: d.treePCode,
|
|
// code: d.code,
|
|
// sname: d.sname,
|
|
// oid: d.id,
|
|
// name: d.name,
|
|
// type: !d.type ? 3 : d.type,
|
|
// nocheck: !_flag,
|
|
// isParent: !_flag
|
|
// }
|
|
// result.push(_data);
|
|
// if (d.type != 1) {
|
|
// if (obj[d.treePCode] === undefined) {
|
|
// obj[d.treePCode] = {
|
|
// node: {},
|
|
// child: []
|
|
// };
|
|
// obj[d.treePCode].node = tree.getNodeByParam('treeCode', d.treePCode);
|
|
// }
|
|
// // tree.addNodes(obj[d.treePCode].node,-1,_data,true);
|
|
// obj[d.treePCode].child.push(_data);
|
|
// }
|
|
// }
|
|
// for (var k in obj) {
|
|
// tree.addNodes(obj[k].node, -1, obj[k].child, true);
|
|
// }
|
|
// return {
|
|
// ids: ids,
|
|
// all: result
|
|
// }
|
|
// }
|
|
|
|
function initTree(data) {
|
|
var setting = {
|
|
data: {
|
|
simpleData: {
|
|
enable: true,
|
|
idKey: 'treeCode',
|
|
pIdKey: 'treePCode',
|
|
rootPId: ''
|
|
}
|
|
},
|
|
view: {
|
|
showLine: false,
|
|
expandSpeed: 'fast',
|
|
showIcon: false
|
|
},
|
|
check: {
|
|
enable: true,
|
|
chkStyle: 'checkbox'
|
|
},
|
|
callback: {
|
|
onCheck: function (event, id, node) {
|
|
var tree = $.fn.zTree.getZTreeObj('device_list');
|
|
var nodes = tree.getCheckedNodes();
|
|
var checkednodes = {};
|
|
var code = nodes.reduce(function (o, v, i) {
|
|
if (o) {
|
|
o = o + ';'
|
|
}
|
|
checkednodes[v.sname] = v;
|
|
checkednodes[v.code] = v;
|
|
o = o + v.sname;
|
|
return o;
|
|
}, '');
|
|
$.fn.checkednodes = checkednodes;
|
|
wsb.send({
|
|
code: code
|
|
});
|
|
var param = {};
|
|
param[node.type] = node.treeCode;
|
|
Commdata[node.treeCode] = [];
|
|
getHistoryData(param);
|
|
}
|
|
}
|
|
}
|
|
var zTreeObj = $.fn.zTree.init($("#device_list"), setting, data);
|
|
return zTreeObj;
|
|
}
|
|
|
|
function initEcharts(id) {
|
|
var mec = echarts.init(document.getElementById(id), 'halloween' /*,ops*/ );
|
|
var op = {
|
|
title: {
|
|
textAlign: 'left'
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
},
|
|
grid: {
|
|
left: 60,
|
|
right: 20,
|
|
top: 10,
|
|
bottom: 34,
|
|
show: true,
|
|
containLabel: false, //是否包含坐标轴的刻度标签
|
|
/*backgroundColor:'#ccc',*/
|
|
},
|
|
dataZoom: [{
|
|
type: 'inside',
|
|
start: 0,
|
|
end: 100,
|
|
}],
|
|
xAxis: {
|
|
type: 'time',
|
|
splitNumber: 10,
|
|
// intreval:60000,
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
formatter: function(time,index){
|
|
var t=dayjs(time).format('HH:mm:ss');
|
|
// console.log(time)
|
|
if(time===''){
|
|
return ''
|
|
}
|
|
return t;
|
|
}
|
|
}
|
|
},
|
|
yAxis: [{
|
|
type: 'value',
|
|
axisLabel: {
|
|
formatter: '{value}'
|
|
}
|
|
}],
|
|
series: []
|
|
};
|
|
|
|
mec.on('click', function (param) {
|
|
|
|
});
|
|
var timer;
|
|
//缩放事件
|
|
mec.on('datazoom', function (event) {
|
|
if (timer) {
|
|
clearTimeout(timer);
|
|
}
|
|
var start = +new Date(2019, 0, 1, 0, 0, 0, 0);
|
|
timer = setTimeout(function () {
|
|
var end = dayjs(Math.round(start + (event.batch[0].end * 1000 * 3600 * 24 * 365 / 100))).format('YYYY-MM-DD HH:mm:ss');
|
|
var sta = dayjs(Math.round(start + (event.batch[0].start * 1000 * 3600 * 24 * 365 / 100))).format('YYYY-MM-DD HH:mm:ss');
|
|
}, 300)
|
|
});
|
|
mec.setOption(op);
|
|
return mec;
|
|
}
|
|
$(function () {
|
|
window.ec = initEcharts('chart');
|
|
series = ec.getOption().series;
|
|
});
|
|
|
|
window.series = [];
|
|
window.flag = true;
|
|
|