luofaqiang
/
app-big-data
forked from EHR/app-big-data


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>医疗大数据服务分析</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">
		<link href="../../../css/bootstrap.min.css" rel="stylesheet">
		<link href="../../../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
		<link href="../../../css/plugins/toastr/toastr.min.css" rel="stylesheet">
		<link href="../../../css/style.min.css" rel="stylesheet">
		<link href="../css/home.css" rel="stylesheet">
	</head>

	<body>
		<div id="main">
			<div class="div-header"></div>
			<div class="div-title">大数据应用服务平台</div>

			<div class="content">
				<div class="right-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">本月高发疾病排行</h4>
						<img src="../images/icon.png" class="icon-img">
						<div data-toggle="buttons" class="btn-group">
							<label class="btn btn-default active">
								<input type="radio">全部
							</label>
							<label class="btn btn-default">
								<input type="radio">住院
							</label>
							<label class="btn btn-default">
								<input type="radio">门诊
							</label>
						</div>
						<div data-toggle="buttons" class="btn-group fr mr20">
							<label class="btn btn-default active">
								<input type="radio">本月
							</label>
							<label class="btn btn-default">
								<input type="radio">本季
							</label>
							<label class="btn btn-default">
								<input type="radio">本年
							</label>
						</div>
						<div id="div-gaofa-disease-chart" class="ml30" style="height:calc(100% - 102px)"></div>
					</div>
				</div>
				<div class="left-panel">
					<disease-crowd></disease-crowd>
				</div>
				<div class="center-panel">
					<!-- 地图 -->
					<div class="map mt20">
						<div class="dropdown Mapselect">
							<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation" @click="setCity(item)" v-for="item in town">
									<a role="menuitem" href="#">{{item.townName}}</a>
								</li>
							</ul>
						</div>

					</div>
				</div>
				<div class="bottom-left-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">重点服务人群增加趋势</h4>
						<div data-toggle="buttons" class="btn-group fr mr40 mt0" style="position: absolute;right: 0px;top: 15px">
							<label class="btn btn-default active">
								<input type="radio">本月
							</label>
							<label class="btn btn-default">
								<input type="radio">本季
							</label>
							<label class="btn btn-default">
								<input type="radio">本年
							</label>
						</div>
						<div id="div-zhongidan-echart" class="ml30" style="height:calc(100% - 50px);width: 100%;"></div>
					</div>
				</div>
				<div class="bottom-right-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">死亡原因</h4>
						<img src="../images/icon.png" class="icon-img">
						<div class="" style="height: 85%;">
							<div id="div-shiwang-echart" class="ml30 mr30"></div>
							<div class="div-siwang-type">
								<div style="position: absolute;right: 0;">
									<div class="div-webkit-box">
										<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
											<label class="gxy bar-a"></label>
											<label class="ml10">闹血管疾病</label>
											<label class="ml30">360</label>
										</div>
									</div>
									<div class="div-webkit-box mt10">
										<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
											<label class="gxy bar-a"></label>
											<label class="ml10">呼吸系统疾病</label>
											<label class="ml30">360</label>
										</div>
									</div>
								</div>
								<div class="div-webkit-box">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">恶性肿瘤</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">心脏病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">损失和中毒</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">消化系统疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">内分泌、营养和代谢疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">泌尿生殖系统疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">其他疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="div-bottom"></div>
		</div>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1W9gqPiqc7C9TDliPP8S9Rj9"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/jquery.min.js?v=2.1.4"></script>
		<script src="../../../component/common/event-bus.js"></script>
		<script src="../../../js/plugins/echarts/echarts.js"></script>
		<script src="../../../js/plugins/toastr/toastr.min.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/plugins/layer/layer.min.js"></script>
		<script src="../../../js/api/http-request.js"></script>
		<!--<script src="../../../js/api/intelligent-api.js"></script>-->
		<script src="../component/disease-crowd.js"></script>
		<script src="../js/home.js"></script>
	</body>

</html>