<!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>大数据展示</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;cursor: pointer;margin-right: 16px;"></div><img src="../images/title_20.png">医疗费用组成</div>
<p id="pieChart3" class="p_chart"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
Collect from <a href="http://www.51qianduan.com/" title="网站模板">模板之家</a>
<a href="https://www.51qianduan.com/" title="查字典">查字典</a>
</div>
</body>
</html>
HTML蓝色实用形式医院门诊大数据企业网站模板代码.zip （80个子文件） 
26923 styles 
bootstrap-table.css 7KB bootstrap.min.css 116KB common.css 21KB pagination.css 697B
NCDindex.html 5KB _menu.json 312B index.html 7KB quota.html 5KB 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 chronic.html 4KB trend.html 6KB _tree.json 16KB views 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资源评论
小徐博客
- 粉丝: 1976
- 资源: 5876
最新资源
- 批量去除图像背景Matlab代码.rar
- 了解 MATLAB 图像处理的基础知识MATLAB代码.rar
- 两种非刚性点集配准算法的 MATLAB 实现.rar
- 拍摄图像并将其保存为视频Matlab代码.rar
- 频域中的图像恢复（维纳滤波器）Matlab代码.rar
- 强调图像中内核形状（例如直线）的过滤器Matlab代码.rar
- 匹配图像特征（第 3 章）：学生竞赛团队的计算机视觉训练Matlab代码.rar
- 求解 2D 和 3D 分数矢量亥姆霍兹方程，用于非刚性图像配准Matlab代码.rar
- 求 RGB 图像的平均向量Matlab代码.rar
- 球磁通量计算 （2D） 的高效实现Matlab代码.rar
- 全局到局部坐标变换矩阵Matlab代码.rar
- 曲面的非刚性套准Matlab代码.rar
- 飞秒激光模型 comsol
- springboot项目学生网上选课系统的设计与实现.zip
- springboot项目医疗挂号管理系统.zip
- springboot项目疫情打卡健康评测系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
