藍色實用風格的車輛管理大數據源碼下載



20 79 27



模板描述:藍色實用風格 車輛管理 大數據,藍色實用風格的車輛管理大數據源碼下載html模板下載

代碼結構

1. 引入CSS

<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" />
<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"/>
<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" />
<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"/>

2. 引入JS

<script src="js/jquery.js"></script>
<script src="js/laydate.js"></script>
<script src="js/Home_page.js"></script>
<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 src="js/jquery.js"></script>
<script src="js/laydate.js"></script>
<script src="js/Home_page.js"></script>
<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>

3. HTML代碼

?<!DOCTYPE html>
<html lang="en">
<head>
    <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">↑&nbsp&nbsp1.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;">↓&nbsp&nbsp0.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">↑&nbsp&nbsp1%</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">↑&nbsp&nbsp0.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/MainMap.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>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 分類 響應式 自適應 設備 風格 顏色 bootstrap bootstrap自適應 bootstrap響應式 藍色 pc+wap 移動+電腦 手機+電腦 后臺系統 后臺 系統 實用通用 實用 通用
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 新疆时时彩的官网 广东快乐十分走势图快朱乐十分 山西快乐10分钟开奖查询 2017年3d开机号查询 晨曦计划赚钱 幸运农场计划软件手机版 2015年加盟不花钱的暴利赚钱项目 山西快乐10分基础走势图 浙江快乐12选5预测软件下载 四川时时彩平台网站 排列5开奖结果l猪 快3选号公式大全 重庆好运来福彩可以赚钱 极速快3定胆 最赚钱的网游搬砖工作室 新疆时时彩的官网