| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809 | <!DOCTYPE html><html lang="en"><head>    <link href="css/BigData.css" rel="stylesheet" type="text/css" />    <link href="css/index.css" rel="stylesheet" type="text/css" />    <link href="css/index01.css" rel="stylesheet" type="text/css" />    <script src="js/jquery.js"></script>    <link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />    <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />    <link href="css/Security_operation.css" rel="stylesheet" type="text/css" />    <link rel="stylesheet" href="js/artDialog/skins/default.css" type="text/css"/>    <script src="js/laydate.js"></script>    <script src="js/Home_page.js"></script>    <meta charset="UTF-8">    <title>大数据管理平台</title></head><body ><div class="data_bodey">    <div class="index_nav" >        <ul style="height: 30px; margin-bottom: 0px;">            <li class="l_left total_chose_fr nav_active">实时监测</li>            <li class="l_left total_chose_pl" >统计分析一</li>            <li class="l_left total_chose_pl">统计分析二</li>            <li class="r_right total_chose_pl">统计分析三</li>            <li class="r_right total_chose_pl">统计分析四</li>            <li class="r_right total_chose_pl">统计分析五</li>        </ul>        <div class="total_chose_box" style="display: none;">            <div style="height: 32px;"></div>            <span class="chose_tltle">请选择年份:</span>            <select class="year_chose">                <option>2017</option>                <option>2016</option>                <option>2015</option>                <option>2014</option>                <option>2013</option>                <option>2012</option>            </select>            <span class="chose_tltle">请输入月份:</span>            <input class="chose_text_in">            <span class="chose_tltle">请选择区域:</span>            <select class="year_chose">                <option> 北京市</option>                <option>自贡市</option>                <option>攀枝花市</option>                <option>泸州市</option>                <option>德阳市</option>                <option>绵阳市</option>                <option>广元市</option>                <option>遂宁市</option>                <option>内江市</option>                <option>乐山市</option>                <option>南充市</option>                <option>宜宾市</option>                <option>广安市</option>                <option>达州市</option>                <option>巴中市</option>                <option>雅安市</option>                <option>眉山市</option>                <option>资阳市</option>                <option>阿坝州</option>                <option>甘孜州</option>                <option>凉山州</option>            </select>            <button class="chose_enter">确定</button>        </div>        <div class="clear"></div>    </div>    <div class="index_tabs" >        <!--安防运作-->        <div class="inner" style="height: 109%;">            <div class="left_cage">                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%;">                    <video autoplay="autoplay" loop="loop" class="dataAllBorder02 video_cage">                        <source class="video" title="主监控位" src="video/test_mv02.mov"/>                    </video>                </div>                <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">                    <div class="dataAllBorder02 video_cage">                        <img class="video_around video_around_chose" src="video/video.jpg">                        <img class="video_around" src="video/video.jpg">                        <img class="video_around" src="video/video.jpg">                        <img class="video_around" src="video/video.jpg">                        <!--<video autoplay="autoplay" loop="loop" class="video_around video_around_chose" title="循环监控01" style="margin-right: 1%; margin-bottom: 1%">-->                            <!--<source class="video" title="主监控位" src="video/video.jpg"/>-->                        <!--</video>-->                        <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控02"  style="margin-bottom: 1%">-->                            <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->                        <!--</video>-->                        <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控03" style="margin-right: 1%">-->                            <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->                        <!--</video>-->                        <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控04">-->                            <!--<source class="video" title="主监控位" src="video/test_mv05.mov"/>-->                        <!--</video>-->                    </div>                </div>                <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;">                    <div class="dataAllBorder02" style="padding: 1.2%; overflow: hidden">                        <div class="message_scroll_box">                            <div class="message_scroll">                            <div class="scroll_top">                                <span class="scroll_title">数据流量警示</span>                                <span class="scroll_level scroll_level01">一级</span>                                <a class="localize"></a>                                <span class="scroll_timer">17-09-13/9:52</span>                            </div>                            <div class="msg_cage">                                <a class="localize_title">下载大量视频</a>                            </div>                            <div class="msg_cage">                                <a class="localize_msg">xxx视频网站</a>                            </div>                        </div>                            <div class="message_scroll">                                <div class="scroll_top">                                    <span class="scroll_title">数据流量警示</span>                                    <span class="scroll_level scroll_level03">三级</span>                                    <a class="localize"></a>                                    <span class="scroll_timer">17-09-13/9:52</span>                                </div>                                <div class="msg_cage">                                    <a class="localize_title">下载大量视频</a>                                </div>                                <div class="msg_cage">                                    <a class="localize_msg">xxx视频网站</a>                                </div>                            </div>                            <div class="message_scroll">                                <div class="scroll_top">                                    <span class="scroll_title">数据流量警示</span>                                    <span class="scroll_level scroll_level02">二级</span>                                    <a class="localize"></a>                                    <span class="scroll_timer">17-09-13/9:52</span>                                </div>                                <div class="msg_cage">                                    <a class="localize_title">下载大量视频</a>                                </div>                                <div class="msg_cage">                                    <a class="localize_msg">xxx视频网站</a>                                </div>                            </div>                            <div class="message_scroll">                                <div class="scroll_top">                                    <span class="scroll_title">数据流量警示</span>                                    <span class="scroll_level scroll_level01">一级</span>                                    <a class="localize"></a>                                    <span class="scroll_timer">17-09-13/9:52</span>                                </div>                                <div class="msg_cage">                                    <a class="localize_title">下载大量视频</a>                                </div>                                <div class="msg_cage">                                    <a class="localize_msg">xxx视频网站</a>                                </div>                            </div>                        </div>                    </div>                    <div class="scroll_tool_outbox">                        <div class="scroll_tool_box">                            <a class="scroll_tool" href="#">查看历史推送</a>                        </div>                    </div>                </div>            </div>            <div class="center_cage">                <div class="dataAllBorder01 cage_cl" style="margin-top: 3.5% !important; height: 62.7%; position: relative;">                    <div class="dataAllBorder02" style="position: relative; overflow: hidden;">                        <!--标题栏-->                        <div class="map_title_box" style="height: 6%">                            <div class="map_title_innerbox">                                <div class="map_title">实时地图</div>                            </div>                        </div>                        <div class="map" id="map"  ></div>                        <!--地图显示信息选择-->                        <div class="display_type_box display_box" style="display: none;overflow:auto">                            <div class="display_type_center_box">                                <ul class="display_type_inner_box" id="layerList">                                    <li class="display_type_msg"><input id="zt_4" type="checkbox" class="display_type_chose"/> 危化品企业</li>                                    <li class="display_type_msg"><input  id="zt_1" type="checkbox" class="display_type_chose"/>仓库</li>                                    <li class="display_type_msg"><input  id="zt_5" type="checkbox" class="display_type_chose"/>学校</li>                                    <li class="display_type_msg"><input  id="zt_6" type="checkbox" class="display_type_chose"/>医疗卫生</li>                                    <li class="display_type_msg"><input  id="zt_2" type="checkbox" class="display_type_chose"/>加油站</li>                                    <li class="display_type_msg"><input  id="zt_0" type="checkbox" class="display_type_chose"/>停车场</li>                                    <li class="display_type_msg"><input  id="zt_3" type="checkbox" class="display_type_chose"/>派出所</li>                                    <li class="display_type_msg"><input  id="zt_7" type="checkbox" class="display_type_chose"/>应急避难场所</li>                                    <li class="display_type_msg">----------------------------------</li>                                    <li class="display_type_msg"><input id="zt_14" type="checkbox" class="display_type_chose" />危化品运输车辆</li>                                    <li class="display_type_msg"><input id="zt_11" type="checkbox" class="display_type_chose" />监控设备</li>                                    <li class="display_type_msg"><input id="zt_13" type="checkbox" class="display_type_chose" />巡逻警员</li>                                    <li class="display_type_msg"><input id="zt_12" type="checkbox" class="display_type_chose" />巡逻警车</li>                                </ul>                            </div>                            <div class="display_type_funct_box">                                <span class="display_type_funct display_type_funct_sure">确定</span>                            </div>                        </div>                        <!--城市选择-->                        <div class="city_chose_box display_box" style="display: none">                            <div class="display_type_center_box">                                <ul class="display_type_inner_box" id="ulCity">                                    <li class="display_type_msg"> 北京市</li>                                    <li class="display_type_msg">自贡市</li>                                    <li class="display_type_msg">攀枝花市</li>                                    <li class="display_type_msg">泸州市</li>                                    <li class="display_type_msg">德阳市</li>                                    <li class="display_type_msg">绵阳市</li>                                    <li class="display_type_msg">广元市</li>                                    <li class="display_type_msg">遂宁市</li>                                    <li class="display_type_msg">内江市</li>                                    <li class="display_type_msg">乐山市</li>                                    <li class="display_type_msg">南充市</li>                                    <li class="display_type_msg">宜宾市</li>                                    <li class="display_type_msg">广安市</li>                                    <li class="display_type_msg">达州市</li>                                    <li class="display_type_msg">巴中市</li>                                    <li class="display_type_msg">雅安市</li>                                    <li class="display_type_msg">眉山市</li>                                    <li class="display_type_msg">资阳市</li>                                    <li class="display_type_msg">阿坝州</li>                                    <li class="display_type_msg">甘孜州</li>                                    <li class="display_type_msg">凉山州</li>                                </ul>                            </div>                            <div class="display_type_funct_box">                                <span class="display_type_funct display_type_funct_sure">确定</span>                            </div>                        </div>                        <!--轨迹回放-->                        <div class="trajectory_box" style="display: none" id="divRouteReview">                            <input class="trajectory" id="start" placeholder="开始时间">                            <input class="trajectory" id="end"  placeholder="结束时间">                            <select class="ratio">                                <option>1倍</option>                                <option>2倍</option>                                <option>3倍</option>                            </select>                            <button class="playback" onclick="showRoute()">回放</button>                            <button class="playback close_playback">关闭</button>                        </div>                        <!--缓冲区设置-->                        <div class="trajectory_box" style="display: none" id="divBufferSetting">                            <button class="playback" style="width:60px" onclick="setBufferCenter()">设置点</button>                            <input class="trajectory" id="txtBufferX" placeholder="坐标X">                            <input class="trajectory" id="txtBufferY" placeholder="坐标Y">                            <input value="10" class="trajectory" id="txtBufferDis" placeholder="缓冲距离">                            <select class="ratio">                                <option>米</option>                                <option>千米</option>                            </select>                            <button class="playback"  onclick="executeBuffer();edit()" style="width:60px">分析</button>                            <button class="playback close_playback">关闭</button>                        </div>                        <!--地图工具栏-->                        <div class="map_tool_outbox">                            <span class="map_tool" onclick="zoomFull()">                                    <a class="map_tool_inner" title="全图" ></a>                            </span>                            <span class="map_tool" onclick="zoomOut()">                                    <a class="map_tool_inner" title="放大" style="background-position-x:-36px"></a>                                </span>                            <span class="map_tool" onclick="zoomIn()">                                    <a class="map_tool_inner" title="缩小" style="background-position-x:-72px"></a>                                </span>                            <span class="map_tool" onclick="showHeatMap()">                                    <a class="map_tool_inner" title="倒退视图" style="background-position-x:-108px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner" title="前进视图" style="background-position-x:-144px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner display_type_btn" title="专题地图" style="background-position-x:-180px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner city_chose_btn" title="城市定位" style="background-position-x:-432px"></a>                                </span>                            <span class="map_tool" id="btnBuffer">                                    <a class="map_tool_inner" title="缓冲区分析" style="background-position-x:-216px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner addition_check_btn check_btn" title="地址检索" style="background-position-x:-252px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner chemistry_check_btn check_btn" onclick="chemistryCheck()" title="危化品检索" style="background-position-x:-288px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner enterprise_check_btn check_btn" onclick="enterpriseCheck()"  title="企业检索" style="background-position-x:-324px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner car_check_btn check_btn" onclick="carCheck()" title="车辆检索"  style="background-position-x:-360px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner" onclick="Search()" title="搜索" style="background-position-x:-468px"></a>                                </span>                            <span class="map_tool">                                    <a class="map_tool_inner" onclick="cancel()" id="fresh_tool" title="清空" style="background-position-x:-396px"></a>                                </span>                            <span class="map_tool">                               <input type="text" id="txtCoord" style="width:150px;visibility:hidden" />                            </span>                        </div>                    </div>                </div>                <div class="dataAllBorder01 cage_cl" style="margin-top: 0.6% !important; height: 32.1%;">                    <div class="dataAllBorder02" id="map_title_innerbox">                        <div class="map_title_box">                            <div class="map_title_innerbox">                                <div class="map_title" style="background-image: url(img/second_title.png);">分析数据一</div>                            </div>                            <div >                                <select id="selLayer" style="width:100px;">                                    <option value="">车辆</option>                                    <option value="">企业</option>                                </select>                            </div>                        </div>                        <table id="table" style="width: 100%"></table>                    </div>                    <div class="dataAllBorder02" id="map_title_innerbox1" style="display: none; position: relative;">                        <div class="map_title_box">                            <div class="map_title_innerbox">                                <div class="map_title" style="background-image: url(img/second_title.png);">xxxxx条件扫描</div>                            </div>                        </div>                        <ul class="tab_msg_box">                           <li class="tab_msg tab_msg01 tab_msg_current">xxxxx</li>                            <li class="tab_msg tab_msg02">xxx</li>                        </ul>                        <div class="table1">                        <table id="table1" style="width: 100%"></table>                        </div>                        <div class="table2" style=" display: none;">                        <table id="table2" style="width: 100%;"></table>                        </div>                    </div>                </div>            </div>            <div class="right_cage">                <!--顶部切换位置-->                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%">                    <div class="dataAllBorder02" id="cage_cl" >                        <div class="analysis">一天流量:</div>                        <ul  class="data_show_box">                            <li class="data_cage">0</li>                            <li class="data_cage">0</li>                            <li class="data_cage" style="background-image: none;">,</li>                            <li class="data_cage">0</li>                            <li class="data_cage">0</li>                            <li class="data_cage">2</li>                        </ul>                        <div class="depart_number_box">                            <ul class="depart_number_cage">                                <li class="depart_name">流量一:</li>                                <li class="depart_number">3,238</li>                            </ul>                            <ul class="depart_number_cage">                                <li class="depart_name">流量二:</li>                                <li class="depart_number">1,630</li>                            </ul>                            <ul class="depart_number_cage" style="margin-bottom: 0px;">                                <li class="depart_name">流量三:</li>                                <li class="depart_number">4,251</li>                            </ul>                            <ul class="depart_number_cage" style="margin-bottom: 0px;">                                <li class="depart_name">流量四:</li>                                <li class="depart_number">24</li>                            </ul>                        </div>                    </div>                    <div class="dataAllBorder02 over_hide" id="cage_cl1" style="display: none" >                        <div class="analysis">点位基础信息:</div>                        <ul class="location_msg_box">                            <li class="location_msg01 location_single">事件级别:<a href="#" style="color: #dc0000;">一级</a></li>                            <li class="location_msg02 location_single">事件级别:化学气体泄漏</a></li>                            <li class="location_msg02 location_double">案发时间:<a href="#" style="color: #cdd6db;">2017-09-10<br>11:40</a></li>                            <li class="location_msg01 location_double">地址:北京市成华区一环路南三段45#</a></li>                            <li class="location_msg01 location_single" style="width: 100%; height: 40%">案件关联:“131”抢劫、2014-05-13火灾、2013-12-08毒气   泄漏。</a></li>                        </ul>                    </div>                </div>                <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1.5% !important;">                    <!--切换01-->                    <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide">                        <table class="table table-bordered">                            <thead>                            <tr>                                <th style="width: 18%">名称</th>                                <th>归属</th>                                <th>程度</th>                                <th>范围)</th>                            </tr>                            </thead>                            <tbody>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>200m-5km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>4km-80km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>400m-2km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>1km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>2km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>500m-2km</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>500m-10km</td>                            </tr>                            </tbody>                        </table>                        <table class="table table-bordered">                            <thead>                            <tr>                                <th style="width: 18%">名称</th>                                <th>归属</th>                                <th>程度</th>                                <th>范围(r=?)</th>                            </tr>                            </thead>                            <tbody>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>全城</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>车站</td>                            </tr>                            <tr>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>xxxxxxx</td>                                <td>-</td>                            </tr>                            </tbody>                        </table>                    </div>                    <!--切换02-->                    <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide1"  style="display: none">                        <table class="table table-bordered">                            <thead>                            <tr>                                <th style="width: 18%">名称</th>                                <th>级别</th>                                <th>流量</th>                                <th>范围(r=?)</th>                            </tr>                            </thead>                            <tbody>                            <tr>                                <td>下载文本</td>                                <td>三级</td>                                <td>5t</td>                                <td>200m-5km</td>                            </tr>                            <tr>                                <td>浏览图片</td>                                <td>三级...</td>                                <td>3t</td>                                <td>4km-80km</td>                            </tr>                            <tr>                                <td>浏览视频</td>                                <td>一级</td>                                <td>20t</td>                                <td>400m-2km</td>                            </tr>                            <tr>                                <td>下载图片</td>                                <td>一级</td>                                <td>10t</td>                                <td>1km</td>                            </tr>                            <tr>                                <td>下载视频</td>                                <td>一级</td>                                <td>4t</td>                                <td>2km</td>                            </tr>                            <tr>                                <td>在线处理</td>                                <td>一级</td>                                <td>3t</td>                                <td>500m-2km</td>                            </tr>                            <tr>                                <td>在线查询</td>                                <td>一级</td>                                <td>10M2</td>                                <td>500m-10km</td>                            </tr>                            <tr>                                <td>xxx</td>                                <td>一级</td>                                <td>5t</td>                                <td>200m-5km</td>                            </tr>                            <tr>                                <td>xxxxx</td>                                <td>一级</td>                                <td>6t</td>                                <td>4km-80km</td>                            </tr>                            <tr>                                <td>xxxx</td>                                <td>一级</td>                                <td>11t</td>                                <td>400m-2km</td>                            </tr>                            </tbody>                        </table>                    </div>                    <!--地址检索切换03-->                    <div class="dataAllBorder02 addition_check_in" style="display: none;position: relative" >                        <div class="analysis" style="height: 34px;%">地址检索:</div>                        <div class="search_plate_box">                            <ul class="search_separate">                                <li class="search_title">地址类型:</li>                                <select class="search_input_box search_chose_box">                                    <option>全部</option>                                    <option>居民区</option>                                    <option>街道</option>                                    <option>建筑物</option>                                    <option>园区</option>                                </select>                            </ul>                            <ul class="search_separate">                                <li class="search_title">地址名称:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <button class="search_btn">开始检索</button>                        </div>                        <!--检索结果板块-->                        <div class="search_sesult_box">                            <ul  class="search_result">                                <li class="search_result_add">资阳汽车客运中心</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">资阳市>雁江区>书台路与骏兴路交叉口西侧</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">成都大学金牛校区</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>东六巷</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">二十二中</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>育苗路</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">红盛生态园</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">北京市>xxx>惠王陵东路</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">资阳汽车客运中心</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">资阳市>雁江区>书台路与骏兴路交叉口西侧</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">黄忠公园</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>同德街</li>                            </ul>                        </div>                        <!--翻页模块-->                        <div class="tcdPageCode"></div>                    </div>                    <!--危化品检索切换04-->                    <div class="dataAllBorder02 chemistry_check_in" id="chemistry_check_in" style="display: none;position: relative" >                        <div class="analysis" style="height: 34px;">检索:</div>                        <div class="search_plate_box">                            <ul class="search_separate">                                <li class="search_title">编码类型:</li>                                <select class="search_input_box search_chose_box">                                    <option>全部</option>                                    <option>商品码</option>                                    <option>企业码</option>                                </select>                            </ul>                            <ul class="search_separate">                                <li class="search_title">输入编码:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <button class="search_btn">开始检索</button>                        </div>                        <!--检索结果板块-->                        <div class="search_sesult_box">                            <ul  class="search_result">                                <li class="search_result_add danger_result">xxxxxx</li>                                <li class="danger_level level03">三级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期" onclick="showLife()"></li>                                <li class="search_result_car car_personal">xxxxxxx</li>                                <li class="search_result_car car_time">xxxxxxx</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add danger_result">xxxxxx</li>                                <li class="danger_level level03">三级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期"></li>                                <li class="search_result_car car_personal">xxxxxx</li>                                <li class="search_result_car car_time">xxxxxxx</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add danger_result">xxxxxx</li>                                <li class="danger_level level02">二级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期"></li>                                <li class="search_result_car car_personal">xxxxxx</li>                                <li class="search_result_car car_time">xxxxxx制造厂</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add danger_result">烟花爆竹</li>                                <li class="danger_level level02">二级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期"></li>                                <li class="search_result_car car_personal">xxxxxx)</li>                                <li class="search_result_car car_time">xxxxxx建地化工厂</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add danger_result">xxxxxx</li>                                <li class="danger_level level03">三级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期"></li>                                <li class="search_result_car car_personal">xxxxxxx</li>                                <li class="search_result_car car_time">xxxxxxx</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add danger_result">xxxxxx</li>                                <li class="danger_level level01">一级</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" title="生命周期"></li>                                <li class="search_result_car car_personal">xxxxxxx</li>                                <li class="search_result_car car_time">xxxxxxx</li>                            </ul>                        </div>                        <!--翻页模块-->                        <div class="chemistry_tcdPageCode"></div>                    </div>                    <!--企业检索切换05-->                    <div class="dataAllBorder02 enterprise_check_in" id="enterprise_check_in" style="display: none;position: relative" >                        <div class="analysis" style="height: 34px;">企业检索:</div>                        <div class="search_plate_box">                            <ul class="search_separate">                                <li class="search_title">行业选择:</li>                                <select class="search_input_box search_chose_box">                                    <option>物流企业</option>                                    <option>食品生产制造</option>                                    <option>服务行业</option>                                    <option>工业生产</option>                                    <option>电子产品制造</option>                                    <option>科技服务</option>                                </select>                            </ul>                            <ul class="search_separate">                                <li class="search_title">企业名字:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <ul class="search_separate">                                <li class="search_title">登记号:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <button class="search_btn">开始检索</button>                        </div>                        <!--检索结果板块-->                        <div class="search_sesult_box">                            <ul  class="search_result">                                <li class="search_result_add">便利店总部(350298100000405)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">北京市>武侯区>新希望路223号4楼</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">红旗连锁(260220100003523)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>建业路244号</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">蓝海旅行社(260220100003523)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>育苗路</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">吴铭火锅(350298100000405)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">北京市>xxx>惠王陵东路</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">阿杰发艺连锁(260220100003523)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">书台路与骏兴路交叉口西侧</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">黄忠公园(350298100000405)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_eddit" onclick="people()" title="操作"></li>                                <li class="search_result_road">北京市>朝阳>同德街</li>                            </ul>                        </div>                        <!--翻页模块-->                        <div class="enterprise_tcdPageCode"></div>                    </div>                    <!--车辆检索切换06-->                    <div class="dataAllBorder02" id="car_check_in" style="display: none;position: relative" >                        <div class="analysis" style="height: 34px;">车辆检索:</div>                        <div class="search_plate_box">                            <ul class="search_separate">                                <li class="search_title">车牌号码:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <ul class="search_separate">                                <li class="search_title">车主姓名:</li>                                <li class="search_input_box"><input class="search_input" type="text"></li>                            </ul>                            <button class="search_btn">检索</button>                        </div>                        <!--检索结果板块-->                        <div class="search_sesult_box">                            <ul  class="search_result">                                <li class="search_result_add">川A·K5H12(陈浩)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji"  title="轨迹回放"></li>                                <li class="search_result_car car_personal">福特(福克斯两厢)</li>                                <li class="search_result_car car_time">乘用车(5座)</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">川A·14AG2(张正涛)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji" title="轨迹回放"></li>                                <li class="search_result_car car_personal">福特(金牛座)</li>                                <li class="search_result_car car_time">乘用车(5座)</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">川B·2563K(李雪)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji" title="轨迹回放"></li>                                <li class="search_result_car car_personal">上海大众(迈腾)</li>                                <li class="search_result_car car_time">乘用车(5座)</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">川A·SH273(刘红)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji" title="轨迹回放"></li>                                <li class="search_result_car car_personal">菲亚特(菲翔)</li>                                <li class="search_result_car car_time">乘用车(5座)</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">川A·K5H12(陈浩)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji" title="轨迹回放"></li>                                <li class="search_result_car car_personal">奔驰(C200)</li>                                <li class="search_result_car car_time">乘用车(5座)</li>                            </ul>                            <ul  class="search_result">                                <li class="search_result_add">川A·K5H12(张起国)</li>                                <li class="search_location" title="定位"></li>                                <li class="search_guiji" title="轨迹回放"></li>                                <li class="search_result_car car_personal">东风商用车(天龙)</li>                                <li class="search_result_car car_time">载货卡车(100t)</li>                            </ul>                        </div>                        <!--翻页模块-->                        <div class="car_tcdPageCode"></div>                    </div>                </div>                <div class="dataAllBorder01 cage_cl check_decrease" style="margin-top: 1.5% !important; height: 32%; position: relative;">                    <div class="dataAllBorder02 over_hide" style="padding: 1.2%;">                        <div class="analysis">xxxxx构成因素占比:</div>                        <div class="danger_contain_box">                            <div id="container_huan" style="height: 90%;width: 100%"></div>                        </div>                        <div class="danger_depart_box">                            <ul class="danger_depart">                                <li class="danger_ico" style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px"></li>                                <li class="data_name">xxxxx综合</li>                                <li class="data data01">652</li>                                <li class="data data02">↑  1.2%</li>                            </ul>                            <ul class="danger_depart">                                <li class="danger_ico" style="background-image: url(img/images/pic_ico_02.png); background-position-x: 0px"></li>                                <li class="data_name">统计一</li>                                <li class="data data01">97</li>                                <li class="data data02" style="color: #ff2865;">↓  0.3%</li>                            </ul>                            <ul class="danger_depart danger_depart01">                                <li class="danger_ico" style="background-image: url(img/images/pic_ico_03.png); background-position-x: 0px"></li>                                <li class="data_name">统计二</li>                                <li class="data data01">423</li>                                <li class="data data02">↑  1%</li>                            </ul>                            <ul class="danger_depart danger_depart01">                                <li class="danger_ico" style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px"></li>                                <li class="data_name">统计三</li>                                <li class="data data01">218</li>                                <li class="data data02">↑  0.3%</li>                            </ul>                        </div>                    </div>                </div>            </div>        </div>        <div class="inner" style="display: none;" >            <div class="data_left01">                <div class="dataAll maginS">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx分析</div>                            <div class="data_chart" id="buyTime"></div>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx类型分析</div>                            <p class="data_chart" id="Package01"></p>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx分析</div>                            <p class="data_chart" id="rode01"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left01">                <div class="dataAll maginS">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxxx分析</div>                            <p class="data_chart" id="bookAret"></p>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxxxx分析</div>                            <p class="data_chart" id="bookBmonth"></p>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxxxx分析</div>                            <p class="data_chart" id="whearAbook"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left02">                <div class="dataAll01">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit2">数据汇总</div>                            <table class="table_data01" >                                <tr><td>总数</td><td colspan="3" class="font01">56320</td></tr>                                <tr><td>xxxxxx数</td><td colspan="3" class="font02">56320</td></tr>                                <tr>                                    <td>xxxxx数:</td>                                    <td>10个</td>                                    <td>类型数:</td>                                    <td>6个</td>                                </tr>                                <tr>                                    <td>xxxx最多数:</td>                                    <td>16-20点</td>                                    <td>xxxxx最多月:</td>                                    <td>12月</td>                                </tr>                                <tr>                                    <td>xxxxx最多季节:</td>                                    <td>xxxx</td>                                    <td>xxxxx天气:</td>                                    <td>晴天</td>                                </tr>                                <tr>                                    <td>xxxxxx:</td>                                    <td>套餐A</td>                                    <td>xxxxxx:</td>                                    <td>活动</td>                                </tr>                                <tr>                                    <td>xxxxxx:</td>                                    <td>交通畅通</td>                                    <td>xxxxx特殊时间:</td>                                    <td>国庆节</td>                                </tr>                                <tr>                                    <td>xxxxx:</td>                                    <td colspan="3" style="color: red">xxxxxB</td>                                </tr>                                <tr>                                    <td>xxxxx多季节:</td>                                    <td colspan="3" style="color: red">冬季</td>                                </tr>                            </table>                        </div>                    </div>                </div>                <div class="dataAll02">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx分析</div>                            <p class="data_chart" id="rodeAbook"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left01">                <div class="dataAll maginS">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx分析</div>                            <p class="data_chart" id="seaAbook01"></p>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxx订单分析</div>                            <p class="data_chart" id="actionBook"></p>                        </div>                    </div>                </div>                <div class="dataAll">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit1">xxxxxx分析</div>                            <p class="data_chart" id="sperceBook01"></p>                        </div>                    </div>                </div>            </div>        </div>        <div class="inner" style="display:none" >            <div class="data_left03">                <div class="dataAllNo01 maginS01">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit3">收入渠道分析</div>                            <table class="table_data01">                                <tr>                                    <td>总收入:</td><td colspan="3" class="font01">123653元</td>                                </tr>                                <tr>                                    <td>收入渠道数:</td><td colspan="3" class="font03">5个</td>                                </tr>                                <tr><td>收入最多渠道</td><td class="font04">渠道A(56%)</td><td>收入最少渠道</td><td class="font05">渠道C(2.8%)</td></tr>                                <tr><td>渠道A收入</td><td class="font6">53602元</td><td>渠道A收入占比</td><td class="font6">4.8%</td></tr>                                <tr><td>渠道B收入</td><td class="font6">53602元</td><td>渠道B收入占比</td><td class="font6">4.8%</td></tr>                                <tr><td>渠道C收入</td><td class="font6">53602元</td><td>渠道D收入占比</td><td class="font6">4.8%</td></tr>                            </table>                            <p class="data_chart01" id="zhanbi02"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left04">                <!--style="margin-top: 6.3%"-->                <div class="dataAllNo01">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit3">营销投入与销售量分析</div>                            <table class="table_data02">                                <tr><td class="font07">销量总量</td><td class="font03">1560万元</td><td class="font07">营销投入量</td><td class="font02">560万</td></tr>                                <tr><td class="font07">总利润</td><td class="font01">1000万元</td><td class="font07">利润率</td><td class="font01">464.15%</td></tr>                            </table>                            <p>                                <div class="zhanleft01"  id="allAly01"></div>                                <div class="zhanleft01"  id="allAly02"></div>                            </p>                            <p class="zhanleft02" id="allAly03"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left03">                <div class="dataAllNo01 maginS01">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit3">支出渠道分析</div>                            <table class="table_data01">                                <tr>                                    <td>总支出:</td><td colspan="3" class="font02">123653元</td>                                </tr>                                <tr>                                    <td>支出渠道数:</td><td colspan="3" class="font02">5个</td>                                </tr>                                <tr><td>支出最多渠道</td><td class="font05">渠道A(56%)</td><td>支出最少渠道</td><td class="font04">渠道C(2.8%)</td></tr>                                <tr><td>渠道A支出</td><td class="font6">53602元</td><td>渠道A支出占比</td><td class="font6">4.8%</td></tr>                                <tr><td>渠道B支出</td><td class="font6">53602元</td><td>渠道B支出占比</td><td class="font6">4.8%</td></tr>                                <tr><td>渠道C支出</td><td class="font6">53602元</td><td>渠道D支出占比</td><td class="font6">4.8%</td></tr>                            </table>                            <p class="data_chart01" id="zhanbi03"></p>                        </div>                    </div>                </div>            </div>        </div>        <div class="inner" style="display: none">            <div class="clear"></div>            <div class="data_left05">                <div class="dataAllNo02 ">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit">xxxxxxx分析</div>                            <p class="data_chart02" id="shijian01"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left05">                <div class="dataAllNo02 ">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit">xxxxx分析</div>                            <table class="table_data02">                                <tr><td class="font07">事件类型</td><td class="font03">5个</td><td class="font07">xxxx</td><td class="font02">560万</td></tr>                                <tr><td class="font07">最多发生事件</td><td class="font01">xxxx</td><td class="font07">最少发生事件</td><td class="font01">xxxxx</td></tr>                            </table>                            <p class="data_chart02" id="shijian03"></p>                        </div>                    </div>                </div>            </div>            <div class="clear"></div>            <div class="data_left05">                <div class="dataAllNo02">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit">xxxx分析</div>                            <p class="data_chart02" id="shijian02"></p>                        </div>                    </div>                </div>            </div>            <div class="data_left05">                <div class="dataAllNo02">                    <div class="dataAllBorder01">                        <div class="dataAllBorder02">                            <div class="data_tit">xxxxxx分析</div>                            <p class="data_chart03" id="shijian04"></p>                        </div>                    </div>                </div>            </div>        </div>        <div class="inner" style="display: none">            <div class="manage_left l_left">                <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->                <div class="manage_line1">                    <div class="manage_line2">                        <div class="manage_top_middle">                            <table class="table table-bordered">                                <tbody>                                <tr>                                    <td>xxxx总数</td>                                    <td colspan="3">25414人</td>                                </tr>                                <tr>                                    <td>xxxxx</td>                                    <td colspan="3">省内游客</td>                                </tr>                                <tr>                                    <td>xxxxx</td>                                    <td colspan="3">青年</td>                                </tr>                                <tr>                                    <td>男性游客</td>                                    <td>5424人</td>                                    <td>女性游客</td>                                    <td>5457人</td>                                </tr>                                <tr>                                    <td>团队游客</td>                                    <td>5424人</td>                                    <td>散客</td>                                    <td>5457人</td>                                </tr>                                <tr>                                    <td>同比</td>                                    <td>下降5%</td>                                    <td>环比</td>                                    <td>上升5.6%</td>                                </tr>                                </tbody>                            </table>                            <p>xxxxx数据汇总</p>                        </div>                        <div class="manage_left_top">                            <div class="manage_top_left l_left">                                <div id="container2" style="height: 90%"></div>                                <p>xxxxx分析</p>                            </div>                            <div class="manage_top_left l_left">                                <div id="container1" style="height: 90%"></div>                                <p>xxxx分析</p>                            </div>                            <div class="manage_top_left l_left">                                <div id="container3" style="height:90%"></div>                                <p>xxxx分析</p>                            </div>                        </div>                        <div class="manage_top_middle">                            <div id="container4" style="height: 90%"></div>                            <p>xxxx数据分析</p>                        </div>                        <!--<div class="manage_top_middle l_left">-->                        <!--<div id="container5" style="height: 90%"></div>-->                        <!--<p>天气——游客数据分析</p>-->                        <!--</div>-->                    </div>                </div>            </div>            <div class="manage_left l_left">                <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->                <div class="manage_line1">                    <div class="manage_line2">                        <div class="manage_top_middle l_left">                            <div id="container9" style="height: 90%"></div>                            <p>xxxx情况</p>                        </div>                        <div class="manage_top_middle l_left">                            <div id="container10" style="height: 90%"></div>                            <p>xxxx分析</p>                        </div>                        <div class="manage_top_middle l_left">                            <div id="container11" style="height: 90%"></div>                            <p>xxxx分析</p>                        </div>                    </div>                </div>            </div>            <div class="manage_left l_left">                <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->                <div class="manage_line1">                    <div class="manage_line2">                        <div class="manage_top_middle">                            <div id="container12" style="height: 90%"></div>                            <p>xxxxx排行</p>                        </div>                        <div class="manage_top_middle">                            <div id="container6" style="height: 90%"></div>                            <p>xxxx数据分析</p>                        </div>                        <div class="manage_top_middle l_left">                            <div id="container5" style="height: 90%"></div>                            <p>xxxxx数据分析</p>                        </div>                    </div>                </div>            </div>        </div>        <div class="inner" style="display: none;">            <div class="user_left l_left" style=" margin-left: 0.6%">                <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->                <div class="user_line1">                    <div class="user_line2">                        <div class="user_top_middle">                            <table class="table table-bordered">                                <tbody>                                <tr>                                    <td>xxxx总数</td>                                    <td colspan="3">965人</td>                                </tr>                                <tr>                                    <td>xxxx工作人员</td>                                    <td>625人</td>                                    <td>xxxx工作人员</td>                                    <td>340人</td>                                </tr>                                <tr>                                    <td>xxxx</td>                                    <td>急救部</td>                                    <td>xxxx工作人员</td>                                    <td>xxx(99%)</td>                                </tr>                                <tr>                                    <td>xxx</td>                                    <td>售票部</td>                                    <td>xxxx</td>                                    <td>安保部</td>                                </tr>                                <tr>                                    <td>xxx</td>                                    <td>李焕</td>                                    <td>xxx</td>                                    <td>周伟</td>                                </tr>                                <tr>                                    <td>xxxx主要原因</td>                                    <td>人为损坏</td>                                    <td>xxx处理情况</td>                                    <td>均及时进行设备处理</td>                                </tr>                                <!--<tr>-->                                <!--<td>年度最佳员工</td>-->                                <!--<td>李进</td>-->                                <!--<td>重点观察员工</td>-->                                <!--<td>周伟</td>-->                                <!--</tr>-->                                </tbody>                            </table>                            <p>xxx管理汇总</p>                        </div>                        <div class="user_left_top">                            <div class="user_top_left l_left">                                <div id="userContainerSex" style="height: 90%"></div>                                <p>工作人员性别占比</p>                            </div>                            <div class="user_top_left l_left">                                <div id="userContainerManage" style="height: 90%"></div>                                <p>各部门人员占比</p>                            </div>                            <div class="user_top_left l_left">                                <div id="userContainerAge" style="height:90%"></div>                                <p>工作人员年龄段占比</p>                            </div>                        </div>                        <div class="user_top_middle">                            <div id="userContainerAttendance" style="height: 90%"></div>                            <p>景区各部门出勤情况</p>                        </div>                    </div>                </div>            </div>            <div class="user_left l_left" style=" margin-left: 0.6%">                <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->                <div class="user_line1">                    <div class="user_line2">                        <div class="user_top_middle l_left">                            <div id="userContainerPersonal" style="height: 90%"></div>                            <p>xxx排行</p>                        </div>                        <div class="user_top_middle l_left">                            <div id="userContainerFlow" style="height: 90%"></div>                            <p>xxx分析</p>                        </div>                        <div class="user_top_middle l_left">                            <div id="userContainerIllegal" style="height: 90%"></div>                            <p>xxxx分析</p>                        </div>                    </div>                </div>            </div>            <div class="user_left l_left" style=" margin-left: 0.6%">                <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->                <div class="user_line1">                    <div class="user_line2">                        <div class="user_top_middle">                            <div id="userContainerComplaint" style="height: 90%"></div>                            <p>xxxx情况</p>                        </div>                        <div class="user_top_middle">                            <div id="userContainerPrize" style="height: 90%"></div>                            <p>xxx分析</p>                        </div>                        <div class="user_top_middle l_left">                            <div class="user_right_left l_left">                                <div id="userContainerReason" style="height: 90%"></div>                                <p>xxx原因分析</p>                            </div>                            <div class="user_right_left l_left">                                <div id="userContainerHandle" style="height: 90%"></div>                                <p>故障处理情况</p>                            </div>                        </div>                    </div>                </div>            </div>        </div>    </div></div><script src="js/echarts-all.js"></script><script src="js/index.js"></script><script src="js/bstable/js/bootstrap.min.js"></script><script src="js/bstable/js/bootstrap-table.js"></script><script type="text/javascript" src="js/jquery.pagination.js"></script><script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>    <!--<script src="js/MainMap.js"></script>--><script src="js/Home_page.js"></script><script src="js/artDialog/artDialog.js"></script><script src="js/artDialog/plugins/iframeTools.source.js"></script><script>    var number;    $(function() {        if (window.screen.height <= 768) {            number = 4;        } else if (window.screen.height > 768 && window.screen.height <= 900) {            number = 6        } else if (window.screen.height > 1080) {            number = 8        }    });//    翻页模块    $(".tcdPageCode").createPage({        pageCount:5,        current:1,        backFn:function(p){}    });    $(".chemistry_tcdPageCode").createPage({    pageCount:4,    current:1,    backFn:function(p){}});    $(".enterprise_tcdPageCode").createPage({    pageCount:4,    current:1,    backFn:function(p){}});    $(".car_tcdPageCode").createPage({    pageCount:4,    current:1,    backFn:function(p){}});    $(function () {        $(".tit02Diva a").each(function (index) {            $(this).on("click",function () {                $(".data_map").eq(index).fadeIn().siblings(".data_map").stop().hide();                $(this).prev('i').removeClass('i_crlieAction');                $(this).siblings('a').prev('i').addClass('i_crlieAction');            })        });        BootstrapTable();        Echarts();        $("#fresh_tool").click(function(event){            event.stopPropagation();            cancel();        })    });    function EventClick(){        $(".check_increase").removeClass("check_increase_act");        $("#over_hide1").show().siblings().hide();        $(".check_decrease").show();        $("#cage_cl").hide();        $("#map_title_innerbox").hide();        $("#cage_cl1").show();//        $("#over_hide").show();        $("#map_title_innerbox1").show();        $(".addition_check_in").hide();        $("#car_check_in").hide();        BootstrapTable();    }    function cancel(e){        $(".check_increase").removeClass("check_increase_act");        $("#over_hide").show().siblings().hide();        $(".check_decrease").show();        $("#cage_cl").show();        $("#cage_cl1").hide();//        $("#cage_cl").show();//        $("#over_hide1").show();//        $("#map_title_innerbox").show();        BootstrapTable();    }    //    地址检索    $(".addition_check_btn").click(function () {        $(".check_increase").addClass("check_increase_act");        $(".check_decrease").hide()        $(".addition_check_in").show().siblings().hide()    });//    危化品检索    function chemistryCheck() {        $(".check_increase").addClass("check_increase_act");        $(".check_decrease").hide()        $("#chemistry_check_in").show().siblings().hide()    }    //    企业检索    function enterpriseCheck() {        $(".check_increase").addClass("check_increase_act");        $(".check_decrease").hide()        $("#enterprise_check_in").show().siblings().hide()    }    //    车辆检索    function carCheck() {        $(".check_increase").addClass("check_increase_act");        $(".check_decrease").hide()        $("#car_check_in").show().siblings().hide()    }    function BootstrapTable() {        $('#table').bootstrapTable({            method: "get",            striped: true,            singleSelect: false,            url: "json/DGCar.json",            dataType: "json",            pagination: true, //分页            pageSize: number,            pageNumber: 1,            search: false, //显示搜索框            contentType: "application/x-www-form-urlencoded",            queryParams: null,            columns: [//                {//                    title: "车辆编号",//                    field: 'id',//                    width:80,//                    align: 'center',//                    valign: 'middle'//                },                {                    title: '车牌号',                    field: 'carno',                    width:80,                    align: 'center',                    valign: 'middle'                },                {                    title: '所属企业',                    field: 'company',                    align: 'center',                    valign: 'middle'                },                {                    title: '运输内容',                    field: 'content',                    align: 'center'                },                {                    title: '行驶速度',                    field: 'speed',                    width:80,                    align: 'center'                },                {                    title: '车辆载重',                    field: 'load',                    width:80,                    align: 'center'                },                {                    title: '操作',                    field: 'load',                    align: 'center',                    formatter: function (value, row) {                        var e = '<a  href="javascript:void(0)" title="" onclick="showCarDetai()">查看详情</a> ';                        var d = '<a  href="javascript:void(0)" title="" onclick="analiysis(\'' + row.id + '\')">车辆定位</a> ';                        return e + d;                    }                }            ]        });        $('#table1').bootstrapTable({            method: "get",            striped: true,            singleSelect: false,            url: "json/note1.json",            dataType: "json",            pagination: true, //分页            pageSize: number,            pageNumber: 1,            search: false, //显示搜索框            contentType: "application/x-www-form-urlencoded",            queryParams: null,            columns: [                {                    title: "威胁源",                    field: 'id',                    align: 'center',                    valign: 'middle'                },                {                    title: '辐射距离',                    field: 'title',                    align: 'center',                    valign: 'middle'                },                {                    title: '威胁范围',                    field: 'type',                    align: 'center',                    valign: 'middle'                },                {                    title: '危害类型',                    field: 'person',                    align: 'center'                }            ]        });        $('#table2').bootstrapTable({            method: "get",            striped: true,            singleSelect: false,            url: "json/note2.json",            dataType: "json",            pagination: true, //分页            pageSize: number,            pageNumber: 1,            search: false, //显示搜索框            contentType: "application/x-www-form-urlencoded",            queryParams: null,            columns: [                {                    title: "威胁源",                    field: 'id',                    align: 'center',                    valign: 'middle'                },                {                    title: '辐射距离',                    field: 'title',                    align: 'center',                    valign: 'middle'                },                {                    title: '威胁范围',                    field: 'type',                    align: 'center',                    valign: 'middle'                },                {                    title: '危害类型',                    field: 'person',                    align: 'center'                }            ]        });    }    function Echarts() {        var myChart = echarts.init($("#container_huan")[0]);        var option = {            tooltip: {                trigger: 'item',                formatter: "{a} <br/>{b}: {c} ({d}%)"            },            legend: {                orient: 'vertical',                x: 'left',                data:['民用爆炸','射钉器材','危化品','寄递物流','旅店'],                textStyle:{                    color:"#e9ebee"                }            },            series: [                {                    name:'行业数据',                    type:'pie',                    center:['80%','50%'],                    radius: ['50%', '80%'],                    avoidLabelOverlap: false,                    label: {                        normal: {                            show: false,                            position: 'center'                        },                        emphasis: {                            show: true,                            textStyle: {                                fontSize: '30',                                fontWeight: 'bold'                            }                        }                    },                    itemStyle: {                        normal: {                            label: {                                show: false                            },                            labelLine: {                                show: false                            }                        }                    },                    data:[                        {value:335, name:'民用爆炸'},                        {value:310, name:'射钉器材'},                        {value:234, name:'危化品'},                        {value:135, name:'寄递物流'},                        {value:1548, name:'旅店'}                    ]                }            ]        };        myChart.setOption(option);    }    function TimeControl(){        $(".message_scroll_box").animate({marginTop:96},800,                function(){                    $(".message_scroll_box").css({marginTop:0});    //把顶部的边界清零                    $(".message_scroll_box .message_scroll:first").before($(".message_scroll_box .message_scroll:last"));    //在第一个新闻后面插入最后一个新闻                });    }    var T=setInterval(TimeControl,2300);    //开始定时    $(".message_scroll_box").mouseenter(function(){        clearInterval(T);    //停止定时    })            .mouseleave(function(){                T=setInterval(TimeControl,2500);    //再次定时            })</script><!--轨迹回放时间日期选择--><script>    !function(){        laydate.skin('danlan');//切换皮肤,请查看skins下面皮肤库        laydate({elem: '#demo'});        laydate({elem: '#demo1'});//绑定元素    }();    //日期范围限制    var start = {        elem: '#start',        format: 'YYYY-MM-DD',        min: laydate.now(), //设定最小日期为当前日期        max: '2099-06-16', //最大日期        istime: true,        istoday: false,        choose: function(datas){            end.min = datas; //开始日选好后,重置结束日的最小日期            end.start = datas //将结束日的初始值设定为开始日        }    };    var end = {        elem: '#end',        format: 'YYYY-MM-DD',        min: laydate.now(),        max: '2099-06-16',        istime: true,        istoday: false,        choose: function(datas){            start.max = datas; //结束日选好后,充值开始日的最大日期        }    };    laydate(start);    laydate(end);    function edit() {        layer.open({            type: 2,            title: '存储详情',            shade: 0.5,            skin: 'layui-layer-rim',            area: ['700px', '400px'],            shadeClose: true,            closeBtn: 1,            content: 'saveFindTail.html'        });    }</script><script>    // 百度地图API功能    var map = new BMap.Map("map");    // 创建Map实例    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别    //添加地图类型控件    map.addControl(new BMap.MapTypeControl({        mapTypes:[            BMAP_NORMAL_MAP,            BMAP_HYBRID_MAP        ]}));    var mapStyle={        style:"dark"    };    map.setMapStyle(mapStyle);    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的    map.enableScrollWheelZoom(true);</script></body></html>
 |