<template>
  <div>
    <add @onSuccess="onSuccess"></add>
    <list ref="list">
      <template v-slot:start="scope">
        <start :data="scope.data.column.data"></start>
      </template>
      <template v-slot:edit="scope">
        <edit class="inline-16" :data="scope.data.data" @onSuccess="onSuccess"></edit>
      </template>
      <template v-slot:addChild="scope">
        <addChild class="inline-16" :data="scope.data.data" @onSuccess="onSuccess"></addChild>
      </template>
      <template v-slot:del="scope">
        <ondel class="inline-16" :data="scope.data.data" @onSuccess="onSuccess"></ondel>
      </template>
      <template v-slot:childedit="scope">
        <edit class="inline-16" :data="scope.data.data" @onSuccess="onSuccess"></edit>
      </template>
      <template v-slot:childdel="scope">
        <ondel class="inline-16" :data="scope.data.data" @onSuccess="onSuccess"></ondel>
      </template>
    </list>
  </div>
</template>

<script>
import add from './modules/add.vue'
import edit from './modules/edit.vue'
import start from './modules/start.vue'
import ondel from './modules/del.vue'

import addChild from './modules/addChild.vue'

import list from './modules/list.vue'

export default {
  components:{
    add,
    list,
    start,
    edit,
    addChild,
    ondel
  },
  methods:{
    onSuccess () {
      this.$refs.list.coursewareclass()
    }
  }
}

</script>
<style>
</style>