<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="list">列表</a-radio>
          <a-radio value="summary">统计</a-radio>
        </a-radio-group>
      </template>
      <user v-if="state.module === 'list'" />
      <summaryCard v-if="state.module === 'summary'" />
    </a-card>
  </div>
</template>

<script lang="ts" setup>
import user from './user.vue';
import summaryCard from './summary.tsx';
import { reactive } from 'vue';
</script>

<script lang="ts">
export default {
  name: 'userManagementList'
};

const state = reactive<{
  module: 'list' | 'summary';
}>({
  module: 'list'
});
</script>
