<template>
	<a-modal class="" width="80%" :maskClosable="false" destroyOnClose v-model="visible" :title="title" :footer="null"
		@cancel="close">
		<a-card :tab-list="tabList" :active-tab-key="activeKey" @tabChange="key => onTabChange(key)">
			<div style="height: calc(100vh - 25vw); width: 100%; overflow-y: auto;">
				<throm-result-baseInfo v-if="activeKey == 'base'" :patientId="patientId"></throm-result-baseInfo>
				<throm-result-firstInfo v-else-if="activeKey == 'first'"  :patientId="patientId"></throm-result-firstInfo>
			</div>
		</a-card>

	</a-modal>
</template>

<script>
	import ThromResultBaseInfo from "@/views/thrombolysis/components/throm-result-baseInfo.vue"
	import ThromResultFirstInfo from "@/views/thrombolysis/components/throm-result-firstInfo.vue"
	export default {
		name: 'DocDetail',
		components: {
			ThromResultBaseInfo,
			ThromResultFirstInfo
		},
		data() {
			return {
				title: "患者详情",
				patientId: '',
				visible: false,
				activeKey: "base",
				tabList: [{
						key: 'base',
						tab: '患者基本信息',
					},
					{
						key: 'first',
						tab: '急救信息记录',
					},
				],
			}
		},
		created() {

		},
		methods: {

			open(data) {
				this.patientId = data.firstAidId
				this.visible = true;

			},
			close() {
				console.log('close')
				this.patientId = undefined;
				this.activeKey = "base";
				this.visible = false;
			},
			onTabChange(key) {
				this.activeKey = key;
			},
		}
	}
</script>

<style>
</style>