<template>
	<div class="PrintShenQingDan">
		<div>
			<div style="width: 100%;text-align: center;font-size: 22px;">秦皇岛市中医医院</div>
			<div style="width: 100%;text-align: center;font-size: 18px;font-weight: bold;">检查预约回执单</div>
			<div
				style="width:200px;height:50px;-webkit-print-color-adjust: exact; position: absolute;right: 10px;top:0px;">
				<div style="display: flex;justify-content: center;" v-html="printInfo.barcode"></div>
				<div style="text-align: center">{{printInfo.app_num}}</div>
			</div>
		</div>
		<div style="border-top: 1px solid #333; border-bottom: 1px solid #333;padding-left: 4px;">
			<table style="border: none;font-size: 16px; width: 100%;">
				<tr style="border: none;">
					<td style="border: none; text-align: left;">姓名：{{printInfo.user_name}}</td>
					<td style="border: none; text-align: left;">性别：{{printInfo.user_sex_label}}</td>
					<td style="border: none; text-align: left;">年龄：{{printInfo.age}}</td>
					<td style="border: none; text-align: left;">病人类型：{{printInfo.patient_type_label}}</td>
				</tr>
				<tr style="border: none;">
					<td style="border: none; text-align: left;">
						{{printInfo.patient_type_label}}号{{printInfo.reg_num}}
					</td>
					<td v-if="printInfo.patient_type==0" style="border: none; text-align: left;">病区：{{printInfo.warddesc ?? ''}}</td>
					<td v-if="printInfo.patient_type==0" style="border: none; text-align: left;">床号：{{printInfo.bedno ?? ''}}</td>
					<td style="border: none; text-align: left;">联系电话：{{printInfo.user_phone}}</td>
				</tr>
			</table>
		</div>
		<div style="border-bottom: 1px solid #333;font-size: 18px;padding-left: 8px;">
			<div>检查项目：{{printInfo.entrust}}</div>
			<div>预约时间：{{printInfo.reservation_date}}
				{{printInfo.period_begin_time.substring(0, 5)}}-{{printInfo.period_end_time.substring(0, 5)}}
				{{printInfo.weekday_label}}
			</div>
			<div>检查地点：{{printInfo.department_resources?.department_resources_name}}</div>
		</div>
		<div style="padding-left: 4px;">
			<table style="border: none;">
				<tr style="border: none;">
					<td style="width: 15%;border: none;font-size: 18px;font-weight: 700;text-align: left;">温馨提示：</td>
					<td style="text-align: left;border: none;font-size: 16px;">
						<div>1、预约后请您及时缴费，门诊患者预约成功后60分钟内不缴费，系统会自动取消您的预约申请。自动取消后，如需继续预约，请到相关检查科室重新预约。</div>
						<div>2、预约时间为8点~10点的，请8点到登记处签到，预约时间为10点~12点的，请10点前到登记处签到，便于工作人员进行检查评估和准备。</div>
						<div>3、预约时间不是实际检查时间，以现场登记后排队号为准。</div>
					</td>
				</tr>
			</table>
		</div>
		<div style="border-top: 1px solid #333;padding-left: 8px;">
			<div style="font-size: 18px;font-weight: 700;">检查须知：</div>
			<div style="font-size: 16px;">
				腹部检查禁食4小时，腹部、盆腔、泌尿系统检查请尽量饮水，充盈肠道及膀胱；危重病人需由家属陪同；孕妇及婴幼儿请慎行检查。
			</div>
		</div>
		<div style="text-align: right; border-top: 1px solid #333; font-size: 16px;">
			申请时间：{{printInfo.entrust_date}} 
		</div>
	</div>
</template>

<script setup>
	import {
		ref,
		onMounted,watch
	} from 'vue'
	import {
		 GetEnableDepartmentList,
		 SaveDepartmentResource
	} from '@/api/api.js'
	import {
		ElMessage
	} from 'element-plus'
	const props = defineProps({
		 printInfo: {
		      type:Object
		    },
		 
	})
	 
</script>

<style scoped>
	.PrintShenQingDan {
		height: 100vh;
	}
</style>