Browse Source

我的就诊

chenyue 7 years ago
parent
commit
1b455c350a

+ 2 - 1
api/http-request.js

@ -28,7 +28,8 @@
        imserver = "http://172.19.103.88:3000/api/v2";
        socketUrl = "http://172.19.103.88:3000";
//      server = "http://192.168.131.133:8080/";
		
//		server = "http://192.168.131.215:10001"; //冬梅
//      server = "http://192.168.131.127:8060/"; //逸祥
//      server = "http://192.168.131.24:8080/"; //仕杰
//      imserver = "http://192.168.131.24:3000/api/v2"

BIN
images/wushuju_icon.png


+ 49 - 0
page/mine/html/xiaoxi.html

@ -0,0 +1,49 @@
<!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" />
		<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/record.css" />
	</head>
	<body>
		<div id="app">
			<page-header></page-header>
			<record></record>
			<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="../../../component/common/event-bus.js"></script>
		<script src="../../../component/common/footer.js"></script>
		<script src="../../../component/common/header.js"></script>
		<script src="../../../component/common/pagination.js"></script>
		<script src="../../../component/mine/left-menu.js"></script>
		<script src="../../../component/mine/personal-dialog-form.js"></script>
		<script src="../../../component/mine/record.js"></script>
		<script src="../js/record.js"></script>
	</body>
</html>

+ 9 - 0
page/mineJiuZhen/css/mineJiuZhen.css

@ -3,6 +3,15 @@ body {
	color: #323232;
}
.all-center {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}
.w3-row:after {
	content: "";
	display: table;

+ 60 - 51
page/mineJiuZhen/html/mineJiuZhen.html

@ -35,74 +35,83 @@
					</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>
							<template v-if="records.length>0">
								<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 id="page1" class="page_div"></div>
							</template>
							<div v-else class="c-t-center mtb100">
								<img src="../../../images/wushuju_icon.png" />
							</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>
							<template v-if="history.length>0">
								<div class="list-body" v-for="record in historyrecords">
									<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 id="page2" class="page_div"></div></template>
							<div v-else class="c-t-center mtb100">
								<img src="../../../images/wushuju_icon.png" />
							</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>

+ 46 - 33
page/mineJiuZhen/js/mineJiuZhen.js

@ -1,58 +1,71 @@
new Vue({
	el: "#app",
	data: {
		records: [
			{time: "2017年11月11日 13:13:13",
			type: "预约挂号",
			doctor: "张三",
			zhiwu: "主任医生",
			keshi: "骨科",
			yiyuan: "上饶医院",
			id: "1",
		}, {
			time: "2017年11月11日 13:13:13",
			type: "预约挂号",
			doctor: "张三",
			zhiwu: "主任医生",
			keshi: "骨科",
			yiyuan: "上饶医院",
			id: "2",}, 
		],
		pageNo:1,
		records: [],
		historyrecords:[],
	},
	mounted: function() {
		var vm=this
		//分页初始化
		$("#page").paging({
		$("#page1").paging({
			pageNo: 1,
			totalPage: 50,
			totalSize: 20,
			callback: function(num) {
				//回调的页数
				alert("查询第" + num + "页");
				vm.getlist(num)
//				alert("查询第" + num + "页");
			}
		}) //分页初始化
		$("#page2").paging({
			pageNo: 1,
			totalPage: 50,
			totalSize: 20,
			callback: function(num) {
				//回调的页数
				vm.gethistory(num)
//				alert("查询第" + num + "页");
			}
		})
		EventBus.$emit("jump-step", {
			step: 3
		}); //step:跳转的步数
		
		this.initlist(this.pageNo)
	},
	methods: {
		initlist:function(pageNo){
			var vm=this
			var oauthInfo = JSON.parse(sessionStorage.getItem("oauthInfo"));			
            var param ={
                type:'101',
                appid:httpRequest.client_id,
				toUserId:oauthInfo.id,
				page:pageNo,
				size:5
            }
			jiuzhenAPI.getRemind(param).then(function(res){
				vm.records=res
		initlist: function(pageNo) {
			var vm = this
			vm.getlist(1)
			vm.gethistory(1)
		},
		getlist:function(pageNo){
			var oauthInfo = JSON.parse(sessionStorage.getItem("oauthInfo"));
			var param = {
				type: '101',
				appid: httpRequest.client_id,
				toUserId: oauthInfo.id,
				page: pageNo,
				size: 5
			}
			jiuzhenAPI.getRemind(param).then(function(res) {
				vm.records = res.detailModelList
			})
		},
		gethistory:function(pageNo){
			var oauthInfo = JSON.parse(sessionStorage.getItem("oauthInfo"));
			var param = {
				type: '100',
				appid: httpRequest.client_id,
				toUserId: oauthInfo.id,
				page: pageNo,
				size: 5
			}
			jiuzhenAPI.getRemind(param).then(function(res) {
				vm.historyrecords = res.detailModelList
			})
		}
		cancelbtn: function(id) {
			mineJiuZhenDialogForm.cancelAppointment(id).then(function(layerid) {
				top.layer.close(layerid)