zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
							<!DOCTYPE html>
<html>
<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/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../../assets/module/admin.css?v=312"/>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<style>
    .menuContent {
        display: none;
        position: absolute;
        top: 33px;
        /*left: 15px;*/
        background-color: #fff;
        z-index: 2000;
        border: 1px solid #ccc;
    }
</style>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <blockquote class="layui-elem-quote">
                风险点统计
            </blockquote>
            <div class="layui-form toolbar">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label w-auto w-padding">部门：</label>
                        <div class="layui-input-inline mr0">
                            <input type="text" id="groupName" name="groupName" value=""
                                   placeholder="点击选择"
                                   class="layui-input" readonly>
                            <input type="hidden" id="groupId" name="groupId">
                            <div id="menuContent" class="menuContent">
                                <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <table class="layui-table" id="datatable" lay-filter="datatable">
                <thead>
                <tr>
                    <th></th>
                    <th id="lv1_t">重大</th>
                    <th id="lv2_t">较大</th>
                    <th id="lv3_t">一般</th>
                    <th id="lv4_t">较低</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>风险等级</td>
                    <td id="lv1_c"><span style="background-color:#ff0000;">&nbsp;红&nbsp;</span></td>
                    <td id="lv2_c"><span style="background-color:#ff6100;">&nbsp;橙&nbsp;</span></td>
                    <td id="lv3_c"><span style="background-color:#ffff00;">&nbsp;黄&nbsp;</span></td>
                    <td id="lv4_c"><span style="background-color:#0000ff;">&nbsp;蓝&nbsp;</span></td>
                </tr>
                <tr>
                    <td>数量</td>
                    <td id="lv1">0</td>
                    <td id="lv2">0</td>
                    <td id="lv3">0</td>
                    <td id="lv4">0</td>
                </tr>
                <tr>
                    <td>风险数量</td>
                    <td id="rslv1">0</td>
                    <td id="rslv2">0</td>
                    <td id="rslv3">0</td>
                    <td id="rslv4">0</td>
                </tr>
                </tbody>
            </table>
            <div id="main" style="width: 99%;min-height: 600px;"></div>
            <blockquote class="layui-elem-quote">
                风险点预警记录
            </blockquote>
            <div class="layui-form layui-form-item" lay-filter="formFilter">
                <div class="layui-inline pull-right">
                    <label class="layui-form-label w-auto w-padding"></label>
                    <div class="layui-input-inline mr0">
                        <select name="year" id="year" lay-filter="year"></select>
                    </div>
                </div>
            </div>
            <div id="main1" style="width: 99%;min-height: 600px;"></div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="../../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../../assets/js/common.js?v=312"></script>
<script type="text/javascript" src="../../../../assets/libs/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../../../../assets/libs/echarts/echartsTheme.js"></script>

<script>
    layui.use(['layer', 'form', 'table', 'util', 'admin', '_zTree', 'uParas', '_groupTree', 'laydate'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var util = layui.util;
        var admin = layui.admin;
        var _zTree = layui._zTree;
        var uParas = layui.uParas;
        var _groupTree = layui._groupTree;
        var laydate = layui.laydate;
        var hdLevelList;
        // $.ajaxSetup({async: false});
        // $.getJSON(uParas.baseUrl + "/language/getHiddenDangerLevelList", {}, function (result) {
        //     hdLevelList = result.data;
        //     $.each(result.data, function (i, field) {
        //         if (field.value === "1") {
        //             $("#lv1_t").show();
        //             $("#lv1_c").show();
        //             $("#lv1").show();
        //         }
        //         if (field.value === "2") {
        //             $("#lv2_t").show();
        //             $("#lv2_c").show();
        //             $("#lv2").show();
        //         }
        //         if (field.value === "3") {
        //             $("#lv3_t").show();
        //             $("#lv3_c").show();
        //             $("#lv3").show();
        //         }
        //         if (field.value === "4") {
        //             $("#lv4_t").show();
        //             $("#lv4_c").show();
        //             $("#lv4").show();
        //         }
        //     });
        // });
        // var groupUrl = '/admin/common/findCompanyGroupLists';
        // /*所属部门*/
        // _groupTree.initgroupTreeAndUsers(groupUrl,"groupTree","groupName",
        //     "groupId","menuContent","");
        var groupId = null;
        var myChart1 = echarts.init(document.getElementById('main'));
        var option1 = {
            legend: {},
            tooltip: {},
            dataset: {},
            xAxis: {type: 'category'},
            yAxis: {},
            series: [
                {
                    type: 'bar', itemStyle: {
                        normal: {
                            label: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    color: 'black',
                                    fontSize: 16
                                }
                            }
                        }
                    }, barWidth: 100, color: '#ff0000'
                },
                {
                    type: 'bar', itemStyle: {
                        normal: {
                            label: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    color: 'black',
                                    fontSize: 16
                                }
                            }
                        }
                    }, barWidth: 100, color: '#ff6100'
                },
                {
                    type: 'bar', itemStyle: {
                        normal: {
                            label: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    color: 'black',
                                    fontSize: 16
                                }
                            }
                        }
                    }, barWidth: 130, color: '#ffff00'
                },
                {
                    type: 'bar', itemStyle: {
                        normal: {
                            label: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    color: 'black',
                                    fontSize: 16
                                }
                            }
                        }
                    }, barWidth: 100, color: '#0000ff'
                }
            ]
        };
        var insTb = {
            reload: function (obj, p) {
                /**
                 * 数据获取
                 */
                $.getJSON(uParas.baseUrl + "/ent/riskPoint/riskPointLvCount", {gId: groupId}, function (result) {
                    if (result.code == 1) {
                        var lv1Count = 0, lv2Count = 0, lv3Count = 0, lv4Count = 0, rs1Count = 0, rs2Count = 0,
                            rs3Count = 0, rs4Count = 0;
                        $.each(result.data, function (i, field) {
                            if (field.riskPointLevel == 1) {
                                lv1Count = field.lvCount;
                                rs1Count = field.rsCount;
                            }
                            if (field.riskPointLevel == 2) {
                                lv2Count = field.lvCount;
                                rs2Count = field.rsCount;
                            }
                            if (field.riskPointLevel == 3) {
                                lv3Count = field.lvCount;
                                rs3Count = field.rsCount;
                            }
                            if (field.riskPointLevel == 4) {
                                lv4Count = field.lvCount;
                                rs4Count = field.rsCount;
                            }
                        });
                        $("#lv1").html(lv1Count);
                        $("#rslv1").html(rs1Count);
                        $("#lv2").html(lv2Count);
                        $("#rslv2").html(rs2Count);
                        $("#lv3").html(lv3Count);
                        $("#rslv3").html(rs3Count);
                        $("#lv4").html(lv4Count);
                        $("#rslv4").html(rs4Count);
                        var source = new Object();
                        var list = new Array();
                        list[0] = ['product', '重大', '较大', '一般', '较低'];
                        list[1] = ['风险点数量', lv1Count, lv2Count, lv3Count, lv4Count];
                        list[2] = ['风险数量', rs1Count, rs2Count, rs3Count, rs4Count];
                        // if (hdLevelList.length == 4) {
                        source.source = list;
                        option1.dataset = source;
                        myChart1.setOption(option1, true);
                        // } else {
                        //     var list0 = new Array();
                        //     var list1 = new Array();
                        //     var list2 = new Array();
                        //     list0[0] = 'product';
                        //     list1[0] = '风险点';
                        //     $.each(hdLevelList, function (i, field) {
                        //         list0[i + 1] = field.id;
                        //         list1[i + 1] = list[1][parseInt(field.value)];
                        //         list2[i] = option1.series[parseInt(field.value) - 1]
                        //     });
                        //     list[0] = list0;
                        //     list[1] = list1;
                        //     source.source = list;
                        //     option1.dataset = source;
                        //     option1.series = list2;
                        //     myChart1.setOption(option1, true);
                        // }
                    }
                });
            }
        }
        insTb.reload();

        var changeGroup = {
            reload: function (data) {
                groupId = data.where.gId;
                console.log("-----------groupId---------" + groupId)
                insTb.reload();
            }
        };
        /***单位选择*/
        _zTree._init('/admin/common/getGroupLists', 'gId', 'groupParent', 'groupName', 'gId', 0, "groupTree", changeGroup, "menuContent", "groupName", "groupId", groupId);

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main1'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '',
                textAlign: 'center',
                x: 'center',
                y: 'top',
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                type: 'category',
                data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
            },
            yAxis: {
                type: 'value'
            }
        };

        function convertData(items, text) {
            var rows = [];
            for (var i = 1; i < 13; i++) {
                var val = 0;
                $.each(items, function (v, e) {
                    if (i === parseInt(e.key)) {
                        val = parseInt(e.value);
                        return false;
                    }
                });
                rows.push(val);
            }
            return {
                name: text,
                data: rows,
                type: 'line',
                smooth: true
            };
        }

        //初始化图表
        function initCharts(year) {
            // 使用刚指定的配置项和数据显示图表。
            var url = "/ent/riskPoint/controlRecord/" + year;
            $.ajax({
                type: "get",
                url: url,
                dataType: "json",
                success: function (result) {
                    option.title.text = year + "年预警风险点数量统计";
                    option.series = [convertData(result.data, "数量")];
                    myChart.setOption(option, true);
                }
            });
        }

        makeYear();
        initCharts($("#year").val());
        form.on('select(year)', function (data) {
            initCharts($("#year").val());
        });

        function makeYear() {
            var year = document.getElementById("year");
            var my = new Date();
            var endYear = my.getFullYear();// 获取当前年份
            for (var i = 0; i < 5; i++) {
                var yyyy = endYear - i;
                year.options.add(new Option(yyyy + " 年", yyyy));
            }
            form.render('select', "formFilter");
        }

    });
</script>

</body>
</html>