18-媒资与课程计划关联-保存视频信息-前端开发

重启报错的话，关闭编辑器重启启动

3.3.4 前端开发

3.3.4.1 API方法

定义api方法，调用课程管理服务保存媒资信息接口

/*保存媒资信息*/
export const savemedia = teachplanMedia => {
return http.requestPost(apiUrl+'/course/savemedia',teachplanMedia);
}

3.3.4.2 API调用

在课程视频方法中调用api：

choosemedia(mediaId,fileOriginalName,mediaUrl){
this.mediaFormVisible = false;
//保存课程计划与视频对应关系
let teachplanMedia = {};
teachplanMedia.teachplanId = this.activeTeachplanId;
teachplanMedia.mediaId = mediaId;
teachplanMedia.mediaFileOriginalName = fileOriginalName;
teachplanMedia.mediaUrl = mediaUrl;
teachplanMedia.courseId = this.courseid;
//保存媒资信息到课程数据库
courseApi.savemedia(teachplanMedia).then(res=>{
if(res.success){
this.$message.success("选择视频成功")
}else{
this.$message.error(res.message)
}
})
},

3.3.4测试

1、向叶子结点课程计划保存媒资信息
操作结果：保存成功

2、向非叶子结点课程计划保存媒资信息
操作结果：保存失败

注意选择第3级菜单进行选择视频