谷粒学院86——修改课程章节

注意到添加完章节后，显示的课程章节中有编辑的选项，这是我们之前实现的ui，现在我们来把这个ui的功能实现。

将编辑button与方法绑定。

实现修改功能。

 saveChapter() {
      this.chapter.courseId = this.courseId,
      chapter.addChapter(this.chapter)
      .then(resp => {
        // 1.关闭弹框
        this.dialogChapterFormVisible = false
        // 2.提示成功
         this.$message({
          message: "添加课程章节成功",
          type: "success",
        })
        // 3.刷新页面(重新查询数据即可)
        this.getChapterVideo()
      })
   },
   openChapterDialog() {
     this.dialogChapterFormVisible = true,
     this.chapter.title = ''
     this.chapter.sort = 0
   },
   openEditChapter(chapterId) {
     this.dialogChapterFormVisible = true,
     chapter.getChapter(chapterId)
     .then(resp => {
       this.chapter = resp.data.chapter
     })
   },
   //修改章节
    updateChapter() {
      //设置课程id到chapter对象中
      this.chapter.courseId = this.courseId;
      chapter.updateChapter(this.chapter).then((resp) => {
        //关闭弹框
        this.dialogChapterFormVisible = false;
        //提示信息
        this.$message({
          message: "修改章节成功",
          type: "success",
        });
        //刷新页面
        this.getChapterVideo();
      });
    },
    saveOrUpdate() {
      if (this.chapter.id) {
        //修改章节
        this.updateChapter();
      } else {
        //新增章节
        this.saveChapter();
      }
    }