<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<script type="text/javascript" src="js/rem.js"></script>
<link rel="stylesheet" href="css/style.css">
<title>智慧物流服务中心-首页</title>
</head>
<body style="visibility: hidden;">
<div class="container-flex" tabindex="0" hidefocus="true">
<div class="box-left">
<div class="left-top">
<div class="current-num">
<div>当前到件量</div>
<p>123,456,789</p>
</div>
</div>
<div class="left-center">
<div class="title-box">
<h6>派件入库量占比</h6>
</div>
<div class="chart-box pie-chart">
<div id="pie"></div>
<div>
<div class="pie-data">
</div>
</div>
</div>
</div>
<div class="left-bottom" class="select">
<div class="title-box">
<h6>广东省寄派件数据</h6>
<img class="line-img" src="images/line-blue.png" alt="">
<button id="filBtn"><img src="images/select_icon.png" alt="">筛选</button>
</div>
<div class="chart-box">
<div class="filter-con" id="filCon" data-type="1">
<div class="select" tabindex="0" hidefocus="true">
<div class="select-div">
派件
</div>
<ul class="select-ul">
<li class="active" data-value="1">派件</li>
<li data-value="2">寄件</li>
</ul>
</div>
<div class="select" tabindex="0" hidefocus="true">
<div class="select-div">
公司
</div>
<ul class="select-ul company">
<li class="active" data-value="">公司</li>
<li data-value="1">顺丰</li>
<li data-value="2">京东</li>
<li data-value="2">EMS</li>
</ul>
</div>
<div class="select" tabindex="0" hidefocus="true">
<div class="select-div">
快件类型
</div>
<ul class="select-ul">
<li class="active" data-value="">快件类型</li>
<li data-value="0">文件</li>
<li data-value="1">物品</li>
</ul>
</div>
</div>
<div id="gdMap" class="gd-map"></div>
</div>
</div>
</div>
<div class="box-center">
<div class="center-top">
<h1>智慧物流服务中心</h1>
</div>
<div class="center-center">
<div class="weather-box">
<div class="data">
<p class="time" id="time">00:00:00</p>
<p id="date"></p>
</div>
<div class="weather">
<img id="weatherImg" src="images/weather/weather_img01.png" alt="">
<div id="weather">
<p class="active">多云</p>
<p>16-22℃</p>
<p>深圳市南山区</p>
</div>
</div>
</div>
<img src="images/line_bg.png" alt="">
<div class="select-box">
<ul id="barType">
<li class="active" data-value="1">派件</li>
<li data-value="2">寄件</li>
</ul>
<div data-type="2">
<div class="select" tabindex="0" hidefocus="true">
<div class="select-div">
公司
</div>
<ul class="select-ul company">
<li class="active" data-value="">公司</li>
<li data-value="1">顺丰</li>
<li data-value="2">京东</li>
<li data-value="2">EMS</li>
</ul>
</div>
<div class="select" tabindex="0" hidefocus="true">
<div class="select-div">
快件类型
</div>
<ul class="select-ul">
<li class="active" data-value="">快件类型</li>
<li data-value="0">文件</li>
<li data-value="1">物品</li>
</ul>
</div>
</div>
</div>
</div>
<div class="center-bottom">
<div class="chart-box">
<div id="chart4" style="width:100%;height:95%;"></div>
</div>
<div class="city-data">
<div class="city-box">
<p id="titleQ"><span>全网</span>到珠海</p>
<ul class="city-btn" data-city="1">
<li class="active">全网</li>
<li>ABCDE</li>
<li>FGHIJ</li>
<li>KLMNO</li>
<li>PQRST</li>
<li>UVWXYZ</li>
</ul>
<ul class="city-div" id="city">
</ul>
</div>
<ul class="ranking-box">
<li><span></span>
<p>城市</p>
<p>派件</p>
</li>
<!-- <li><span>1</span><p>上海</p><p>1sss25(万件)</p></li>-->
</ul>
<div class="enlarge-box">
<button class="enlarge-btn" id="fangda"></button>
<ul class="modal-btn">
<li>
<div></div>1</li>
<li>
<div></div>2</li>
<li>
<div></div>3</li>
<li>
<div></div>4</li>
<li>
<div></div>5</li>
<li>
<div></div>6</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-right">
<div class="right-top">
<div class="title-box">
<h6 id="barTitle">派件数据</h6>
<img class="line-img" src="images/line-blue.png" alt="">
<button data-state=1 id="tabBtn"><img src="images/chart_icon.png" alt=""><span>图表</span></button>
没有合适的资源?快使用搜索试试~ 我知道了~
大数据分析主要屏幕模板html智慧物联智慧物流智慧运维设备环境监测新能源车联网综合大数据平台.zip
共289个文件
png:178个
js:62个
css:23个
0 下载量 109 浏览量
2023-12-22
10:49:47
上传
评论
收藏 5.74MB ZIP 举报
温馨提示
html大数据可视化大屏展示模板,可以根据自己需求修改数据和样式,直接打开html即可看到展示效果。
资源推荐
资源详情
资源评论
收起资源包目录
大数据分析主要屏幕模板html智慧物联智慧物流智慧运维设备环境监测新能源车联网综合大数据平台.zip (289个子文件)
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.min.css 118KB
bootstrap.min.css 97KB
bootstrap-theme.css 26KB
style.css 24KB
bootstrap-theme.min.css 23KB
layer.css 11KB
layim.css 11KB
style.css 10KB
index.css 9KB
map.css 6KB
laydate.css 6KB
index.css 6KB
style.css 5KB
style.css 4KB
datepicker.css 4KB
laydate.css 3KB
laydate.css 3KB
base.css 3KB
layer.ext.css 3KB
index.css 2KB
common.css 1KB
loading-0.gif 6KB
xubox_loading0.gif 6KB
xubox_loading3.gif 2KB
loading-2.gif 2KB
xubox_loading2.gif 2KB
xubox_loading1.gif 701B
loading-1.gif 701B
loading.gif 166B
index.html 30KB
index.html 22KB
index.html 16KB
index.html 10KB
index.html 7KB
index.html 6KB
index.html 6KB
index.html 3KB
bg_body.jpg 186KB
echarts-all.js 950KB
echarts.min.js 701KB
echarts.min.js 701KB
echarts_4.1.0.rc2_echarts.min.js 701KB
echarts.min.js 701KB
echarts.min.js 691KB
echarts.min.js 691KB
echarts.min.js 691KB
echarts.common.min.js 435KB
base.js 175KB
angular.min.js 144KB
jquery-1.8.0.min.js 90KB
jquery-3.3.1.min.js 85KB
jquery-3.1.0.min.js 84KB
jquery-2.2.1.min.js 84KB
jquery-2.2.1.min.js 84KB
jquery.min.js 84KB
jquery-2.1.1.min.js 82KB
jquery.min.js 82KB
vue.min.js 75KB
guangdong.js 71KB
bootstrap.js 68KB
china.js 60KB
china.js 60KB
china.js 59KB
china.js 59KB
base.js 52KB
citystore.js 47KB
guangxi.js 46KB
index.js 46KB
hunan.js 45KB
echarts.js 39KB
bootstrap.min.js 36KB
bootstrap.min.js 27KB
index.js 23KB
dataTool.js 23KB
layim.js 23KB
industry.js 22KB
bmap.js 16KB
layer.min.js 15KB
laydate.js 14KB
monitor.js 9KB
echarts-gl.js 9KB
layer.ext.js 5KB
box4.js 4KB
box2.js 3KB
data.js 3KB
index.js 2KB
box3_right.js 2KB
box5.js 2KB
map.js 2KB
box1.js 2KB
DTU.js 1KB
online.js 1KB
PLC.js 1KB
box3_left.js 1KB
times.js 1KB
rem.js 773B
rem.js 674B
common.js 656B
共 289 条
- 1
- 2
- 3
资源评论
用数据说话用数据决策
- 粉丝: 3566
- 资源: 6494
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功