zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580
							<!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"/>
    <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
    <style>
        .layui-table-cell {
            overflow: visible !important;
            height: auto;
            /*line-height: 20px;*/
            text-overflow: inherit;
            white-space: normal;
            word-break: break-all;
        }

        .layui-table-box {
            overflow: visible;
        }

        .layui-table-body {
            overflow: visible;
        }

    </style>
</head>
<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">
            <div class="layui-card-body">
                <div class="layui-tab layui-tab-brief" lay-filter="tab_ds">
                    <ul class="layui-tab-title">
                        <li lay-id="risk">风险自评库</li>
                    </ul>
                    <div class="layui-tab-content" style="height: auto;">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-form toolbar" lay-filter="layuiForm">
                                <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">
                                            <select name="dangerSourceLevel" lay-verType="dangerSourceLevel">
                                                <option value="-1">全部</option>
                                                <option value="1">重大</option>
                                                <option value="2">较大</option>
                                                <option value="3">一般</option>
                                                <option value="4">低</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label w-auto w-padding">危险源:</label>
                                        <div class="layui-input-inline mr0">
                                            <input type="text" id="dangerSrcName" class="layui-input"
                                                   name="dangerSrcName"
                                                   placeholder="点击选择危险源"
                                                   class="form-control" readonly required>
                                            <input type="hidden" id="dangerSrcId" name="dangerSrcId" readonly>
                                            <div id="menuContent" class="menuContent">
                                                <ul id="wzTree" class="ztree" style="margin-top:0;"></ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label w-auto w-padding">管控层级:</label>
                                        <div class="layui-input-inline mr0">
                                            <select name="riskCtrlLevelId" id="riskCtrlLevelId"
                                                    lay-filter="riskCtrlLevelId" lay-search="" required></select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label w-auto w-padding">管控岗位:</label>
                                        <div class="layui-input-inline mr0">
                                            <select name="riskCtrlPositionIds" id="riskCtrlPositionIds"
                                                    lay-filter="searchRiskCtrlPositionId" lay-search=""
                                                    required></select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label w-auto w-padding">搜索：</label>
                                        <div class="layui-input-inline mr0">
                                            <input name="keyword" class="layui-input" type="text" placeholder="输入关键字"/>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <button class="layui-btn icon-btn" lay-filter="riskSearch" lay-submit>
                                            <i class="layui-icon">&#xe615;</i>搜索
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <table class="layui-table" id="risk" lay-filter="risk" layui-show></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" name="riskJudgeMethod" id="riskJudgeMethod">
<input type="hidden" name="riskCtrlLevelId_" id="riskCtrlLevelId_">

<!-- 表格操作列 -->
<script type="text/html" id="riskOptionTpl">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="lv">评分</a>
    </div>
</script>


<script type="text/html" id="imgTpl">
    {{# var imgs=d.dangerImg;}}
    {{# if(d.riskPointType==2){ imgs="../../../assets/images/icon/job.png"} }}
    {{# if(d.riskPointType==1){ imgs="../../../assets/images/icon/facility.png"} }}
    <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>
</script>
<script type="text/html" id="lvTpl">
    {{# var imgs="",title=""; var lv=d.dangerSourceLevel;}}
    {{# if(lv==1){ imgs="../../../assets/images/lv/red.png" ;title="重大" } }}
    {{# if(lv==2){ imgs="../../../assets/images/lv/orange.png";title="较大"} }}
    {{# if(lv==3){ imgs="../../../assets/images/lv/yellow.png";title="一般"} }}
    {{# if(lv==4){ imgs="../../../assets/images/lv/blue.png";title="较低"} }}
    {{# if(lv==1){ }}
    <div class='notify'><span class='heartbit'></span><span>
            <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
            </span>
    </div>
    {{# }else{ }}
    <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
    {{# } }}
</script>
<script type="text/html" id="riskLvTpl">
    {{# var imgs="",title=""; var lv=d.riskLevel;}}
    {{# if(lv==1){ imgs="../../../assets/images/lv/red.png" ;title="重大" } }}
    {{# if(lv==2){ imgs="../../../assets/images/lv/orange.png";title="较大"} }}
    {{# if(lv==3){ imgs="../../../assets/images/lv/yellow.png";title="一般"} }}
    {{# if(lv==4){ imgs="../../../assets/images/lv/blue.png";title="较低"} }}
    {{# if(lv==1){ }}
    <a lay-event="lv" href="javascript:;">
        <div class='notify'><span class='heartbit'></span><span>
            <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
            </span>
        </div>
    </a>
    {{# }else{ }}
    <a lay-event="lv" href="javascript:;">
        <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
    </a>
    {{# } }}
</script>

<script type="text/html" id="positionTpl">
    <form id="modelUserForm" lay-filter="modelUserForm" class="layui-form model-form">
        <div class="layui-form-item">
            <label class="layui-form-label">管控岗位:</label>
            <div class="layui-input-block">
                <select name="riskCtrlPositionId" lay-verType="tips" class="layui-input-block"
                        xm-select="riskCtrlPositionId" xm-select-search>
                    <option value="">直接管控岗位或搜索选择管控岗位</option>
                </select>
            </div>
        </div>
    </form>
</script>

<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<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/js/lec.js?v=312"></script>

<script>
    layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', 'upload', 'treetable', 'element', '_zTree', 'formSelects'], 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 uParas = layui.uParas;
        var element = layui.element;
        var _zTree = layui._zTree;
        var formSelects = layui.formSelects;
        var cacheData = layui.data(uParas.tableName);
        // 渲染表格
        var riskPointType = uParas.getUrlParam("riskPointType");
        /*---------------------------------------------------------------------*/
        var tab = uParas.getUrlParam("tab");
        if (tab != null) {
            element.tabChange('tab_ds', tab);
        }
        element.on('tab(tab_ds)', function () {
            location.hash = 'tab=' + this.getAttribute('lay-id');
            if (this.getAttribute('lay-id') == 1) {
                laodTreetable();
            } else {
                insTb.reload({}, 'data');
            }
        });

        table.on('tool(datatable)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent == 'details') {
                if (obj.data.parentDangerSrcId == -1) {
                    location.href = "./viewRisk.html?riskPointType=" + riskPointType + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=nd";
                } else {
                    location.href = "./viewRisk.html?riskPointType=" + riskPointType + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=pd";
                }
            }
        });
        //风险
        $.ajaxSetup({async: false});
        var url = uParas.baseUrl + "/ent/sysInfo/getInfo";
        admin.req(url, {}, function (resp) {
            $("#riskJudgeMethod").val(resp.data.riskJudgeMethod);
        });

        function getCtrlName(levelValue) {
            var url = uParas.baseUrl + "/admin/common/getCtrlList";
            admin.req(url, {}, function (resp) {
                $.each(resp.data, function (i, item) {
                    if (item.riskCtrlLevelValue == levelValue) {
                        $("#riskCtrlLevelName").val(item.riskCtrlLevelTitle);
                        $("#riskCtrlLevelId_").val(item.riskCtrlLevelId);
                    }
                });
            });
        }

        var getCtrlList = uParas.getSendData("/admin/common/getCtrlList");
        var getPositionList = uParas.getSendData("/admin/common/getPositionList");
        /**
         * 风险div数据
         **/
        uParas.initSimpleSelectX("riskCtrlLevelId", "layuiForm", getCtrlList, "riskCtrlLevelTitle", "riskCtrlLevelId");
        uParas.initSimpleSelectX("riskCtrlPositionIds", "layuiForm", getPositionList, "positionTitle", "pId");
        _zTree._init('/ent/dangerSource/query?riskPointType=' + riskPointType + '&limit=1000', 'dangerSrcId', 'parentDangerSrcId', 'dangerSrcName', 'dangerSrcId', 0);

        var insTb = table.render({
            url: uParas.baseUrl + '/ent/risk/queryS',
            elem: '#risk',
            cellMinWidth: 100,
            page: true,
            toolbar: true,
            cols: [[
                {type: 'numbers'},
                {field: 'riskId', sort: false, title: 'ID', hide: true},
                {field: 'riskCode', sort: false, title: '风险编号'},
                {field: 'rootName', sort: false, title: '根危险源'},
                {field: 'parentDangerSrcName', sort: false, title: '危险源'},
                {field: 'riskName', sort: false, title: '作业步骤'},
                {field: 'riskReason', sort: false, title: '危害因素'},
                {field: 'riskConsequence', sort: false, title: '后果'},
                {field: 'riskLevel', sort: false, title: '风险等级', templet: "#riskLvTpl"},
                {field: 'l', sort: false, title: 'L'},
                {field: 'e', sort: false, title: 'E'},
                {field: 'c', sort: false, title: 'C'},
                {field: 'd', sort: false, title: 'D'},
                // {field: 'riskCtrlLevelTitle', sort: false, title: '管控层级'},
                // // {
                // //     field: 'sPositionTitle', sort: false, title: '管控岗位', templet: function (d) {
                // //         var sPositionTitle = uParas.setValueDef(d.sPositionTitle, '选择管控岗位');
                // //         return '<a lay-event="riskCtrlPositionId" style="text-shadow: none;color: #5b9bd1;"  href="javascript:;"><i class="layui-icon">&#xe642;</i> ' + sPositionTitle + '</a>';
                // //     }
                // // },
                //  {field: 'sPositionTitle', sort: false, title: '管控岗位' },
                {align: 'center', title: '操作', toolbar: '#riskOptionTpl', fixed: 'right'}
            ]]
        });


        form.on('submit(riskSearch)', function (data) {
            var obj = data.field;
            obj.riskPointType = riskPointType;
            insTb.reload({where: obj}, 'data');
            return false;
        });
        form.on('select(riskCtrlLevelId)', function (data) {
            var obj = {};
            obj.riskCtrlLevelId = data.value;
            insTb.reload({where: obj}, 'data');
            return false;
        });
        form.on('select(searchRiskCtrlPositionId)', function (data) {
            var obj = {};
            obj.riskCtrlPositionId = data.value;
            insTb.reload({where: obj}, 'data');
            return false;
        });

        table.on('tool(risk)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent == 'lv') {
                admin.open({
                    type: 1,
                    title: '风险评级',
                    area: ["600px", "500px"],
                    content: $('#lvCTpl').html(),
                    btn: ['确定', '取消']
                    , yes: function (layero, dIndex) {
                        var riskLevel_ = $("#riskLevel_").val();
                        getCtrlName(riskLevel_);
                        var url = uParas.baseUrl + '/ent/RiskReviewRecord/updateRiskLevel';
                        admin.req(url, {
                            riskId: obj.data.riskId,
                            riskLevel: riskLevel_,
                            riskCtrlLevelId: $("#riskCtrlLevelId_").val(),
                            L: $("#riskLECL").val(),
                            E: $("#riskLECE").val(),
                            C: $("#riskLECC").val(),
                            D: $("#riskLECL").val() * $("#riskLECE").val() * $("#riskLECC").val(),
                        }, function (resp) {
                            if (resp.code == 1) {
                                layer.msg(resp.msg);
                                layer.closeAll();
                                insTb.reload({}, 'data');
                            } else {
                                layer.msg(resp.msg);
                            }
                        }, 'post');
                    }, btn2: function () {
                        layer.closeAll();
                    },
                    zIndex: layer.zIndex,
                    success: function (layero, dIndex) {
                        var method = $("#riskJudgeMethod").val();
                        if (method == 1) {
                            var url = uParas.baseUrl + '/ent/riskParentLec/getById?id=' + data.riskId;
                            $.getJSON(url, {}, function (res) {
                                if (res.data != null) {
                                    var out = res.data;
                                    if (out.riskLevel == 1) {
                                        $("#riskLevel_").val(1);
                                        $("#riskLevelText_").val(getLvText(1));
                                        defRadioMethod(1);
                                        form.render();
                                    } else {
                                        var _LHtml = LHtml(out.lLeft, out.lRight);
                                        var _EHtml = EHtml(out.eLeft, out.eRight);
                                        var _CHtml = CHtml(out.cLeft, out.cRight);
                                        $("#riskLECL").html(_LHtml);
                                        $("#riskLECE").html(_EHtml);
                                        $("#riskLECC").html(_CHtml);

                                        var method = $("#riskJudgeMethod").val();
                                        radioMethod(method);
                                        form.render();
                                    }
                                } else {
                                    var method = $("#riskJudgeMethod").val();
                                    radioMethod(method);
                                    form.render();
                                    form.on('radio(methods)', function (data) {
                                        radioMethod(data.value);
                                    });
                                    $("#riskLevelText_").val(getLvText(obj.data.riskLevel));
                                    $("#riskLevel_").val(obj.data.riskLevel);
                                }
                            });
                        }
                        // var method = $("#riskJudgeMethod").val();
                        // radioMethod(method);
                        // form.render();
                        // form.on('radio(methods)', function (data) {
                        //     radioMethod(data.value);
                        // });
                        // $("#riskLevelText_").val(getLvText(obj.data.riskLevel));
                        // $("#riskLevel_").val(obj.data.riskLevel);
                    }
                });
            }
        });

        function defRadioMethod(val) {
            if (val == 1) {
                $(".lec").attr("hidden", true);
                $(".ls").attr("hidden", true);
                $("#rLS").attr("type", "hidden");
                $("#rLEC").attr("checked", "checked");
            }
        }

        form.on('select(LEC)', function (data) {
            sLecFunction();
        });
        form.on('select(LSR)', function (data) {
            sLsrFunction();
        });

        function getLvText(level) {
            var lvText = "";
            if (level === 1) {
                lvText = "重大";
            } else if (level === 2) {
                lvText = "较大";
            } else if (level === 3) {
                lvText = "一般";
            } else {
                lvText = "较低";
            }
            return lvText;
        }

        function sLsrFunction() {
            var level = 4;
            level = lsrFunction($("#riskLSL").val(), $("#riskLSS").val());
            $("#riskLevel").val(level);
            $("#riskLevel_").val(level);

            let lvText = getLvText(level);
            $("#riskLevelText").val(lvText);
            $("#riskLevelText_").val(lvText);
        }

        function sLecFunction() {
            var level = 4;
            level = lecFunction($("#riskLECL").val(), $("#riskLECE").val(), $("#riskLECC").val());
            $("#riskLevel").val(level);
            $("#riskLevel_").val(level);
            let lvText = getLvText(level);
            $("#riskLevelText").val(lvText);
            $("#riskLevelText_").val(lvText);
        }


        function radioMethod(val) {
            if (val == 1) {
                sLecFunction();
                $(".lec").attr("hidden", false);
                $(".ls").attr("hidden", true);
                $("#rLS").attr("type", "hidden");
                $("#rLEC").attr("checked", "checked");
            } else {
                sLsrFunction();
                $(".lec").attr("hidden", true);
                $(".ls").attr("hidden", false);
                $("#rLEC").attr("type", "hidden");
                $("#rLS").attr("checked", "checked");
            }
        }

        function lecFunction(l, e, c) {
            var d = l * e * c;
            if (d > 320) {
                return 1;
            } else if (d > 160) {
                return 2;
            } else if (d > 70) {
                return 3;
            } else {
                return 4;
            }
        }

        function lsrFunction(l, s) {
            var r = l * s;
            if (r <= 25 && r >= 21) {
                return 1;
            } else if (r <= 16 && r >= 15) {
                return 2;
            } else if (r <= 12 && r >= 6) {
                return 3;
            } else if (r <= 5 && r >= 1) {
                return 4;
            } else {
                return 0;
            }
        }


    });
</script>
<script type="text/html" id="lvCTpl">
    <form id="lvCForm" lay-filter="modelForm" class="layui-form model-form">
        <input name="riskLevel_" id="riskLevel_" class="layui-input" type="hidden"/>
        <div class="layui-form-item">
            <label class="layui-form-label">风险等级:</label>
            <div class="layui-input-block">
                <input type="text" id="riskLevelText_" name="riskLevelText_" class="layui-input" readonly="readonly">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">评价方法:</label>
            <div class="layui-input-block">
                <input type="radio" name="method" lay-filter="methods" value="1" title="LEC" id="rLEC">
                <input type="radio" name="method" lay-filter="methods" value="2" title="LS" id="rLS">
            </div>
        </div>

        <div class="layui-form-item lec">
            <label class="layui-form-label">L:</label>
            <div class="layui-input-block">
                <select id="riskLECL" name="riskLECL" lay-filter="LEC">
                    <option value="0.1">实际不可能(0.1)</option>
                    <option value="0.2">极不可能(0.2)</option>
                    <option value="0.5">很不可能，可以设想(0.5)</option>
                    <option value="1">可能性小，完全意外(1)</option>
                    <option value="3">可能，但不经常(3)</option>
                    <option value="6">相当可能(6)</option>
                    <option value="10">完全可以预料(10)</option>
                </select>
                <span class="help-inline">提示：事故发生的可能性</span>
            </div>
        </div>

        <div class="layui-form-item lec">
            <label class="layui-form-label">E:</label>
            <div class="layui-input-block">
                <select id="riskLECE" name="riskLECE" lay-filter="LEC">
                    <option value="0.5">非常罕见暴露(0.5)</option>
                    <option value="1">每年几次暴露(1)</option>
                    <option value="2">每月一次暴露(2)</option>
                    <option value="3">每周一次或偶然暴露(3)</option>
                    <option value="6">每天工作时间内暴露(6)</option>
                    <option value="10">连续暴露(10)</option>
                </select>
                <span class="help-inline">提示：人员暴露于危险环境中的频繁程度</span>
            </div>
        </div>
        <div class="layui-form-item lec">
            <label class="layui-form-label">C:</label>
            <div class="layui-input-block">
                <select id="riskLECC" name="riskLECC" lay-filter="LEC">
                    <option value="1">引人注意(1)</option>
                    <option value="2">重大，伤残(2)</option>
                    <option value="7">严重(7)</option>
                    <option value="15">1～2人死亡(15)</option>
                    <option value="40">3～9人死亡(40)</option>
                    <option value="100">10人以上死亡(100)</option>
                </select>
                <span class="help-inline">提示：一旦发生事故可能造成的后果</span>
            </div>
        </div>

        <div class="layui-form-item ls">
            <label class="layui-form-label">L:</label>
            <div class="layui-input-block">
                <select id="riskLSL" name="riskLSL" lay-filter="LSR">
                    <option value="1">极不可能</option>
                    <option value="2">偶尔</option>
                    <option value="3">重复发生</option>
                    <option value="4">预期情况下经常</option>
                    <option value="5">正常情况下经常</option>
                </select>
                <span class="help-inline">提示：事故发生的可能性</span>
            </div>
        </div>
        <div class="layui-form-item ls">
            <label class="layui-form-label">S:</label>
            <div class="layui-input-block">
                <select id="riskLSS" name="riskLSS" lay-filter="LSR">
                    <option value="1">无伤亡、无损失</option>
                    <option value="2">轻伤、损失<10万</option>
                    <option value="3">伤残、损失>10万</option>
                    <option value="4">丧失劳动力、损失>25万</option>
                    <option value="5">死亡、损失>50万</option>
                </select>
                <span class="help-inline">提示：一旦发生事故造成后果的严重性</span>
            </div>
        </div>
    </form>
</script>
</body>
</html>