zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725
							<!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"/>
    <link rel="stylesheet" href="../../../assets/module/icon/icon.css" media="all">
    <link rel="stylesheet" href="../../../assets/module/icon/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <!--[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:247px;height:249px;">
                                        {{# }else{ }}
                                        <img src="{{d.baseUrl}}{{d.riskPointImg}}" style="width:247px;height:249px;">
                                        {{# } }}
                                        {{# }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>
                            <div class="layui-card-header">
                                预警信息
                            </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" style="height: 300px;overflow: scroll;">
                                            <table class="layui-table">
                                                <colgroup>
                                                    <col width="80">
                                                    <col width="200">
                                                    <col width="200">
                                                    <col>
                                                    <col>
                                                </colgroup>
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>预警时间</th>
                                                    <!--<th>状态</th>-->
                                                    <th>类型</th>
                                                    <th>描述</th>
                                                </tr>
                                                </thead>
                                                <tbody style="">
                                                {{# 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">
                                <table class="layui-table" id="datatable" lay-filter="datatable"></table>
                                <!--<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 table = layui.table;
        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 + "_1_" + 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');

        /*风险点检查记录 开始*****************************************/
        var insTb = table.render({
            elem: '#datatable',
            url: uParas.baseUrl + '/ent/riskPoint/checkRecord?riskPointType=' + type,
            page: true,
            height: 600,
            where: {"riskPointId": riskPointId},
            limits: [10, 20, 30, 50],
            // toolbar: '#toolbarIsActive',
            // title: "风险点检查记录",
            cellMinWidth: 60,
            cols: [[
                {type: 'numbers'},
                // {field: 'riskPointLevel', sort: false, title: '风险点等级',width: 150,
                //     templet: function (d) {
                //         return setLevel(d.riskPointLevel);
                //     }
                // },
                // {field: 'riskPointName', sort: false, title: '风险点名称'},
                {field: 'bizCheckdefName', sort: false, title: '安全检查表'},
                {field: 'checkedGroupName', sort: false, title: '检查部门'},
                {field: 'checkedUserName', sort: false, title: '执行人', width: 100},
                {
                    field: 'center', title: '检查结果', fixed: 'right', width: 110,
                    templet: function (d) {
                        return setCheckedResult(d.checkedResult);
                    }
                },
                {field: 'checkedTime', sort: false, title: '检查日期', width: 150},
                {
                    align: 'center', title: '操作', width: 110, fixed: 'right', width: 100,
                    templet: function (d) {
                        return setOperation(d);
                    }
                }
            ]],
            done: function (res, curr, count) {
                $(".layui-laypage-limits").find("select").append('<option value="' + count + '"> ' + count + ' 条/页</option>');
            }
        });
        $.extend(window, {
            closeReload: function (e) {
                insTb.reload({}, 'data');
            }
        });

        //操作
        function setOperation(row) {
            var html = '<a class="layui-btn layui-btn-xs bg-c-add" lay-event="liveDetail" >记录明细</a>';
            return html;
        }

        /*风险点等级*/
        function setLevel(Level) {
            var imgSrc = '';
            var title = '';
            if (Level == 1) {
                title = '重大';
                imgSrc = '../../../assets/images/lv/red.png'
            } else if (Level == 2) {
                title = '较大';
                imgSrc = '../../../assets/images/lv/orange.png'
            } else if (Level == 3) {
                title = '一般';
                imgSrc = '../../../assets/images/lv/yellow.png'
            } else if (Level == 4) {
                title = '较低';
                imgSrc = '../../../assets/images/lv/blue.png'
            } else {
                return '*不涉及风险点';
            }

            return '<img style="display: inline-block;width: 28px;height: 28px;" src="' + imgSrc + '" >' + title
        }

        //检查结果
        function setCheckedResult(checkedResult) {
            if (checkedResult == 1) {
                return '<i class="fa fa-check-circle c-update"> 通过</i>';
            } else if (checkedResult == 2) {
                return '<i class="fa fa-times-circle c-submit" aria-hidden="true"> 不通过</i>';
            } else if (checkedResult == 3) {
                return '<i class="fa fa-exclamation-triangle c-orange" aria-hidden="true"> 存在隐患</i>';
            } else if (checkedResult == 4) {
                return '<i class="fa fa-ban c-back" aria-hidden="true"> 不涉及</i>';
            }
            return '不详';
        }

        // 工具条点击事件
        table.on('tool(datatable)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent == 'liveDetail') { // 详情
                //记录明细
                detail(data);
            }
        });

        //goto 记录明细
        function detail(data) {
            location.href = "./taskCheckRecordDetail.html" +
                "?checkRecordNo=" + data.checkRecordNo
                + "&riskPointId=" + riskPointId;
        }

        /*风险点检查记录 结束***************************************************************/

        /*检查表开始********************************************************************/


        /*检查表结束********************************************************************/

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

        // $('#riskCheck').click(function () {
        //
        // });

        $.extend(window, {
            openCamera: function (e) {
                layer.open({
                    type: 2,
                    zIndex: 1000,
                    title: "在线直播",
                    shadeClose: true,
                    area: ['650px', '530px'],
                    // content: $("#ipCameraUrl").val(),
                    content: "./details_ys_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>