音频管理 歌曲 添加上下架功能

src/views/music/list/detail.vue

@@ -6,7 +6,7 @@
       </el-form-item>
       <el-form-item label="歌手名称：" prop="singerId">
         <el-select v-model="form.singerId" multiple filterable remote reserve-keyword placeholder="请输入歌手名称"
-          :remote-method="getSelect">
+          :remote-method="getSelect" no-data-text="请新增歌手">
           <el-option v-for="item in singerOptions" :key="item.value" :value="item.value.toString()"
             :label="item.label" />
         </el-select>

src/views/music/list/index.vue

@@ -24,11 +24,14 @@
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
         <el-button type="primary" plain icon="el-icon-plus" @click="getDetail()">新增</el-button>
+        <el-button type="primary" :disabled="obj.id === ''" @click="getChange(obj, 1)">批量上架</el-button>
+        <el-button type="primary" :disabled="obj.id === ''" @click="getChange(obj, 2)">批量下架</el-button>
         <Upload action="/admin/program/batch/upload" multiple title="批量上传音频" style="margin-left: 10px" />
       </el-form-item>
     </el-form>
     <!-- 列表 -->
-    <el-table :data="tableData" :v-loading="loading">
+    <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="歌曲名称" prop="name" align="center" show-overflow-tooltip />
       <el-table-column label="歌手名称" align="center" show-overflow-tooltip>
@@ -45,7 +48,11 @@
       </el-table-column>
       <el-table-column label="播放时长" prop="playTime" align="center" />
       <el-table-column label="当前状态" prop="status" align="center" :formatter="statusFormatter" />
-      <el-table-column label="更新时间" prop="updateTime" align="center" />
+      <el-table-column label="更新时间" prop="updateTime" align="center">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <el-button type="text" @click="getDetail(scope.row.id, true)">查看</el-button>
@@ -89,7 +96,12 @@ export default {
       // 列表
       tableData: [],
       // 试听
-      isPlay: true
+      isPlay: true,
+      // 批量上下架
+      obj: {
+        id: '',
+        name: '已选数据'
+      }
     };
   },
   mounted() {
@@ -151,6 +163,12 @@ export default {
       }).catch(() => { })
     },
 
+    // 多选
+    handleSelect(e) {
+      this.obj.id = ''
+      e.map((item, index) => this.obj.id += item.id + ((index + 1) < e.length ? ',' : ''))
+    },
+
     // 删除
     getDelete(row) {
       this.$confirm(`是否删除${row.name}?`, '提示', {