<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>双数智慧公卫-传染病督导平台</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/area_echarts.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<script>
alert("地图模块本地需要在iis环境下运行\n请先搭建iis服务否则不能看到地图")
</script>
<body>
<div class="head clearfix">
<h1 class="">双数智慧公卫-传染病督导平台</h1>
<div class="time" id="showTime">2018/6/12 17:00:12</div>
<div class="name"><a href="xxxxx">上海XX科技有限公司</a></div>
<script>
var t = null;
t = setTimeout(time, 1000);//開始运行
function time () {
clearTimeout(t);//清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours();//获取时
var m = dt.getMinutes();//获取分
var s = dt.getSeconds();//获取秒
document.getElementById("showTime").innerHTML = y + "/" + mt + "/" + day + " " + h + ":" + m + ":" + s + "";
t = setTimeout(time, 1000); //设定定时器,循环运行
}
</script>
</div>
<div class="mainbox">
<ul class="clearfix nav1">
<li style="width: 26%">
<div class="box">
<div class="tit"><span>当日情况</span>
<p></p>
</div>
<div class="boxnav" style="height: 320px;">
<ul class="drqk clearfix">
<li>
<div class="icon"><img src="images/icona.png"></div>
<div><span>今日就诊人数</span>
<p><em>1358</em><i>人</i></p>
</div>
</li>
<li>
<div class="icon"><img src="images/iconb.png"></div>
<div><span>今日就诊人数</span>
<p><em>1983</em><i>人</i></p>
</div>
</li>
<li>
<div class="icon"><img src="images/iconc.png"></div>
<div><span>今日就诊人数</span>
<p><em>930</em><i>人</i></p>
</div>
</li>
<li>
<div class="icon"><img src="images/icond.png"></div>
<div><span>今日就诊人数</span>
<p><em>371</em><i>人</i></p>
</div>
</li>
<li>
<div class="icon"><img src="images/icone.png"></div>
<div><span>今日就诊人数</span>
<p><em>1683</em><i>人</i></p>
</div>
</li>
<li>
<div class="icon"><img src="images/iconf.png"></div>
<div><span>今日就诊人数</span>
<p><em>1091</em><i>人</i></p>
</div>
</li>
</ul>
</div>
</div>
<div class="box">
<div class="tit"><span>法定传染病监测 </span>
<p></p>
</div>
<div class="boxnav" style="height:140px;">
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>发病统计</th>
<th>甲类</th>
<th>乙类</th>
<th>丙类</th>
</tr>
<tr>
<td>发病数(万)</td>
<td>0.03<span class="text-b">↓0.01%</span></td>
<td>163.00<span class="text-d">↑4.01%</span></td>
<td>163.00<span class="text-d">↑4.01%</span></td>
</tr>
<tr>
<td>发病率(%)</td>
<td>0.3<span class="text-b">↓0.01%</span></td>
<td>100%<span class="text-d">↑4.01</span></td>
<td>81.92%<span class="text-d">↑4.01</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="box">
<div class="tit"><span>医疗服务</span>
<p></p>
</div>
<div class="boxnav" style="height: 250px;">
<ul class="ylfw">
<li>
<div class="ylfwbox fora">
<p>医师日均报卡量</p>
<ol><span>12.5</span><em>张</em><i class="text-d">↑4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
<li>
<div class="ylfwbox fora">
<p>平均报卡时间</p>
<ol><span>1234</span><em>秒</em><i class="text-s">↓4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
<li>
<div class="ylfwbox fora">
<p>医生最高报卡量</p>
<ol><span>2.3</span><em>小时</em><i class="text-s">↓4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
<li>
<div class="ylfwbox fora">
<p>最低报卡时间</p>
<ol><span>0012</span><em>秒</em><i class="text-s">↓4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
<li>
<div class="ylfwbox fora">
<p>医生排除比例</p>
<ol><span>10.00%</span><em></em><i class="text-s">↓4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
<li>
<div class="ylfwbox fora">
<p>迟报漏报卡数</p>
<ol><span>0013</span><em>张</em><i class="text-s">↓4.01%</i></ol>
<div class="forb"></div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li style="width:48%">
<div class="box" style="position: relative">
<div class="map">
<div class="map1"><img src="images/lbx.png"></div>
<div class="map2"><img src="images/jt.png"></div>
<div class="map3"><img src="images/map.png"></div>
</div>
<div class="" id="map" style="height: 557px; position: relative; z-index: 100"></div>
<!-- <script>
// 百度地图API功能
var map = new BMap.Map("map"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl({
mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
var mapStyle={
style:"midnight"
};
map.setMapStyle(mapStyle);
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true);
</script>
-->
</div>
<div class="box">
<div class="tit"><span>监测机构</span>
<p></p>
</div>
<div class="boxnav" style="height: 250px;">
<ul class="jcjg">
<li>
<h3>医疗机构</h3>
<div class="jcnav">
<img src="images/icon1.png">
<div class="jcnavp">
<div class="fora">
<ol>私人诊所</ol><span>765</span><i class="text-d">+2.30</i>
<div class="forb"></div>
</div>
<div
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML大屏报表:Echarts大屏源码,即下即用 在这个数据驱动的时代,大屏展示已成为企业展示数据、分析趋势的重要工具。现在,我们为您提供一份精心制作的HTML大屏报表资源包,基于强大的Echarts可视化库,让您轻松构建专业级的数据大屏。 资源特点: 前端技术领先:利用HTML5和CSS3的前沿技术,确保大屏展示流畅、兼容性强,支持多终端访问。 Echarts图表库:集成丰富的图表类型,如折线图、柱状图、饼图等,轻松呈现复杂数据关系。 源码完整:提供完整的源码文件,解压即可使用,无需额外配置,节省开发时间。 即下即用:无需担心技术门槛,简单几步即可将大屏集成到您的项目中,快速实现数据可视化。 无论您是数据分析师、前端开发者还是项目经理,这份资源都将是您打造专业级数据大屏的得力助手。赶快下载体验,让数据以更直观、更专业的方式呈现在您的大屏上吧!
资源推荐
资源详情
资源评论
收起资源包目录
HTML大屏报表-双数智慧公卫-传染病督导平台-Echarts图表大屏-源码-解压即用.zip (37个子文件)
HTML大屏报表-双数智慧公卫-传染病督导平台-Echarts图标大屏-源码-解压即用
font
DS-DIGI.TTF 24KB
DS-DIGII.TTF 24KB
DS-DIGIB.TTF 24KB
DS-DIGIT.TTF 25KB
js
.DS_Store 6KB
js.js 13KB
440300.json 6KB
echarts.min.js 727KB
area_echarts.js 1KB
jquery.js 82KB
css
style.css 6KB
.DS_Store 6KB
index.html 12KB
010 双数智慧公卫-传染病督导平台.png 819KB
images
.DS_Store 6KB
line2.png 4KB
line1.png 1.49MB
bg2.png 1.49MB
iconc.png 1KB
icon1.png 2KB
jt.png 72KB
lbx.png 81KB
iconf.png 826B
title.png 5KB
bg3.png 366KB
bg1.png 6KB
bg.png 397KB
iconb.png 1KB
icon3.png 2KB
icone.png 445B
iconbg.png 3KB
topbg.png 14KB
icona.png 1KB
tit1.png 556B
icond.png 1KB
map.png 302KB
icon2.png 2KB
共 37 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功