ts-course v0.0.13

course 课程管理

http://ui.ucmed.cn/#/cloudcollege/course

<ts-course 
  :treeList="treeList" 
  :courseType="courseType" 
  @addItem="addItem" 
  @deleteItem="deleteItem" 
  @changeItemName="changeItemName" 
  @editCourse="editCourse">
</ts-course>

API

Props

数据结构：

let treeList = [{
  course_id:'',// 唯一id
  catalog_type:'',// 目录类型 1:章 2:节 3:课
  catalog_name:'',// 目录名称
  parent_id:'',// 上级目录id
  next_id:'',// 兄弟节点id
  courseware_type:'',// 课件类型
  create_time:'',// 生成时间
  updata_time:'',// 修改时间
  delete_time:''// 删除时间
}]

// 自定义课件类型
let courseType = {
  1:'PDF',
  2:'文档',
  3:'视频'
}

Events

例：

addItem (type, index, id) {
  // 打印参数
  let addtype = type === 1 ? '章' : (type === 2 ? '节' : '课件')
  this.$message({
    type: 'info',
    message: `我要在${index}位置添加的类型为${addtype},ID=${id}`
  })
  // 调用添加请求
  this.treeList.splice(index, 0, {
    catalog_name: addtype,
    catalog_type: type,
    course_id: '1',
    parent_id: '',
    next_id: ''
  })
},
editCourse (id) {
  this.$alert(`前往课件编辑页面。课件ID=${id}`)
},
deleteItem (index, id) {
  this.treeList.splice(index, 1)
  // 调用删除请求
  this.$message({
    type: 'success',
    message: `删除成功,INDEX=${index},ID=${id}!`
  })
},
changeItemName (name, id) {
  // 调用修改Name请求
  this.$message({
    type: 'success',
    message: `修改ID=${id}成功,修改后NAME=${name}!`
  })
}