<!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="lin
HTML WEB网页前端大屏展示页面源代码 （109个子文件） 
style.css 26KB layer.css 11KB layim.css 11KB laydate.css 6KB style.css 4KB laydate.css 3KB laydate.css 3KB layer.ext.css 3KB
xubox_loading0.gif 6KB loading-0.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 echarts.min.js 701KB jquery-3.3.1.min.js 85KB guangdong.js 71KB china.js 59KB base.js 54KB layim.js 23KB layer.min.js 15KB laydate.js 14KB layer.ext.js 5KB rem.js 689B pop_base.js 2B friend.json 3KB group.json 2KB groups.json 1KB chatlog.json 647B city.json 0B
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 data_icon.png 280B共 109 条
- 1
- 2
lj_70596
- 粉丝: 105
最新资源
- 自动化调研报告.doc
- 2023年mysqlgaleracluster高可用集群搭建方案.doc
- 计算机网络习题答案.doc
- 我的远程网络研修总结范文4.docx
- 配电自动化站所终端DTU技术规范.doc
- 云计算考试题库(整理).pdf
- 2023年全国计算机二级C考试题库程序设计部分.doc
- 网络安全教育教案.doc
- 网络文化对青少年思想品德的影响及其对策研究样本.doc
- (源码)基于Python的dirmap目录爆破升级系统.zip
- 麦肯锡《上海环保集团---业务流程项目管理》41页.ppt
- 互联网时代户外广告的发展.docx
- 项目管理施工阶段控制.doc
- 完善机械设备管理足进机械自动化技术健康发展.doc
- 计算机管理员实训报告.doc
- 通用版互联网商务计划书PPT模板PPT专题课件.pptx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
- 3
- 4
前往页