zcdsj
/
safesite
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

datashow2 random popup

This commit is contained in:
caoqianming 2019-12-30 16:39:58 +08:00
parent 7cea8fe683
commit 9da58b81aa
3 changed files with 129 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
safesite/static/safesite/mystatic/js/util2.js
View File

@ -1,47 +0,0 @@
//map定时显示,每分钟请求一次
function update() {
if ($('#mapshowinput').length) {
source.clear()
$.get('/api/mapshow?a=risk', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
setPolygon(res[i])
}
})
$.get('/api/mapshow?a=trouble', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.yhqy__id
data.num = data.num
data.polygon = data.yhqy__polygon
data.name = data.yhqy__name
data.type = 'yh'
setPoint(data)
}
})
$.get('/api/mapshow?a=miss', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.missqy__id
data.num = data.num
data.polygon = data.missqy__polygon
data.name = data.missqy__name
data.type = 'ws'
setPoint(data)
}
})
$.get('/api/mapshow?a=operation', function (res) {
console.log(res)
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.zyqy__id
data.num = data.num
data.polygon = data.zyqy__polygon
data.name = data.zyqy__name
data.type = 'zy'
data.list = data.zylist
setPoint(data)
}
})
}
}
var t1 = window.setInterval(update, 1000 * 60 * 5)

3
safesite/static/safesite/mystatic/openlayer/polyfill.js Normal file
View File

@ -0,0 +1,3 @@
/* Disable minification (remove `.min` from URL path) for more info */
(function(undefined) {}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});

88
safesite/templates/datashow2.html
View File

@ -9,11 +9,8 @@
<link rel="icon" href="/media/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/static/safesite/mystatic/openlayer/ol.css">
<script type="text/javascript" src="/static/safesite/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/static/safesite/mystatic/js/util2.js"></script>
<script type="text/javascript" src="/static/safesite/mystatic/openlayer/ol.js"></script>
<script
src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script type="text/javascript" src="/static/safesite/mystatic/openlayer/polyfill.js"></script>
</head>
<body>
@ -122,6 +119,11 @@
</style>
<script>
var map, source, vector;// global so we can remove it later
var popuplist = [];
var MyMarhq = ''; //列表滚动定时
var Mylist = ''; //作业列表定时获取
var Updatepoint = ''; //图标定时获取
var Updatepopup = '';//popup定时获取
var container = document.getElementById("popup");
var content = document.getElementById("popup-content");
var popupCloser = document.getElementById("popup-closer");
@ -134,7 +136,7 @@
$.get('/api/map?a=default', function (res) {
$('#map').empty()
map = initMap(res.pic)
update()
updatepo()
})
function initMap(url) {
@ -328,9 +330,8 @@
}
var MyMarhq = '';
var Mylist = '';
clearInterval(Mylist);
clearInterval(Mylist, Updatepoint);
$('.tbl-body tbody').empty();
$('.tbl-header tbody').empty();
var str = '';
@ -379,9 +380,78 @@
}
})
}
getOperlist()
getOperlist();
Mylist = setInterval("getOperlist()", 1000 * 60 * 10);
//map定时显示,每5分钟请求一次
function updatepo() {
if ($('#mapshowinput').length) {
source.clear()
$.get('/api/mapshow?a=risk', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
setPolygon(res[i])
}
})
$.get('/api/mapshow?a=trouble', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.yhqy__id
data.num = data.num
data.polygon = data.yhqy__polygon
data.name = data.yhqy__name
data.type = 'yh'
setPoint(data)
}
})
$.get('/api/mapshow?a=miss', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.missqy__id
data.num = data.num
data.polygon = data.missqy__polygon
data.name = data.missqy__name
data.type = 'ws'
setPoint(data)
}
})
$.get('/api/mapshow?a=operation', function (res) {
for (let i = 0, len = res.length; i < len; i++) {
var data = res[i]
data.id = data.zyqy__id
data.num = data.num
data.polygon = data.zyqy__polygon
data.name = data.zyqy__name
data.type = 'zy'
data.list = data.zylist
popuplist.push(data)
setPoint(data)
}
})
}
}
Updatepoint = setInterval(updatepo, 1000 * 60 * 5)
function showpopup(){
var len = popuplist.length
if(len != 0){
var index = Math.floor(Math.random()*len)
let po = popuplist[index]
var extent = ol.extent.boundingExtent(po.polygon[0]);
var center = ol.extent.getCenter(extent);//中心点
var html = "<p style='color:green;font-weight:bold' >" + po.name + "</p>"
html = html + "<p style='color:blue'>危险作业数量:" + po.num.toString() + "</p>"
for (let i = 0; i < po.list.length; i++) {
html = html + "<p style='color:red'>" + (i + 1).toString() + ":" + po.list[i].zylx__dickeyname + "--" + po.list[i].zybm__partname + "--" + po.list[i].zyfzr__name + "--作业人数" + po.list[i].num.toString() + "</p>"
}
content.innerHTML = html;
overlay.setPosition(undefined);
popupCloser.blur();
//设置overlay的显示位置
overlay.setPosition(center);
//显示overlay
map.addOverlay(overlay);
}
}
Updatepopup = setInterval(showpopup, 1000 * 5)
</script>
</body>