代码拉取完成，页面将自动刷新
<!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" />
<link rel="stylesheet" href="css/customTable.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="./css/video-js.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>
<style>
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.center_flex {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.center_top,
.center_bottom {
transition: all .5s;
}
.topTitle {
position: absolute;
top: 10px;
left: 50%;
line-height: 50px;
font-size: 40px;
background-color: #134194;
transform: translateX(-60%);
height: 50px;
color: #fff;
}
.hide {
display: none;
}
.address {
color: #4a97da;
margin-left: 2px;
line-height: 25px;
display: inline-block;
width: 150px;
}
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chart-box {
position: absolute;
top: 0.22rem;
bottom: 0;
width: 90%;
margin: auto;
left: 0;
right: 0;
height: auto;
}
.pie-chart {
width: 90%;
height: 90%;
}
.pie-chart>div {
float: left;
width: 50%;
height: 100%;
position: relative;
}
.pie-data {
height: 225px;
position: absolute;
margin: auto;
top: 0;
left: 0;
width: 100%;
bottom: 0;
display: flex;
align-items: center;
flex-flow: row wrap;
overflow-y: auto;
padding-right: 5px;
}
.pie-data p {
width: 100%;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #cdddf7;
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
cursor: default;
}
.pie-data p>span {
width: 0;
flex-grow: 1;
margin: 0 5px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pie-data p>.pie-number {
flex-grow: 2;
}
.btn {
position: absolute;
left: 0;
top: 10px;
}
.expand {
width: 100%;
height: 16px;
position: absolute;
bottom: 2px;
/* left: 50%; */
z-index: 99999;
}
.expand img {
width: 30px;
cursor: pointer;
}
.carAction {
text-decoration: underline;
cursor: pointer;
}
.traceModel {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.traceModel .traceArea {
width: 0;
height: 0;
/* width: 1000px;
height: 90%; */
background: #fff;
border-radius: 10px;
position: relative;
transition: all .4s;
}
.traceModel .traceArea .closeBtn {
width: 30px;
height: 30px;
background-image: url(./zh_imgs/close.png);
background-size: 100%;
cursor: pointer;
position: absolute;
right: 2px;
top: 2px;
}
.traceModel .traceArea .traceMap {
width: 95%;
height: 91%;
position: absolute;
top: 3%;
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
overflow: hidden;
}
.traceModel .traceArea .loading{
width: 30%;
height: 20%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.traceModel .traceArea .loading img{
width: 100%;
height: 100%;
}
.traceModel .traceArea .tools{
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
left: 10px;
bottom: 0;
height: 6%;
width: 200px;
}
.traceModel .traceArea .tools .item{
width: 40px;
height: 40px;
cursor: pointer;
}
.traceModel .traceArea .tools .item img{
width: 100%;
height: 100%;
}
.traceModel .preview{
margin-top: 10px;
height: 80%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
flex-wrap: wrap;
}
.traceModel .video1-dimensions{
width: 48% !important;
height: 400px !important;
}
.traceModel .video2-dimensions{
width: 48% !important;
height: 400px !important;
}
.traceModel .preview video{
width: 100%;
height: 100%;
}
.traceModel .preview iframe{
width: 48%;
height: 400px;
margin-right: 15px;
}
.traceModel .preview .message{
width:100%;
display: flex;
justify-content: start;
padding-left: 13px;
}
.overText{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
justify-content: start !important;
}
</style>
<body>
<div class="data_bodey">
<div class="topTitle">
中昊网络货运信息管理中心
</div>
<div style="height:37px;"></div>
<!-- 顶部导航 暂时隐藏 -->
<div class="index_nav hide">
<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 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" style="margin-left: 20px;margin-top:10px;height:100%">
<ul class="depart_number_cage">
<li class="depart_name">今日入驻人数:</li>
<li class="depart_number detail-jrsj">3,238</li>
</ul>
<ul class="depart_number_cage">
<li class="depart_name">今日入驻车辆:</li>
<li class="depart_number detail-jrcl">1,630</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;">
<li class="depart_name">运输中:</li>
<li class="depart_number detail-ysz">4,251</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;">
<li class="depart_name">待提货:</li>
<li class="depart_number detail-dth">24</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;">
<li class="depart_name">待审核:</li>
<li class="depart_number detail-dsh">24</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;display: none;">
<li class="depart_name">待支付:</li>
<li class="depart_number">24</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;">
<li class="depart_name">今日总运单:</li>
<li class="depart_number detail-jr-count">24</li>
</ul>
<ul class="depart_number_cage" style="margin-bottom: 0px;display: none;">
<li class="depart_name">财务待审核:</li>
<li class="depart_number">24</li>
</ul>
</div>
</div>
<!-- 合作企业 -->
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
<div class="dataAllBorder02 video_cage">
<div class="analysis">合作企业</div>
<div class="dirverTable company">
<div class="thead">
<ul>
<li>货主</li>
<li>总金额</li>
</ul>
</div>
<div class="tbody">
<!-- <ul>
<li>张三</li>
<li>豫EF88888</li>
<li>2024-01-06 09:45:54</li>
<li>2024-01-06 09:45:54</li>
</ul> -->
</div>
</div>
</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">
<p style="display: none;">实时运单</p>
<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>
</div>
</div>
</div>
<!-- 中心 -->
<div class="center_cage">
<div class="center_flex">
<!-- <div class="dataAllBorder01 cage_cl center_top"
style="margin-top: 3.5% !important; height: 62.7%; position: relative;"> -->
<div class="dataAllBorder01 cage_cl center_top"
style="margin-top: 3.5% !important; height: 100%; position: relative;">
<div class="dataAllBorder02" style="position: relative; overflow: hidden;">
<!--标题栏-->
<div class="map_title_box" style="height: 4%">
<div class="map_title_innerbox">
<div class="map_title">实时地图</div>
</div>
</div>
<div class="mapTitle">
<p>实时行驶车辆</p>
<p class="dirverSpan detail-ysz"></p>
</div>
<div class="map" id="qqmap"></div>
<!-- 展开折叠按钮 -->
<div class="expand flex">
<img src="./img/expand.png" alt="expand" style="display: none;">
</div>
</div>
</div>
<!-- <div class="dataAllBorder01 cage_cl center_bottom"
style="margin-top: 0.6% !important; height: 32.1%;"> -->
<div class="dataAllBorder01 cage_cl center_bottom"
style="margin-top: 0.6% !important; height: 0%;">
<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%" class="jrwTable table table-hover table-striped">
<thead>
<tr>
<th style="text-align: center; vertical-align: middle; width: 80px; "
data-field="carno" tabindex="0">
<div class="th-inner ">车牌号</div>
<div class="fht-cell"></div>
</th>
<th style="text-align: center; vertical-align: middle; "
data-field="company" tabindex="0">
<div class="th-inner ">所属企业</div>
<div class="fht-cell"></div>
</th>
<th style="text-align: center; " data-field="content" tabindex="0">
<div class="th-inner ">运输内容</div>
<div class="fht-cell"></div>
</th>
<th style="text-align: center; width: 80px; " data-field="speed"
tabindex="0">
<div class="th-inner ">行驶速度</div>
<div class="fht-cell"></div>
</th>
<th style="text-align: center; width: 80px; " data-field="load"
tabindex="0">
<div class="th-inner ">车辆载重</div>
<div class="fht-cell"></div>
</th>
<th style="text-align: center; " data-field="load" tabindex="0">
<div class="th-inner ">操作</div>
<div class="fht-cell"></div>
</th>
</tr>
</thead>
<tbody>
<tr data-index="0">
<td style="text-align: center; vertical-align: middle; width: 80px; ">
川A23521</td>
<td style="text-align: center; vertical-align: middle; ">xxxxx厂</td>
<td style="text-align: center; ">xxxxx</td>
<td style="text-align: center; width: 80px; ">68</td>
<td style="text-align: center; width: 80px; ">6000KG</td>
<td style="text-align: center; "><a href="javascript:void(0)" title=""
onclick="showCarDetai()">查看详情</a> <a href="javascript:void(0)"
title="" onclick="analiysis('23134')">车辆定位</a> </td>
</tr>
<tr data-index="1">
<td style="text-align: center; vertical-align: middle; width: 80px; ">
川C23412</td>
<td style="text-align: center; vertical-align: middle; ">xxxxx厂</td>
<td style="text-align: center; ">xxxxx</td>
<td style="text-align: center; width: 80px; ">68</td>
<td style="text-align: center; width: 80px; ">6000KG</td>
<td style="text-align: center; "><a href="javascript:void(0)" title=""
onclick="showCarDetai()">查看详情</a> <a href="javascript:void(0)"
title="" onclick="analiysis('72631')">车辆定位</a> </td>
</tr>
<tr data-index="2">
<td style="text-align: center; vertical-align: middle; width: 80px; ">川A32D1
</td>
<td style="text-align: center; vertical-align: middle; ">xxxxx厂</td>
<td style="text-align: center; ">xxxxx</td>
<td style="text-align: center; width: 80px; ">68</td>
<td style="text-align: center; width: 80px; ">6000KG</td>
<td style="text-align: center; "><a href="javascript:void(0)" title=""
onclick="showCarDetai()">查看详情</a> <a href="javascript:void(0)"
title="" onclick="analiysis('12343')">车辆定位</a> </td>
</tr>
<tr data-index="3">
<td style="text-align: center; vertical-align: middle; width: 80px; ">
川A92342</td>
<td style="text-align: center; vertical-align: middle; ">xxxxx厂</td>
<td style="text-align: center; ">xxxxx</td>
<td style="text-align: center; width: 80px; ">68</td>
<td style="text-align: center; width: 80px; ">6000KG</td>
<td style="text-align: center; "><a href="javascript:void(0)" title=""
onclick="showCarDetai()">查看详情</a> <a href="javascript:void(0)"
title="" onclick="analiysis('5231')">车辆定位</a> </td>
</tr>
<tr data-index="4">
<td style="text-align: center; vertical-align: middle; width: 80px; ">
川A92342</td>
<td style="text-align: center; vertical-align: middle; ">xxxxx厂</td>
<td style="text-align: center; ">xxxxx</td>
<td style="text-align: center; width: 80px; ">68</td>
<td style="text-align: center; width: 80px; ">6000KG</td>
<td style="text-align: center; "><a href="javascript:void(0)" title=""
onclick="showCarDetai()">查看详情</a> <a href="javascript:void(0)"
title="" onclick="analiysis('5231')">车辆定位</a> </td>
</tr>
</tbody>
</table> -->
<div class="customTable">
<div class="thead">
<ul>
<li class='newWid'>车牌号</li>
<li class='newWid'>司机名</li>
<li>发货地</li>
<li>目的地</li>
<li class='newWid'>金额</li>
<li class='newWid2'>车重</li>
<li>电话</li>
<li>下单时间</li>
<li>提货时间</li>
<li>操作</li>
</ul>
</div>
<div class="tbody">
<ul>
<li>辽DB8736</li>
<li>寇玉镶</li>
<li>寇玉镶</li>
<li>寇玉镶</li>
<li>28602.32</li>
<li>30.428</li>
<li>19721860887</li>
<li>2023-12-20 19:43:23</li>
<li>2023-12-20 19:44:10</li>
</ul>
</div>
</div>
</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 detail-count">
<!-- <li class="data_cage">1</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">0</li>
</ul>
<div class="depart_number_box">
<ul class="depart_number_cage">
<li class="depart_name">已整合实际承运人:</li>
<li class="depart_number detail-sj">0</li>
</ul>
<ul class="depart_number_cage">
<li class="depart_name">已整合实际承运车辆:</li>
<li class="depart_number detail-cl">0</li>
</ul>
<ul class="depart_number_cage">
<li class="depart_name">托运方:</li>
<li class="depart_number detail-hz">0</li>
</ul>
<ul class="depart_number_cage">
<li class="depart_name">平台服务商家:</li>
<li class="depart_number detail-jyz">0</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>
<!-- 司机车辆信息前20条 -->
<div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1.5% !important;">
<!--切换01-->
<div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide">
<!-- <p style="color: white;">司机车辆信息前20条</p> -->
<div class="analysis">货主运单信息</div>
<div class="dirverTable dirver">
<div class="thead">
<ul>
<li style="width: 50px">运单ID</li>
<li style="flex:1">始发地</li>
<li style="flex:1">终点</li>
<li style="flex:1">公司名称</li>
</ul>
</div>
<div class="tbody">
</div>
</div>
</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">货物类型占比</div>
<div class="chart-box pie-chart">
<div id="pie"></div>
<div>
<div class="pie-data">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 轨迹弹框 -->
<div class="traceModel">
<div class="traceArea">
<div class="closeBtn">
</div>
<div class="loading">
<img src="./zh_imgs/loading.gif" alt="">
</div>
<div class="preview">
<p style="width: 100%;text-align: center;font-size: 20px;">
车牌号: <span class="carNum" style="margin-right: 15px;font-weight: bold;"></span>
司机姓名：<span class="carName" style="font-weight: bold;"></span>
</p>
<!-- <iframe src="./preview.html?num=1" frameborder="0"></iframe>
<iframe src="./preview.html?num=2" frameborder="0"></iframe> -->
<p style="width: 50%;text-align: center;">
通道1
</p>
<p style="width: 50%;text-align: center;">
通道2
</p>
<video muted id="video1" style="margin-right: 10px;" >
<source class="videoSrc" src="" type="application/x-mpegURL">
</video>
<video muted id="video2" >
<source class="videoSrc" src="" type="application/x-mpegURL">
</video>
<div class="message" >
文本消息下发:<input class="messageVal" type="text" style="margin-right: 10px;"> <input class="sure" type="button" value="确认">
</div>
</div>
<div class="trace">
<div class="traceMap" id="traceMap">
</div>
<div class="tools">
<div class="item tool_play">
<img src="./zh_imgs/play.png" alt="" srcset="">
</div>
<div class="item tool_pause">
<img src="./zh_imgs/pause.png" alt="" srcset="">
</div>
<div class="item tool_replay">
<img src="./zh_imgs/replay.png" alt="" srcset="">
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/echarts.min.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 charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=KRABZ-HZWKB-L7YUF-NNWJ2-XEKQ2-XJBNU&libraries=geometry"></script>
<!-- <script src="./js/hls.js"></script> -->
<script src="./js/video.min.js"></script>
<script src="js/custom.js"></script>
<script>
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
