<!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>
</div>
<p class="unit">单位：件</p>
<div class="chart-box">
<div id="chart3" style="width: 100%; height: 100%"></div>
</div>
<div class="data-box" style="display: none">
<table class="table1">
<tr>
<td>入库件</td>
<td colspan="3" class="table-data dph-data1">0</td>
</tr>
<tr class="bg-color">
<td rowspan="2">在库件</td>
<td rowspan="2" class="table-data dph-data2">0</td>
<td>正常件</td>
<td class="table-data dph-data3">0</td>
</tr>
<tr class="bg-color">
<td>滞留件</td>
<td class="table-data dph-data5">0</td>
</tr>
<tr>
<td rowspan="2">出库件</td>
<td rowspan="2" class="dph-data6">0</td>
<td>派送件</td>
<td class="table-data dph-data7">0</td>
智慧物流服务中心（Html模板、大数据模板、大屏echarts模板）.zip
版权申诉
65 浏览量
2022-12-28
16:56:52
上传
评论
收藏 1.3MB ZIP 举报
智慧物流服务中心（Html模板、大数据模板、大屏echarts模板）.zip （110个子文件） 
style.css 26KB layim.css 11KB layer.css 11KB laydate.css 6KB style.css 4KB laydate.css 3KB laydate.css 3KB layer.ext.css 3KB
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 27KB echarts.min.js 701KB jquery-3.3.1.min.js 85KB guangdong.js 71KB china.js 59KB base.js 54KB layim.js 25KB layer.min.js 15KB laydate.js 14KB layer.ext.js 5KB rem.js 691B pop_base.js 2B friend.json 3KB group.json 2KB groups.json 1KB chatlog.json 677B city.json 0B
041 智慧物流服务中心.png 597KB index_bg.png 159KB xubox_ico0.png 32KB bg_img04.png 13KB icon.png 11KB popUP_bg.png 8KB icon_ext.png 7KB default.png 7KB border_bg01.png 6KB icon-ext.png 6KB bg_img03.png 4KB 中雨转大雨.png 3KB 大雨转暴雨.png 3KB 暴雨转大暴雨.png 3KB 强沙尘暴.png 2KB 小雨转中雨.png 2KB line_img.png 2KB 阵雪.png 2KB 小雪转中雪.png 2KB 中雪转大雪.png 2KB 大雪转暴雪.png 2KB 沙尘暴.png 2KB 雷阵雨.png 2KB 阵雨.png 2KB 冻雨.png 2KB 雷阵雨加冰雹.png 2KB 雨加雪.png 2KB 特大暴雨.png 2KB 暴雨.png 2KB 大暴雨.png 2KB 大雨.png 2KB 大暴雪.png 2KB 暴雪.png 2KB 中雨.png 2KB 多云.png 2KB 大雪.png 2KB 中雪.png 2KB 扬沙.png 2KB 小雪.png 2KB 晴.png 2KB 小雨.png 2KB box_title.png 2KB weather_img01.png 2KB 阴.png 2KB 浮尘.png 2KB 霾.png 1KB 雾.png 1KB title_border.png 1KB settings_icon_on.png 1KB select_icon_on.png 1KB data_icon_on.png 1015B chart_icon_on.png 1001B line-blue.png 932B title_bg01.png 711B fangda.png 709B teacher_icon.png 609B settings_icon.png 557B people_iocn.png 529B selsct_time.png 499B close.png 380B arrow.png 375B select_icon.png 367B close_icon.png 338B next.png 333B icon.png 328B prev.png 317B icon.png 309B共 110 条
- 1
- 2
资源评论
JGiser
- 粉丝: 7616
- 资源: 5128
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
