完成我喜欢播放列表

src/renderer/views/SongList.vue

@@ -31,6 +31,8 @@
             material-pagination(:count="listData.total" :limit="listData.limit" :page="listData.page" @btn-click="handleToggleListPage")
     material-download-modal(:show="isShowDownload" :musicInfo="musicInfo" @select="handleAddDownload" @close="isShowDownload = false")
     material-download-multiple-modal(:show="isShowDownloadMultiple" :list="selectdData" @select="handleAddDownloadMultiple" @close="isShowDownloadMultiple = false")
+    material-list-add-modal(:show="isShowListAdd" :musicInfo="musicInfo" @close="isShowListAdd = false")
+    material-list-add-multiple-modal(:show="isShowListAddMultiple" :musicList="selectdData" @close="handleListAddModalClose")
 </template>
 
 <script>
@@ -52,6 +54,8 @@ export default {
       selectdData: [],
       isShowDownloadMultiple: false,
       isToggleSource: false,
+      isShowListAdd: false,
+      isShowListAddMultiple: false,
     }
   },
   computed: {
@@ -137,8 +141,12 @@ export default {
         case 'search':
           this.handleSearch(info.index)
           break
-        // case 'add':
-        //   break
+        case 'listAdd':
+          this.musicInfo = this.listDetail.list[info.index]
+          this.$nextTick(() => {
+            this.isShowListAdd = true
+          })
+          break
       }
     },
     testPlay(index) {
@@ -216,8 +224,7 @@ export default {
           this.testPlay()
           break
         case 'add':
-          this.listAddMultiple({ id: 'default', list: this.selectdData })
-          this.resetSelect()
+          this.isShowListAddMultiple = true
           break
       }
     },
@@ -241,6 +248,10 @@ export default {
     hideListDetail() {
       setTimeout(() => this.setVisibleListDetail(false), 50)
     },
+    handleListAddModalClose(isSelect) {
+      if (isSelect) this.resetSelect()
+      this.isShowListAddMultiple = false
+    },
   },
 }
 </script>