Browse Source

feat: 增添加歌单详情添加多个音频,上下移动删除

Damon 8 months ago
parent
commit
6af97328c1

+ 1 - 1
src/utils/request.js

@@ -66,7 +66,7 @@ service.interceptors.request.use(config => {
       const interval = 2000; // 间隔时间(ms),小于此时间视为重复提交
       if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
        const message = '数据正在处理,请勿重复提交';
-      //  console.warn(`[${s_url}]: ` + message)
+        console.warn(`[${s_url}]: ` + message)
        return Promise.reject(new Error(message))
       } else {
         cache.session.setJSON('sessionObj', requestObj)

+ 2 - 2
src/views/music/album/detail.vue

@@ -213,7 +213,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 +227,7 @@
               选择
             </el-button>
           </template>
-        </el-table-column> -->
+        </el-table-column>
       </el-table>
       <pagination
         v-show="total > 0"

+ 36 - 2
src/views/music/menu/detail.vue

@@ -1,3 +1,5 @@
+
+<!-- 音频管理 歌单详情 -->
 <template>
   <div class="app-container">
     <el-form
@@ -111,14 +113,32 @@
             align="center"
             :formatter="statusFormatter"
           />
+
           <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
-              >
+                >删除</el-button>
+                
+            <!-- 向上移动 -->
+            <el-button
+              type="text"
+              icon="el-icon-caret-top"
+              @click="getChange(true, scope.$index,scope.$index - 1)"
+              :disabled="scope.$index < 1"
+            />
+
+            <!-- 向下移动 -->
+            <el-button
+              type="text"
+              icon="el-icon-caret-bottom"
+              @click="getChange(false,scope.$index, scope.$index + 1)"
+              :disabled="scope.$index > form.programList.length-2"
+            />
+
             </template>
           </el-table-column>
+
         </el-table>
       </el-form-item>
     </el-form>
@@ -375,6 +395,20 @@ export default {
     }
   },
   methods: {
+    // 排序
+    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);
+    },
+
     tableKey(row) {
       return row.id;
     },

+ 1 - 1
src/views/operation/activity/detail.vue

@@ -243,7 +243,7 @@ export default {
               }
             }
           }
-        }
+        }
         this.deviceRespListTemp = JSON.parse(JSON.stringify(val));
 
         // for (let i in this.devOptions) {

+ 1 - 2
src/views/operation/activity/index.vue

@@ -272,7 +272,6 @@ export default {
     // 提交分类表单
     getDialogSubmit() {
       var iccid = this.dialogData.iccid;
-      console.log("sdafdsfwerqrwqr==00==" + iccid);
       if (iccid == null || iccid == "") {
         this.$message.success("ICCID号不能为空");
         return;
@@ -283,13 +282,13 @@ export default {
         this.$message.success("关联活动ID不能为空");
         return;
       }
+
       var deviceId = this.dialogData.deviceId;
       if (deviceId == null || deviceId == "") {
         this.$message.success("设备型号不能为空");
         return;
       }
 
-      
       var param = {
         iccid: iccid,
         activityId: activityId,