<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-audit-material-list :key="key" @refreshTable="refreshTable"></iam-audit-material-list>
      </a-tab-pane>
      <a-tab-pane key="2" tab="审计资料清单" force-render>
        <iam-audit-material-list-list
          :key="key"
          @refreshTable="refreshTable"
        ></iam-audit-material-list-list>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import iamAuditMaterialListList from './materialList/iam-audit-material-list-list.vue'
import iamAuditMaterialList from './material/iam-audit-material-list.vue'
import components from './_import-components/iam-audit-preparation-list-import'

export default {
  name: 'IamAuditPreparationList',
  metaInfo: {
    title: '审计资料列表',
  },
  components: {
    ...components,
    iamAuditMaterialList,
    iamAuditMaterialListList,
  },
  data() {
    return {
      key: 0,
    }
  },
  methods: {
    refreshTable() {
      this.key++
    },
  },
}
</script>

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