更新历史记录接口

src/api/visit.js

@@ -1,16 +1,21 @@
-import { get, post } from '@/utils/request'
+import { get, post, delete0 } from '@/utils/request'
 
 const visitApi = {
+  visitRecordApi: '/api/data/video/visit',
   collectVideoApi: '/api/content/visit/video',
-  visitRecordApi: '/api/content/visit/video',
 }
 
-// 添加收藏
-export function collectVideo(data) {
-  return post(visitApi.collectVideoApi, data)
-}
-
-// 获取用户收藏
+// 获取用户的视频观看记录
 export function getVisitRecord(nextId) {
   return get(visitApi.visitRecordApi + '?nextId=' + nextId)
 }
+
+// 删除用户的视频观看记录
+export function deleteVisitRecord(nextId) {
+  return delete0(visitApi.visitRecordApi + '?nextId=' + nextId)
+}
+
+// 清空用户的视频观看记录
+export function eraseVisitRecord(nextId) {
+  return delete0(visitApi.visitRecordApi + '?nextId=' + nextId)
+}

src/views/user/History.vue

@@ -28,17 +28,15 @@
             :timestamp="record.createAt"
             placement="top"
           >
-            <div>
-              <el-button
-                type="danger"
-                icon="el-icon-delete"
-                circle
-                size="small"
-                title="移除该历史记录"
-                @click.stop="removeHistory(record.videoId)"
-              />
-              <video-card :video="record"></video-card>
-            </div>
+            <video-card :video="record"></video-card>
+            <el-button
+              type="danger"
+              icon="el-icon-delete"
+              circle
+              size="small"
+              title="移除该历史记录"
+              @click.stop="removeHistory(record.videoId)"
+            />
           </el-timeline-item>
         </el-timeline>
       </el-col>
@@ -66,6 +64,7 @@ export default {
       nextId: 0,
       nextId1: 0,
       visitList: [],
+      showEmpty: false
     }
   },
   created() {