<template>
  <div class="container">
    <div class="main-content">
      <!-- 左侧卡片 -->
      <LeftCard @gotoTop="goHistoryPrescription" :patientInfo="patientInfo" />
      <!-- 右侧卡片 -->
      <RightCard />
    </div>
  </div>
</template>

<script setup lang="ts">
import LeftCard from './components/LeftCard.vue';
import RightCard from './components/RightCard.vue';

const {patientInfo} = defineProps<{patientInfo: any}>();
// 解决bug核心
const emit = defineEmits(['change']);

const goHistoryPrescription = () => {
  emit('change', 'enteralNutritionHistory');
};
</script>

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background: #f5f7fa;
}

.main-content {
  display: flex;
  gap: 20px;
  min-height: calc(100vh - 40px);
}
</style>
