houwenfeng
/
scd_tools_go


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
							<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<html>
<head>
    <meta charset="utf-8"/>
    <title>智感融合系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/echarts.min.js" type="text/javascript"></script>
    <script src="/static/js/template.js" type="text/javascript"></script>
    <script src="/static/js/global.js" type="text/javascript"></script>
    <script src="/static/js/main.js" type="text/javascript"></script>
</head>
<body style="background-color:#020D32 !important;">
<div class="monitor_center" style="width: 100%;height: 100%;background-color:#020D32 !important;">
    <div class="header">
        <div class="header_bar">
            <span flag="synthetical_center" class="control_active" style="margin-left:5rem;">综合分析</span>
            <span flag="control_center">布控监视</span>
            <span flag="accompany_analyze">伴随分析</span>
            <span flag="collision_analysis">碰撞检测</span>
            <span flag="collision_analysis">管理后台</span>
            <div style="float:right;width:400px;">
                <span class="week"></span>
                <span style="margin-left:10px;" class="hour_minute"></span>
                <div style="float:right;margin-right:20px;width:100px;">
                    <img src="../static/images/img_admin.png"
                         style="float:left;margin:3px 5px 0 0;width:24px;height:24px;"/>
                    <span>管理员</span>
                    <i class="fa fa-caret-down"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="body_content">
        <!--左侧部分-->
        <div class="body_side side_left">
            <div class="content_box">
                <div class="title_image">设备统计</div>
                <div class="corner corner_top_left"></div>
                <div class="corner corner_top_right"></div>
                <div class="corner corner_bottom_left"></div>
                <div class="corner corner_bottom_right"></div>
                <div style="width:85%;margin:0 auto;height:180px;" id="device_area">
                    <div class="device_row">
                        <div class="device_icon scout"></div>
                        <div style="float:left;width:82%;">
                            <span style="float:left;width:60%;">码侦设备(<span style="padding:0 2px;"
                                                                           id="device_number"></span>)</span>
                            <div class="offline_box" id="offline_device"></div>
                        </div>
                        <div style="float:left;width:82%;">
                            <div class="progress_icon scout_progress"></div>
                        </div>
                    </div>
                    <div class="device_row">
                        <div class="device_icon camera"></div>
                        <div style="float:left;width:82%;">
                            <span style="float:left;width:60%;">摄像头(<span style="padding:0 2px;"
                                                                          id="camera_number"></span>)</span>
                            <div class="offline_box" id="offline_camera"></div>
                        </div>
                        <div style="float:left;width:82%;">
                            <div class="progress_icon camera_progress"></div>
                        </div>
                    </div>
                    <div class="device_row">
                        <div class="device_icon door"></div>
                        <div style="float:left;width:82%;">
                            <span style="float:left;width:60%;">门禁(<span style="padding:0 2px;" id="door_number"></span>)</span>
                            <div class="offline_box" id="offline_door"></div>
                        </div>
                        <div style="float:left;width:82%;">
                            <div class="progress_icon door_progress"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content_box">
                <div class="title_image">数据统计</div>
                <div class="corner corner_top_left"></div>
                <div class="corner corner_top_right"></div>
                <div class="corner corner_bottom_left"></div>
                <div class="corner corner_bottom_right"></div>
                <div class="total_box">
                    <div class="total_field">
                        <div class="total_row">
                            <i class="circle_flag"></i>
                            <span>人像总数(万人)</span>
                        </div>
                        <div class="total_row">
                            <i class="circle_flag"></i>
                            <span>重点人员(人)</span>
                        </div>
                    </div>
                    <div class="total_value_row">
                        <div style="float:left;width:50%;">
                            <span class="total_value">27.60</span>
                            <div class="flag_value">
                                <i class="up_icon"></i>
                                <span class="up_text">1085人</span>
                            </div>
                        </div>
                        <div style="float:left;width:50%;">
                            <span class="total_value">27.60</span>
                            <div class="flag_value">
                                <i class="down_icon"></i>
                                <span class="down_text">1人</span>
                            </div>
                        </div>
                    </div>
                    <div class="total_field">
                        <div class="total_row">
                            <i class="circle_flag"></i>
                            <span>IMSI卡号(张)</span>
                        </div>
                        <div class="total_row">
                            <i class="circle_flag"></i>
                            <span>MAC地址(个)</span>
                        </div>
                    </div>
                    <div class="total_value_row">
                        <div style="float:left;width:50%;">
                            <span class="total_value">205687</span>
                            <div class="flag_value">
                                <i class="up_icon"></i>
                                <span class="up_text">10张</span>
                            </div>
                        </div>
                        <div style="float:left;width:50%;">
                            <span class="total_value">159000</span>
                            <div class="flag_value">
                                <i class="up_icon"></i>
                                <span class="up_text">135个</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="content_box" style="margin-bottom:0px !important;">
                <div class="title_image">场所区间统计</div>
                <div class="corner corner_top_left"></div>
                <div class="corner corner_top_right"></div>
                <div class="corner corner_bottom_left"></div>
                <div class="corner corner_bottom_right"></div>
                <div class="place_area">
                    <div class="place_field_title">
                        <span>序号</span>
                        <span style="width:40%;">区间</span>
                        <span>码侦</span>
                        <span>摄像头</span>
                        <span>门禁</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">1</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">2</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">3</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">4</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">5</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <div class="place_value">
                        <span class="place_index">6</span>
                        <span style="width:40%;">保利·香雪山</span>
                        <span>8</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                </div>

            </div>
        </div>
        <!--右侧-->
        <div class="body_side" id="stress_person_content" style="float:right;margin-left: 0;margin-right:10px;"></div>
        <!--中间部分-->
        <div class="body_center home_center">
            <div style="width:45%;margin: 0 auto;height:45px;padding-top:25px;">
                <div class="search_box">
                    <div class="search_key">全文搜索</div>
                    <input class="search_input" placeholder="请输入关键词，如手机号、IMSI卡号"/>
                </div>
                <span class="search_botton"></span>
            </div>
        </div>
        <!--人员信息-->
        <div class="body_center monitor_person_info"
             style="background-color: rgb(28,33,66);display: block;float: none;margin: 0px auto;width:55%;display:none;">
        </div>

    </div>


</div>


<div class="clearn"></div>
</body>

<div class="layout_dialog" id="dialog_common" style="width:900px;height:650px;z-index:10000">
    <div class="layout_caption">
        <span class="layout_title"></span>
        <i class="layout_close"></i>
    </div>
    <div class="layout_content" style="padding-top:10px;">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 576px;">
            <div id="table_alert_desc_div" style="overflow: hidden; width: 100%; height: 576px;">
            </div>
            <div class="slimScrollBar"
                 style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div>
            <div class="slimScrollRail"
                 style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function () {

        mainObject.init();

        mainObject.AlwaysTimer();

        $(".layout_close").off("click").on("click", function () {
            $(".body_center").hide();
            $(".home_center").show();
        });

    });
</script>