PlaylistView.vue 页面添加一个删除视频稿件接口

src/api/video.js

@@ -131,6 +131,11 @@ export function videoErrorReport(data) {
   return post(videoApi.videoErrorReportApi, data)
 }
 
+// 报告视频错误
+export function videoErrorDelete(data) {
+  return post(videoApi.videoErrorReportApi, data)
+}
+
 // 下载视频
 export function downloadVideo(videoId) {
   return get(videoApi.videoDownloadApi + '/' + videoId)

src/views/home/PlaylistView.vue

@@ -54,27 +54,10 @@
               <el-button
                 type="danger"
                 size="mini"
-                icon="el-icon-download"
-                @click="getDownloadUrl(video.videoId)"
+                icon="el-icon-delete"
+                @click="deleteVideo(video.videoId)"
               >
-                <span>下载</span>
-              </el-button>
-              <el-button
-                v-if="video.cache != null"
-                type="danger"
-                size="mini"
-                icon="el-icon-download"
-                @click="cacheBiliVideo(video.videoId)"
-              >
-                <span>{{ video.cache.msg }}</span>
-              </el-button>
-              <el-button
-                type="danger"
-                size="mini"
-                icon="el-icon-help"
-                @click="displayErrorReportDialog"
-              >
-                <span>报错</span>
+                <span>删除</span>
               </el-button>
             </div>
           </div>
@@ -210,8 +193,7 @@
       :visible.sync="showErrorReportDialog"
       width="30%"
       center
-    >
-    </el-dialog>
+    />
   </el-row>
   <el-row v-else>
     <permission-denied-card :text-object="textObject" />
@@ -226,7 +208,7 @@ import comment from '@/components/comment'
 import flvjs from 'flv.js'
 import DPlayer from 'dplayer'
 
-import { videoUrl, videoInfo } from '@/api/video'
+import { videoUrl, videoInfo, videoErrorDelete } from '@/api/video'
 import { getPlaylistItems } from '@/api/collect'
 import { getUserInfo } from '@/api/user'
 import { getAccessToken } from '@/utils/auth'
@@ -387,9 +369,37 @@ export default {
     // 用户点击收藏
     collection(videoId) {
     },
-    getDownloadUrl(videoId) {
-    },
-    cacheBiliVideo(bvId) {
+    deleteVideo(videoId) {
+      const errorReportForm = {
+        videoId: videoId,
+        errorCode: 4
+      }
+
+      videoErrorDelete(errorReportForm).then(resp => {
+        if (resp.code === 0) {
+          this.errorReportForm.errorCode = null
+          this.$notify({
+            title: '提示',
+            message: '视频错误已提交',
+            type: 'warning',
+            duration: 3000
+          })
+        } else {
+          this.$notify({
+            title: '提示',
+            message: resp.msg,
+            type: 'warning',
+            duration: 3000
+          })
+        }
+      }).catch(error => {
+        this.$notify({
+          title: '提示',
+          message: error.message,
+          type: 'warning',
+          duration: 3000
+        })
+      })
     },
     submitAccessCodeWrapper() {
     },
@@ -556,7 +566,7 @@ export default {
         }, 300)
       })
       console.log('deleteComment: ', res)
-    },
+    }
   }
 }
 </script>