|
@@ -1,31 +1,21 @@
|
|
|
|
|
|
|
|
var treeJson = null;
|
|
var treeJson = null;
|
|
|
-var groupTreeJson = null;
|
|
|
|
|
-var treeCtrl;
|
|
|
|
|
var onlineCenterStatusCheckId;
|
|
var onlineCenterStatusCheckId;
|
|
|
var offlineCenterStatusCheckId;
|
|
var offlineCenterStatusCheckId;
|
|
|
var onlineIntStatusCheckId;
|
|
var onlineIntStatusCheckId;
|
|
|
var offlineIntStatusCheckId;
|
|
var offlineIntStatusCheckId;
|
|
|
var _RegionCdArr = [];
|
|
var _RegionCdArr = [];
|
|
|
-var _GroupNoArr = [];
|
|
|
|
|
-var intGroupLineArr = [];
|
|
|
|
|
-var intGroupCircleArr = [];
|
|
|
|
|
-var _groupTreeListCallBackData;
|
|
|
|
|
|
|
|
|
|
var onlineCenterStatusData;
|
|
var onlineCenterStatusData;
|
|
|
var offlineCenterStatusData;
|
|
var offlineCenterStatusData;
|
|
|
var onlineIntStatusData;
|
|
var onlineIntStatusData;
|
|
|
var offlineIntStatusData;
|
|
var offlineIntStatusData;
|
|
|
let _regionMap = new Map();
|
|
let _regionMap = new Map();
|
|
|
-var _searchText = "";
|
|
|
|
|
let timeout = null;
|
|
let timeout = null;
|
|
|
var _historyMap = new Map();
|
|
var _historyMap = new Map();
|
|
|
-let _TreeList;
|
|
|
|
|
var interval = null;
|
|
var interval = null;
|
|
|
var cnt = 0;
|
|
var cnt = 0;
|
|
|
let isSearch = false;
|
|
let isSearch = false;
|
|
|
-const regionMap = new Map();
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
let _timeIdx;
|
|
let _timeIdx;
|
|
|
function nodeClick(nodeId, regionId, name, lat, lng){
|
|
function nodeClick(nodeId, regionId, name, lat, lng){
|
|
@@ -579,6 +569,10 @@ function evpHistoryCallBack(rec) {
|
|
|
|
|
|
|
|
function drawHistoryList(serviceId) {
|
|
function drawHistoryList(serviceId) {
|
|
|
unsetEvpCurr();
|
|
unsetEvpCurr();
|
|
|
|
|
+ $('.history-table tr.on').removeClass('on');
|
|
|
|
|
+ $('.hs_' + serviceId).addClass('on');
|
|
|
|
|
+ const bottomInfo = $('#evpBottomInfo');
|
|
|
|
|
+ bottomInfo.empty();
|
|
|
requestService('getEvpHistoryDetail.do', {serviceId}, (data)=>{
|
|
requestService('getEvpHistoryDetail.do', {serviceId}, (data)=>{
|
|
|
|
|
|
|
|
if (_historyMap.size && data) {
|
|
if (_historyMap.size && data) {
|
|
@@ -606,14 +600,13 @@ function drawHistoryList(serviceId) {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const obj = _historyMap.get(serviceId).get('obj');
|
|
const obj = _historyMap.get(serviceId).get('obj');
|
|
|
- $('.history-table tr.on').removeClass('on');
|
|
|
|
|
- $('.hs_' + serviceId).addClass('on');
|
|
|
|
|
|
|
+
|
|
|
const drawObj = {...obj};
|
|
const drawObj = {...obj};
|
|
|
const { event_list, phase_list } = obj;
|
|
const { event_list, phase_list } = obj;
|
|
|
|
|
|
|
|
if (event_list && event_list.length) drawObj.event_list = [drawObj.event_list[0]];
|
|
if (event_list && event_list.length) drawObj.event_list = [drawObj.event_list[0]];
|
|
|
if (phase_list && phase_list.length) drawObj.phase_list = phase_list[0];
|
|
if (phase_list && phase_list.length) drawObj.phase_list = phase_list[0];
|
|
|
- const bottomInfo = $('#evpBottomInfo');
|
|
|
|
|
|
|
+
|
|
|
let str = '';
|
|
let str = '';
|
|
|
|
|
|
|
|
event_list.forEach((event, idx)=>{
|
|
event_list.forEach((event, idx)=>{
|
|
@@ -657,17 +650,17 @@ function getBottomListEl(obj, event, idx) {
|
|
|
className = 'on';
|
|
className = 'on';
|
|
|
}
|
|
}
|
|
|
let curSpd = '-';
|
|
let curSpd = '-';
|
|
|
- if (event.cur_spd) { // 현재 스피드가 있을경우 천단위 콤마
|
|
|
|
|
|
|
+ if (event && event.cur_spd) { // 현재 스피드가 있을경우 천단위 콤마
|
|
|
curSpd = event.cur_spd.toLocaleString();
|
|
curSpd = event.cur_spd.toLocaleString();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
let remDist = '-';
|
|
let remDist = '-';
|
|
|
- if (event.rem_dist) {// 남은 거리가 있을경우 천단위 콤마
|
|
|
|
|
|
|
+ if (event && event.rem_dist) {// 남은 거리가 있을경우 천단위 콤마
|
|
|
remDist = event.rem_dist.toLocaleString();
|
|
remDist = event.rem_dist.toLocaleString();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
- let clctDt = event.clct_dt.replace(/\:|\-|\.| /gi, '') //시간 기호(':', '-', ' ') 제거 후 값만 추출 하여 table 로우 ID 부여
|
|
|
|
|
|
|
+ let clctDt = event && event.clct_dt ? event.clct_dt.replace(/\:|\-|\.| /gi, '') : '-'; //시간 기호(':', '-', ' ') 제거 후 값만 추출 하여 table 로우 ID 부여
|
|
|
let str = `<tr onclick="moveLocation('${obj.service_id}', this)" class="${className}" id="${obj.service_id}_${clctDt}">`
|
|
let str = `<tr onclick="moveLocation('${obj.service_id}', this)" class="${className}" id="${obj.service_id}_${clctDt}">`
|
|
|
+'<td>'+event.clct_dt+'</td>'
|
|
+'<td>'+event.clct_dt+'</td>'
|
|
|
+'<td>'+obj.region_name+'</td>'
|
|
+'<td>'+obj.region_name+'</td>'
|
|
@@ -915,7 +908,7 @@ function getIntTreeData(data) {
|
|
|
let text = `<div style="display: flex; gap: 5px; align-items: center; font-size: 12px;">
|
|
let text = `<div style="display: flex; gap: 5px; align-items: center; font-size: 12px;">
|
|
|
<div id="int-status-${nodeid}" class="comm${intStatus}"></div>
|
|
<div id="int-status-${nodeid}" class="comm${intStatus}"></div>
|
|
|
<div class="int-name" title="${nodeid} ${name}" style="display: flex; gap: 5px;">
|
|
<div class="int-name" title="${nodeid} ${name}" style="display: flex; gap: 5px;">
|
|
|
- <div style="width: 78px;">${nodeid}</div>
|
|
|
|
|
|
|
+ <div>${nodeid}</div>
|
|
|
<div>${name}</div>
|
|
<div>${name}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>`;
|
|
</div>`;
|