<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>数据可视化demo</title>
<link href="../styles/common.css" rel="stylesheet" />
<script src="../scripts/Plugin/jquery-3.3.1.min.js"></script>
<script src="../scripts/Plugin/echarts.min.js"></script>
<script src="../scripts/Plugin/bmap.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=LelFSt6BfykGf8m3PB5zr8LaXAG2cMg6"></script>
<script src="../scripts/common.js"></script>
<script src="../scripts/index.js"></script>
<script src="../scripts/Plugin/laydate/laydate.js"></script>
</head>
<body>
<!--顶部-->
<header class="header left">
<div class="left nav">
<ul>
<li class="nav_active">
<i class="nav_1"></i><a href="index.html">采集概况</a>
</li>
<li><i class="nav_2"></i><a href="quota.html">指标分析</a></li>
<li><i class="nav_3"></i><a href="trend.html">趋势分析</a></li>
<li><i class="nav_4"></i><a href="chronic.html">慢病病人列表</a></li>
</ul>
</div>
<div class="header_center left" style="position: relative">
<h2>
<strong><a href="">医院大数据展示</a></strong>
</h2>
</div>
<div class="right nav text_right">
<ul></ul>
</div>
</header>
<!--内容部分-->
<div class="con left">
<!--数据总概-->
<div class="con_div">
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_1.png" class="left text01_img" />
<div class="left text01_div">
<p>总采集数据量(G)</p>
<p>1235</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_2.png" class="left text01_img" />
<div class="left text01_div">
<p>当月采集数据量(G)</p>
<p>235</p>
</div>
</div>
</div>
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_3.png" class="left text01_img" />
<div class="left text01_div">
<p>总门诊数(人)</p>
<p class="sky">12356</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_4.png" class="left text01_img" />
<div class="left text01_div">
<p>当月门诊数(人)</p>
<p class="sky">12356</p>
</div>
</div>
</div>
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_5.png" class="left text01_img" />
<div class="left text01_div">
<p>总住院数(人)</p>
<p class="org">12356</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_6.png" class="left text01_img" />
<div class="left text01_div">
<p>当月住院数(人)</p>
<p class="org">12356</p>
</div>
</div>
</div>
</div>
<!--统计分析图-->
<div class="div_any">
<div class="left div_any01">
<div class="div_any_child">
<div class="div_any_title">
<img src="../images/title_1.png" />各医院采集数据量
</div>
<p id="pieChart1" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title">
<img src="../images/title_2.png" />各医院门诊住院费用
</div>
<p id="histogramChart" class="p_chart"></p>
</div>
</div>
<div class="div_any02 left">
<div class="div_any_child div_height">
<div class="div_any_title any_title_width">
<img src="../images/title_0.png" />厦门市地图
</div>
<div
id="mapChart"
style="
width: 97.5%;
height: 95%;
display: inline-block;
padding-left: 1.25%;
padding-top: 2.2%;
"
></div>
</div>
</div>
<div class="right div_any01">
<div class="div_any_child">
<div class="div_any_title">
<img src="../images/title_3.png" />数据采集条数(当日)
</div>
<p id="lineChart" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title">
<img src="../images/title_4.png" />就诊人数(当日)
</div>
<p id="lineChart2" class="p_chart"></p>
</div>
</div>
</div>
<div id="el-dialog" class="">
<div class="xc_layer"></div>
<div class="popBox" id="printView">
<div class="ttBox">
<span class="tt" id="reportTitle">第一医院</span
><img
src="../images/close.png"
style="width: 30px; float: right; cursor: pointer"
title="关闭弹窗"
class="close"
/>
</div>
<div class="txtBox" id="el-dialog_body">
<div style="height: 100%; width: 98%; margin-left: 1%">
<div class="left div_any01" style="width: 64%">
<div class="div_any_child">
<div class="div_any_title">
<div
type="text"
class="demo-input"
id="date1"
style="
display: inline-block;
cursor: pointer;
margin-right: 16px;
"
></div>
<img src="../images/title_4.png" />门诊住院人次
</div>
<p id="lineChart3" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title">
<div
type="text"
class="demo-input"
id="date2"
style="
display: inline-block;
cursor: pointer;
margin-right: 16px;
"
></div>
<img src="../images/title_7.png" />医疗费用
</div>
<p id="lineChart4" class="p_chart"></p>
</div>
</div>
<div class="left div_any01" style="width: 32%">
<div class="div_any_child">
<div class="div_any_title">
<div
type="text"
class="demo-input"
id="date3"
style="
display: inline-block;
cursor: pointer;
margin-right: 16px;
"
></div>
<img src="../images/title_18.png" />病人年龄段分布
</div>
<p id="pieChart2" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title">
<div
type="text"
class="demo-input"
id="date4"
style="
display: inline-block;
没有合适的资源?快使用搜索试试~ 我知道了~
医院大数据展示(Html模板、大数据模板、大屏echarts模板).zip
共82个文件
png:44个
js:12个
html:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 32 浏览量
2022-12-28
16:56:29
上传
评论
收藏 2.64MB ZIP 举报
温馨提示
医院大数据展示(Html模板、大数据模板、大屏echarts模板).zip
资源推荐
资源详情
资源评论
收起资源包目录
医院大数据展示(Html模板、大数据模板、大屏echarts模板).zip (82个子文件)
医院大数据展示
023 医院大数据展示4.png 70KB
styles
bootstrap-table.css 7KB
bootstrap.min.css 116KB
common.css 21KB
pagination.css 697B
023 医院大数据展示2.png 225KB
images
info_2.png 5KB
title_13.png 8KB
title_17.png 9KB
title_10.png 5KB
title_12.png 2KB
logoBg.png 19KB
title_15.png 5KB
logo.png 122KB
title_11.png 4KB
title_16.png 4KB
info_9.png 12KB
title_5.png 6KB
nav_2.png 5KB
title_0.png 8KB
info_3.png 7KB
info_7.png 5KB
title_2.png 8KB
title_18.png 10KB
title_7.png 8KB
nav_1.png 5KB
title_9.png 3KB
find.png 811B
title_14.png 7KB
info_10.png 7KB
info_5.png 7KB
info_1.png 8KB
title_3.png 4KB
close.png 4KB
info_12.png 6KB
info_6.png 5KB
info_11.png 7KB
title_20.png 5KB
info_8.png 7KB
title_4.png 7KB
title_1.png 2KB
nav_3.png 4KB
title_6.png 5KB
chartBack.jpg 295KB
title_19.png 7KB
title_8.png 9KB
info_4.png 6KB
023 医院大数据展示.png 769KB
023 医院大数据展示3.png 202KB
views
NCDindex.html 5KB
index.html 8KB
quota.html 5KB
chronic.html 4KB
trend.html 6KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 79KB
fontawesome-webfont.woff2 63KB
fontawesome-webfont.eot 67KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.svg 348KB
fontawesome-webfont.ttf 135KB
scripts
quota.js 16KB
common.js 7KB
chronic.js 175B
NCDindex.js 14KB
index.js 21KB
trend.js 13KB
Plugin
laydate
laydate.js 27KB
theme
default
font
iconfont.ttf 2KB
iconfont.svg 3KB
iconfont.eot 2KB
iconfont.woff 1KB
laydate.css 8KB
bmap.min.js 5KB
jquery.pagination.min.js 3KB
jquery-3.3.1.min.js 85KB
echarts.min.js 727KB
jquery.slimscroll.min.js 5KB
共 82 条
- 1
资源评论
JGiser
- 粉丝: 7457
- 资源: 5112
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功