<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的就诊</title>
		<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 name="keywords" content="我的就诊">
		<meta name="description" content="我的就诊">
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/mineJiuZhen.css" />

	</head>

	<body class="bgc-fff">
		<div id="app">
			<page-header></page-header>
			<div class="container mt20">
				<div class="row">
					<ul class="nav nav-tabs c-inline-block width-100" role="tablist" id="recordlist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab" id="_home">待就诊</a>
						</li>
						<li role="presentation">
							<a href="#history" aria-controls="history" role="tab" data-toggle="tab" id="_history">待评论</a>
						</li>
					</ul>
					<div class="tab-content plr25 ptb8">
						<div role="tabpanel" class="tab-pane active" id="home">
							<div class="list-body" v-for="record in records">
								<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
								<div class="w3-row">
									<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
										<div class="cancelbtn" @click="cancelbtn(record.id)">取消预约</div>
									</div>
									<div class="w3-rest">
										<div class="div-table">
											<div class="table-row">
												<div class="table-cell">
													<div class="c-909090">医院</div>
													<div>{{record.yiyuan}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">科室</div>
													<div>{{record.keshi}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">主任医师</div>
													<div>{{record.doctor}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">挂号方式</div>
													<div>{{record.type}}</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="history">
							<div class="list-body" v-for="record in records">
								<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
								<div class="w3-row">
									<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
										<div class="satisfactionbtn" @click="satisfactionbtn(record.id)">满意度调查</div>
									</div>
									<div class="w3-rest">
										<div class="div-table">
											<div class="table-row">
												<div class="table-cell">
													<div class="c-909090">医院</div>
													<div>{{record.yiyuan}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">科室</div>
													<div>{{record.keshi}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">主任医师</div>
													<div>{{record.doctor}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">挂号方式</div>
													<div>{{record.type}}</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="page" class="page_div"></div>
				</div>
			</div>
			<div id="page" class="page_div"></div>
			<page-footer></page-footer>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/validate/jquery.validate.min.js"></script>
		<script src="../../../js/validate/messages_zh.min.js"></script>
		<script src="../../../js/security.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/paging.js"></script>
		<script src="../../../api/patient/jiuzhen-api.js"></script>
		<script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/mineJiuZhen/mineJiuZhen-dialog-form.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mineJiuZhen.js"></script>
	</body>

</html>