<template>
  <div class="app-content layoutEmbedded" style="height: 76vh;overflow: auto;">
    <a-spin :spinning="loading" style="width: 100%;height: 100%;">
      <div class="page-content">
        <a-tabs type="card" hideAdd size="small" @change="callback">
          <a-tab-pane :key="item.key" :tab="item.title" v-for="(item) in tabsData">
          </a-tab-pane>
        </a-tabs>
      </div>
      <div class="page-footer">
        <a-button type="primary" @click="onTalentExport">导出</a-button>
        <talent-info v-model="formData" :tabsData.sync="tabsData" />
      </div>
    </a-spin>
  </div>
</template>

<script>
import talentInfo from '@/views/report/talent/components/talentInfo'

export default {
  name: "talentView",
  components: {
    talentInfo
  },
  props: {
    value: {
      type: String,
      default: () => {
        return null
      }
    },
  },
  data() {
    return {
      tabsData: [
        { title: '全部', key: '0', isShow: true },
        { title: '申报人基本情况', key: '1', isShow: true },
        { title: '申报人简历', key: '2', isShow: true },
        { title: '申报人科研成绩', key: '3', isShow: true },
        { title: '科学研究规划及团队人员名单', key: '4', isShow: true },
        { title: '经费预算及培养计划和目标', key: '5', isShow: true },
        { title: '附件', key: '6', isShow: true },
        { title: '项目审核记录', key: '7', isShow: true },
      ],
      formData: {
      },
      loading: false,
    };
  },
  created() {

  },
  methods: {
    callback () {
      
    },
    onTalentExport () {
      
    },
  }
};
</script>

<style scoped lang="less">
::v-deep .ant-spin-container {
  width: 100%;
  height: 100%;
}
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}
.page-content {
  width: 100%;
  height: 50px;
}
.page-footer {
  width: 100%;
  height: calc(100% - 50px);
  overflow: auto;
}
</style>