| | |
| | | <!DOCTYPE html> |
| | | <html lang="zh" xmlns:th="http://www.thymeleaf.org"> |
| | | <!--<!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> |
| | | <th:block th:include="include :: header('首页选项卡 & 面板')"/> |
| | | <link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all"> |
| | | <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="wrapper wrapper-content animated fadeIn gray-bg"> |
| | | <div class="container" style="height: 850px!important;"> |
| | | <div class="header"> |
| | | <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="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 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="col-sm-6"> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5>企业四色风险分布图</h5> |
| | | <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 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 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 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 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="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 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="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> |
| | | |
| | | </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> |
| | | <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> |