zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>智慧安全平台</title>
    <link rel="stylesheet" href="../../assets/css/orgIndex.css">
    <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
</head>
<style>
    .dynamic-list {
        height: 125px;
        overflow-y: auto;
    }

    .bulletin-list {
        height: 125px;
        overflow-y: auto;
    }

    .page-content {
        background: #fff;
        padding: 0 !important;
    }

    .page-footer {
        text-align: center;
        background: #f1f1f1;
        height: 50px;
        line-height: 40px;
    }

    .page-footer .page-footer-inner {
        float: none;
    }
</style>

<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="main">
                <div class="container-fluid">
                    <div class="layui-row">
                        <div class="col-sm-12">
                            <div class="unit-box">
                                <p class="col-title">
                                    <span>企业/单位总数</span>
                                    <span id="unitCount"></span>
                                </p>
                                <div class="unit-sum">
                                    <div class="table-responsive">
                                        <table class="table table-bordered my-table" id="unitCountTable">
                                            <thead>
                                            <tr id="theadTr">
                                            </tr>
                                            </thead>
                                            <tbody id="unitTbody">

                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="col-sm-12">
                            <div class="risk-hi-box">
                                <div class="risk-box">
                                    <p class="col-title" style="width: 97%;">
                                        企业/单位风险分析
                                    </p>
                                    <div class="risk-p">
                                        <div class="text-count">
                                            <p>企业/单位总数</p>
                                            <span id="riskPointCount">0</span>
                                        </div>
                                        <div class="count-charts">
                                            <div class="major-risk">
                                                <i class="iconfont icon-shandian"></i>
                                                <p>
                                                    <span class="iconfont icon-shandian"></span>
                                                    <span>重大风险企业</span>
                                                </p>
                                                <p id="majorRisk">0</p>
                                            </div>
                                            <div class="larger-risk">
                                                <i class="iconfont icon-shandian"></i>
                                                <p>
                                                    <span class="iconfont icon-shandian"></span>
                                                    <span>较大风险企业</span>
                                                </p>
                                                <p id="largerRisk">0</p>
                                            </div>
                                            <div class="commonly-risk">
                                                <i class="iconfont icon-shandian"></i>
                                                <p>
                                                    <span class="iconfont icon-shandian"></span>
                                                    <span>一般风险企业</span>
                                                </p>
                                                <p id="commonlyRisk">0</p>
                                            </div>
                                            <div class="lower-risk">
                                                <i class="iconfont icon-shandian"></i>
                                                <p>
                                                    <span class="iconfont icon-shandian"></span>
                                                    <span>较低风险企业</span>
                                                </p>
                                                <p id="lowerRisk">0</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hi-box">
                                    <p class="col-title" style="width: 97%;">
                                        隐患
                                    </p>
                                    <div class="hidanger-p">
                                        <div class="zg0">
                                            <div id="zg0"></div>
                                            <span>未整改</span>
                                        </div>
                                        <div class="zg1">
                                            <div id="zg1"></div>
                                            <span>已整改</span>
                                        </div>
                                        <div class="legend">
                                            <p>
                                                <span></span>
                                                <span>一般隐患</span>
                                            </p>
                                            <p>
                                                <span></span>
                                                <span>重大隐患</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="col-sm-12">
                            <div class="risk-table-box">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>行业领域</th>
                                        <th>风险点</th>
                                        <th>未整改隐患</th>
                                        <th>已整改隐患</th>
                                        <th>分值</th>
                                    </tr>
                                    </thead>
                                    <tbody id="thTbody">
                                    <tr>
                                        <td></td>
                                        <td>
                                            <ul class="sub-th">
                                                <li class="li-border-great-risk">
                                                    重大风险点
                                                </li>
                                                <li class="li-border-larger-risk">
                                                    较大风险点
                                                </li>
                                            </ul>
                                        </td>
                                        <td>
                                            <ul class="sub-th">
                                                <li class="li-border-great-hid">
                                                    重大隐患
                                                </li>
                                                <li class="li-border-commonly-hid">
                                                    一般隐患
                                                </li>
                                            </ul>
                                        </td>
                                        <td>
                                            <ul class="sub-th">
                                                <li class="li-border-great-hid">
                                                    重大隐患
                                                </li>
                                                <li class="li-border-commonly-hid">
                                                    一般隐患
                                                </li>
                                            </ul>
                                        </td>
                                        <td>
                                            <ul class="sub-th">
                                                <li>
                                                    风险指数
                                                </li>
                                                <li>
                                                    安全分值
                                                </li>
                                            </ul>
                                        </td>
                                    </tr>
                                    </tbody>
                                    <tbody id="complete">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" style="padding-top: 20px;">
                        <div class="col-sm-12">
                            <div class="hidanger-info">
                                <div class="hid-bulletin-list">
                                    <div class="hid-title">
                                        <span>隐患通报</span>
                                    </div>
                                    <div class="bulletin-list">
                                        <ul id="bulletinList">
                                            <!--<div style="text-align: center">暂无数据</div>-->
                                            <table class="layui-hide" id="datatable_" lay-filter="datatable_"></table>
                                        </ul>
                                    </div>
                                </div>
                                <div class="work-list">
                                    <div class="hid-title">
                                        <span>工作动态</span>
                                    </div>
                                    <ul class="dynamic-list" id="workList">
                                        <div style="text-align: center">暂无数据</div>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<!-- js部分 -->
<script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/common.js?v=315"></script>
<script type="text/javascript" src="../../assets/libs/jsonpath/jsonpath.js"></script>
<script type="text/javascript" src="../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../assets/libs/leftTime/leftTime.js"></script>
<script src="../../assets/libs/echarts/echarts.min.js"></script>
<script src="../../assets/libs/echarts/echartsTheme.js"></script>
<script>
    layui.use(['layer', 'table', 'util', 'admin', 'uParas'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var util = layui.util;
        var table = layui.table;
        var admin = layui.admin;
        var uParas = layui.uParas;
        <!--风险点总计-->
        $.ajaxSetup({async: false});
        $.getJSON(uParas.baseUrl + "/org/home/orgIndex", {}, function (result) {
            if (result.code == 1) {
                //企业总数
                var totalCount = result.data.totalCount;
                $("#unitCount").html("(" + totalCount + ")");
                //企业数量(行业)
                var companyNumber = result.data.companyNumber;
                unitSum(companyNumber);
                //企业风险隐患数据(行业区分)
                var companyData = result.data.companyData;
                companyRiskHdangerStatistics(companyData);
                //各类企业数据(风险值)
                var one = result.data.one;
                var two = result.data.two;
                var three = result.data.three;
                var four = result.data.four;
                getCompanyIndustrySummary(one, two, three, four, totalCount);
                //隐患数据
                var oneLevel = result.data.oneLevel;
                var oneLevelFinish = result.data.oneLevelFinish;
                var threeLevel = result.data.threeLevel;
                var threeLevelFinish = result.data.threeLevelFinish;
                //重大未整改
                //var noCompleteOne = Number(oneLevel) - Number(oneLevelFinish);
                var noCompleteOne = Number(oneLevel);
                //一般未整改
                //var noCompleteThree = Number(threeLevel) - Number(threeLevelFinish);
                var noCompleteThree = Number(threeLevel);
                //未整改总数
                var total1 = noCompleteOne + noCompleteThree;
                //已整改总数
                var total2 = oneLevelFinish + threeLevelFinish;
                var rectifyingData = [
                    {value: noCompleteThree, name: "一般隐患"},
                    {value: noCompleteOne, name: "重大隐患"}
                ];
                var acceptedData = [
                    {value: oneLevelFinish, name: "一般隐患"},
                    {value: threeLevelFinish, name: "重大隐患"}
                ];
                //未整改
                drawPie('zg0', total1, rectifyingData)
                //已整改
                drawPie('zg1', total2, acceptedData)
            }
        });


        /**
         *企业单位风险分析
         */
        function getCompanyIndustrySummary(one, two, three, four, totalCount) {
            $("#riskPointCount").text(totalCount);
            $("#majorRisk").text(one);
            $("#largerRisk").text(two);
            $("#commonlyRisk").text(three);
            $("#lowerRisk").text(four);
        }

        //企业单位数量
        function unitSum(data) {
            var th = '<th></th>';
            var tr1 = "<tr><td>数量</td>";
            var tr2 = "<tr><td>占比</td>";
            $.each(data, function (index, item) {
                th += '<th><span>' + item.name + '</span></th>';
                tr1 += '<td><span>' + item.count + '</span></td>';
                tr2 += '<td><span>' + item.rate + '</span></td>';
            });
            tr1 += "</tr>";
            tr2 += "</tr>";
            $("#theadTr").append(th);
            $("#unitTbody").append(tr1 + tr2);
        }

        //隐患echarts 图绘制
        function drawPie(id, total, data) {
            var myChart = echarts.init(document.getElementById(id));
            var option = {
                title: {
                    text: total,
                    x: 'center',
                    y: 'center',
                    textStyle: {
                        fontSize: '15',
                        color: '#000',
                        fontWeight: "bold"
                    }
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{b} <br/>({d}%)",
                },
                color: ['#FEDE35', '#ED1615'],
                series: [
                    {
                        name: '已整改',
                        type: 'pie',
                        radius: ['60%', '80%'],
                        itemStyle: {},
                        label: {
                            normal: {
                                show: false,
                                formatter: '{b}: {c}',
                                position: "outside",
                                color: '#000'
                            },
                        },
                        labelLine: {
                            show: false
                        },
                        data: data
                    }
                ]
            };
            myChart.setOption(option);
        }

        //企业单位风险点、未整改隐患、已整改隐患、分值
        function companyRiskHdangerStatistics(data) {
            $("#complete").html("");
            var html = "";
            if (data.length == 0) {
                html = "<tr><td colspan='6'>暂无数据</td></tr>";
            } else {
                for (var i = 0; i < data.length; i++) {
                    var obj = data[i];
                    if(obj.industryName !== null){
                        html += "<tr>";
                        html += "<td><span class='ic1'></span><span>" + obj.industryName + "</span></td>";
                        html += "<td><ul class='sub-td'>";
                        html += "<li>" + obj.oneLevel + "</li>";
                        html += "<li>" + obj.twoLevel + "</li>";
                        html += "</ul></td>";
                        html += "<td><ul class='sub-td'>";
                        //var nocompleteOne = Number(obj.oneDangerLevel) - Number(obj.oneDangerLevelFinish);
                        //var nocompleteThree = Number(obj.threeDangerLevel) - Number(obj.threeDangerLevelFinish);
                        var nocompleteOne = Number(obj.oneDangerLevel);
                        var nocompleteThree = Number(obj.threeDangerLevel);
                        html += "<li>" + nocompleteOne + "</li>";
                        html += "<li>" + nocompleteThree + "</li>";
                        html += "</ul></td>";
                        html += "<td><ul class='sub-td'>";
                        html += "<li>" + obj.oneDangerLevelFinish + "</li>";
                        html += "<li>" + obj.threeDangerLevelFinish + "</li>";
                        html += "</ul></td>";
                        html += "<td><ul class='sub-td'>";
                        html += "<li>" + obj.riskScore + "</li>";
                        html += "<li>" + obj.safeScore + "</li>";
                        html += "</ul></td>";
                        html += "</tr>";
                    }
                }
            }
            $("#complete").append(html);
        }

        <!--隐患通报列表-->
        var insTb = table.render({
            elem: '#datatable_',
            url: uParas.baseUrl + "/org/hiddenDanger/findList",
            page: false,
            title: "隐患列表",
            height: 350,
            cellMinWidth: 60,
            limits: [100, 200, 300],
            limit: 100,
            cols: [[
                /*{type: 'numbers', title: '序号'},*/
                {field: 'hdangerTitle', sort: false, title: '隐患标题'},
                {
                    field: 'hdangerLevel', align: 'center', sort: false, title: '隐患等级', width: 90,
                    templet: function (d) {
                        return setHdangerLevel(d.hdangerLevel);
                    }
                },
                {field: 'acceptCheckname', sort: false, title: '隐患对象'},
                {field: 'createName', sort: false, title: '提交人'},
                {
                    field: 'hdangerRetifyDeadline', sort: false, title: '整改期限', templet: function (d) {
                        return '<div class="countDown" data-date="' + (d.hdangerRetifyDeadline || '') + '"></div>'
                    }
                },
            ]], done: function (res, curr, count) {

                var elem = this.elem.next();
                var bodyElem = elem.find('.layui-table-main');
                layui.each(bodyElem.find('.countDown'), function (index, domElem) {
                    domElem = $(domElem);
                    if (!domElem.data('date')) {
                        return;
                    }
                    var endTime = new Date(domElem.data('date')).getTime(),
                        serverTime = new Date().getTime();
                    util.countdown(endTime, serverTime, function (date, serverTime, timer) {
                        var str = date[0] + '<span style=\'color: red\'>天</span>' + date[1] + '<span style=\'color: red\'>时</span>' + date[2] + '分';
                        if (date[0] == 0) {
                            str = "<span style='color: red'>整改超期</span>"
                        }
                        domElem.html(str);
                    });
                });
            }
        });

        /*隐患等级*/
        function setHdangerLevel(hdangerLevel) {
            var imgSrc = '';
            var title = '';
            if (hdangerLevel == 1) {
                title = '重大';
                imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger1.png'
            } else if (hdangerLevel == 2) {
                title = '较大';
                imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger2.png'
            } else if (hdangerLevel == 3) {
                title = '一般';
                imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger3.png'
            } else if (hdangerLevel == 4) {
                title = '较低';
                imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger4.png'
            } else {
                return '未知';
            }

            return '<img style="display: inline-block;width: 28px;height: 28px;" src="' + imgSrc + '" >' + title
        }

        // -------------------------------------------------------------------------
        // 窗口大小改变事件
        window.onresize = function () {
            //myCharts1.resize();
            // myCharts2.resize();
            // myCharts3.resize();
        };
    });
</script>
</html>