歌曲列表

src/views/music/list/detail.vue

@@ -143,10 +143,9 @@ export default {
       this.$refs.form.validate((valid) => {
         if (valid) {
           this.form.singerId = this.form.singerId.join(',')
-          let title = this.form.id ? '编辑成功！' : '新增成功！'
           submit(this.form).then(res => {
             if (res.code === 0) {
-              this.$message.success(`${title}`)
+              this.$message.success('提交成功！')
               this.cancel()
             }
           })

src/views/music/list/index.vue

@@ -2,6 +2,9 @@
   <div class="app-container">
     <!-- 搜索 -->
     <el-form inline size="mini">
+      <el-form-item label="歌曲Id：">
+        <el-input v-model="form.id" placeholder="请输入歌曲Id" clearable />
+      </el-form-item>
       <el-form-item label="歌曲名称：">
         <el-input v-model="form.name" placeholder="请输入歌曲名称" clearable />
       </el-form-item>
@@ -33,7 +36,7 @@
     <!-- 列表 -->
     <el-table :data="tableData" v-loading="loading" @selection-change="handleSelect">
       <el-table-column type="selection" align="center" />
-      <el-table-column label="ID" prop="id" align="center" />
+      <el-table-column label="歌曲Id" prop="id" align="center" />
       <el-table-column label="歌曲名称" prop="name" align="center" show-overflow-tooltip />
       <el-table-column label="歌手名称" align="center" show-overflow-tooltip>
         <template slot-scope="scope">