双重预防项目-国泰新华二开定制版
SZH
2022-08-20 f9f0687195e0fe349185437d22c495d74c8d4a20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!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>