feat: 增添加播客专辑详情添加多个音频，上下移动删除

src/views/music/album/detail.vue

@@ -119,20 +119,22 @@
                 >删除</el-button
               >
 
+              <!-- 向上移动 -->
               <el-button
-                v-if="!disabledPlatformId(form.platformId)"
                 type="text"
                 icon="el-icon-caret-top"
-                @click="getChangeSort(scope.$index, scope.$index - 1)"
-                :disabled="scope.$index <= 0"
+                @click="getChange(true, scope.$index, scope.$index - 1)"
+                :disabled="scope.$index < 1 && !disabled"
               />
 
+              <!-- 向下移动 -->
               <el-button
-                v-if="!disabledPlatformId(form.platformId)"
                 type="text"
                 icon="el-icon-caret-bottom"
-                @click="getChangeSort(scope.$index, scope.$index + 1)"
-                :disabled="scope.$index > form.programList.length - 2"
+                @click="getChange(false, scope.$index, scope.$index + 1)"
+                :disabled="
+                  scope.$index > form.programList.length - 2 && !disabled
+                "
               />
             </template>
           </el-table-column>
@@ -213,7 +215,7 @@
           show-overflow-tooltip
         />
         <el-table-column label="播放时长" prop="playTime" align="center" />
-        <el-table-column label="操作" align="center">
+        <!-- <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button
               type="text"
@@ -227,7 +229,7 @@
               选择
             </el-button>
           </template>
-        </el-table-column>
+        </el-table-column> -->
       </el-table>
       <pagination
         v-show="total > 0"
@@ -408,27 +410,17 @@ export default {
     // },
 
     // 排序
-    getChangeSort(row, sort) {
-      const rowBean = this.form.programList[row];
-      const sortBean = this.form.programList[sort];
-      this.form.programList[row] = sortBean;
-      this.form.programList[sort] = rowBean;
+    getChange(top, index, laterIndex) {
+      var row = this.form.programList[index];
+      var laterRow = this.form.programList[laterIndex];
+      if (top) {
+        this.form.programList[index] = laterRow;
+        this.form.programList[laterIndex] = row;
+      } else {
+        this.form.programList[laterIndex] = row;
+        this.form.programList[index] = laterRow;
+      }
       this.form.programList = this.form.programList.filter((i) => i);
-
-      // let arr = [];
-      // const formTemp = this.form;
-      // formTemp.programList.map((i) => {
-      //   arr.push(i.id);
-      // });
-      // formTemp.programList = arr;
-
-      // submit(formTemp).then((res) => {
-      //   if (res.code === 0) {
-      //     let title = "修改成功！";
-      //     this.$message.success(`${title}`);
-      //     this.getDetail();
-      //   }
-      // });
     },
 
     // 详情

src/views/music/blog/detail.vue

@@ -1,4 +1,4 @@
-<!-- 博客专辑 详情 -->
+<!-- 音频管理 播客专辑详情 -->
 <template>
   <div class="app-container">
     <el-form
@@ -140,6 +140,7 @@
             align="center"
             :formatter="platformFormatter"
           />
+
           <el-table-column
             label="当前状态"
             prop="status"
@@ -147,27 +148,25 @@
             :formatter="statusFormatter"
           />
 
-          <el-table-column
-            v-if="!disabledPlatformId(form.platformId)"
-            label="操作"
-            align="center"
-          >
+          <el-table-column label="操作" align="center">
             <template slot-scope="scope">
-              <Audio :src="scope.row.progaramUrl" />
+              <!-- <Audio :src="scope.row.progaramUrl" /> -->
 
+              <!-- 向上移动 -->
               <el-button
                 type="text"
                 icon="el-icon-caret-top"
-                @click="getChangeSort(scope.$index, scope.$index - 1)"
-                :disabled="scope.$index <= 0"
+                @click="getChange(true, scope.$index, scope.$index - 1)"
+                :disabled="scope.$index < 1 && !disabled"
               />
 
+              <!-- 向下移动 -->
               <el-button
                 type="text"
                 icon="el-icon-caret-bottom"
-                @click="getChangeSort(scope.$index, scope.$index + 1)"
+                @click="getChange(false, scope.$index, scope.$index + 1)"
                 :disabled="
-                  scope.$index > form.adminPodCastProgramDetailResp.length - 2
+                  scope.$index > form.adminPodCastProgramDetailResp.length - 2 && !disabled
                 "
               />
             </template>
@@ -211,6 +210,7 @@
               :value="item.value"
               :label="item.label"
             />
+            
           </el-select>
         </el-form-item>
         <el-form-item label="资源平台：">
@@ -274,6 +274,7 @@
           align="center"
           :formatter="statusFormatter"
         />
+
         <!-- <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button
@@ -451,6 +452,20 @@ export default {
     }
   },
   methods: {
+    // 排序
+    getChange(top, index, laterIndex) {
+      var row = this.form.adminPodCastProgramDetailResp[index];
+      var laterRow = this.form.adminPodCastProgramDetailResp[laterIndex];
+      if (top) {
+        this.form.adminPodCastProgramDetailResp[index] = laterRow;
+        this.form.adminPodCastProgramDetailResp[laterIndex] = row;
+      } else {
+        this.form.adminPodCastProgramDetailResp[laterIndex] = row;
+        this.form.adminPodCastProgramDetailResp[index] = laterRow;
+      }
+      this.form.adminPodCastProgramDetailResp = this.form.adminPodCastProgramDetailResp.filter((i) => i);
+    },
+
     tableKey(row) {
       return row.id;
     },

src/views/music/menu/detail.vue

@@ -117,7 +117,7 @@
           <el-table-column label="操作" align="center">
             <template slot-scope="scope">
               <Audio :src="scope.row.progaramUrl" />
-              <el-button type="delete" @click="getDelete(scope.$index)"
+              <el-button type="delete"   :disabled="disabled" @click="getDelete(scope.$index)"
                 >删除</el-button>
                 
             <!-- 向上移动 -->
@@ -125,7 +125,7 @@
               type="text"
               icon="el-icon-caret-top"
               @click="getChange(true, scope.$index,scope.$index - 1)"
-              :disabled="scope.$index < 1"
+              :disabled="scope.$index < 1&& !disabled"
             />
 
             <!-- 向下移动 -->
@@ -133,7 +133,7 @@
               type="text"
               icon="el-icon-caret-bottom"
               @click="getChange(false,scope.$index, scope.$index + 1)"
-              :disabled="scope.$index > form.programList.length-2"
+              :disabled="scope.$index > form.programList.length-2&& !disabled"
             />
 
             </template>