<template>
  <el-card class="content-z">
    <a-tabs v-model="activeKey">
      <a-tab-pane
        v-for="item in tabs"
        :key="item.name"
        :tab="item.title"
      >
        <component
          :is="item.name"
          v-if="activeKey === item.name"
        />
      </a-tab-pane>
    </a-tabs>
  </el-card>
</template>
<script>
import fd from './view/fd'
import bl from './view/bl'
import dc from './view/dc'
import gl from './view/gl'
import jc from './view/jc'
import wjc from './view/wjc'

export default {
  components: {
    fd,
    bl,
    dc,
    gl,
    jc,
    wjc
  },
  data() {
    return {
      activeKey: 'fd',
      tabs: [{
        title: '分段分相绝缘器',
        name: 'fd'
      }, {
        title: '避雷器',
        name: 'bl'
      }, {
        title: '地磁感应装置',
        name: 'dc'
      }, {
        title: '隔离开关',
        name: 'gl'
      }, {
        title: '交叉线岔',
        name: 'jc'
      }, {
        title: '无交叉线岔',
        name: 'wjc'
      }]
    }
  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
  @import '~@/assets/less/common.less'
</style>
