<template>
  <div class="container">
    <Breadcrumb :items="['充值账户管理', '苹果账户管理']" />
    <a-card class="general-card" title="苹果账户管理">
      <template #extra>
        <a-radio-group v-model="state.module" type="button">
          <a-radio value="info">账户管理</a-radio>
          <a-radio value="history">历史记录</a-radio>
        </a-radio-group>
      </template>
      <card-info v-if="state.module === 'info'" />
      <card-info-history v-if="state.module === 'history'" />
    </a-card>
  </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
import cardInfo from './card-info.vue';
import cardInfoHistory from './card-info-history.vue';
const state = reactive({
  module: 'info'
});
</script>
