播客专辑 新增关联节目接口调试

src/views/music/blog/detail.vue

@@ -43,8 +43,8 @@
       <el-form-item label="关联节目：" style="width: 1000px">
         <el-button type="primary" @click="getPage">关联</el-button>
         <el-button @click="getDelete">解除关联</el-button>
-        <el-table :data="tableData1" height="229px"
-          @selection-change="handleSelectionChange($event, 'delete')">
+        <el-table :data="tableData1" height="229px" :row-key="getRowKey"
+          @selection-change="selectionChangeDelete">
           <el-table-column type="selection" align="center" />
           <el-table-column prop="id" label="节目ID" align="center" width="150px" />
           <el-table-column prop="name" label="节目名称" align="center" show-overflow-tooltip />
@@ -74,7 +74,7 @@
         </el-form-item>
       </el-form>
       <el-table :data="programmeTable" ref="programmeTable" v-loading="loading" :row-key="getRowKey"
-        @selection-change="handleSelectionChange($event, 'add')">
+        @selection-change="selectionChangeAdd">
         <el-table-column type="selection" reserve-selection align="center" />
         <el-table-column prop="id" label="节目ID" align="center" width="150px" />
         <el-table-column prop="name" label="节目名称" align="center" show-overflow-tooltip />
@@ -112,6 +112,7 @@ export default {
       tableData1: [],
       // 解除关联
       delete_list: [],
+      flag: false,
       // 节目总列表
       programmeTable: [],
       total: 0,
@@ -132,32 +133,37 @@ export default {
     },
 
     // 多选
-    handleSelectionChange(e, key) {
-      if (key === 'add') {
-        this.tableData1 = e
-      } else {
-        this.delete_list = e
-      }
+    selectionChangeDelete(e) {
+      this.delete_list = e
+    },
+
+    selectionChangeAdd(e) {
+      if(this.flag) return
+      this.tableData1 = e
     },
+
     getRowKey(row) {
       return row.id;
     },
 
     // 解除关联
     getDelete() {
+      this.flag = true
       this.delete_list.forEach(i => {
+        this.tableData1.splice(i, 1)
         this.$refs.programmeTable.toggleRowSelection(i)
       })
+      this.flag = false
     },
 
     // 搜索
-    getSearch(){
+    getSearch() {
       this.programmeForm.pageNum = 1
       this.getPage()
     },
 
     // 重置
-    getRefresh(){
+    getRefresh() {
       this.programmeForm = {
         pageNum: 1,
         pageSize: 10