<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="referrer" content="no-referrer" />
		<title>疾病筛查</title>
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/statistics.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="re-title no-select">
				<div class="name">筛查统计</div>
			</div>
			<!--筛查数据模型-->
			<div id="sc_datamodel" class="boxcenter p10">
				<div class="div-table plr80">
					<div class="table-row">
						<div class="table-cell">
							<div class="ui-grid">
								<div class="ui-col-1">
									<div class="bigbox bgc1-12B7F5 numcircle">
										<span class="pl20 c-12B7F5"></span>筛查表管理
									</div>
									<div class="bgc-D7F3FE c-border-radius-blr plr20 ptb10">
										<div class="border-6FD7FE bgc-6fd7fe">
											<div class="c-fff c-f16 lheight-24">
												筛查表
											</div>
											<div class="c-12B7F5 smallbox">
												<span class="c-f20">{{Statics.useTemplateCount}}</span>个
											</div>
										</div>
										<img src="../images/jiantou_02_img.png" class="mt-4">
										<div class="border-6FD7FE bgc-6fd7fe">
											<div class="c-fff c-f16 lheight-24">
												已下发问卷
											</div>
											<div class="c-12B7F5 smallbox">
												<span class="c-f20">{{Statics.grantCount}}</span>份
											</div>
										</div>
									</div>
								</div>
								<div class="ui-col-0"><img src="../images/jiantou_03_img.png" class="mt10 ml-2"></div>
							</div>
						</div>
						<div class="table-cell plr30">
							<div class="ui-grid">
								<div class="ui-col-1">
									<div class="bigbox bgc1-2DBE55 numcircle">
										<span class="pl20 c-2DBE55"></span>筛查记录
									</div>
									<div class="bgc-DCFDE6 c-border-radius-blr plr20 ptb10">
										<div class="border-61D882 mb20 bgc-61D882">
											<div class="c-fff c-f16 lheight-24">
												疑似高危
											</div>
											<div class="c-2DBE55 smallbox">
												<span class="c-f20">{{Statics.dangetCount}}</span>份
											</div>
										</div>
										<div class="border-61D882 bgc-61D882">
											<div class="c-fff c-f16 lheight-24">
												健康跟踪
											</div>
											<div class="c-2DBE55 smallbox">
												<span class="c-f20">{{Statics.followCount}}</span>份
											</div>
										</div>
									</div>
								</div>
								<div class="ui-col-0">
									<img src="../images/jiantou_04_img.png" class="mt10 ml-2">
									<img src="../images/jiantou_01_img.png" class="jiantou01"></div>
							</div>
						</div>
						<div class="table-cell">
							<div class="bigbox bgc1-FF9630 numcircle">
								<span class="pl20 c-FF9630"></span>病人服务
							</div>
							<div class="bgc-FEEEDF c-border-radius-blr plr20 ptb10">
								<div class="border-FAB675 mb20 bgc-FAB675">
									<div class="c-fff c-f16 lheight-24">
										预约转诊
									</div>
									<div class="c-FF9630 smallbox">
										<span class="c-f20">{{Statics.orderCount}}</span>份
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--疑似高危记录表-搜索-->
			<div id="sc_searchbar" class="pt20">
				<div id="datamodeltap" class="up_datamodel" @click="datamodeltap()"><span class="c-12B7F5 c-f14 pl20">收起</span></div>
				<div class="tabs tabs-two c-position-r" data-toggle="tabs" data-toggle-tabs="oneIframe">
					<ul class="nav nav-tabs plr20">
						<li role="presentation" :class="{'active':isDanger=='1'}" @click="gettable('1')">
							<a href="javascript:;">疑似高危记录表</a>
						</li>
						<li role="presentation" :class="{'active':isDanger!='1'}" @click="gettable('')">
							<a href="javascript:;">所有记录</a>
						</li>
					</ul>
					<!--<div class="tabs-hd clearfix">
							<a href="javascript:;" :class="{curr:isDanger=='1'}" @click="gettable('1')"><span>疑似高危记录表</span></a>
							<a href="javascript:;" :class="{curr:isDanger==''}" @click="gettable('')"><span>所有记录</span></a>
						</div>-->
					<div class="tabs-bd pt20 plr20">
						<div class="dataCell form-group">
							<div class="w160 inline c-vam">
								<div class="input-group">
									<input id="Type" placeholder="请选择筛查类型" type="text" class="form-control bgc-fff" name="Type" readonly="readonly">
									<div class="input-group-btn">
										<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
										<ul class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="dataCell form-group">
							<div class="w160 inline c-vam">
								<div class="input-group">
									<input id="Status" placeholder="请选择管理情况" type="text" class="form-control" name="Status" readonly="readonly">
									<div class="input-group-btn">
										<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
										<ul class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
							</div>
						</div>
						<input class="form-control w-220 fl" style="height: 28px;border-radius: 3px;" placeholder="请输入居民姓名" v-model="name" />
						<span class="btn bgc-12B7F5 fl ml20" @click="search(1)">查询</span>
						<span class="btn bgc-12B7F5 ml20 right" @click="shaicha()">人工筛查</span>
					</div>
				</div>
			</div>
			<!--疑似高危记录表-表格-->
			<div id="sc_table" class="p20">
				<table class="table-bordered table-striped width-100 c-t-center">
					<thead>
						<tr>
							<th>姓名</th>
							<th>筛查类型</th>
							<th>评分</th>
							<th>评估</th>
							<th>时间</th>
							<th style="width:200px;">管理情况</th>
						</tr>
					</thead>
					<tbody>
						<tr v-if="!wujilu" v-for="(data, index) in tablelist">
							<td style="width:80px">{{data.patientName}}</td>
							<td @click="view(data)">{{data.templateTitle}}</td>
							<td class="c-FF9630" style="width:50px">{{data.screenResultScore}}分</td>
							<td>{{data.screenResult}}</td>
							<td style="width:155px;">{{data.czrq}}</td>
							<td style="width:200px;">
								<div v-if="data.isAgain==1 && data.isDanger==1">
									<div v-if="data.isOrder==1" class="c-12B7F5">
										已预约
									</div>
									<div v-else-if="data.following==0 && data.isOrder==0">
										<span class="btn bgc-FF9630 fl ml10" @click="jkgz(data)">健康跟踪</span>
										<span class="btn bgc-02cfb9 fl ml10" @click="zhuanzhen">转诊</span>
									</div>
									<div v-else-if="data.following==1">
										<span class="btn bgc-2DBE55 fl ml10" @click="jkjy(data)">健康教育</span>
										<span class="btn bgc-12B7F5 fl ml10" @click="shaicha(data,1)">再次筛查</span>
									</div>
									<div v-else-if="data.isOrder==2" class="c-12B7F5">
										已接诊
									</div>
								</div>
								<!--<div v-else-if=" data.isDanger==0">
										<div  class="c-12B7F5">
											日常健康管理
										</div>										
									</div>-->
							</td>
						</tr>
						<tr v-if="wujilu">
							<td colspan="6">
								无记录
							</td>
						</tr>
					</tbody>
				</table>
				<navigation :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
			</div>

		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/toastr/toastr.min.js"></script>
		<script src="../../../plugins/layer/layer.min.js"></script>
		<script src="../../../js/util.js"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
		<script src="../../../component/common/pagination.js"></script>
		<script src="../../../api/jbsc-api.js"></script>
		<script src="../js/statistics.js"></script>
	</body>

</html>