var kTab = Vue.extend({
  template:
    '<el-tabs type="border-card" class="tab">' +
        '<el-tab-pane :label="item.label" v-for="item in data" :key="item.label">' +
            '<el-row :gutter="10">' +
                '<el-col :span="8" v-for="item1 in item.data" :key="item1.id" class="item ellipsis">' +
                    '<span style="cursor: pointer;" @click="click(item1)">{{ item1[name] + count(item1.count) }}</span>' +
                '</el-col>' +
            '</el-row>' +
        '</el-tab-pane>' +
    '</el-tabs>',
  props: {
    data: {
      type: Array
    },
    name: {
      type: String,
      default: 'nameCn'
    }
  },
  data () {
    return {

    }
  },
  mounted () {

  },
  methods: {
    count (val) {
      if (!val) {
        return ''
      }
      return '(' + val + ')'
    },
    click (item) {
      this.$emit('open-table', item)
    }
  }
})

Vue.component('kTab', kTab)