|
|
<!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>
|
|
|
<script>
|
|
|
$(function (){
|
|
|
const SpeechRecognition=window.SpeechRecognition||window.webkitSpeechRecognition;
|
|
|
if(!SpeechRecognition){
|
|
|
console.error("SpeechRecognition not supported");
|
|
|
}else{
|
|
|
const recognition=new SpeechRecognition()
|
|
|
recognition.continuous = true; // 是否持续监听
|
|
|
recognition.interimResults = true; // 是否显示临时结果
|
|
|
|
|
|
// const grammar = '#JSGF V1.0; grammar colors; public <color> = red | green | blue | yellow ;';
|
|
|
|
|
|
// const speechGrammarList = new webkitSpeechGrammarList();
|
|
|
// speechGrammarList.addFromString(grammar, 1); // 1 是语法的优先级
|
|
|
|
|
|
// 将语法列表应用到 SpeechRecognition 实例
|
|
|
// recognition.grammars = speechGrammarList;
|
|
|
|
|
|
// 配置识别选项
|
|
|
recognition.lang = 'zh-CN'; // 设置语言
|
|
|
recognition.interimResults = false; // 只返回最终结果
|
|
|
recognition.maxAlternatives = 1; // 只返回一个替代结果
|
|
|
|
|
|
// 开始识别
|
|
|
recognition.start();
|
|
|
|
|
|
recognition.onresult = (event) => {
|
|
|
const result = event.results[0][0].transcript;
|
|
|
console.log('识别结果:', result);
|
|
|
};
|
|
|
|
|
|
recognition.onend = function() {
|
|
|
console.log('语音识别已结束');
|
|
|
};
|
|
|
|
|
|
recognition.onerror = (event) => {
|
|
|
console.log(event)
|
|
|
console.error('识别错误:', event.error);
|
|
|
};
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
<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" id="year_chose">
|
|
|
<option>2024</option>
|
|
|
<option>2025</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%;">
|
|
|
<div class="dataAllBorder02 video_cage">
|
|
|
<div class="data_tit_cq">出勤情况</div>
|
|
|
<p class="data_chart02" id="shijian_cq"></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
|
|
|
<div class="dataAllBorder02 video_cage">
|
|
|
<div class="data_tit_cq">安全公告</div>
|
|
|
<pre style="background:none;color: white;height: 90%;border: none">
|
|
|
参考标准：
|
|
|
CB/T3366-2018、Q/DS 1529-2022、Q/DS 2523-2016
|
|
|
技术要求：
|
|
|
1.内表面喷砂：除锈等级Sa2.5，粗糙度70μm～150μm。
|
|
|
2.聚乙烯涂覆温度：250℃~300℃，加热炉设定温度：310℃~350℃。
|
|
|
3.聚乙烯涂层：管件内壁1mm以上，法兰水线面1～2mm。
|
|
|
</pre>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--任务接收-->
|
|
|
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;">
|
|
|
<div class="dataAllBorder02" id="message_box" style="padding: 1.2%; overflow: hidden">
|
|
|
</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: 2%">
|
|
|
<div class="map_title_innerbox" id="ydjh">
|
|
|
<div class="map_title">月度计划</div>
|
|
|
</div>
|
|
|
</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>
|
|
|
<table id="table" style="width: 100%"></table>
|
|
|
</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>
|
|
|
</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>作业区</th>
|
|
|
<th>船号</th>
|
|
|
<th>批量</th>
|
|
|
<th>套料图号</th>
|
|
|
<th>完成时间</th>
|
|
|
<th>完成人</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td>一区</td>
|
|
|
<td>G175k-4</td>
|
|
|
<td>4800</td>
|
|
|
<td>5910</td>
|
|
|
<td>2024/10/31</td>
|
|
|
<td>4800</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">线表分析</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.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 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>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
