<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="自定义辨识风险" name="RepoRisk">
        <transition name="fade" mode="out-in">
          <RepoRisk v-if="activeName == 'RepoRisk'"/>
        </transition>
      </el-tab-pane>
      <el-tab-pane label="企业辨识风险" name="CorpRisk">
        <transition name="fade" mode="out-in">
          <CorpRisk/>
        </transition>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>
<script>
import RepoRisk from './components/repoRisk'
import CorpRisk from './components/corpRisk'
export default {
  components: { RepoRisk, CorpRisk },
  data() {
    return {
      activeName: 'RepoRisk'
    }
  },
  methods: {
    handleClick(tab) {
      this.activeTab = tab.name
    }
  }
}

</script>
