<template>
  <a-card :bordered="false" :class="$style.newcard">
    <a-tabs default-active-key="1" class="sd-has-table ">
      <a-tab-pane key="1" tab="数据源管理">
        <iam-dm-database-list :key="key" @refreshTable="refreshTable"></iam-dm-database-list>
      </a-tab-pane>
      <a-tab-pane key="2" tab="财务转换配置" force-render>
        <iam-dm-finsysetlconfig-list
          :key="key"
          @refreshTable="refreshTable"
        ></iam-dm-finsysetlconfig-list>
      </a-tab-pane>
      <a-tab-pane key="3" tab="定时采集管理" force-render>
        <iam-dm-financlaljob-list
          :key="key"
          @refreshTable="refreshTable"
        ></iam-dm-financlaljob-list>
      </a-tab-pane>
      <a-tab-pane key="4" tab="采集日志管理" force-render>
        <iam-dm-datatranslog-list
          :key="key"
          @refreshTable="refreshTable"
        ></iam-dm-datatranslog-list>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import iamDmDatatranslogList from './datatranslog/iam-dm-datatranslog-list.vue'
import iamDmDatabaseList from './finsysdatabase/iam-dm-database-list.vue'
import iamDmFinsysetlconfigList from './finsysetlconfig/iam-dm-finsysetlconfig-list.vue'
import iamDmFinanclaljobList from './financlaljob/iam-dm-financlaljob-list.vue'
import components from './_import-components/iam-dm-network-data-collection-list-import'

export default {
  name: 'IamDmNetworkDataCollectionList',
  metaInfo: {
    title: '联网数据采集',
  },
  components: {
    iamDmDatabaseList,
    iamDmFinsysetlconfigList,
    iamDmFinanclaljobList,
    iamDmDatatranslogList,
    ...components,
  },
  data() {
    return {
      key: 0,
    }
  },
  methods: {
    // 刷新表格
    refreshTable() {
      this.key++
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.newcard {
  padding: 16px;
  :global(.ant-card-body) {
    padding: 0;
  }
}
</style>
