var listIndex = 0; //人员大数据统计 function personnel() { $.get('/api/Project_v2/personnel',{orgid:orgid},function (data) { if(data.status == 0){ if(data.data.length > 0){ var personnel = echarts.init(document.getElementById('personnel')); personnelOption = { color:['#fdd100','#ec5400','#40ebff','#ff4874'], tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { x : 'left', y : 'center', left: 50, textStyle: { color: '#fff', fontSize: 12, }, orient: 'vertical', data:['保洁','保安','维修','运送'] }, calculable : true, series : [ { name:'人员大数据统计', type:'pie', radius : [20, 70], center : ['60%', '50%'], roseType : 'radius', data:data.data, // data:[ // {value:30, name:'保洁'}, // {value:25, name:'保安'}, // {value:20, name:'维修'}, // {value:25, name:'运送'} // ], label: { formatter: '{b}{d}%', color: '#fff' } } ] }; personnel.setOption(personnelOption); } } }); } function duty() { $.get('/api/Project_v2/duty',{orgid:orgid},function (res) { if(res.status == 0) { let list = res.data.data; if (list.length > 0) { var str = ''; for (var i in list){ str += '<tr>'; str += '<td>' + list[i]['ID'] + '</td>'; str += '<td>' + list[i]['DEP'] + '</td>'; str += '<td>' + list[i]['NAME'] + '</td>'; str += '<td>' + list[i]['PHONE'] + '</td>'; str += '</tr>'; } $('#duty').html(str); } } }) } //投诉大数据 function complaintList() { $.get('/api/Project_v2/complaint',{orgid:orgid},function (res) { if(res.status == 0) { let list = res.data.data; if (list.length > 0) { var str = ''; for (var i in list){ str += '<tr>'; str += '<td>' + list[i]['COMPLAIN_ID'] + '</td>'; str += '<td class="table-project-name">' + list[i]['CONTENT'] + '</td>'; str += '<td>' + list[i]['CREATTE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>'; str += '</tr>'; } $('#complaintList').html(str); } if (list.length > 5) { $(function(){ var text=$("#complaintList:first"); var clear; text.hover(function(){ clearInterval(clear); },function(){ clear=setInterval(function(){ var field=text.find("tr:first"); var high=field.height(); text.animate({ marginTop:-high+"px"},600,function(){ field.css("marginTop",0).appendTo(text); text.css("marginTop",0); }) },2000)//滚动间隔时间 }).trigger("mouseleave");//自动滚动 }); } } }) } //网格化 function taskList() { $.get('/api/Project_v2/task',{orgid:orgid},function (res) { if(res.status == 0) { let list = res.data.data; if (list.length > 0) { var str = ''; for (var i in list){ str += '<tr>'; // str += '<td>' + list[i]['PATROL_RECORD_ID'] + '</td>'; str += '<td data-show>' + list[i]['TITLE'] + '</td>'; str += '<td class="table-project-name data-show">' + list[i]['REAL_NAME'] + '</td>'; str += '<td data-show>' + list[i]['CREATE_TIME'] + '</td>'; str += '</tr>'; } $('#taskList').html(str); } if (list.length > 13) { $(function(){ var text=$("#taskList:first"); var clear; text.hover(function(){ clearInterval(clear); },function(){ clear=setInterval(function(){ var field=text.find("tr:first"); var high=field.height(); text.animate({ marginTop:-high+"px"},600,function(){ field.css("marginTop",0).appendTo(text); text.css("marginTop",0); }) },5000)//滚动间隔时间 }).trigger("mouseleave");//自动滚动 }); } } }) } //安保 function hiddenDangerChart() { $.get('/api/Project_v2/hiddenDangerChart',{orgid:orgid},function (data) { if(data.status == 0){ if(data.data.x.length > 0){ var hiddenDanger = echarts.init(document.getElementById('hidden-danger')); hiddenDangerOption = { color:['#04F4CD','#429AEC'], tooltip : { trigger: 'axis', axisPointer : { type : 'shadow' } }, grid: { top: '30%', left: '6%', right: '6%', bottom: '2%', containLabel: true }, legend: { icon:"circle", data:['隐患数量','转工单量'], textStyle: { color: '#fff', fontSize: 12, } }, xAxis: { axisLine: { lineStyle: { color: '#fff', width: 1, } }, data: data.data.x, }, yAxis: { type: 'value', axisLabel:{ show:true, inside:false, rotate:0, margin: 8, color:'#fff', }, }, series: [ { name:'隐患数量', type:'bar', label: { normal: { show: true, position: 'top', color: '#fff' } }, data: data.data.y1 }, { name:'转工单量', type:'bar', label: { normal: { show: true, position: 'top', color: '#fff' } }, data: data.data.y2 } ] }; hiddenDanger.setOption(hiddenDangerOption); } } }); } // 安保表单 function hiddenDangerList() { $.get('/api/Project_v2/hiddenDanger',{orgid:orgid},function (res) { if(res.status == 0) { let list = []; let hiddenlist = res.data.data; if (hiddenlist.length < 5) { list = hiddenlist; } else { for (var i=0;i<5;i++){ if(listIndex >= hiddenlist.length){ listIndex = 0; } list.push(hiddenlist[listIndex]); listIndex++; } } if (list.length > 0) { var str = ''; var status = ''; for (var i in list){ str += '<tr>'; str += '<td>' + list[i]['ORDER_ID'] +'</td>'; str += '<td class="table-project-name">' + list[i]['TITLE'] + list[i]['NAME'] +'</td>'; str += '<td>' + list[i]['CREATTE_TIME'] + '</td>'; str += '<td class="table-project-name">' + list[i]['REAL_NAME'] + '</td>'; str += '<td class="table-project-name">' + list[i]['CONTENT'] + '</td>'; if (list[i]['CURR_ORDER_MODE'] == 9 || list[i]['CURR_ORDER_MODE'] == 11) { status = '已完成'; str += '<td class="status-yes">' + status + '</td>'; } else { status = '未完成'; str += '<td class="status-no">' + status + '</td>'; } str += '</tr>'; } } $('#hiddenDangerList').html(str); list.shift(); if(listIndex >= hiddenlist.length){ listIndex = 0; } list.push(hiddenlist[listIndex]); listIndex++; } }) } // patrol-task function patrolTask() { $.get('/api/Orders/patrol',{org_id:orgid},function (res) { if(res.status === 0) { let list = []; let tasklist = res.data.data; if (tasklist.length < 5) { list = tasklist; } else { for (var i=0;i<5;i++){ if(listIndex >= tasklist.length){ listIndex = 0; } list.push(tasklist[listIndex]); listIndex++; } } if(list.length > 0){ var str = ''; var status = ''; for (i in list){ str += '<tr>'; str += '<td>'+list[i]['PATROL_TASK_ID']+'</td>'; // str += '<td>'+list[i]['TITLE']+'</td>'; str += '<td>'+list[i]['NAME']+'</td>'; str += '<td class="table-project-name">'+list[i]['USERS']+'</td>'; str += '<td>'+list[i]['START_TIME']+'</td>'; str += '<td>'+list[i]['END_TIME']+'</td>'; if (list[i]['STATUS'] == 2) { status = '已完成'; str += '<td class="status-yes">' + status + '</td>'; } else if (list[i]['STATUS'] == 3) { status = '未完成'; str += '<td class="status-no">' + status + '</td>'; } else if (list[i]['STATUS'] == 1) { status = '执行中'; str += '<td style="color: #FDD100;">' + status + '</td>'; } else { status = '未执行'; str += '<td>' + status + '</td>'; } str += '</tr>'; } } $('#patrol-task').html(str); list.shift(); if(listIndex >= tasklist.length){ listIndex = 0; } list.push(tasklist[listIndex]); listIndex++; } }) } // 巡更 function patrol() { $.get('/api/Project_v2/patrol',{orgid:orgid},function (res) { if(res.status == 0) { var list = res.data.data; if (list != '') { var str = ''; str += '<tr>'; str += '<td>' + list['NAME'] +'地点' + '</td>'; str += '<td>' + list['TITLE'] + '</td>'; str += '</tr>'; str += '<tr>'; str += '<td>' + list['NAME'] +'时间' + '</td>'; str += '<td>' + list['CREATE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>'; str += '</tr>'; str += '<tr>'; str += '<td>' + list['NAME'] +'人员' + '</td>'; str += '<td>' + list['USER_NAME'] + '</td>'; str += '</tr>'; str += '<tr>'; str += '<td>' + list['NAME'] +'内容' + '</td>'; str += '<td>' + list['TASK_NAME'] + '</td>'; str += '</tr>'; $('#patrol').html(str); $('#patrol-addr').html(list['TITLE']); $('#patrol-report').html('汇报内容:' + list['CONTENT']); var oImg = document.getElementById('patrol-img'); var arr = list['IMAGES']; var num = 0; num++; if (num == arr.length) { num = 0; } oImg.src = arr[num]; } setTimeout("patrol()", 15000); } }) } function chunk(arr, size) { var arrs=[]; for(var i=0; i<arr.length; i=i+size) { arrs.push(arr.slice(i,i+size)); } return arrs; } var timer = 1000*60*15; personnel(); duty(); taskList(); complaintList(); hiddenDangerList(); hiddenDangerChart(); patrolTask(); patrol(); //巡更 setInterval(function(){ personnel(); duty(); taskList(); complaintList(); hiddenDangerList(); hiddenDangerChart(); patrolTask(); // patrol(); }, timer); setInterval(function(){ hiddenDangerList(); patrolTask(); }, 10000); function locationIicon() { var id = document.getElementById("location-icon"); var photo=$(".location-icon img"); var imgs = [ '/public/data/img/bannertips/1.png', '/public/data/img/bannertips/2.png', '/public/data/img/bannertips/3.png', '/public/data/img/bannertips/4.png', '/public/data/img/bannertips/5.png', '/public/data/img/bannertips/6.png', '/public/data/img/bannertips/7.png', '/public/data/img/bannertips/8.png', ]; for(var i=0; photo.eq(i).val()==0;i++){ // var left = Math.floor( Math.random() * 100 + 200 ); // var top = Math.floor( Math.random() * 100 + 80); var left = getRandomInt(100, 350); var top = getRandomInt(30, 180); let index = left%8; photo.attr('src',imgs[index]); photo.eq(i).css({ 'position': 'absolute', 'left':left +'px', 'top' :top +'px', }); } } function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; //不含最大值,含最小值 } setInterval(function () { locationIicon(); },5000);