2022-11-15 18:47:16 +08:00
< style >
[id^=yt_tooltip] {
width: 450px;
}
< / style >
2022-11-18 17:12:45 +08:00
< div class = "row m-0 mb-3" >
< button id = "resChartZoom" class = "btn btn-info" > 圖檔重置< / button >
< / div >
2022-12-09 18:20:41 +08:00
<!-- <div class="row">
2022-11-17 10:49:49 +08:00
< div id = "floChart" style = "height : 80vh!important;width:100%" > < / div >
2022-12-09 18:20:41 +08:00
< / div > -->
<!-- <div class="row">
< div id = "forgeViewer" class = "position-absolute" style = "width:96%;height:96%;" > < / div >
< / div > -->
< div class = "d-flex" >
< div class = "col-6 my-3" >
< div id = "floChart" style = "height : 80vh!important;width:100%" > < / div >
< / div >
< div class = "col-6 my-3" >
< div id = "forgeViewer" > < / div >
< / div >
2022-11-15 18:47:16 +08:00
< / div >
< script src = "lib/echarts.min.js" > < / script >
< script >
var floChart = null;
2022-11-17 15:22:45 +08:00
var currentData = [];
var allDeviceRowData = []; //所有設備原始資料
var global_emergency_alarm_device_number = [];
2022-11-18 10:50:46 +08:00
var zoomToggle = 3;
2022-12-29 18:19:22 +08:00
var urn_all = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDJUU5JTlCJTk5JUU5JUExJUFGXzEyMjgubndk";
2022-12-30 18:24:19 +08:00
var urn_test = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDK01FUCVFNiU4QiU4NiVFNyVCMyVCQiVFNyVCNSVCMV8lRTUlOEQlOEElRTklODAlOEYlRTYlOTglOEUlRTUlQkIlQkElRTclQUYlODlfMTJfMzAubndk";
2022-12-29 00:05:44 +08:00
2022-12-29 16:03:58 +08:00
$(function () {
2022-12-29 18:19:22 +08:00
getHotspotPoint(() => {
2022-12-30 18:24:19 +08:00
show3DModel(urn_test);
2022-12-29 18:19:22 +08:00
});
2022-11-15 18:47:16 +08:00
initChart();
2022-11-17 10:49:49 +08:00
getFloData();
2022-12-29 16:03:58 +08:00
subDevice();
2022-11-15 18:47:16 +08:00
})
2022-11-18 17:12:45 +08:00
onEvent("click", "#resChartZoom", function () {
floChart.setOption({
geo: {
center: null,
zoom: 1.2,
},
});
resetData();
})
2022-11-17 10:49:49 +08:00
function getFloData() {
let url = baseApiUrl + "/api/Device/GetDeviceList";
let sendData = {
2022-11-17 18:26:30 +08:00
sub_system_tag: pageAct.sysSubTag,
2022-11-17 10:49:49 +08:00
building_tag: pageAct.buiTag,
floor_tag: pageAct.floTag,
};
objSendData.Data = sendData;
ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
if (!res || res.code != "0000" || !res.data) {
} else {
chartHandler(`${baseImgUrl}/upload/floor_map/${res.data[0].floor_map_name}`);
2022-11-17 15:22:45 +08:00
getDevice(res.data[0].device_list);
2022-11-17 10:49:49 +08:00
}
}, null, "POST").send();
2022-11-17 15:22:45 +08:00
}
function getDevice(devList) {
let selected_floor = devList[0];
//let selected_floor_objs = devList.filter(function (item) {
// return item.floor_guid == selected_floor.floor_guid;
//});
2022-11-17 10:49:49 +08:00
2022-11-17 15:22:45 +08:00
//currentData = selected_floor_objs[0].device;
2022-11-17 22:14:46 +08:00
2022-11-17 15:22:45 +08:00
currentData = $.map(devList, function (item) {
//資料處理
if (selected_floor.device_number != undefined
& & selected_floor.device_number != null
& & selected_floor.device_number != ""
& & selected_floor.device_number == item.device_number) {
item.selected = true;
} else {
item.selected = false;
}
if (item.device_coordinate != undefined & & item.device_coordinate != null) {
var coordinate = item.device_coordinate.split(',')
item.value = [
parseFloat(coordinate[0]),
parseFloat(coordinate[1])
]
}
if (item.device_nodes != undefined
& & item.device_nodes != null
& & item.device_nodes.length > 0) {
if (item.device_master_number == selected_floor.device_master) {
//var datatable_data = {
// device_full_name: item.full_name,
// device_number: item.device_number,
// device_master: item.device_master_number
//}
//datatable_data_list.push(datatable_data);
$.map(item.device_nodes, function (item_node) {
item_node.selected = false;
if (item_node.device_node_coordinate != undefined & & item_node.device_node_coordinate != null) {
var node_coordinate = item_node.device_node_coordinate.split(',')
item_node.value = [
parseFloat(node_coordinate[0]),
parseFloat(node_coordinate[1])
]
}
});
}
else {
//var index = datatable_data_list.findIndex(x => x.device_number == item.device_number);
//if (index < 0 ) {
// var datatable_data = {
// device_number: item.device_number,
// device_master: item.device_master_number
// }
// datatable_data_list.push(datatable_data);
//}
$.map(item.device_nodes, function (item_node) {
item_node.selected = false;
if (item_node.device_node_coordinate != undefined & & item_node.device_node_coordinate != null) {
var node_coordinate = item_node.device_node_coordinate.split(',')
item_node.value = [
parseFloat(node_coordinate[0]),
parseFloat(node_coordinate[1])
]
}
});
}
}
return item;
});
console.log(currentData)
if (currentData == null || currentData.length == 0) {
this.currentData = [];
}
// myBaja.setPrepareSubscribeDevices(currentData);
// myBaja.setCallBack(mySubscribeDevices);
//if (datatable_data_list.length > 0) {
// $("#datatablediv").show();
// dataTableDraw();
//} else {
// $("#datatablediv").hide();
//}
resetData();
2022-11-17 10:49:49 +08:00
}
2022-11-15 18:47:16 +08:00
function initChart() {
let chartDom = $("#floChart")[0];
2022-11-18 11:41:09 +08:00
floChart = echarts.init(chartDom, null, { width: 'auto'});
2022-11-15 18:47:16 +08:00
}
2022-11-17 10:49:49 +08:00
function chartHandler(url) {
2022-11-15 18:47:16 +08:00
floChart.clear();
2022-11-16 17:23:00 +08:00
2022-11-17 10:49:49 +08:00
$.get(url, function (svg) {
if (svg == undefined || svg == null) {
return;
}
2022-11-17 22:14:46 +08:00
2022-11-17 10:49:49 +08:00
echarts.registerMap('floor_svg', { svg: svg });
option = {
// animationDurationUpdate: 1500,
2022-11-17 15:22:45 +08:00
tooltip: {
formatter: function (params) {
2022-11-17 22:14:46 +08:00
console.log("23", params)
2022-11-17 15:22:45 +08:00
if (params.data.device_node_guid != undefined & & params.data.device_node_guid != null & & params.data.device_node_guid != "") {
return `名稱：${params.data.device_node_full_name}< br >
Guid：
}
else {
2022-11-17 18:46:49 +08:00
return `名稱：${params.data.full_name}< br >
2022-11-17 15:22:45 +08:00
Guid：
}
}
},
2022-11-17 10:49:49 +08:00
toolbox: { //工具欄
show: false
},
geo: {
map: 'floor_svg',
roam: true,
scaleLimit: { //限制放大縮小倍數
max: 32,
2022-11-18 11:41:09 +08:00
min: 1
2022-11-17 10:49:49 +08:00
},
layoutSize: '100%',
layoutCenter: [],
2022-11-18 11:41:09 +08:00
zoom: 1.2,
2022-11-17 10:49:49 +08:00
silent: true
},
series: [
{ //不管有無被選擇(圓點)
type: 'scatter',
coordinateSystem: 'geo',
geoIndex: 0,
symbol: 'circle',
symbolSize: 10,
symbolOffset: [10, 10],
label: {
show: false
},
/*data: currentData,*/
z: 2
},
{ //未選擇的設備(icon)
type: 'scatter',
coordinateSystem: 'geo',
geoIndex: 0,
symbolSize: 30,
label: {
formatter: '{b}',
position: 'bottom',
show: true,
backgroundColor: 'orange'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold',
color: 'yellow'
}
},
selectedMode: 'single',
data: null,
z: 1
},
{ //被選擇的設備(icon)
type: 'effectScatter',
coordinateSystem: 'geo',
geoIndex: 0,
showEffectOn: 'render',
symbolSize: 30,
label: {
formatter: '{b}',
position: 'bottom',
show: true,
backgroundColor: 'orange'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold',
color: 'yellow'
}
},
selectedMode: 'single',
data: null,
z: 1
},
{ //編輯模式底下的設備(圓點，只會有一個)
type: 'scatter',
coordinateSystem: 'geo',
geoIndex: 0,
symbol: 'circle',
symbolSize: 10,
symbolOffset: [10, 10],
label: {
show: false
},
/*data: currentData,*/
z: 2
},
{ //編輯模式底下的設備(icon，
type: 'scatter',
coordinateSystem: 'geo',
geoIndex: 0,
symbolSize: 30,
label: {
formatter: '{b}',
position: 'bottom',
show: true,
backgroundColor: 'orange'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold',
color: 'yellow'
}
},
data: null,
z: 1
},
],
};
floChart.setOption(option);
2022-11-17 15:22:45 +08:00
2022-11-17 18:26:30 +08:00
2022-11-17 15:22:45 +08:00
if (currentData != undefined & & currentData != null & & currentData.length > 0) {
resetData();
}
2022-11-17 18:26:30 +08:00
var ordPath = {
"building_tag": pageAct.buiTag,
"system_tag": pageAct.sysMainTag,
}
//myBaja.setSubscribeDevicesByBql(ordPath);
//myBaja.setSubscribeDevicesCallBack(subscribeCallBack);
2022-11-17 10:49:49 +08:00
console.log(floChart)
floChart.getZr().on('click', function (params) {
console.log("click", params);
var pixelPoint = [params.offsetX, params.offsetY];
var dataPoint = floChart.convertFromPixel({ geoIndex: 0 }, pixelPoint);
console.log(dataPoint);
2022-11-17 22:14:46 +08:00
2022-11-17 10:49:49 +08:00
2022-11-17 15:22:45 +08:00
temp_device_on_floor_map = [{
device_guid: selected_temp_device.device_guid,
device_full_name: selected_temp_device.device_full_name,
device_node_guid: selected_temp_device.device_node_guid ? selected_temp_device.device_node_guid : null,
device_node_full_name: selected_temp_device.device_node_full_name ? selected_temp_device.device_node_full_name : null,
status: selected_temp_device.status,
value: dataPoint
}];
2022-11-17 10:49:49 +08:00
2022-11-17 22:14:46 +08:00
2022-11-17 10:49:49 +08:00
// currentData.push([dataPoint[0], dataPoint[1], 1]);
// floChart.setOption(option);
});
//floChart.on('selectchanged', function (params) {
// console.log("selectchanged", params);
// // currentData.push([dataPoint[0], dataPoint[1], 1]);
// // floChart.setOption(option);
// currentData = $.map(currentData, function (item) {
// item.selected = false;
// return item;
// });
// if (params.selected.length > 0) {
// currentData[params.selected[0].seriesIndex - 1].selected = true;
// }
//});
// floChart.getZr().on('mousewheel', function (params) {
// console.log(params)
// })
floChart.on('georoam', function (params) {
var zoom = floChart.getOption().geo[0].zoom;
if (zoom < = 2.5) {
2022-11-17 15:22:45 +08:00
/*ResetFloorMap();*/
2022-11-17 10:49:49 +08:00
floChart.setOption({
geo: {
roam: 'scale'
},
});
} else {
floChart.setOption({
geo: {
roam: true
},
});
}
2022-11-17 18:26:30 +08:00
resetData();
2022-11-17 10:49:49 +08:00
});
})
.fail(function () {
toast_warning("查無該樓層地圖")
floChart.clear();
});
2022-11-17 15:22:45 +08:00
2022-11-17 22:14:46 +08:00
2022-11-17 15:22:45 +08:00
}
2022-12-29 16:03:58 +08:00
//baja 訂閱設備
function subDevice() {
let floMyBaja = new subscriptionDevices();
var ordPath = {
"area_tag": pageAct.AreaTag,
"building_tag": pageAct.buiTag,
"system_tag": pageAct.sysMainTag,
"name_tag": pageAct.sysSubTag,
2022-11-17 18:26:30 +08:00
}
2022-12-29 16:03:58 +08:00
floMyBaja.setSubscribeDevicesByBql(ordPath);
floMyBaja.setSubscribeDevicesCallBack(function (data) {
console.log(data)
let matchDevice = allDeviceRowData.filter(x => x.device_number == data.device_number_full)[0];
if (!matchDevice) {
return false;
2022-11-17 18:26:30 +08:00
}
2022-12-29 16:03:58 +08:00
let norDevPoiName = matchDevice.device_normal_point_name;
let cloDevPoiName = matchDevice.device_close_point_name;
let errDevPoiName = matchDevice.device_error_point_name;
if (data.point_name == norDevPoiName & & data.value == matchDevice.device_normal_point_value) {
//顯示正常燈號
$(`#${matchDevice.device_number}_status`).attr("data-light-type", "normal").data("light-type", "normal");
} else if (data.point_name == cloDevPoiName & & data.value == matchDevice.device_close_point_value) {
$(`#${matchDevice.device_number}_status`).attr("data-light-type", "close").data("light-type", "close");
} else if (data.point_name == errDevPoiName & & data.value == matchDevice.device_error_point_value) {
$(`#${matchDevice.device_number}_status`).attr("data-light-type", "error").data("light-type", "error");
2022-11-17 18:26:30 +08:00
}
2022-12-29 16:03:58 +08:00
});
2022-11-17 18:26:30 +08:00
2022-12-29 16:03:58 +08:00
floMyBaja.setSubscribeDeviceEndCallBack(function (data) {
endPageLoading();
});
2022-11-17 18:26:30 +08:00
}
2022-12-29 16:03:58 +08:00
// //訂閱設備的回傳值，並塞到全域變數
// function subscribeCallBack(change_device, is_need_reset = false) {
// if (change_device != undefined & & change_device != null) {
// var target_device = allDeviceRowData.filter(x => x.device_number == change_device.device_number)[0];
// if (target_device == undefined || target_device == null) {
// //新增
// obj = {
// device_number: change_device.device_number,
// points: [{
// name: change_device.point_name,
// value: change_device.value
// }]
// };
// allDeviceRowData.push(obj);
// }
// else {
// selected_device_point = target_device.points.find(x => x.name == change_device.point_name);
// if (selected_device_point != null) {
// selected_device_point.value = change_device.value;
// }
// else {
// obj = {
// name: change_device.point_name,
// value: change_device.value
// }
// target_device.points.push(obj);
// }
// }
// if (is_need_reset) {
// resetData();
// }
// }
// }
2022-11-17 18:26:30 +08:00
2022-11-17 15:22:45 +08:00
// 重設平面圖設備資料
function resetData() {
2022-11-17 22:14:46 +08:00
const scatter_symbol_convertData = function (data,zoom) { //正常、關閉排除CCVT(圓點)
2022-11-17 15:22:45 +08:00
let res = [], temp = [];
data.forEach(function (item, index) {
if (global_emergency_alarm_device_number != undefined
& & global_emergency_alarm_device_number != null) {
if (global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) < 0 & & item . device_system_category_layer3 ! = " C " ) {
//如果有子節點，則只針對子節點操作
if (item.device_nodes != undefined & & item.device_nodes != null & & item.device_nodes.length > 0) {
item.device_nodes.forEach(function (item_node, item_node_index) {
//添加父節點相關資訊
item_node.device_system_category_layer3 = item.device_system_category_layer3;
item_node.device_normal_color = item.device_normal_color;
item_node.device_close_color = item.device_close_color;
//判斷父節點狀態
var device_index = allDeviceRowData.findIndex(x => x.device_number == item.device_number)
var temp_point_value;
if (device_index > -1) {
if (item.device_normal_point_name != null || item.device_close_point_name != null) {
//當其中point name 不為null的情況
if (item.device_normal_point_name != null) {
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_normal_point_name);
temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
if (temp_point_value == item.device_normal_point_value) {
item_node.device_color = item.device_normal_color;
}
}
if (item.device_close_point_name != null) {
temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
if (temp_point_value == item.device_close_point_value) {
item_node.device_color = item.device_close_color;
}
}
} else {
if (item.device_normal_point_name == "ER") {
temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
if (temp_point_value == "true") {
item_node.device_color = item.device_normal_color;
} else {
temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
if (temp_point_value == item.device_close_point_value) {
item_node.device_color = item.device_close_color;
}
}
} else if (item.device_close_point_name == "ER") {
temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
if (temp_point_value == "true") {
item_node.device_color = item.device_close_color;
} else {
temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
if (temp_point_value == item.device_normal_point_value) {
item_node.device_color = item.device_normal_color;
}
}
} else {
temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
if (temp_point_value == item.device_normal_point_value) {
item_node.device_color = item.device_normal_color;
} else if (temp_point_value == item.device_close_point_value) {
item_node.device_color = item.device_close_color;
}
}
}
}
temp.push(item_node);
});
} else {
var device_index = allDeviceRowData.findIndex(x => x.device_number == item.device_number)
if (device_index > -1) {
if (item.device_normal_point_name != null || item.device_close_point_name != null) {
//當其中point name 有為null的情況
if (item.device_normal_point_name != null) {
// temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_normal_point_name).value;
if (temp_point_value == item.device_normal_point_value) {
item.device_color = item.device_normal_color;
}
}
if (item.device_close_point_name != null) {
// temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_close_point_name).value;
if (temp_point_value == item.device_close_point_value) {
item.device_color = item.device_close_color;
}
}
} else {
if (item.device_normal_point_name == "ER") {
// temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_normal_point_name).value;
if (temp_point_value == "true") {
item.device_color = item.device_normal_color;
} else {
// temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_close_point_name).value;
if (temp_point_value == item.device_close_point_value) {
item.device_color = item.device_close_color;
}
}
} else if (item.device_close_point_name == "ER") {
// temp_point_value = allDeviceRowData[device_index].points[item.device_close_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_close_point_name).value;
if (temp_point_value == "true") {
item.device_color = item.device_close_color;
} else {
// temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_normal_point_name).value;
if (temp_point_value == item.device_normal_point_value) {
item.device_color = item.device_normal_color;
}
}
} else {
// temp_point_value = allDeviceRowData[device_index].points[item.device_normal_point_name];
temp_point_value = allDeviceRowData[device_index].points.find(x => x.name == item.device_normal_point_name).value;
if (temp_point_value == item.device_normal_point_value) {
item.device_color = item.device_normal_color;
} else if (temp_point_value == item.device_close_point_value) {
item.device_color = item.device_close_color;
}
}
}
}
2022-11-17 22:14:46 +08:00
item.zoom = zoom;
2022-11-17 15:22:45 +08:00
temp.push(item);
}
}
}
});
// let temp = data.filter(function (item, index) {
// if (global_emergency_alarm_device_number != undefined & & global_emergency_alarm_device_number != null) {
// return global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) < 0 & & item . device_system_category_layer3 ! = " C " ;
// } else {
// return [];
// }
// });
temp.map(function (item) {
var obj = {
device_guid: item.device_guid,
device_number: item.device_number,
full_name: item.full_name ? item.full_name : null,
device_node_guid: item.device_node_guid ? item.device_node_guid : null,
device_node_full_name: item.device_node_full_name ? item.device_node_full_name : null,
device_system_category_layer3: item.device_system_category_layer3 ? item.device_system_category_layer3 : null,
status: item.status,
value: item.value,
deviceItems: item.deviceItems,
deviceURL: item.deviceURL
}
obj.itemStyle = { 'color': item.device_color };
res.push(obj);
});
return res;
}
const scatter_icon_convertData = function (data) { //正常、關閉(icon)
let res = [], temp = [];
2022-11-17 22:14:46 +08:00
2022-11-17 15:22:45 +08:00
data.forEach(function (item, index) {
if (global_emergency_alarm_device_number != undefined
& & global_emergency_alarm_device_number != null) {
if (global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) < 0 & & item . device_system_category_layer3 ! = " C " ) {
//如果有子節點，則只針對子節點操作
2022-11-17 22:14:46 +08:00
if (item.device_nodes != undefined & & item.device_nodes != null & & item.device_nodes.length > 0) {
item.device_nodes.forEach(function (item_node, item_node_index) {
2022-11-17 15:22:45 +08:00
//添加父節點相關資訊
item_node.device_system_category_layer3 = item.device_system_category_layer3;
item_node.device_normal_color = item.device_normal_color;
2022-11-17 22:14:46 +08:00
item_node.device_image = item.device_image;
2022-11-17 15:22:45 +08:00
temp.push(item_node);
2022-11-17 22:14:46 +08:00
});
} else {
temp.push(item)
}
2022-11-17 15:22:45 +08:00
}
}
});
2022-11-17 22:14:46 +08:00
temp = data.filter(function (item, index) {
if (global_emergency_alarm_device_number != undefined & & global_emergency_alarm_device_number != null) {
return global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) < 0 & & item . device_system_category_layer3 ! = " C " ;
} else {
return [];
}
});
2022-11-17 15:22:45 +08:00
temp.map(function (item) {
var obj = {
device_guid: item.device_guid,
device_number: item.device_number,
full_name: item.full_name ? item.full_name : null,
device_node_guid: item.device_node_guid ? item.device_node_guid : null,
device_node_full_name: item.device_node_full_name ? item.device_node_full_name : null,
device_system_category_layer3: item.device_system_category_layer3 ? item.device_system_category_layer3 : null,
status: item.status,
2022-11-17 22:14:46 +08:00
symbol: 'image://' + baseImgUrl + "/upload/device_icon/" + item.device_image,
2022-11-17 15:22:45 +08:00
value: item.value,
deviceItems: item.deviceItems,
deviceURL: item.deviceURL
}
if (item.selected) {
obj.symbolSize = 50
}
res.push(obj);
});
return res;
}
const scatter_error_convertData = function (data) { //異常(圓點)
let res = [], temp = [];
data.forEach(function (item, index) {
if (global_emergency_alarm_device_number != undefined
& & global_emergency_alarm_device_number != null) {
if (global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) > -1 & & item.device_system_category_layer3 != "C") {
//如果有子節點，則只針對子節點操作
if (item.device_nodes != undefined & & item.device_nodes != null & & item.device_nodes.length > 0) {
item.device_nodes.forEach(function (item_node, item_node_index) {
//添加父節點相關資訊
item_node.device_system_category_layer3 = item.device_system_category_layer3;
item_node.device_error_color = item.device_error_color;
temp.push(item_node);
});
} else {
temp.push(item)
}
}
}
});
// if (global_emergency_alarm_device_number != undefined & & global_emergency_alarm_device_number != null) {
// temp = data.filter(function (item, index) {
// return global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) > -1 & & item.device_system_category_layer3 != "C";
// });
// }
temp.map(function (item) {
var obj = {
device_guid: item.device_guid,
device_number: item.device_number,
full_name: item.full_name ? item.full_name : null,
device_node_guid: item.device_node_guid ? item.device_node_guid : null,
device_node_full_name: item.device_node_full_name ? item.device_node_full_name : null,
device_system_category_layer3: item.device_system_category_layer3 ? item.device_system_category_layer3 : null,
status: item.status,
value: item.value,
deviceItems: item.deviceItems,
deviceURL: item.deviceURL
}
obj.itemStyle = { 'color': item.device_error_color };
res.push(obj);
});
return res;
}
const scatter_error_icon_convertData = function (data) { //異常(icon)
let res = [], temp = [];
data.forEach(function (item, index) {
if (global_emergency_alarm_device_number != undefined
& & global_emergency_alarm_device_number != null) {
if (global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) > -1 & & item.device_system_category_layer3 != "C") {
//如果有子節點，則只針對子節點操作
2022-11-17 22:14:46 +08:00
if (item.device_nodes != undefined & & item.device_nodes != null & & item.device_nodes.length > 0) {
item.device_nodes.forEach(function (item_node, item_node_index) {
2022-11-17 15:22:45 +08:00
//添加父節點相關資訊
item_node.device_system_category_layer3 = item.device_system_category_layer3;
item_node.device_error_color = item.device_error_color;
2022-11-17 22:14:46 +08:00
item_node.device_image = item.device_image;
2022-11-17 15:22:45 +08:00
temp.push(item_node);
2022-11-17 22:14:46 +08:00
});
} else {
temp.push(item)
}
2022-11-17 15:22:45 +08:00
}
}
});
2022-11-17 22:14:46 +08:00
if (global_emergency_alarm_device_number != undefined & & global_emergency_alarm_device_number != null) {
temp = data.filter(function (item, index) {
return global_emergency_alarm_device_number.findIndex(x => x.device_number == item.device_number) > -1 & & item.device_system_category_layer3 != "C";
});
}
2022-11-17 15:22:45 +08:00
temp.map(function (item) {
2022-11-17 22:14:46 +08:00
2022-11-17 15:22:45 +08:00
var obj = {
device_guid: item.device_guid,
device_number: item.device_number,
full_name: item.full_name ? item.full_name : null,
device_node_guid: item.device_node_guid ? item.device_node_guid : null,
device_node_full_name: item.device_node_full_name ? item.device_node_full_name : null,
device_system_category_layer3: item.device_system_category_layer3 ? item.device_system_category_layer3 : null,
status: item.status,
2022-11-17 22:14:46 +08:00
symbol: 'image://' + baseImgUrl + "/upload/device_icon/" + item.device_image,
2022-11-17 15:22:45 +08:00
value: item.value,
deviceItems: item.deviceItems,
deviceURL: item.deviceURL
}
res.push(obj);
});
return res;
}
const scatter_cctv_convertData = function (data) { //CCTV
let res = [];
let temp = data.filter(function (item, index) {
return item.device_system_category_layer3 == "C";
});
temp.map(function (item) {
var obj = {
device_guid: item.device_guid,
device_number: item.device_number,
full_name: item.full_name,
device_system_category_layer3: item.device_system_category_layer3,
device_ip: item.device_ip,
device_port: item.device_port,
status: item.status,
symbol: 'image://' + str_location_url + "/upload/device_icon/" + item.device_image,
value: item.value
}
res.push(obj);
});
return res;
}
if (!floChart.getOption()) {
return;
}
var zoom = 0;
if (floChart.getOption().geo & & floChart.getOption().geo.length > 0) {
zoom = floChart.getOption().geo[0].zoom;
}
2022-11-18 10:50:46 +08:00
if (zoom < = zoomToggle) {
2022-11-17 15:22:45 +08:00
floChart.setOption({
series: [{
symbolOffset: [0, 0],
data: scatter_symbol_convertData(currentData) //正常、關閉(圓點)
}, {
data: [] //正常、關閉(icon)
}, {
symbolOffset: [0, 0],
data: scatter_error_convertData(currentData) //異常(圓點)
}, {
data: [] //異常(icon)
}, {
data: scatter_cctv_convertData(currentData) //CCTV
}]
});
} else {
2022-11-17 22:14:46 +08:00
2022-11-17 15:22:45 +08:00
floChart.setOption({
series: [{
symbolOffset: [10, 10],
2022-11-17 22:14:46 +08:00
data: scatter_symbol_convertData(currentData, zoom), //正常、關閉(圓點)
2022-11-17 15:22:45 +08:00
}, {
data: scatter_icon_convertData(currentData) //正常、關閉(icon)
}, {
symbolOffset: [10, 10],
data: scatter_error_convertData(currentData) //異常(圓點)
}, {
data: scatter_error_icon_convertData(currentData) //異常(icon)
}, {
data: scatter_cctv_convertData(currentData) //CCTV
}]
});
}
2022-11-15 18:47:16 +08:00
}
2022-12-09 18:20:41 +08:00
2022-12-29 18:19:22 +08:00
function show3DModel(urn) {
launchViewerForHotspot(urn, (viewer, nodeIds) => {
2022-12-30 18:24:19 +08:00
getLevelsData("7F", "8F");//剖面的下方樓層，剖面的上方樓層
2022-12-29 18:19:22 +08:00
loadHeatmapForFloor();
2022-12-09 18:20:41 +08:00
});
}
2022-12-29 18:19:22 +08:00
function getHotspotPoint(callback = null) {
let url = baseApiUrl + "/api/GetDevForCor";
let sendData = {
"device_area_tag": pageAct.AreaTag,
"device_building_tag": pageAct.buiTag,
"device_system_tag": pageAct.sysMainTag,
"device_name_tag": pageAct.sysSubTag,
"device_floor_tag": pageAct.floTag,
};
objSendData.Data = sendData;
ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
if (!res || res.code != "0000" || !res.data) {
} else {
debugger
let myDataList = [];
$.each(res.data, (idx, data) => {
let item = {};
item.position = {};
if (item.device_coordinate_3d != null & & isJSON(item.device_coordinate_3d)) {
item.position = JSON.parse(x.device_coordinate_3d);
}
$.extend(item, data);
myDataList.push(item);
})
console.log("1", myDataList)
setHotspotPoint(myDataList);
callback ? callback() : "";
}
}, null, "POST").send();
}
function setHotspotPoint(myDataList = []) {
console.log(myDataList)
getHopspotPoint(myDataList);
}
2022-11-15 18:47:16 +08:00
< / script >
