<template>
  <div style="width: 100%; text-align: right; margin-top: 20px;padding-right: 20px">
    <a-radio-group v-model:value="indexStyle">
      <a-radio-button :value="0">首页统计</a-radio-button>
      <a-radio-button :value="1">销量统计</a-radio-button>
      <a-radio-button :value="2">业务统计</a-radio-button>
      <a-radio-button :value="3">我的任务</a-radio-button>
    </a-radio-group>
  </div>
  <IndexDef v-if="indexStyle === 0"></IndexDef>
  <IndexChart v-if="indexStyle === 1"></IndexChart>
  <IndexBdc v-if="indexStyle == 2"></IndexBdc>
  <IndexTask v-if="indexStyle == 3"></IndexTask>
</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';

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