zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512
							<!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/formSelects/formSelects-v4.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
    <style>
        .menuContent {
            display: none;
            position: absolute;
            top: 33px;
            /*left: 15px;*/
            background-color: #fff;
            z-index: 2000;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>

<!-- 加载动画 -->
<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-header">
                新增风险
                <div class="layui-inline pull-right">
                    <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
                            class="layui-icon">&#xe65c;</i>返回
                    </button>
                </div>
            </div>
            <div class="layui-card-body">
                <form class="layui-form" lay-filter="layuiForm" style="max-width: 700px;margin: 40px auto;">
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>危险源:</label>
                        <div class="layui-input-block w-m150">
                            <input type="text" id="dangerSrcName" class="layui-input" name="dangerSrcName"
                                   value=""
                                   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-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>作业步骤:</label>
                        <div class="layui-input-block w-m150">
                            <input name="riskName" type="text" placeholder="请输入作业步骤" class="layui-input"
                                   lay-verType="tips" lay-verify="required" required>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>危害因素:</label>
                        <div class="layui-input-block w-m150">
                            <input name="riskReason" type="text" placeholder="请输入危害因素" class="layui-input"
                                   lay-verType="tips" lay-verify="required" required required>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>危害产生的后果:</label>
                        <div class="layui-input-block w-m150">
                            <input name="riskConsequence" type="text" placeholder="请输入危害产生的后果" class="layui-input"
                                   lay-verType="tips" lay-verify="required" required>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>风险编号:</label>
                        <div class="layui-input-block w-m150">
                            <input name="riskCode" type="text" placeholder="请输入风险编号" class="layui-input"
                                   lay-verType="tips" lay-verify="required" required>
                        </div>
                    </div>
                    <div class="layui-form-item" id="layerDemo">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>风险等级:</label>
                        <div class="layui-input-block w-m150 lv" data-method="riskLevelOpen">
                            <input type="hidden" id="riskLevel" name="riskLevel">
                            <input name="riskLevelText" id="riskLevelText" type="text" placeholder="请输入风险等级"
                                   class="layui-input"
                                   lay-verType="tips" lay-verify="required" readonly required>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>管控层级:</label>
                        <div class="layui-input-block w-m150">
                            <!--                            <select name="riskCtrlLevelId" id="riskCtrlLevelId" lay-filter="riskCtrlLevelId" lay-search="" required></select>-->
                            <input name="riskCtrlLevelId" id="riskCtrlLevelId" type="hidden">
                            <input name="riskLevelText" id="riskCtrlLevelName" type="text" placeholder="管控层级"
                                   class="layui-input"
                                   lay-verType="tips" lay-verify="required" readonly required>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width120"><span class="layui-badge-dot"></span>管控岗位:</label>
                        <div class="layui-input-block w-m150">
                            <!--                            <select name="riskCtrlPositionId" id="riskCtrlPositionId" lay-filter="riskCtrlPositionId" lay-search="" required></select>-->
                            <select id="riskCtrlPositionId" name="riskCtrlPositionId" lay-verType="tips"
                                    class="layui-input-block" xm-select="riskCtrlPositionId" xm-select-search required>
                                <option value="">直接选择管控岗位或搜索管控岗位</option>
                            </select>
                        </div>
                    </div>
                    <div id="one">
                        <div class="layui-form-item">
                            <label class="layui-form-label w-width120">工程:</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="riskMeasureType1" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips">
                                <a class="layui-btn layui-btn-normal" href="javascript:;"
                                   onclick="btnAddRiskMeasure('one','工程:','riskMeasureType1')">+</a>
                            </div>
                        </div>
                    </div>
                    <div id="two">
                        <div class="layui-form-item">
                            <label class="layui-form-label w-width120">管理:</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="riskMeasureType2" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips">
                                <a class="layui-btn layui-btn-normal" href="javascript:;"
                                   onclick="btnAddRiskMeasure('two','管理:','riskMeasureType2')">+</a>
                            </div>
                        </div>
                    </div>
                    <div id="three">
                        <div class="layui-form-item">
                            <label class="layui-form-label w-width120">教育:</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="riskMeasureType3" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips">
                                <a class="layui-btn layui-btn-normal" href="javascript:;"
                                   onclick="btnAddRiskMeasure('three','教育:','riskMeasureType3')">+</a>
                            </div>
                        </div>
                    </div>
                    <div id="four">
                        <div class="layui-form-item">
                            <label class="layui-form-label w-width120">应急:</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="riskMeasureType4" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips">
                                <a class="layui-btn layui-btn-normal" href="javascript:;"
                                   onclick="btnAddRiskMeasure('four','应急:','riskMeasureType4')">+</a>
                            </div>
                        </div>
                    </div>
                    <div id="f">
                        <div class="layui-form-item">
                            <label class="layui-form-label w-width120">个体防护:</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="riskMeasureType5" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips">
                                <a class="layui-btn layui-btn-normal" href="javascript:;"
                                   onclick="btnAddRiskMeasure('f','个体防护:','riskMeasureType5')">+</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-filter="formSubmit" lay-submit>&emsp;提交&emsp;</button>
                            <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<input type="hidden" name="riskJudgeMethod" id="riskJudgeMethod">
<script type="text/html" id="modelTpl">
    <form id="modelForm" 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">实际不可能</option>
                    <option value="0.2">极不可能</option>
                    <option value="0.5">很不可能，可以设想</option>
                    <option value="1">可能性小，完全意外</option>
                    <option value="3">可能，但不经常</option>
                    <option value="6">相当可能</option>
                    <option value="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">非常罕见暴露</option>
                    <option value="1">每年几次暴露</option>
                    <option value="2">每月一次暴露</option>
                    <option value="3">每周一次或偶然暴露</option>
                    <option value="6">每天工作时间内暴露</option>
                    <option value="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">引人注意</option>
                    <option value="2">重大，伤残</option>
                    <option value="7">严重</option>
                    <option value="15">1～2人死亡</option>
                    <option value="40">3～9人死亡</option>
                    <option value="100">10人以上死亡</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>
<!-- 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/jquery/jquery-3.2.1.min.js"></script>

<script>
    layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', 'upload', '_zTree'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var util = layui.util;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var _zTree = layui._zTree;
        var laydate = layui.laydate, upload = layui.upload;
        var riskPointType = uParas.getUrlParam("riskPointType");

        $.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);
                    }
                });
            });
        }

        uParas.initFormSelects("riskCtrlPositionId", "/admin/common/getPositionList", "positionTitle", "pId");
        _zTree._init('/ent/dangerSource/query?riskPointType=' + riskPointType + '&limit=1000', 'dangerSrcId', 'parentDangerSrcId', 'dangerSrcName', 'dangerSrcId', 1);
        var active = {
            riskLevelOpen: function () {
                admin.open({
                    type: 1,
                    title: '风险等级',
                    area: ["600px", "500px"],
                    content: $('#modelTpl').html(),
                    btn: ['确定', '取消']
                    , yes: function () {
                        layer.closeAll();
                        getCtrlName($("#riskLevel_").val());
                    }
                    , btn2: function () {
                        layer.closeAll();
                    },
                    zIndex: layer.zIndex,
                    success: function (layero, dIndex) {
                        var method = $("#riskJudgeMethod").val();
                        radioMethod(method);
                        form.render();
                        form.on('radio(methods)', function (data) {
                            radioMethod(data.value);
                        });
                    }
                });
            }
        };

        $('#layerDemo .lv').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });

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

        function sLsrFunction() {
            var level = 4;
            level = lsrFunction($("#riskLSL").val(), $("#riskLSS").val());
            $("#riskLevel").val(level);
            $("#riskLevel_").val(level);
            if (level == 1) {
                $("#riskLevelText").val("重大");
                $("#riskLevelText_").val("重大");
            } else if (level == 2) {
                $("#riskLevelText").val("较大");
                $("#riskLevelText_").val("较大");
            } else if (level == 3) {
                $("#riskLevelText").val("一般");
                $("#riskLevelText_").val("一般");
            } else {
                $("#riskLevelText").val("较低");
                $("#riskLevelText_").val("较低");
            }
        }

        function sLecFunction() {
            var level = 4;
            level = lecFunction($("#riskLECL").val(), $("#riskLECE").val(), $("#riskLECC").val());
            $("#riskLevel").val(level);
            $("#riskLevel_").val(level);
            if (level == 1) {
                $("#riskLevelText").val("重大");
                $("#riskLevelText_").val("重大");
            } else if (level == 2) {
                $("#riskLevelText").val("较大");
                $("#riskLevelText_").val("较大");
            } else if (level == 3) {
                $("#riskLevelText").val("一般");
                $("#riskLevelText_").val("一般");
            } else {
                $("#riskLevelText").val("较低");
                $("#riskLevelText_").val("较低");
            }
        }


        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;
            }
        }


        // 监听表单提交
        form.on('submit(formSubmit)', function (data) {
            let obj = data.field;
            //console.log(obj);
            let riskMeasureType1 = '', riskMeasureType2 = '', riskMeasureType3 = '', riskMeasureType4 = '',
                riskMeasureType5 = '';
            var end = "@#@";
            $("input[name='riskMeasureType1']").each(function (index, value) {
                if ($(this).val() != "") {
                    riskMeasureType1 += $(this).val() + end;
                }
            })
            $("input[name='riskMeasureType2']").each(function (index, value) {
                if ($(this).val() != "") {
                    riskMeasureType2 += $(this).val() + end;
                }
            })
            $("input[name='riskMeasureType3']").each(function (index, value) {
                if ($(this).val() != "") {
                    riskMeasureType3 += $(this).val() + end;
                }
            })
            $("input[name='riskMeasureType4']").each(function (index, value) {
                if ($(this).val() != "") {
                    riskMeasureType4 += $(this).val() + end;
                }
            })
            $("input[name='riskMeasureType5']").each(function (index, value) {
                if ($(this).val() != "") {
                    riskMeasureType5 += $(this).val() + end;
                }
            })
            obj.riskMeasureType1 = uParas.delLast(riskMeasureType1, end);
            obj.riskMeasureType2 = uParas.delLast(riskMeasureType2, end);
            obj.riskMeasureType3 = uParas.delLast(riskMeasureType3, end);
            obj.riskMeasureType4 = uParas.delLast(riskMeasureType4, end);
            obj.riskMeasureType5 = uParas.delLast(riskMeasureType5, end);
            // 表格选择的数据放到data.field中
            console.log(data.field);
            layer.load(2);
            obj.riskPointType = riskPointType;
            admin.req(uParas.baseUrl + '/ent/dangerSource/saveRisk', data.field, function (resp) {
                layer.closeAll();
                if (resp.code == 1) {
                    layer.msg(resp.msg)
                    location.href = "./index.html?riskPointType=" + riskPointType + "&tab=risk";
                } else {
                    layer.msg(resp.msg)
                }
            }, 'POST');
            return false;
        });
    });

    function btnAddRiskMeasure(boxs, title, divId) {
        let html = `<div class="layui-form-item">
                            <label class="layui-form-label w-width120">${title}</label>
                            <div class="layui-input-block w-m150" style="display: flex;align-items: center;">
                                <input name="${divId}" type="text" placeholder="最多输入200个汉字" class="layui-input"
                                       lay-verType="tips" lay-verify="required" required>
                                <a class="layui-btn layui-btn-danger" href="javascript:;" onclick="deleteRiskMeasure(this)">-</a>
                            </div>
                        </div>`;
        $("#" + boxs + "").append(html);
    }

    function deleteRiskMeasure(obj) {
        $(obj).parents("div.layui-form-item").remove();
    }


</script>
</body>

</html>