You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
1.8 KiB

5 months ago
<template>
5 months ago
<a-modal class="doc-detail" width="85%" :maskClosable="false" destroyOnClose v-model="visible" :title="title" :footer="null"
5 months ago
@cancel="close">
<a-card :tab-list="tabList" :active-tab-key="activeKey" @tabChange="key => onTabChange(key)">
5 months ago
<div class="doc-detail-content" >
5 months ago
<throm-result-baseInfo v-if="activeKey == 'base'" :patientId="patientId" @ok="handleOk"></throm-result-baseInfo>
<throm-result-firstInfo v-else-if="activeKey == 'first'" :patientId="patientId" @ok="handleOk"></throm-result-firstInfo>
5 months ago
</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;
},
5 months ago
handleOk(){
this.$emit('ok')
}
5 months ago
}
}
</script>
5 months ago
<style lang="less" scoped>
.doc-detail {
.doc-detail-content {
width: 100%;
height: calc(100vh - 205px);
overflow-x: hidden;
overflow-y: auto;
}
}
</style>
<style lang="less">
.doc-detail{
.ant-modal-wrap .ant-modal .ant-modal-body{
padding: 0 !important;
}
}
5 months ago
</style>