<!--<!DOCTYPE html>-->
|
<!--<html lang="zh" xmlns:th="http://www.thymeleaf.org">-->
|
<!--<head>-->
|
<!-- <th:block th:include="include :: header('首页选项卡 & 面板')"/>-->
|
<!-- <link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all">-->
|
<!--</head>-->
|
<!--<body>-->
|
<!--<div class="wrapper wrapper-content animated fadeIn gray-bg">-->
|
<!-- <div class="row">-->
|
<!-- <div class="col-sm-6">-->
|
<!-- <div class="ibox">-->
|
<!-- <div class="ibox-title">-->
|
<!-- <h5>企业四色风险分布图</h5>-->
|
<!-- </div>-->
|
<!-- <div class="ibox-content" style="display: flex;justify-content: center;align-items: center;height: 350px">-->
|
<!-- <div class="layui-carousel" id="test1">-->
|
<!-- <div carousel-item>-->
|
<!-- <div th:each="image : ${companyImages}" style="text-align: center">-->
|
<!-- <img th:src="${image}" style="max-width: 100%;max-height: 100%">-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="col-sm-6">-->
|
<!-- <div class="ibox">-->
|
<!-- <div class="ibox-title">-->
|
<!-- <h5>待办事项</h5>-->
|
<!-- </div>-->
|
<!-- <div class="ibox-content" style="height: 350px;">-->
|
<!-- <div class="list-group">-->
|
<!-- <a href="/tr/riskEvaluationPlan/identify" class="list-group-item list-group-item-action">风险辨识-->
|
<!-- <span class="badge badge-pill badge-danger" id="identityCount"></span></a>-->
|
<!-- <a href="/tr/riskCheckPoint/evaluation" class="list-group-item list-group-item-action">风险评价-->
|
<!-- <span class="badge badge-pill badge-danger" id="evaluationCount"></span></a>-->
|
<!-- <a href="/tr/riskCheckPoint/review" class="list-group-item list-group-item-action">风险审核-->
|
<!-- <span class="badge badge-pill badge-danger" id="reviewCount"></span></a>-->
|
<!-- <a href="/tr/hiddenDangerCheck/dangerPlanExecute"-->
|
<!-- class="list-group-item list-group-item-action">计划隐患排查-->
|
<!-- <span class="badge badge-pill badge-danger" id="troubleCheckCount"></span></a>-->
|
<!-- <a href="/tr/hiddenDangerCheck/dangerReport" class="list-group-item list-group-item-action">隐患处理-->
|
<!-- <span class="badge badge-pill badge-danger" id="troubleReportCount"></span></a>-->
|
<!-- <a href="/tr/hiddenDangerCheck/dangerExamine" class="list-group-item list-group-item-action">隐患核查-->
|
<!-- <span class="badge badge-pill badge-danger" id="troubleExamineCount"></span></a>-->
|
<!-- <a href="/tr/hiddenDangerCheck/dangerRectify" class="list-group-item list-group-item-action">隐患整改-->
|
<!-- <span class="badge badge-pill badge-danger" id="troubleRectifyCount"></span></a>-->
|
<!-- <a href="/tr/hiddenDangerCheck/dangerAccept" class="list-group-item list-group-item-action">隐患验收-->
|
<!-- <span class="badge badge-pill badge-danger" id="troubleAcceptCount"></span></a>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!--</div>-->
|
|
<!--</div>-->
|
<!--<th:block th:include="include :: footer"/>-->
|
<!--<th:block th:include="include :: echarts-js"/>-->
|
<!--<script type="text/javascript">-->
|
|
<!-- //代办事项查询-->
|
<!-- let taskData = $.ajax({url: ctx + "tr/report/taskCount", async: false});-->
|
<!-- let taskDataReport = JSON.parse(taskData.responseText);-->
|
<!-- let handleTaskData = function () {-->
|
<!-- $("#identityCount").html(taskDataReport["identityCount"]);-->
|
<!-- $("#evaluationCount").html(taskDataReport["evaluationCount"]);-->
|
<!-- $("#reviewCount").html(taskDataReport["reviewCount"]);-->
|
<!-- $("#troubleCheckCount").html(taskDataReport["troubleCheckCount"]);-->
|
<!-- $("#troubleReportCount").html(taskDataReport["troubleReportCount"]);-->
|
<!-- $("#troubleExamineCount").html(taskDataReport["troubleExamineCount"]);-->
|
<!-- $("#troubleRectifyCount").html(taskDataReport["troubleRectifyCount"]);-->
|
<!-- $("#troubleAcceptCount").html(taskDataReport["troubleAcceptCount"])-->
|
<!-- };-->
|
<!-- handleTaskData()-->
|
<!-- // //四色图查询-->
|
<!-- // let fourColorPic = $.ajax({url: ctx + "tr/report/fourColorPic", async: false});-->
|
<!-- // let picUrl = fourColorPic.responseText.replace(/^http:\/\/[^/]+/, "");-->
|
<!-- // $("#fourColorPic").attr("src", picUrl)-->
|
<!--</script>-->
|
|
<!--<script>-->
|
<!-- layui.use('carousel', function(){-->
|
<!-- var carousel = layui.carousel;-->
|
<!-- //建造实例-->
|
<!-- carousel.render({-->
|
<!-- elem: '#test1'-->
|
<!-- ,width: '100%' //设置容器宽度-->
|
<!-- ,arrow: 'always' //始终显示箭头-->
|
<!-- //,anim: 'updown' //切换动画方式-->
|
<!-- ,height: '100%'-->
|
<!-- });-->
|
<!-- });-->
|
<!--</script>-->
|
<!--</body>-->
|
<!--</html>-->
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
<meta name="keywords" content=""/>
|
<meta name="description" content=""/>
|
<title>安全管理服务</title>
|
<th:block th:include="include :: publicity-css"/>
|
</head>
|
<body>
|
<div class="container">
|
<div class="header">
|
<div class="header-cont">
|
<div class="header_left row">
|
<div class="logo_text">安全管理服务</div>
|
</div>
|
<div class="header_center">安全信息公示平台</div>
|
<div class="header_right">
|
<div class="datetime">2019-2020</div>
|
<div class="btn-cont">
|
<div class="switch_fullscreen flexNone"><i class="anticon anticon-fullscreen">
|
<svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" data-icon="fullscreen"
|
aria-hidden="true">
|
<path d="M290 236.4l43.9-43.9a8.01 8.01 0 0 0-4.7-13.6L169 160c-5.1-.6-9.5 3.7-8.9 8.9L179 329.1c.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zm352.7 187.3c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7a8.01 8.01 0 0 0 13.6-4.7L863.9 169c.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370a8.03 8.03 0 0 0 0 11.3l42.4 42.4zM845 694.9c-.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3a8.03 8.03 0 0 0-11.3 0l-42.4 42.3a8.03 8.03 0 0 0 0 11.3L734 787.6l-43.9 43.9a8.01 8.01 0 0 0 4.7 13.6L855 864c5.1.6 9.5-3.7 8.9-8.9L845 694.9zm-463.7-94.6a8.03 8.03 0 0 0-11.3 0L236.3 733.9l-43.7-43.7a8.01 8.01 0 0 0-13.6 4.7L160.1 855c-.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z"></path>
|
</svg>
|
</i></div>
|
|
<!-- <div class="switch_fullscreen flexNone" id="homePage"><i class="anticon anticon-home">-->
|
<!-- <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" data-icon="home"-->
|
<!-- aria-hidden="true">-->
|
<!-- <path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z">-->
|
<!-- </path>-->
|
<!-- </svg>-->
|
<!-- </i></div>-->
|
|
<div class="switch_fullscreen flexNone ant-tooltip-open" id="logout"><i _ngcontent-vjs-c1="" nz-icon=""
|
nztheme="outline" nztype="logout"
|
class="anticon anticon-logout">
|
<svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" data-icon="logout"
|
aria-hidden="true">
|
<path d="M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8-7 8.5-14.5 16.7-22.4 24.5a353.84 353.84 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.84 353.84 0 0 1-112.7-75.9 353.28 353.28 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 7.9 7.9 15.3 16.1 22.4 24.5 3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82 271.7 82.6 79.6 277.1 82 516.4 84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7 3.4-5.3-.4-12.3-6.7-12.3zm88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6z"></path>
|
</svg>
|
</i></div>
|
</div>
|
</div>
|
</div>
|
<div class="title-line"></div>
|
</div>
|
<div class="firstRow">
|
<div class="rowCenter">
|
<div class="tj1">
|
<div class="tj1_card column">
|
<div class="tj1_card_title flexNone">当前风险总量</div>
|
<div class="tj1_card_value flexNone" th:text="${allRiskCount}">98</div>
|
</div>
|
<div class="tj1_card column tj1_card_center">
|
<div class="tj1_card_title flexNone">年度隐患总量</div>
|
<div class="tj1_card_value flexNone" th:text="${yearlyDangerCount}">98</div>
|
</div>
|
<div class="tj1_card column">
|
<div class="tj1_card_title flexNone">月度隐患总量</div>
|
<div class="tj1_card_value flexNone" th:text="${thisMonthDangerCount}">98</div>
|
</div>
|
</div>
|
<div class="tj2">
|
<div class="tj2_bg"></div>
|
<div class="tj2_content">
|
<div class="row">
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">重大风险</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon zdfx"></div>
|
<div class="tj2_item__value" th:text="${seriesRiskCount}">5</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">较大风险</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon jdfx"></div>
|
<div class="tj2_item__value" th:text="${middleRiskCount}">5</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">一般风险</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon ybfx"></div>
|
<div class="tj2_item__value" th:text="${normalRiskCount}">19</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">低风险</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon dfx"></div>
|
<div class="tj2_item__value" th:text="${lowRiskCount}">69</div>
|
</div>
|
</div>
|
</div>
|
<div class="row2">
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">当月重大隐患</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon zdyh"></div>
|
<div class="tj2_item__value" th:text="${thisMonthHighDangerCount}">5</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">当月一般隐患</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon ybyh"></div>
|
<div class="tj2_item__value" th:text="${thisMonthNormalDangerCount}">5</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">未整改隐患</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon wzgyh"></div>
|
<div class="tj2_item__value" th:text="${unRectifyDangerCount}">19</div>
|
</div>
|
</div>
|
<div class="tj2_item column">
|
<div class="tj2_item_title flexNone">隐患整改率</div>
|
<div class="tj2_item_value_wrap flexNone">
|
<div class="tj2_item__icon yhzgl"></div>
|
<div class="tj2_item__value" th:text="${dangerRectifyPercent}" style="font-size: 20px">
|
69
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="map">
|
<div class="swiper-container swiper-container-horizontal lunbo">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide" th:each="url:${fourColorMapUrl}">
|
<img style="max-width: 100%;max-height: 100%" th:src="${url}">
|
</div>`
|
</div>
|
<div class="swiper-pagination"></div>
|
</div>
|
<div class="swiper-button-prev"></div>
|
<div class="swiper-button-next"></div>
|
</div>
|
|
<div class="rowRight">
|
<div class="row gs_card">
|
<div class="swiper_left">
|
<div class="two_title">重大风险公示</div>
|
<div class="swiper-container swiper-container-horizontal gongshi">
|
<div class="swiper-wrapper">
|
<div th:if="${#lists.isEmpty(seriesRisks)}" >
|
<div class="inner-content" style="margin-left: 50px">暂无数据</div>
|
</div>
|
<div class="swiper-slide" th:each="seriesRisk:${seriesRisks}" style="font-size: 13px">
|
<div class="inner-content">
|
<div>风险对象：<span th:text="${seriesRisk.name}">aaaa</span></div>
|
<div>管辖部门：<span th:text="${seriesRisk.deptName}">aaaa</span></div>
|
<div>区域：<span th:text="${seriesRisk.regionName}">aaaa</span></div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-pagination"></div>
|
</div>
|
|
</div>
|
<div class="swiper_right">
|
<div class="two_title">重大隐患公示</div>
|
<div class="swiper-container swiper-container-horizontal gongshi">
|
<div class="swiper-wrapper">
|
<div th:if="${#lists.isEmpty(seriesDangers)}" >
|
<div class="inner-content" style="margin-left: 50px">暂无数据</div>
|
</div>
|
<div class="swiper-slide" th:each="seriesDanger:${seriesDangers}" style="font-size: 13px">
|
<div class="inner-content">
|
<div>隐患名称：<span th:text="${seriesDanger.dangerName}">aaaa</span></div>
|
<div>隐患描述：<span th:text="${seriesDanger.dangerDescription}">aaaa</span></div>
|
<div>整改人：<span th:text="${seriesDanger.rectifyUserName}">aaaa</span></div>
|
<div>排查时间：<span th:text="${seriesDanger.checkTime}">aaaa</span></div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-pagination"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="endRow">
|
<div class="endRow_left">
|
<div class="two_title">隐患统计</div>
|
<div style="margin-bottom:0px; flex:1;">
|
<div class="chart_card" style="margin: 0;padding: 0; border-width: 13px">
|
<div id="danger" style="height: 195px"></div>
|
</div>
|
</div>
|
<div style="flex:1">
|
<div class="chart_card" style="margin: 0;padding: 0; border-width: 13px">
|
<div id="dangerTrend" style="height: 195px"></div>
|
</div>
|
</div>
|
</div>
|
<div class="endRow_right">
|
<div class="two_title">风险统计</div>
|
<div style="margin-bottom:0px; flex:1">
|
<div class="chart_card" style="margin: 0;padding: 0; border-width: 13px">
|
<div id="risk" style="height: 195px"></div>
|
</div>
|
</div>
|
<div style="flex:1">
|
<div class="chart_card" style="margin: 0;padding: 0; border-width: 13px">
|
<div id="riskPoint" style="height: 195px"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</body>
|
<th:block th:include="include :: publicity-js"/>
|
<th:block th:include="include :: echarts-js"/>
|
<script th:inline="javascript">
|
$(function () {
|
var date = new Date();
|
var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
$(".datetime").html(date.getFullYear() + '-' + (date.getMonth() < 9 ? '0' + (date.getMonth()+1) : (date.getMonth()+1)) + '-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ' + (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':' + (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':' + (date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds()) + ' ' + weekday[date.getDay()]);
|
setInterval(function () {
|
var date = new Date();
|
$(".datetime").html(date.getFullYear() + '-' + (date.getMonth() < 9 ? '0' + (date.getMonth()+1) : (date.getMonth()+1)) + '-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ' + (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':' + (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':' + (date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds()) + ' ' + weekday[date.getDay()]);
|
}, 1000);
|
|
new Swiper(".swiper-container", {
|
loop: !0,
|
speed: 500,
|
autoplay: {
|
delay: 3e3,
|
disableOnInteraction: false
|
},
|
slidesOffsetBefore: 0,
|
parallax: !0,
|
pagination: {
|
el: ".pc-bg-container .swiper-pagination",
|
clickable: true
|
}
|
});
|
new Swiper(".lunbo", {
|
loop: !0,
|
speed: 500,
|
autoplay: {
|
delay: 3e3,
|
disableOnInteraction: false
|
},
|
slidesOffsetBefore: 0,
|
parallax: !0,
|
pagination: {
|
el: ".pc-bg-container .swiper-pagination",
|
clickable: true
|
},
|
navigation: {
|
nextEl: ".swiper-button-next",
|
prevEl: ".swiper-button-prev"
|
}
|
})
|
|
});
|
|
$(".anticon-fullscreen").click(function () {
|
if ($(this).hasClass('anticon-fullscreen')) {
|
enterfullscreen();
|
$(this).removeClass('anticon-fullscreen').addClass('anticon-fullscreen-exit');
|
} else {
|
exitfullscreen();
|
$(this).removeClass('anticon-fullscreen-exit').addClass('anticon-fullscreen');
|
}
|
|
});
|
|
function enterfullscreen() { //进入全屏
|
var docElm = document.documentElement;
|
//W3C
|
if (docElm.requestFullscreen) {
|
docElm.requestFullscreen();
|
}
|
//FireFox
|
else if (docElm.mozRequestFullScreen) {
|
docElm.mozRequestFullScreen();
|
}
|
//Chrome等
|
else if (docElm.webkitRequestFullScreen) {
|
docElm.webkitRequestFullScreen();
|
}
|
//IE11
|
else if (elem.msRequestFullscreen) {
|
elem.msRequestFullscreen();
|
}
|
}
|
|
function exitfullscreen() { //退出全屏
|
if (document.exitFullscreen) {
|
document.exitFullscreen();
|
} else if (document.mozCancelFullScreen) {
|
document.mozCancelFullScreen();
|
} else if (document.webkitCancelFullScreen) {
|
document.webkitCancelFullScreen();
|
} else if (document.msExitFullscreen) {
|
document.msExitFullscreen();
|
}
|
}
|
|
$("#homePage").click(function () {
|
window.location.href = "/index";
|
});
|
$("#logout").click(function () {
|
window.location.href = "/logout";
|
});
|
//从后台获取图标报告所需数据
|
var reportData = null;
|
var riskTimer = null;
|
var riskPointTimer = null;
|
var dangerTimer = null;
|
var getReportData = function(){
|
$.ajax({
|
type: "post",
|
url: "/tr/report/publicity",
|
async: false,
|
success: function (result) {
|
reportData = result;
|
}
|
});
|
//风险区域图表数据处理
|
var riskChart = echarts.init(document.getElementById("risk"));
|
var regionRiskOption = {
|
title: {
|
text: '风险按区域统计',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#FF8800', '#FFFF00', '#5ABAFF'],
|
legend: {
|
data: ['重大风险','较大风险','一般风险','低风险'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["regionRiskMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大风险',
|
type: 'bar',
|
data: reportData["regionRiskMap"]["seriesRisk"]
|
},
|
{
|
name: '较大风险',
|
type: 'bar',
|
data: reportData["regionRiskMap"]["middleRisk"]
|
},
|
{
|
name: '一般风险',
|
type: 'bar',
|
data: reportData["regionRiskMap"]["normalRisk"]
|
},
|
{
|
name: '低风险',
|
type: 'bar',
|
data: reportData["regionRiskMap"]["lowRisk"]
|
}
|
]
|
};
|
var deptRiskOption = {
|
title: {
|
text: '风险按部门统计',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#FF8800', '#FFFF00', '#5ABAFF'],
|
legend: {
|
data: ['重大风险','较大风险','一般风险','低风险'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["deptRiskMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大风险',
|
type: 'bar',
|
data: reportData["deptRiskMap"]["seriesRisk"]
|
},
|
{
|
name: '较大风险',
|
type: 'bar',
|
data: reportData["deptRiskMap"]["middleRisk"]
|
},
|
{
|
name: '一般风险',
|
type: 'bar',
|
data: reportData["deptRiskMap"]["normalRisk"]
|
},
|
{
|
name: '低风险',
|
type: 'bar',
|
data: reportData["deptRiskMap"]["lowRisk"]
|
}
|
]
|
};
|
riskChart.setOption(regionRiskOption);
|
$(window).resize(riskChart.resize);
|
var riskReportArray = [];
|
riskReportArray.push(regionRiskOption);
|
riskReportArray.push(deptRiskOption);
|
//风险单元区域图表数据处理
|
var riskPointChart = echarts.init(document.getElementById("riskPoint"));
|
var deviceRiskPointOption = {
|
title: {
|
text: '风险单元统计（设备设施）',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
legend: {
|
data: [],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["deviceRiskPointMap"]["riskPointName"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name:'',
|
type: 'bar',
|
data: reportData["deviceRiskPointMap"]["riskPointCount"]
|
}
|
]
|
};
|
var workRiskPointOption = {
|
title: {
|
text: '风险单元统计（作业活动）',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
legend: {
|
data: [],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["workRiskPointMap"]["riskPointName"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name:'',
|
type: 'bar',
|
data: reportData["workRiskPointMap"]["riskPointCount"]
|
}
|
]
|
};
|
var craftRiskPointOption = {
|
title: {
|
text: '风险单元统计（工艺节点）',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
legend: {
|
data: [],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["craftRiskPointMap"]["riskPointName"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name:'',
|
type: 'bar',
|
data: reportData["craftRiskPointMap"]["riskPointCount"]
|
}
|
]
|
};
|
riskPointChart.setOption(deviceRiskPointOption);
|
$(window).resize(riskPointChart.resize);
|
var riskPointReportArray = [];
|
riskPointReportArray.push(deviceRiskPointOption);
|
riskPointReportArray.push(workRiskPointOption);
|
riskPointReportArray.push(craftRiskPointOption);
|
//隐患区域图表数据处理
|
var dangerChart = echarts.init(document.getElementById("danger"));
|
var deptDangerOption = {
|
title: {
|
text: '按责任单位统计',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#5ABAFF'],
|
legend: {
|
data: ['重大隐患','一般隐患'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["deptDangerMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大隐患',
|
type: 'bar',
|
data: reportData["deptDangerMap"]["highDanger"]
|
},
|
{
|
name: '一般隐患',
|
type: 'bar',
|
data: reportData["deptDangerMap"]["normalDanger"]
|
}
|
]
|
};
|
var regionDangerOption = {
|
title: {
|
text: '按区域统计',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#5ABAFF'],
|
legend: {
|
data: ['重大隐患','一般隐患'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["regionDangerMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大隐患',
|
type: 'bar',
|
data: reportData["regionDangerMap"]["highDanger"]
|
},
|
{
|
name: '一般隐患',
|
type: 'bar',
|
data: reportData["regionDangerMap"]["normalDanger"]
|
}
|
]
|
};
|
var typeDangerOption = {
|
title: {
|
text: '按类别统计',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#5ABAFF'],
|
legend: {
|
data: ['重大隐患','一般隐患'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["typeDangerMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大隐患',
|
type: 'bar',
|
data: reportData["typeDangerMap"]["highDanger"]
|
},
|
{
|
name: '一般隐患',
|
type: 'bar',
|
data: reportData["typeDangerMap"]["normalDanger"]
|
}
|
]
|
};
|
dangerChart.setOption(deptDangerOption);
|
$(window).resize(dangerChart.resize);
|
var dangerReportArray = [];
|
dangerReportArray.push(deptDangerOption);
|
dangerReportArray.push(regionDangerOption);
|
dangerReportArray.push(typeDangerOption);
|
//隐患趋势区域图表数据处理
|
var dangerTrendChart = echarts.init(document.getElementById("dangerTrend"));
|
var dangerTrendOption = {
|
title: {
|
text: '隐患变化趋势',
|
top: 0,
|
textStyle:{
|
color:'#00D9FA',
|
fontSize:16
|
}
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer:{
|
type:"shadow"
|
}
|
},
|
color: ['#FF0000', '#1890FF'],
|
legend: {
|
data: ['重大隐患','一般隐患'],
|
right: 10,
|
textStyle:{
|
color:"#C7FFFE",
|
fontSize:12
|
}
|
},
|
grid: {
|
x: 30,
|
x2: 40,
|
y2: 24,
|
left: 30,
|
right: 10,
|
top: 30,
|
bottom: 60
|
},
|
calculable: true,
|
dataZoom: [
|
{
|
show: true,
|
realtime: true,
|
start: 0,
|
end: 100,
|
height: 20,
|
textStyle:{
|
color:'transparent'
|
},
|
backgroundColor:'#063C58',
|
fillerColor:'rgba(167,183,204,0.1)',
|
borderColor: 'rgba(0,0,0,0)',
|
dataBackground:{
|
areaStyle:{
|
color:'#16A2C8',
|
}
|
}
|
},
|
{
|
type: 'inside'
|
}
|
],
|
xAxis: [
|
{
|
type: 'category',
|
data: reportData["dangerTrendMap"]["reportNames"],
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#306375'
|
}
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
show: false
|
},
|
axisLabel:{
|
color:'#C7FFFE'
|
},
|
splitLine:{
|
lineStyle: {
|
color:'#306375'
|
}
|
}
|
}
|
],
|
series: [
|
{
|
name: '重大隐患',
|
type: 'line',
|
data: reportData["dangerTrendMap"]["highDanger"]
|
},
|
{
|
name: '一般隐患',
|
type: 'line',
|
data: reportData["dangerTrendMap"]["normalDanger"]
|
}
|
]
|
};
|
dangerTrendChart.setOption(dangerTrendOption);
|
$(window).resize(dangerTrendChart.resize());
|
var riskTemp = 0;
|
var riskPointTemp = 0;
|
var dangerTemp = 0;
|
//处理定时换图任务
|
var startRiskTask = function(){
|
riskTimer = setInterval(function () {
|
riskTemp = (++riskTemp) % 2;
|
riskChart.setOption(riskReportArray[riskTemp]);
|
$(window).resize(riskChart.resize);
|
},5000);
|
};
|
var startRiskPointTask = function(){
|
riskPointTimer = setInterval(function () {
|
riskPointTemp = (++riskPointTemp) % 3;
|
riskPointChart.setOption(riskPointReportArray[riskPointTemp]);
|
$(window).resize(riskPointChart.resize);
|
},5000);
|
};
|
var startDangerTask = function(){
|
dangerTimer = setInterval(function () {
|
dangerTemp = (++dangerTemp) % 3;
|
dangerChart.setOption(dangerReportArray[dangerTemp]);
|
$(window).resize(dangerChart.resize);
|
},5000);
|
};
|
startRiskTask();
|
startRiskPointTask();
|
startDangerTask();
|
$("#risk").mouseover(function () {
|
clearInterval(riskTimer);
|
})
|
$("#risk").mouseleave(function(){
|
startRiskTask();
|
})
|
$("#riskPoint").mouseover(function () {
|
clearInterval(riskPointTimer);
|
})
|
$("#riskPoint").mouseleave(function(){
|
startRiskPointTask()
|
})
|
$("#danger").mouseover(function () {
|
clearInterval(dangerTimer);
|
})
|
$("#danger").mouseleave(function(){
|
startDangerTask();
|
})
|
};
|
getReportData();
|
//设置每小时更新一次数据，更新数据后清除上一个轮播定时器
|
setInterval(function () {
|
$("#risk").unbind();
|
$("#riskPoint").unbind();
|
$("#danger").unbind();
|
clearInterval(riskTimer);
|
clearInterval(riskPointTimer);
|
clearInterval(dangerTimer);
|
getReportData();
|
},3600000);
|
</script>
|
</html>
|
