Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
chenyue
/
PC-application
forked from raolu/PC-application
Xem 0
Star 0
Fork 0
Các tập tin
Browse Source

代预约

Xiao_yanpeng 7 năm trước cách đây
mục cha
61ffe37f8a
commit
6ae99eeba3
7 tập tin đã thay đổi với 68 bổ sung và 26 xóa
Split View Hiển thị tình trạng sai khác
  1. 3 0
      api/record-api.js
  2. 1 0
      app/record/css/follow-up.css
  3. 34 12
      app/record/html/lay_detail_reserved.html
  4. 21 0
      app/record/js/reserve-detail.js
  5. 1 1
      app/record/js/toBeReserved.js
  6. 1 1
      component/common/pagination.js
  7. 7 12
      component/record/toBeReserved-list.js

+ 3 - 0
api/record-api.js
Xem Tập Tin 

@ -45,6 +45,9 @@
 
		toBeReservedList:function(data){
 
			return httpRequest.post("third/guahao/GetPatientReservationList", {data: data})
 
		},
 
		reservedDetail:function(data){
 
			return httpRequest.post("third/guahao/GetPatientReservation", {data: data})
 
		},
 
	//获取统计
 
		getStatistics:function(data){
 
			return httpRequest.post("doctor/patient/service/statistics", {data: data})

+ 1 - 0
app/record/css/follow-up.css
Xem Tập Tin 

@ -15,3 +15,4 @@
 
.consultation-list-item:first-child{margin-top: 0px;}
 
.pagination{margin: 20px 0px 15px;}
 
.fu-tag{display: inline-block; background-color: #12b7f5; color: #fff; font-size: 12px; height: 20px; line-height: 20px; width: 50px; text-align: center; margin-left: 10px; font-weight: normal; border-radius: 10px;}
 
.consultation-list{padding: 0px 20px;margin: 0;overflow: hidden;}

+ 34 - 12
app/record/html/lay_detail_reserved.html
Xem Tập Tin 

@ -2,7 +2,11 @@
 
<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 http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<title>代预约详情</title>
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
 
		<style type="text/css">
 
			.detail_content{margin: 0 10px;}
 
@ -10,29 +14,47 @@
 
			.res-title{font-weight: 700;margin-bottom: 0;font-size: 16px;color: #333;border-bottom: 1px solid #ececec;line-height: 1;padding-bottom: 10px;}
 
			.res-list p{margin-bottom: 16px;color: #333;}
 
			.res-list p>span:first-child{min-width: 70px;text-align: right;display: inline-block;color: #999;}
 
			.red{color: #FF6A56;}
 
			.blue{color: #47ABEF;}
 
			.green{color: #74BF00;}
 
			.gray{color: #999;}
 
		</style>
 
	</head>
 
	<body>
 
		<div class="detail_content">
 
		<div id="app" class="detail_content">
 
			<div class="res-list">
 
				<p class="res-title">预约信息</p>
 
				<p><span>预约状态：</span><span>预约成功</span></p>
 
				<p><span>挂号时间：</span><span>2018-01-10 21:00</span></p>
 
				<p><span>就诊时间：</span><span>2018-01-10 21:00:00</span></p>
 
				<p><span>预约状态：</span>
 
					<template>
 
						<span v-if="reserveData.status==0" class="red">已撤销</span>
 
						<span v-if="reserveData.status==1" class="blue">预约成功</span>
 
						<span v-if="reserveData.status==2" class="green">已就诊</span>
 
						<span v-if="reserveData.status==3" class="gray">已停诊</span>
 
					</template>
 
				</p>
 
				<p><span>挂号时间：</span><span v-text="reserveData.czrq"></span></p>
 
				<p><span>就诊时间：</span><span v-text="reserveData.startTime?reserveData.startTime.substr(0,16):''"></span></p>
 
			</div>
 
			<div class="res-list">
 
				<p class="res-title">医生信息</p>
 
				<p><span>医院名称：</span><span>厦门市仙岳医院</span></p>
 
				<p><span>科室名称：</span><span>中西医心理科门诊</span></p>
 
				<p><span>医生姓名：</span><span>陈进东</span></p>
 
				<p><span>医院名称：</span><span v-text="reserveData.orgName"></span></p>
 
				<p><span>科室名称：</span><span v-text="reserveData.deptName"></span></p>
 
				<p><span>医生姓名：</span><span v-text="reserveData.doctorName"></span></p>
 
			</div>
 
			<div class="res-list">
 
				<p class="res-title">就诊人信息</p>
 
				<p><span>就诊人：</span><span>阿打算</span></p>
 
				<p><span>身份证号：</span><span>23423423423523523</span></p>
 
				<p><span>医保卡号：</span><span>D323e423r</span></p>
 
				<p><span>手机号码：</span><span>17777777777</span></p>
 
				<p><span>就诊人：</span><span v-text="reserveData.name"></span></p>
 
				<p><span>身份证号：</span><span v-text="reserveData.idcard"></span></p>
 
				<p><span>医保卡号：</span><span v-text="reserveData.ssc"></span></p>
 
				<p><span>手机号码：</span><span v-text="reserveData.phone"></span></p>
 
			</div>
 
		</div>
 
	</body>
 
	<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"></script>
 
	<script src="../../../api/http-request.js"></script>
 
	<script src="../../../api/record-api.js"></script>
 
	<script src="../../../js/util.js"></script>
 
	<script src="../js/reserve-detail.js"></script>
 
</html>

+ 21 - 0
app/record/js/reserve-detail.js
Xem Tập Tin 

@ -0,0 +1,21 @@
 
new Vue({
 
  	el: '#app',
 
	data:{
 
	  	reserveData:""
 
	},
 
  	methods:{
 
  		
  	},
 
	mounted(){
 
		var vm = this
 
	  	var Request = GetRequest();
 
	  	var orderId = Request["orderId"];
 
	  	recordAPI.reservedDetail({orderId:orderId}).then(function(res){
 
	  		if(res.status == 200){
 
	  			vm.reserveData = res.data
 
	  		}else{
 
	  			top.toastr.error(res.msg)
 
	  		}
 
	    })
 
	},
 
})

+ 1 - 1
app/record/js/toBeReserved.js
Xem Tập Tin 

@ -1,7 +1,7 @@
 
new Vue({
 
  el: '#app',
 
  data: {
 
  	total:5,//总页数
 
  	total:1,//总页数
 
  	currentPage:1,//当前页数
 
  	list:[],//列表集合
 
  	patient:null,

+ 1 - 1
component/common/pagination.js
Xem Tập Tin 

@ -5,7 +5,7 @@
 
 */
 
//分页组件
 
var pageComponent = Vue.extend({
 
    template: `<nav v-if="pages>1" aria-label="Page navigation" class="text-center">
 
    template: `<nav v-if="pages>0" aria-label="Page navigation" class="text-center">
 
        <ul class="pagination">
 
            <li :class="{\'disabled\':curPage==1}">
 
                <a href="javascript:;" @click="goPage(curPage==1?1:curPage-1)" aria-label="Previous">

+ 7 - 12
component/record/toBeReserved-list.js
Xem Tập Tin 

@ -1,10 +1,10 @@
 
Vue.component('reserved-list', {
 
	template: `<ul class="consultation-list">
 
				<li class="consultation-list-item" @click="viewDetail(1)" v-for="(list,index) in toBeReservedList">
 
					<p class="follow-up-doctor"><span class="start-time pull-right">开始时间：{{list.czrq}}</span>随访医生：{{list.doctorName}}</p>
 
				<li v-for="(list,index) in toBeReservedList" class="consultation-list-item" @click="viewDetail(list.id)">
 
					<p class="follow-up-doctor"><span class="start-time pull-right">预约时间：{{list.czrq.substr(0,19)}}</span>预约医生：{{list.doctorName}}</p>
 
					<div class="follow-user-info">
 
						<p>科室/医院：{{list.deptName}}/{{list.orgName}}</p>
 
						<p class="completion-time">预约时间：{{list.startTime}}</p>
 
						<p class="completion-time">就诊时间：{{list.startTime?list.startTime.substr(0,16):''}}</p>
 
					</div>
 
				</li>
 
			</ul>`,
 
@ -16,19 +16,14 @@ Vue.component('reserved-list', {
 
	},
 
	props:["reserveData"],
 
	methods: {
 
		viewDetail:function(){
 
		viewDetail:function(id){
 
			top.layer.open({
 
			    type: 2,
 
			    maxmin: true,
 
			    area: ['1000px', '650px'],
 
			    area: ['1000px', '600px'],
 
			    shadeClose: false,
 
			    moveOut:true,
 
			    btn:'返回',
 
			    success: function(layero){
 
				  	layero.find('.layui-layer-btn').css({'text-align': 'center','border-top': '1px solid #ececec','padding-top': '7.5px'});
 
				  	layero.find('.layui-layer-btn').find('a').addClass("layui-btn").css({background: '#f96565',color: '#fff',width: '100px',border: 'none', height: '34px','line-height':'22px',padding: '6px 12px','font-size': '14px'});
 
				},
 
			    content: '../html/lay_detail_reserved.html'
 
			    title:'代预约详情',
 
			    content: '../html/lay_detail_reserved.html?orderId='+id
 
		   	});
 
		}