zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603
							<!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"/>
    <!--[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]-->
    <style>
        [v-cloak] {
            display: none;
        }

        #tableTbImg + .layui-table-view .layui-table-body tbody > tr > td {
            padding: 0;
        }

        #tableTbImg + .layui-table-view .layui-table-body tbody > tr > td > .layui-table-cell {
            height: 60px;
            line-height: 60px;
        }

        .tdImg {
            width: 50px;
            height: 50px;
            max-width: none;
            cursor: zoom-in;
        }
    </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()" id="back" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>-->
                    <button ew-event="back" id="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">
                <input type="hidden" name="ipCameraUrl" id="ipCameraUrl">
                <div class="layui-tab layui-tab-brief" lay-filter="detailsTab">
                    <ul class="layui-tab-title">
                        <li class="layui-this" lay-id="baseInfo">风险点详情</li>
                        <li lay-id="risk">风险表</li>
                        <li lay-id="riskMeasure">安全检查表</li>
                        <li lay-id="riskCheck">检查记录</li>
                        <li lay-id="hiddenDanger">隐患</li>
                    </ul>
                    <div class="layui-tab-content" style="height: auto;">
                        <div class="layui-tab-item layui-show">
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>基本信息</legend>
                            </fieldset>
                            <div class="layui-row" id="riskPointView">
                                <script type="text/html" id="riskPointTpl">
                                    <div class="layui-col-xs2">
                                        {{#if(d.riskPointImg!=undefined && d.riskPointImg!="" && d.riskPointImg!=null){
                                        }}
                                        {{#if(d.riskPointImg.indexOf("http://")!=-1||d.riskPointImg.indexOf("https://")!=-1){}}
                                        <img src="{{d.riskPointImg}}" style="width:50%;max-height:200px;">
                                        {{# }else{ }}
                                        <img src="{{d.baseUrl}}{{d.riskPointImg}}" style="width:50%;max-height:200px;">
                                        {{# } }}
                                        {{# }else{ }}
                                        <div style="width:50%;max-height:200px;">&nbsp;</div>
                                        {{# } }}
                                    </div>
                                    <div class="layui-col-xs10">
                                        <div class="layui-form">
                                            <table class="layui-table">
                                                <colgroup>
                                                    <col width="150">
                                                </colgroup>
                                                <thead>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>名称</td>
                                                    <td>{{d.riskPointName}}</td>
                                                    <td>风险点等级</td>
                                                    <td>
                                                        {{# var imgs="",title=""; var lv=d.riskPointLevel;}}
                                                        {{# 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 }}
                                                        {{# } }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <!--                                                    <td>企业名称</td>-->
                                                    <!--                                                    <td>{{d.qymc}}</td>-->
                                                    <td>部门名称</td>
                                                    <td colspan="3">
                                                        {{d.liableGroupIdName==null?"":d.liableGroupIdName}}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>责任人</td>
                                                    <td>{{d.aName==null?"":d.aName}}</td>
                                                    <td>是否激活</td>
                                                    <td>
                                                        {{# if (d.isActive == 0) {}}
                                                        未激活
                                                        {{# } else if (d.isActive == 1) {}}
                                                        激活
                                                        {{# }}}
                                                    </td>
                                                </tr>
                                                {{# if (d.isActive == 1) {}}
                                                <tr>
                                                    <td>激活开始时间</td>
                                                    <td>{{d.activeStartTime==null?"":d.activeStartTime}}</td>
                                                    <td>激活结束时间</td>
                                                    <td>{{d.activeEndTime==null?"":d.activeEndTime}}</td>
                                                </tr>
                                                {{# }}}
                                                <tr>
                                                    <td>风险点位置</td>
                                                    <td colspan="3">{{d.riskPointPlaces==null?"":d.riskPointPlaces}}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>描述</td>
                                                    <td colspan="3">{{d.riskPointDesc==null?"":d.riskPointDesc}}</td>
                                                </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </script>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>告警信息</legend>
                            </fieldset>
                            <div class="layui-row" id="riskPointWarn">
                                <script type="text/html" id="riskPointWarnTpl">
                                    <div class="layui-col-xs12">
                                        <div class="layui-form">
                                            <table class="layui-table">
                                                <colgroup>
                                                    <col width="20">
                                                    <col width="200">
                                                    <col width="100">
                                                    <col width="200">
                                                    <col>
                                                </colgroup>
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>时间</th>
                                                    <th>状态</th>
                                                    <th>类型</th>
                                                    <th>描述</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {{# layui.each(d, function(index, item){ }}
                                                <tr>
                                                    <td>{{index + 1}}</td>
                                                    <td>{{item.createdTime}}</td>
                                                    <td>
                                                        {{# if (item.isControl == 0) {}}
                                                        预警
                                                        {{# } else if (item.isControl == 1) {}}
                                                        受控
                                                        {{# }}}
                                                    </td>
                                                    <td>
                                                        {{# if (item.detailType == 1) {}}
                                                        隐患告警
                                                        {{# } else if (item.detailType == 2) {}}
                                                        任务逾期告警
                                                        {{# } else if (item.detailType == 3) {}}
                                                        传感器告警
                                                        {{# }}}
                                                    </td>
                                                    <td>{{item.causeDesc}}</td>
                                                </tr>
                                                {{# }); }}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </script>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-row" id="riskRecordDiv" v-cloak>
                                <div class="layui-col-xs12">
                                    <div class="layui-form">
                                        <table class="layui-table">
                                            <thead>
                                            <tr>
                                                <th></th>
                                                <th>危险源</th>
                                                <th>风险编号</th>
                                                <th>作业步骤/风险名称</th>
                                                <th>风险等级</th>
                                                <th>危害因素</th>
                                                <th>未达标的情况及后果</th>
                                            </tr>
                                            </thead>
                                            <tr v-for="(item,index) in riskRecord">
                                                <td>{{index+1}}</td>
                                                <td>{{item.dangerSrcName}}</td>
                                                <td>{{item.riskCode}}</td>
                                                <td>{{item.riskName}}</td>
                                                <td>
                                                    <div v-if="item.riskLevel==1" class='notify'><span
                                                            class='heartbit'></span>
                                                        <span>
                                                            <img style="display: inline-block; width: 28px;height: 28px;"
                                                                 src="../../../assets/images/lv/red.png">&nbsp;重大
                                                        </span>
                                                    </div>
                                                    <div v-if="item.riskLevel==2">
                                                        <img style="display: inline-block; width: 28px;height: 28px;"
                                                             src="../../../assets/images/lv/orange.png">&nbsp;较大
                                                    </div>
                                                    <div v-if="item.riskLevel==3">
                                                        <img style="display: inline-block; width: 28px;height: 28px;"
                                                             src="../../../assets/images/lv/yellow.png">&nbsp;一般
                                                    </div>
                                                    <div v-if="item.riskLevel==4">
                                                        <img style="display: inline-block; width: 28px;height: 28px;"
                                                             src="../../../assets/images/lv/blue.png">&nbsp;较低
                                                    </div>
                                                </td>
                                                <td>{{item.riskReason}}</td>
                                                <td>{{item.riskConsequence}}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-row" id="measureListDiv" v-cloak>
                                <div class="layui-col-xs12">
                                    <div v-for="(item,index) in measureList" class="layui-form">
                                        <blockquote class="layui-elem-quote">{{item.rootName}}</blockquote>
                                        <fieldset class="layui-elem-field" v-for="(item_,index) in item.list">
                                            <legend>{{index+1}}.{{item_.riskName}}</legend>
                                            <div class="layui-field-box">
                                                <table class="layui-table">
                                                    <colgroup>
                                                        <col width="200">
                                                        <col width="200">
                                                        <col width="200">
                                                        <col width="200">
                                                        <col width="200">
                                                        <col>
                                                    </colgroup>
                                                    <thead>
                                                    <tr>
                                                        <th>工程技术</th>
                                                        <th>管理</th>
                                                        <th>教育</th>
                                                        <th>应急</th>
                                                        <th>个体防护</th>
                                                    </tr>
                                                    </thead>
                                                    <tr>
                                                        <td>{{riskMeasureContent(item_.riskMeasureContent,1)}}</td>
                                                        <td>{{riskMeasureContent(item_.riskMeasureContent,2)}}</td>
                                                        <td>{{riskMeasureContent(item_.riskMeasureContent,3)}}</td>
                                                        <td>{{riskMeasureContent(item_.riskMeasureContent,4)}}</td>
                                                        <td>{{riskMeasureContent(item_.riskMeasureContent,5)}}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-row" id="riskCheck">
                                <script type="text/html" id="riskCheckTpl">
                                    <div class="layui-col-xs12">
                                        <div class="layui-form">
                                            <table class="layui-table">
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>所属部门</th>
                                                    <th>检查时间</th>
                                                    <th>执行人</th>
                                                    <th>检查表</th>
                                                    <th>检查结果</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {{# layui.each(d, function(index, item){ }}
                                                <tr>
                                                    <td>{{index + 1}}</td>
                                                    <td>{{item.checkedGroupName==null?"":item.checkedGroupName}}</td>
                                                    <td>{{item.createdTime}}</td>
                                                    <td>{{item.checkedUserName}}</td>
                                                    <td>{{item.checkDefName==null?"":item.checkDefName}}</td>
                                                    <td>
                                                        {{# if (item.checkResult == 1) {}}
                                                        正常
                                                        {{# } else if (item.checkResult == 2) {}}
                                                        不通过
                                                        {{# } else if (item.checkResult == 3) {}}
                                                        发现隐患
                                                        {{# } else if (item.checkResult == 4) {}}
                                                        未涉及
                                                        {{# }}}
                                                    </td>
                                                    <td>
                                                        <a href="checkRecordDetail.html?checkRecordNo={{item.checkRecordNo}}&riskPointId={{item.riskPointId}}"
                                                           style="color: #009688">查看详情</a>
                                                    </td>
                                                </tr>
                                                {{# }); }}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </script>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-row" id="hdangerDiv" v-cloak>
                                <div class="layui-col-xs12">
                                    <div class="layui-form">
                                        <table class="layui-table">
                                            <thead>
                                            <tr>
                                                <th></th>
                                                <th>隐患图片</th>
                                                <th>隐患标题</th>
                                                <th>隐患状态</th>
                                                <th>整改期限</th>
                                                <th>当前处理人</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tr v-for="(item,index) in hiddenDangerList">
                                                <td>{{index+1}}</td>
                                                <td><img :src="img(item.imgUrl)" width="50px" class="tdImg" tb-img></td>
                                                <td>{{item.hdangerCatTitle}}</td>
                                                <td>
                                                    <div v-if="item.status==2">
                                                        待整改
                                                    </div>
                                                    <div v-if="item.status==3">
                                                        待验收
                                                    </div>
                                                    <div v-if="item.status==5">
                                                        验收不通过
                                                    </div>
                                                </td>
                                                <td>{{item.hdangerRetifyDeadline}}</td>
                                                <td>{{item.executor}}</td>
                                                <td>
                                                    <a :href="'../hiddenDanger/details.html?hdangerId='+ item.hdangerId">🔎详情</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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>
    layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'element', 'laytpl', 'vue'], 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 element = layui.element, laytpl = layui.laytpl;

        var riskPointId = uParas.getUrlParam("riskPointId");
        var tabId = uParas.getUrlParam("tabId");
        var type = uParas.getUrlParam("type");
        if (type != undefined) {
            $("#back").hide();
        }
        var hiddenDangerList;
        admin.req(uParas.baseUrl + '/ent/riskPoint/details/' + riskPointId, null, function (res) {
            if (res.code == 1) {
                var getTpl = riskPointTpl.innerHTML
                    , view = document.getElementById('riskPointView')
                res.data.baseUrl = uParas.baseUrl;
                laytpl(getTpl).render(res.data, function (html) {
                    view.innerHTML = html;
                });

                getTpl = riskPointWarnTpl.innerHTML
                    , view = document.getElementById('riskPointWarn')
                res.data.baseUrl = uParas.baseUrl;
                laytpl(getTpl).render(res.data.riskPointWarn, function (html) {
                    view.innerHTML = html;
                })
                ;
                getTpl = riskCheckTpl.innerHTML
                    , view = document.getElementById('riskCheck')
                res.data.baseUrl = uParas.baseUrl;
                laytpl(getTpl).render(res.data.riskCheckedRecord, function (html) {
                    view.innerHTML = html;
                });

                $("#vRiskPointImg").attr("src", uParas.baseUrl + res.data.riskPointImg);
                if (res.data.isOutOfControl == 0) {
                    $(".pull-right").prepend("<img src='../../../assets/images/icon/icon_shoukong@3x.png' style='width: 20px;'/>&nbsp;受控");
                } else if (res.data.isOutOfControl == 1) {
                    $(".pull-right").prepend("<img src='../../../assets/images/icon/icon_shikong@3x.png' style='width: 20px;'/>&nbsp;预警");
                }
                if (res.data.hasIpCamera == 1) {
                    // $("#ipCameraUrl").val(res.data.ipCameraUrl + res.data.token.accessToken);
                    $("#ipCameraUrl").val(res.data.ipCameraUrl);
                    // $(".pull-right").prepend("<a href='" + res.data.ipCameraUrl + "'  ><img src='../../../assets/images/icon/camera.png' style='width: 20px;'/>&nbsp;&nbsp;</a> ");
                    $(".pull-right").prepend("<a href='javascript:;' onclick='openCamera()'  ><img src='../../../assets/images/icon/camera.png' style='width: 20px;'/>&nbsp;&nbsp;</a> ");
                }
                hiddenDangerList = res.data.hiddenDangerList;
            }
        }, 'post');

        setTimeout(function () {
            if (tabId != null) {
                if (tabId == "hiddenDanger") {
                    if (hiddenDangerList != undefined) {
                        element.tabChange('detailsTab', tabId);
                        vueLoad(tabId);
                    } else {
                        var tabId = "baseInfo";
                        element.tabChange('detailsTab', tabId);
                        vueLoad(tabId);
                    }
                } else {
                    element.tabChange('detailsTab', tabId);
                    vueLoad(tabId);
                }
            }
        }, 500);

        function vueLoad(layId) {
            if (layId == "risk") {
                admin.req(uParas.baseUrl + '/ent/riskRecord/query', {
                    page: 1,
                    limit: 1000,
                    riskPointId: riskPointId
                }, function (res) {
                    new Vue({
                        el: '#riskRecordDiv',
                        data() {
                            return {
                                riskRecord: res.data,
                                measureList: [],
                                rootName: ""
                            };
                        }
                    })
                }, 'get');
            }
            if (layId == "hiddenDanger") {
                new Vue({
                    el: '#hdangerDiv',
                    data() {
                        return {
                            hiddenDangerList: hiddenDangerList,
                            rootName: "",
                            baseUrl: uParas.baseUrl,
                        }
                    }, methods: {
                        img: function (imgUrl) {
                            if (imgUrl.indexOf("http:") != -1) {
                                return imgUrl;
                            } else {
                                return baseUrl + imgUrl;
                            }
                        }
                    }
                });
            }
            if (layId == "riskMeasure") {
                admin.req(uParas.baseUrl + '/ent/riskRecord/measureList', {
                    page: 1,
                    limit: 100,
                    riskPointId: riskPointId
                }, function (res) {
                    new Vue({
                        el: '#measureListDiv',
                        data() {
                            return {
                                riskRecord: [],
                                measureList: res.data,
                                rootName: "",
                                parentDangerSrcName: "",
                            };
                        }, methods: {
                            riskMeasureContent: function (riskMeasureContent, itype) {
                                var out = new Array();
                                var content = riskMeasureContent;
                                if (content != null) {
                                    var contents = content.split(",");
                                    for (var i = 0; i < contents.length; i++) {
                                        var one = contents[i];
                                        var type = Number(one.split("#")[0]);
                                        var contentText = one.split("#")[1];
                                        if (type === itype) {
                                            out.push(contentText);
                                        }
                                    }
                                }
                                return out.join(",");
                            }, ifRootName: function (index, parentDangerSrcName) {
                                let _this = this;
                                if (index == 1) {
                                    _this.parentDangerSrcName = parentDangerSrcName;
                                    return parentDangerSrcName;
                                } else {
                                    return parentDangerSrcName;

                                }
                            }
                        }

                    })
                }, 'get');
            }
        }

        element.on('tab(detailsTab)', function () {
            vueLoad(this.getAttribute('lay-id'));
        });


        $.extend(window, {
            openCamera: function (e) {
                layer.open({
                    type: 2,
                    zIndex: 1000,
                    title: "在线直播",
                    shadeClose: true,
                    area: ['650px', '530px'],
                    // content: $("#ipCameraUrl").val(),
                    content: "./details_play.html?ipCameraUrl=" + $("#ipCameraUrl").val(),
                    fixed: false
                });
            }
        });
        // 点击图片放大
        $(document).off('click.tbImg').on('click.tbImg', '[tb-img]', function () {
            layer.photos({photos: {data: [{src: $(this).attr('src')}]}, shade: .1, closeBtn: true});
        });
    });
</script>
</body>

</html>