<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane
        v-for="item in tables"
        :key="item.name"
        :label="$t(item.titleKey)"
        :name="item.component"
      />
      <component :is="activeName" />
    </el-tabs>
  </div>
</template>
<script>
import IntegralStreamTimelyPreview from "./timely";
import IntegralStreamHistoryTimelyPreview from "./history";
export default {
  name: "IntegralStreamTimelyPreviewTabs",
  components: {
    IntegralStreamTimelyPreview,
    IntegralStreamHistoryTimelyPreview
  },
  data() {
    return {
      activeName: "IntegralStreamTimelyPreview",
      tables: [
        {
          titleKey: "pages.integralStream.tab.current",
          component: "IntegralStreamTimelyPreview"
        } /* ,
        {
          titleKey: 'pages.integralStream.tab.history',
          component: 'IntegralStreamHistoryTimelyPreview'
        } */
      ]
    };
  }
};
</script>
