<script lang="ts" setup>
  import { ref } from 'vue';
  import uploadTask from './components/upLoadTask.vue';
  import downLoadTask from './components/downLoadTask.vue';
  import platformProBatch from './components/platformProBatch.vue';
  const activeKey = ref('1');
  const callback = (val) => {
    activeKey.value = val;
  };
</script>

<template>
  <a-tabs @change="callback" v-model:activeKey="activeKey">
    <a-tab-pane key="1" tab="上传任务数据">
      <uploadTask v-if="activeKey === '1'" />
    </a-tab-pane>
    <a-tab-pane key="2" tab="下载任务数据" force-render>
      <downLoadTask v-if="activeKey === '2'" />
    </a-tab-pane>
    <a-tab-pane key="3" tab="平台商品批量">
      <platformProBatch v-if="activeKey === '3'" />
    </a-tab-pane>
  </a-tabs>
</template>

<style lang="less" scoped></style>
