<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 fb from './view/fb'
import fnh from './view/fnh'
import fyw from './view/fyw'
import ff from './view/ff'
import fl from './view/fl'
import fs from './view/fs'
import fh from './view/fh'
import fcr from './view/fcr'
import fxs from './view/fxs'

export default {
  components: {
    fb,
    fnh,
    fyw,
    ff,
    fl,
    fs,
    fh,
    fcr,
    fxs
  },
  data() {
    return {
      activeKey: 'fb',
      tabs: [{
        title: '防冰',
        name: 'fb'
      }, {
        title: '防鸟害',
        name: 'fnh'
      },
      {
        title: '防风',
        name: 'ff'
      },
      {
        title: '防异物',
        name: 'fyw'
      },
      {
        title: '防雷',
        name: 'fl'
      },
      {
        title: '防树',
        name: 'fs'
      },
      {
        title: '防洪',
        name: 'fh'
      },
      {
        title: '防春融',
        name: 'fcr'
      },
      {
        title: '防锈蚀',
        name: 'fxs'
      }]
    }
  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
  @import '~@/assets/less/common.less'
</style>
