<template>
  <IndexZrch v-if="indexStyle === 0"></IndexZrch>
  <IndexChart v-if="indexStyle === 1"></IndexChart>
  <IndexDef v-if="indexStyle === 2"></IndexDef>
  <IndexBdc v-if="indexStyle == 3"></IndexBdc>
  <IndexTask v-if="indexStyle == 4"></IndexTask>
  <div style="width: 100%; text-align: right; margin-top: 20px">
    首页主题：
    <a-radio-group v-model:value="indexStyle">
      <a-radio :value="0">首页</a-radio>
      <a-radio :value="1">综合统计</a-radio>
      <a-radio :value="2">销量统计</a-radio>
      <a-radio :value="3">业务统计</a-radio>
      <a-radio :value="4">我的任务</a-radio>
    </a-radio-group>
  </div>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import IndexDef from './homePage/IndexDef.vue';
  import IndexChart from './homePage/IndexChart.vue';
  import IndexBdc from './homePage/IndexBdc.vue';
  import IndexTask from './homePage/IndexTask.vue';
  import IndexZrch from './homePage/IndexZrch.vue';

  const indexStyle = ref(0);
</script>
