kgraph-ui/src/views/searchV2/breakdown/index.vue

<template>
  <div class="app-container">
      <el-tabs v-model="activeName" @tab-click="handleClick" >
          <el-tab-pane label="故障关联分析" name="first">
            <Sbreakdown name1="故障" name2 ="故障" :key="1"/>
          </el-tab-pane>
          <el-tab-pane label="故障部件关联分析" name="second">
            <Sbreakdown name1="故障" name2 ="部件" :key="2"/>
          </el-tab-pane>
          <el-tab-pane label="部件关联分析" name="third">
            <Sbreakdown name1="部件" name2 ="部件" :key="3"/>
          </el-tab-pane>
          <el-tab-pane label="检索" name="forth">
            <Like name="名称" :key="4"/>
          </el-tab-pane>
      </el-tabs>
  </div>
</template>
<script>
import Sbreakdown from '@/views/searchV2/breakdown/base'
import Like from '@/views/searchV2/breakdown/like'
export default {
  name: "SearchBreakdown",
  components:{Sbreakdown, Like},
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {
    handleClick(tab, event){}
  }
}
</script>