医院预约挂号系统具体功能介绍

已于 2023-05-08 15:47:42 修改
阅读量432 收藏 9
点赞数
文章标签： uni-app 开源 java spring maven
于 2023-05-04 18:57:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asd417asd/article/details/130493057
版权

展示医院信息、可以注册和登录，
预约挂号（包含各个科室的预约，可以预约每个各个医生），就诊引导包含预约挂号的具体信息，包含就诊时间、就诊科室、就诊医生以及就诊人信息、和支付状态等，可以查询医院医生信息包含基本信息，科室和职称等，可以进行线下取号和历史就诊记录查询等功能。

除此之外，这个小程序还有一个后端管理系统，可以进行用户管理、排班管理、医生管理、科室管理、职位管理、医院信息等操作，方便医院的管理和服务。

你们可以在小程序中轻松地预约挂号，避免了排队等待的时间，还可以进行线下取号，更加便捷。同时，就诊引导功能可以让大家更好地了解就诊流程，避免了因为不熟悉就诊流程而造成的不必要的麻烦。

医生查询功能可以让大家更好地了解医生的信息和专业特长，方便选择适合自己的医生。历史就诊查询功能可以让大家随时随地查看自己的就诊记录，方便复诊和了解自己的身体状况。

下面是部分页面代码

<!-- 首页页面 -->
<template>
	<view class="body">
		<!-- 消息提示框 -->
		<view>
			<u-toast ref="uToast" />
		</view>
		<view class="head">
			<image src="../../static/img/xiehe.png" style="height: 100%;width: 100%;" ></image>
			
		</view>
		<view class="content">
			<view class="content_card" @click="skipDoctorInfo">
				<view>
					医生信息
				</view>
				<view>
					<image src="../../static/img/yiyuan.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					基本信息、科室、职称 等
				</view>
			</view>
			
			
			<view class="content_card" @click="skipDept">
				<view>
					预约挂号
				</view>
				<view>
					<image src="../../static/img/xinxi.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					快速预约，精准挂号
				</view>
			</view>
			
			
			<view class="content_card" @click="skipVisitGuide">
				<view>
					就诊引导
				</view>
				<view>
					<image src="../../static/img/daohang.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					就诊具体楼层房间号
				</view>
			</view>
			
		</view>
		
		
		<view class="content">
			<view class="content_card" @click="skipOffnum">
				<view>
					线下取号
				</view>
				<view>
					<image src="../../static/img/xinxi.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					接收叫号通知
				</view>
			</view>
			
			
			<view class="content_card" @click="skipReserveVisit">
				<view>
					历史就诊查询
				</view>
				<view>
					<image src="../../static/img/yiyuan.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					查询就诊历史信息
				</view>
			</view>
			
			<view class="content_card" @click="skipHospitalInfo">
				<view>
					关于我们
				</view>
				<view>
					<image src="../../static/img/yiyuan.png" class="content_card_img"></image>
				</view>
				<view class="card_foot_text">
					
				</view>
			</view>
			
		</view>
		
		<view class="foot">
			<view>
				<view>更多服务</view>
				<view class="foot_card">
					<view @click="skipNoticePage">
						<view>
							<image src="../../static/img/index/notice.png"></image>
						</view>
						<text>公告信息</text>
					</view>					
					<view @click="skipReserve">
						<view>
							<image src="../../static/img/index/hospital-.png"></image>
						</view>
						<text>预约记录</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				orderList: [],
				orderCall:'',
				callInfoArr:[]
			}
		},
		onLoad() {
			
		},
		onReady() {
			this.callInfo();
		},
		methods: {
			
			// 跳转到挂号记录
			skipReserveVisit() {
				console.log(getApp().globalData.globalUserToken);
				uni.navigateTo({
					url: "../visitHistory/visitHistory"
				})
			},
			/**
			 * 跳转到公告信息页面
			 */
			skipNoticePage() {
				uni.navigateTo({
					url: '../noticeList/noticeList'
				})
			},
			/**
			 * 跳转到医院信息页面
			 */
			skipHospitalInfo() {
				uni.navigateTo({
					url: '../hospitalInfo/hospitalInfo'
				})
			},
			
			/**
			 * @param {Object} e
			 * 跳转到选择科室页面
			 */
			skipDept: function(e) {
				
				uni.navigateTo({
					url: "../dept/dept"
				})
			},
			/**
			 * @param {Object} e
			 * 跳转到预约记录页面
			 */
			skipReserve: function(e) {
				
				uni.navigateTo({
					url: "../reserveVisit/reserveVisit"
				})
			},
			/**
			 * @param {Object} e
			 * 跳转到医生信息页面
			 */
			skipDoctorInfo: function(e) {
				
				uni.navigateTo({
					url: "../doctorInfo/doctorInfo"
				})
			},
			/**跳转到就诊引导页面
			 * @param {Object} e
			 */
			skipVisitGuide: function(e) {
				
				uni.navigateTo({
					url: "../versitGuide/versitGuide"
				})
			},
			
			skipOffnum : function(e) {
				
				uni.navigateTo({
					url: "../offnum/offnum"
				})
			},
			
			//登录成功后查询是否有叫号信息
				async callInfo() {
				let res = await this.$myRequest({
					url: '/apply/order/getReserveOrderCall',
					method: 'GET',
					data: {
						token: getApp().globalData.globalUserToken
					}
				})
				if(res.code == 1) {		
					let that = this
					//叫号信息展示
					this.orderList = res.data
					
					let callInfoArr = res.data;
					let callinfo ="";
					
					for (let i=0;i<callInfoArr.length;i++) {
						
						callinfo+="医生："+callInfoArr[i].doctorName +"    科室："+callInfoArr[i].deptName+"\r\n"+"    就诊时间："+callInfoArr[i].visitStartTime+"-"+callInfoArr[i].visitEndTime+"\r\n";
						let orderid =callInfoArr[i].orderId;
						console.log("######"+orderid);
						that.updateCallStatus(orderid);
						if(i==callInfoArr.length-1){
							wx.showModal({
							      title: '叫号提醒',
							      content:callinfo,// "医生："+res.data[i].doctorName +"  科室："+res.data[i].deptName+"  就诊开始时间："+res.data[i].visitStartTime+" - "+res.data[i].visitEndTime,
							      success: function (res) {
									
							        // if (res.confirm) { //这里是点击了确定以后
							        //   console.log('用户点击确定')
							        // } else { //这里是点击了取消以后
							        //   console.log('用户点击取消')
							        // }
							      }
							    })
						}
						
						}
				}
			},
			
			
			async updateCallStatus(id) {
				let res = await this.$myRequest({
					url: '/apply/order/updateOrderCall',
					data:{
						orderId:id,
						orderCall:'0'
					},
					method:'GET'
				})
				if(res.code == 1) {
				
					console.log("核销提醒状态成功");
					
				}
			}
			
			,
			showAlert(title, type, callBack) {
				// 弹出提示
				let param = {
					title: !title ? '操作成功！' : title,
					type: !type ? 'warning' : type
				}
				if(callBack) {
					param.callback = callBack
				}
				this.$refs.uToast.show(param)
			}
			
			
			
			
		},
		
		
		
		
		onShow() {
			if(!getApp().globalData.globalUserToken || !getApp().globalData.globalUserInfo) {
				uni.getStorage({
					key: 'userInfo',
					success:  res => {
						getApp().globalData.globalUserInfo = res.data
						getApp().globalData.globalUserToken = res.data.token
					}
				})
			}
		}
	}
</script>

<style>
	.body {
		background-color: #EEE;
	}
	.head {
		height: 280px;
		width: 100%;
		background-color: #007AFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.head .text {
		font-size: 20px;
		font-weight: 500;
		color: #EEE;
	}
	.content {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0px;
		background-color: #FFF;
	}
	.content_card {
		border-radius: 5px;
		width: 29%;
		height: 120px;
		background-color: #0DC79B;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #EEE;
		box-sizing: border-box;
		font-size: 14px;
	}
	.content_card view {
		margin-top: 5px;
	}
	.content_card:first-child {
		background-color: #4D80FF;
	}
	.content_card:nth-child(2) {
		background-color: #2AC6FB;
	}
	.content_card_img {
		width: 30px;
		height: 30px;
	}
	.card_foot_text {
		font-size: 10px;
	}
	.foot {
		background-color: #FFF;
		margin-top: 10px;
		padding: 5px 10px;
		color: #444;
		font-size: 14px;
	}
	.foot_card {
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: 12px;
	}
	.foot_card view {
		margin: 0px 5px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.foot_card view text {
		margin-top: 10px;
	}
	.foot_card view image {
		width: 20px;
		height: 20px;
	}
	.foot_card>view>view{
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background-color: #EBF1FF;
	}
</style>


河北清兮网络科技
关注
博客
神奇海洋养鱼小程序游戏广告联盟流量主休闲小游戏源码
07-30 767
养鱼小游戏采用G2B2C全新商业模式即游戏参与用户赋能实体经济，“互联网+区块链+只能终端+实体店铺+科技助农”五维度合并为一，以养成类游戏为出发点，全民参与共享共担，实现虚拟兑换实物，通过只能终端设备为商铺引流二销，真正意义上赋能实体经济。基于用户流量基数，可通过各种商业合作赚取商业收益（如接广告、协助线下活动引流等）第三方商城收益（如淘宝、京东、拼多多等流量消费返佣）SDK广告收益，用户通过做任务，看广告赚取收益。广告平台包括：穿山甲，优量汇，快手，百度等平台。区域代理，天使投资、政府扶持、其他。
博客
养鸡游戏牧场游戏已对接广告联盟功能介绍
05-17 234
总之，养鸡游戏牧场游戏在对接广告联盟后，通过展示广告、收集并分析用户数据、监测广告效果、保障合规性、融合广告内容以及分配广告收益等功能，实现了游戏与广告的双赢。
博客
短视频直播带货刷一刷商城社交电商源码系统小程序APP开发功能介绍
05-17 269
通过以上功能的介绍，可以看出仿抖音短视频直播带货刷一刷商城社交电商源码系统小程序APP开发的功能十分全面，能够满足用户在短视频、直播、购物、社交等多方面的需求。
博客
盲盒系统功能介绍
05-17 270
盲盒系统作为一个在线购物平台，专门销售各种不同类型的盲盒产品。盲盒系统通过提供这些功能，为用户带来了新奇和乐趣的购物体验，同时也为商家提供了有效的销售和推广渠道。
博客
花花省V6淘宝客APP社交电商自营商城聚合优惠券系统功能介绍
05-16 217
总之，花花省V6淘宝客APP的社交电商自营商城聚合优惠券系统具有丰富的功能和良好的用户体验，可以满足用户在不同场景下的购物需求。花花省V6淘宝客APP的社交电商自营商城聚合优惠券系统具有多种功能，以满足用户的不同需求。
博客
java版数字藏品深色UI仿鲸探数藏盲盒合成短视频卡牌模式支持高并发功能介绍
05-16 381
根据您提供的艺术品发售系统的需求，以下是一个更为详细和全面的系统设计概述：
博客
清兮上门服务家政私教茶艺推拿系统V3东郊到家源码小程序APP源码功能介绍
05-15 357
轮播图、搜索、推荐服务：这些是常见的营销和用户体验功能，用于展示广告、快速搜索商品或服务以及推荐相关内容。：这些功能增强了用户的个性化体验，允许用户管理自己的账户信息和偏好。商家入驻：允许商家在平台上注册并展示其服务或产品。推广二维码、我的地址、在线客服、领券中心：提供了多种与商家和用户交互的方式，包括线下推广、地址管理、即时通讯和优惠券领取。订单管理：包括待付款、待服务、已完成、已取消的订单信息，支持用户出示券码让商家核销。聊天功能。
博客
废品回收 小程序+APP功能介绍
05-15 530
基于您提供的废品回收应用的开发需求，以下是基于Uniapp（用户端和回收员端）、Thinkphp5（后台）、MySQL（数据库）的综合解决方案的概述。
博客
人工智能AI聊天chatgpt系统openai对话创作文言一心源码APP小程序功能介绍
05-15 337
你提到的是一个集成了多种智能AI创作能力的系统，它结合了OpenAI的ChatGPT、百度的文言一心（ERNIE Bot）以及可能的微信WeLM（或其他类似接口）等。这样的系统确实能够极大地提高创作效率，并且在各种场景下为用户提供帮助。因此，在使用这样的系统时，用户应该保持理性和批判性思维，避免过度依赖系统而失去自己的独立思考能力。需要注意的是，由于涉及到多个AI接口的集成，系统的复杂性和开发难度可能会相对较高。然而，要开发这样一款系统，特别是涉及到多个AI接口的整合，需要深厚的技术背景和丰富的开发经验。
博客
代驾+顺风车+货运app功能介绍
05-14 318
该系统支持安卓app、苹果app和微信小程序三种平台，方便用户在不同设备上使用。同时，该系统支持二次开发和定制，可以根据运营商的需求进行个性化定制和开发，以满足不同市场的需求和特点。总之，代驾货运顺风车同城拼车打车网约车系统源码app小程序是一个功能丰富、安全可靠、易于管理的平台，为运营商提供了全方位的解决方案，帮助运营商快速搭建和运营自己的网约车平台。代驾货运顺风车同城拼车打车网约车系统源码app小程序是一个功能丰富的平台，支持二次开发和定制，以满足不同运营商的需求。
博客
小剧场短剧剧集收费短剧小程序APP功能介绍
05-14 392
小剧场短剧剧集收费短剧小程序+H5+APP开源源码是一个功能丰富的全开源付费短剧平台解决方案。这个项目为想要创建短剧收费平台的人提供了完整的源码和工具，使其能够快速搭建并运营自己的短剧平台。这个项目为短剧平台的搭建和运营提供了全方位的解决方案，无论是个人还是企业，都可以利用这个源码快速搭建自己的短剧平台，实现内容变现和流量增长。
博客
花趣短视频源码淘宝客系统全开源版带直播带货带自营商城流量主小游戏功能介绍
05-14 297
1、首页仿抖音短视频 ，关注 ，我的 本地 直播 可发布短视频 可录制上传。
博客
果园游戏功能介绍
05-13 213
请注意，不同的果园游戏可能具有不同的功能和特点，具体功能可能因游戏而异。在玩游戏时，请仔细阅读游戏说明和注意事项，确保自己的游戏体验愉快和安全。果园游戏通常围绕种植、管理、收获果实以及与朋友互动等元素设计。
博客
伴游平台app小程序功能介绍
05-13 242
请注意，不同的伴游平台app小程序可能具有不同的功能和特点，具体功能可能因平台而异。在使用伴游平台app小程序时，请仔细阅读相关说明和注意事项，确保自己的旅行安全和愉快。伴游平台app小程序是一种基于移动端的解决方案，旨在为用户提供便捷的伴游服务。
博客
客户关系CRM管理系统源码 企业crm管理系统
05-10 359
通过这些功能，CRM管理系统源码及企业CRM管理系统能够帮助企业实现客户资源的有效管理、销售流程的优化以及业绩的提升。同时，通过权限管理功能，企业还能确保数据的安全性和员工的职责明确。客户关系管理（CRM）系统源码及企业CRM管理系统是现代化企业提升客户关系管理效率的重要工具。
博客
医院预约挂号系统微信小程序APP
05-10 461
预约挂号（包含各个科室的预约，可以预约每个各个医生），就诊引导包含预约挂号的具体信息，包含就诊时间、就诊科室、就诊医生以及就诊人信息、和支付状态等，可以查询医院医生信息包含基本信息，科室和职称等，可以进行线下取号和历史就诊记录查询等功能。同时，就诊引导功能可以让大家更好地了解就诊流程，避免了因为不熟悉就诊流程而造成的不必要的麻烦。除此之外，这个小程序还有一个后端管理系统，可以进行用户管理、排班管理、医生管理、科室管理、职位管理、医院信息等操作，方便医院的管理和服务。
博客
认养小游戏功能介绍
05-09 318
总的来说，认养小游戏通过模拟真实的农业生产过程，让玩家能够在游戏中体验到种植、养殖的乐趣，并学习到相关的农业生产知识。同时，游戏还提供了社交互动和奖励机制等功能，增加了游戏的趣味性和可玩性。认养小游戏通常模拟了真实的农业生产过程，让玩家能够在线上体验种植、养殖的乐趣。
博客
相亲系统功能介绍
05-09 238
总的来说，相亲系统通过提供实名认证、偏好选择、附近推荐、深度匹配、互动功能、动态发布与互动、视频相亲与直播、防骚扰屏蔽以及社区功能等多种服务，帮助用户更加高效、便捷地寻找合适的伴侣。
博客
二手交易平台功能介绍
05-09 392
此外，二手交易平台还有助于环保和节约资源，通过重新利用闲置物品，减少浪费并降低对环境的影响。同时，买家可以以更低的价格购买到心仪的商品，而卖家也可以将闲置物品变现，获得额外的收入。这些功能共同促进了二手交易的高效、安全和便利性。总的来说，二手交易平台的功能设计旨在提供一个方便、安全的交易环境，促进资源的再利用，同时满足买家和卖家的需求。
博客
领鸡蛋游戏养鸡游戏淘宝客源码广告联盟功能介绍
05-07 417
领鸡蛋游戏功能介绍
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值