<script setup lang="ts">
import type { TabsPaneContext } from 'element-plus';

import { ref } from 'vue';

import { Page } from '@vben/common-ui';

import changeLog from './tabsView/changeLog/index.vue';
import detailedRecord from './tabsView/detailedRecord/index.vue';

const activeName = ref('detailedRecord');
const handleClick = (tab: TabsPaneContext, event: Event) => {};
</script>
<template>
  <Page :auto-content-height="true">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="明细记录" name="detailedRecord">
        <detailedRecord />
      </el-tab-pane>
      <el-tab-pane label="变化记录" name="changeLog">
        <changeLog />
      </el-tab-pane>
    </el-tabs>
  </Page>
</template>
