mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-08-03 04:55:44 +08:00
123 lines
4.5 KiB
HTML
123 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>慢病展示</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/NCDindex.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>
|
|
</ul>
|
|
</div>
|
|
<div class="header_center left">
|
|
<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>慢病总人次(人)</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>当月就诊人次(人)</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="pieChart" 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>
|
|
</body>
|
|
</html>
|