<template>
  <Basic :question="question" :index="index" :pIndex="pIndex">
    <div v-for="(item, index) in question.elements" :key="item.name"
    :index="index" >
       <div class="select-title">
         {{item.title}}
      </div>
      <Select :name="item.name" :question="question" :pIndex="pIndex"></Select>
    </div>
    <template v-slot:control>
      <el-button type="success" @click="startEdit('edit')" size="mini" class="event-bubbling">{{ $t('general.btnEdit') }}</el-button>
      <el-button type="info" @click="startEdit('choose')" size="mini" class="event-bubbling">{{ $t('general.btnChoose') }}</el-button>
    </template>
  </Basic>

</template>
<script>
import Question from './Question'
import Basic from './Basic'
import Select from './Select'
export default {
  components: {
    Basic,
    Select
  },
  mixins: [Question],
  methods: {
  }
}
</script>
<style scoped>
.select-title{
  padding: 10px 0;
}
</style>
