<template>
  <el-card>
    <el-tabs v-model="active">
      <el-tab-pane label="外部账单" name="outside">
        <OutSide v-if="active === 'outside'"></OutSide>
      </el-tab-pane>
      <el-tab-pane label="内部账单" name="inside" lazy>
        <InSide v-if="active === 'inside'"></InSide>
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script>
import InSide from './InSide.vue'
import OutSide from './OutSide.vue'
export default {
  components: {
    InSide,
    OutSide
  },
  data() {
    return {
      active: 'outside'
    }
  }
}
</script>

<style></style>
