KN_CAMP_SOFTWARE_TEST/Code/智慧营区/DOCManageAPP（阿克苏）/3DVisualization/subitem/camera.html

<link href="subitem/css/camera.css" rel="stylesheet" type="text/css">
<!-- <script src="js/mapPublic/MaterialProperty.js"></script> -->
<!-- 报警记录 -->
<img class="open-img" src="icon/open-icon.png">

<div class="sy-con people-in-out"
     style="width: 750px;height: 306px;position: fixed;bottom:2vh;left: 80px;    overflow: hidden;pointer-events: none;">
    <div class="sy-tit" style="background: url(img/rygl-titbg.png) left bottom no-repeat; color: #00fcff;">
        <img src="icon/yqhy-tit-icon1.png">报警记录 &nbsp;&nbsp;<img src="icon/left-icon.png" style="width: 25px;"
                                                                 class="people-stop">
    </div>
    <div class="sy-con1" style="background: rgba(1,43,81,0.7);">
        <div class="down-left">
            <div class="yqhy-bjjl">
                <div class="sbazzs">
                    <div class="sbzs">本周报警数：</div>
                    <div id="cam-bjzs"> </div>
                </div>
                <div class="tlist-h tlist">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="20%">
                            <col width="20%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <thead>
                            <tr class="thead">
                                <th>报警类型</th>
                                <th>地点</th>
                                <th>报警时间</th>
                                <th>内容描述</th>
                            </tr>
                        </thead>

                    </table>

                </div>
                
                <div class="tlist tlist-y">

                </div>
            </div>
        </div>
    </div>
    <div class="peo-img">
        <img src="" alt="" id="choose-img" style="width:300px;">
    </div>
</div>
<div class="right">
    <!-- 内部视频监控-->

    <div class="sy-tit" style="background: url(img/rygl-titbg.png) bottom no-repeat; color: #00fcff;">
        <img src="icon/yqhy-tit-icon2.png">内部视频监控&nbsp;&nbsp;
    </div>
    <div class="sy-con1 statistics-data" style="background: rgba(1,43,81,0.7);height: 700px;">
        <div class="yqhy-spjk">
            <ul id="camSp">
            </ul>
        </div>
    </div>
</div>

<div class="" id="openMoreCam" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <select id="camA" lay-filter="searchcarnum" lay-search=""
                style="width: 200px !important;height: 40px;background-color: rgba(36, 86, 132, 0.9);color: #d0f4ff;">
            <option value="">选择摄像头报警类型(不选)</option>
            <option value="1">聚集报警</option>
            <option value="0">周界报警</option>
        </select>
        <button type="button" id="camSearch" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
        <table id="alermCam" lay-filter="alermCam"></table>
    </div>
</div>


<div class="" id="openMoreCamSp" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <div class="layui-inline" id="camVideoList">
            <div class="camVideo">
                <div class="layui-form-item">
                    <label class="layui-form-label">机构名称</label>
                    <div class="layui-input-block">
                        <input type="text" value="" class="layui-input" disabled id="camOrgName">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">监控名称</label>
                    <div class="layui-input-block">
                        <input type="text" value="" class="layui-input" disabled id="camName">
                    </div>
                </div>
                <div id="camOpenVedio" class="camVideo"></div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="barDemoCam">
    <a class="layui-btn layui-btn-xs" lay-event="look">查看</a>
</script>

<div class="" id="openMoreCamDetail" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <form class="layui-form" action="" lay-filter="alarmDetailForm">

            <div class="layui-form-item">
                <label class="layui-form-label">报警类型</label>
                <div class="layui-input-block">
                    <input type="text" name="TYPE" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报警时间</label>
                <div class="layui-input-block">
                    <input type="text" name="TIME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报警地点</label>
                <div class="layui-input-block">
                    <input type="text" name="ADDR" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报警值</label>
                <div class="layui-input-block">
                    <input type="text" name="VALUE" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">内容描述</label>
                <div class="layui-input-block">
                    <input type="text" name="ALARM_DES" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">图片</label>
                <div class="layui-input-block">
                    <img src="" alt="" name="PICSRC" id="PICSRC">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">报警坐标</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE2" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="peoplebubble">
    <div id="peopopups">
    </div>
</div>
<a class="more" id="camMore">更多>></a>
<img src="icon/left-icon.png" style="width: 25px;" class="people-stop">
<div class="sy-con-tb">

    <table border="0" cellspacing="0" cellpadding="0" style="overflow-y: auto;">
        <colgroup>
            <col width="20%">
            <col width="20%">
            <col width="20%">
            <col width="20%">
        </colgroup>
        <tbody id="cam-alarm-data">
        </tbody>
    </table>
</div>

<div id="cam-out">
    <a class="bubbleExhibitionClose"></a>
    <div id="camOpenVedioBubble" class="camVideo2"></div>
</div>

<script src="subitem/js/cameraT.js"></script>
<script src="js/mapPublic/Bubble.js"></script>