<!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>
|