<template>
  <div class="app-container" v-loading="loading">
    <el-tabs type="border-card">
      <el-tab-pane label="项目基本信息">
        <basic-info :projectOwner="projectOwner"></basic-info>
      </el-tab-pane>
      <el-tab-pane label="资料附件">
        <enclosure-info :projectOwner="projectOwner"></enclosure-info>
      </el-tab-pane>
      <el-tab-pane label="财务资料附件" v-if="projectOwner == '3'">
        <enclosure-info :projectOwner="projectOwner" :finOwner="'fin'"></enclosure-info>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import BasicInfo from '../components/BasicInfo'
import EnclosureInfo from '../components/EnclosureInfo'

export default {
  name: "First",
  components: {
    BasicInfo,
    EnclosureInfo,
  },
  props: {
    projectOwner: {
      type: String
    },
  },
  data() {
    return {
      activeName: '1',
      loading: false,
    };
  },
  created() {
  },
  methods: {
  }
};
</script>

<style rel="stylesheet/scss" lang="scss">
  .el-tabs__nav {
    width: 96px
  }
</style>
