<template>
  <div class="app-container exportlist">
    <el-main>
      <el-row class="mb-20 mb-0">
        <span class="list-title">
          导入导出报表中心<span class="title_txt">(文件存放周期：7天)</span>
        </span>
      </el-row>
      <div style="position: relative">
        <el-tabs v-model.trim="activeName">
          <el-tab-pane label="导入记录" name="listbox2"/>
          <el-tab-pane label="导出记录" name="listbox1"/>
        </el-tabs>
        <keep-alive>
          <component :is="activeName" />
        </keep-alive>
      </div>
    </el-main>
  </div>
</template>

<script>
import listbox1 from './components/listbox1.vue'
import listbox2 from './components/listbox2.vue'
export default {
  // name: '导入导出报表中心',//没查询操作先不加保持跳转实时性
  components: {
    listbox1,
    listbox2
  },
  data() {
    return {
      activeName: 'listbox2'
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.title_txt {
  padding-left: 5px;
  color: #999;
}
</style>
