| | |
| | | html += '<li style="float: left; width: 246px;">'; |
| | | html += '<div class="item">'; |
| | | html += '<div class="pic">'; |
| | | html += '<img src="'+item.imgName+'" alt="">'; |
| | | html += '</div><div class="tit">'+item.snapTime+'</div>'; |
| | | html += '<div class="tit" style="white-space: nowrap;">'+deptListMap[item.deptId]+'</div>'; |
| | | html += '<img src="' + item.imgName + '" alt="">'; |
| | | html += '</div><div class="tit">' + item.snapTime + '</div>'; |
| | | html += '<div class="tit" style="white-space: nowrap;">' + deptListMap[item.deptId] + '</div>'; |
| | | html += '</div></li>'; |
| | | }) |
| | | }else { |
| | | } else { |
| | | $.each(deptAllList, function (index, item) { |
| | | html += '<li style="float: left; width: 246px;">'; |
| | | html += '<div class="item">'; |
| | | html += '<div class="pic">'; |
| | | html += '<img src="/img/img-fail.jpg" alt="">'; |
| | | html += '</div><div class="tit">近期暂无抓拍图</div>'; |
| | | html += '<div class="tit" style="white-space: nowrap;">'+item.kqmc+'</div>'; |
| | | html += '<div class="tit" style="white-space: nowrap;">' + item.kqmc + '</div>'; |
| | | html += '</div></li>'; |
| | | }) |
| | | } |
| | | $("#snapList").html(html); |
| | | |
| | | //抓拍跟踪滚动 |
| | | jQuery(".block2").slide({ mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4 }); |
| | | jQuery(".follow").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 40 }); |
| | | jQuery(".block2").slide({mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4}); |
| | | jQuery(".follow").slide({mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 40}); |
| | | |
| | | } |
| | | |
| | |
| | | * 库区定时切换 |
| | | */ |
| | | function timing() { |
| | | timer = setInterval(function() { |
| | | if(deptNum === deptList.length){ |
| | | timer = setInterval(function () { |
| | | if (deptNum === deptList.length) { |
| | | deptNum = 0; |
| | | } |
| | | |
| | |
| | | |
| | | //加载指定地区地图和点位 |
| | | function renderMapPoints(areaName) { |
| | | if(!areaName){ |
| | | if (!areaName) { |
| | | return; |
| | | } |
| | | var names = areaName.split(","); |
| | | if(names.length < 1){ |
| | | if (names.length < 1) { |
| | | return; |
| | | } |
| | | |
| | |
| | | geoMap = []; |
| | | for (var j = 0; j < names.length; j++) { |
| | | for (var i = 0; i < all.length; i++) { |
| | | if(all[i].properties.name === names[j]){ |
| | | if (all[i].properties.name === names[j]) { |
| | | map.features.push(all[i]); |
| | | // if(all[i].properties.name === "伊犁哈萨克自治州"){ |
| | | geoMap.push({ |
| | | name: all[i].properties.centerName, |
| | | value: [all[i].properties.center[0], all[i].properties.center[1], 12] |
| | | }); |
| | | geoMap.push({ |
| | | name: all[i].properties.centerName, |
| | | value: [all[i].properties.center[0], all[i].properties.center[1], 12] |
| | | }); |
| | | // } |
| | | // renderMap(); |
| | | break; |
| | |
| | | echarts.registerMap('chinaMapOutline', map); |
| | | |
| | | var option = { |
| | | backgroundColor:'transparent', |
| | | backgroundColor: 'transparent', |
| | | tooltip: { |
| | | show: false, |
| | | trigger: 'item' |
| | |
| | | type: 'effectScatter', |
| | | coordinateSystem: 'geo', |
| | | data: geoMap, |
| | | symbolSize: function (val) { |
| | | symbolSize: function (val) { |
| | | return val[2]; |
| | | }, |
| | | rippleEffect: { |
| | |
| | | ] |
| | | }; |
| | | |
| | | myChart.setOption( option ); |
| | | myChart.setOption(option); |
| | | mapChart = {"chart": myChart, "option": option}; |
| | | } |
| | | |
| | |
| | | var flag = false; |
| | | if (deptList != null && deptList.length > 0) { |
| | | $.each(deptList, function (index, item) { |
| | | if(item.dailyTotal === 0){ |
| | | if (item.dailyTotal === 0) { |
| | | num1 = '当日一切正常'; |
| | | }else{ |
| | | num1 = '当日数量'+ item.dailyTotal + '个'; |
| | | } else if (item.dailyTotal < 0) { |
| | | num1 = '未检测到网关'; |
| | | } else { |
| | | num1 = '当日数量' + item.dailyTotal + '个'; |
| | | } |
| | | if(item.warnNum7 === 0){ |
| | | if (item.warnNum7 === 0) { |
| | | num7 = '近七天一切正常'; |
| | | }else{ |
| | | num7 = '近七天数量'+ item.warnNum7 + '个'; |
| | | } else { |
| | | num7 = '近七天数量' + item.warnNum7 + '个'; |
| | | } |
| | | html += '<div class="panel-content-body-tr">'; |
| | | if (item.dailyTotal > 0) { |
| | |
| | | // html += '<span class="body-item sp" style="color: #f37b3d;">' + num1+ '</span>'; |
| | | // html += '<span class="body-item sp" style="color: #f37b3d;">' + num7 + '</span>'; |
| | | // }else { |
| | | html += '<span class="body-item sp" style="flex: 1.5;">' + item.deptName + '</span>'; |
| | | html += '<span class="body-item sp">' + num1 + '</span>'; |
| | | html += '<span class="body-item sp">' + num7 + '</span>'; |
| | | html += '<span class="body-item sp" style="flex: 1.5;">' + item.deptName + '</span>'; |
| | | html += '<span class="body-item sp">' + num1 + '</span>'; |
| | | html += '<span class="body-item sp">' + num7 + '</span>'; |
| | | // } |
| | | html += '</div>'; |
| | | }) |
| | | } |
| | | if(flag){ |
| | | if (flag) { |
| | | $("#panel-title").html('库区AI事件信息 <i class="dot"></i>'); |
| | | } |
| | | $("#inventoryInfo").html(html); |
| | |
| | | |
| | | function updateDeptMap() { |
| | | var points = []; |
| | | $.each(deptList, function(index, item) { |
| | | $.each(deptList, function (index, item) { |
| | | var val = []; |
| | | var name = ''; |
| | | if(index === deptNum){ |
| | | if (index === deptNum) { |
| | | name = item.deptName; |
| | | val = [item.jd, item.wd, 17]; |
| | | }else { |
| | | } else { |
| | | val = [item.jd, item.wd, 8]; |
| | | } |
| | | points.push({ |
| | |
| | | function initChart() { |
| | | /* 库存图表加载 */ |
| | | allInventoryChartLoad( |
| | | ['小麦', '玉米', '稻谷', '成品粮', '成品油', '其他'], |
| | | ['小麦', '玉米', '稻谷', '成品粮', '成品油', '其他'], |
| | | [1000, 1200, 1500, 1300, 1100, 1600] |
| | | ); |
| | | } |