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"></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> 提交 </button>
- <button type="reset" class="layui-btn layui-btn-primary"> 重置 </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>
|