<template>
  <div class="item">
    {{item}}
    <template v-if="total.length != index">
      -<el-checkbox :label="item+'-'+total[index]" />-
    </template>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      type: String,
      default: ''
    },
    total: {
      type: Array,
      default: []
    },
    index: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="scss" scoped>
.item {
  white-space: nowrap;
  .el-checkbox {
    margin-right: 0;
  }
}
</style>