更新页面

src/api/video.js

@@ -15,6 +15,7 @@ const videoApi = {
   videoDeleteApi: '/api/content/video/delete',
   userVideoPostApi: '/api/content/video/user',
   userVideoCardApi: '/api/content/video/card/user',
+  convertVideoApi: '/api/content/video/convert',
 
   videoPageApi: '/api/content/video/page',
   videoRecommendApi: '/api/content/video/recommend',
@@ -24,7 +25,7 @@ const videoApi = {
   userContentDataApi: '/api/content/userdata',
   playerRecordApi: '/api/media/video/play/record',
   userRecentlyVideoListApi: '/api/media/video/post/user/recently',
-  testVideoApi: '/api/media/video/post/display'
+  testVideoApi: '/api/media/video/post/display',
 }
 
 // 视频分类接口
@@ -37,6 +38,11 @@ export function submitVideo(video) {
   return post(videoApi.videoSubmitApi, video)
 }
 
+// 视频转码
+export function convertVideo(videoId) {
+  return post(videoApi.convertVideoApi + '/' + videoId)
+}
+
 // 更新视频可见范围
 export function updateVideoScope(data) {
   return post(videoApi.updateVideoScopeApi, data)

src/components/upload/PublishVideo.vue

@@ -168,9 +168,6 @@ export default {
         categoryId: null,
         tags: [],
         scope: "1",
-        width: 0,
-        height: 0,
-        duration: 0,
         scheduledPubDate: null
       },
     }

src/views/post/VideoPost.vue

@@ -3,14 +3,17 @@
     <el-row :md="6" :sm="12" :xs="12">
       <el-table
         :data="dataList"
+        border
         style="width: 100%"
       >
         <el-table-column
+          fixed="left"
           type="index">
         </el-table-column>
         <el-table-column
           prop="pubDate"
-          label="发布时间">
+          label="发布时间"
+          width="150">
         </el-table-column>
         <el-table-column
           prop="coverUrl"
@@ -22,7 +25,8 @@
         </el-table-column>
         <el-table-column
           prop="videoId"
-          label="视频 ID">
+          label="视频 ID"
+          width="120">
           <template slot-scope="scope">
             <router-link target="_blank" :to="`/video/${scope.row.videoId}`">
               <span>{{scope.row.videoId}}</span>
@@ -31,15 +35,33 @@
         </el-table-column>
         <el-table-column
           prop="title"
-          label="标题">
+          label="标题"
+          width="150">
         </el-table-column>
         <el-table-column
           prop="description"
           label="描述">
         </el-table-column>
+        <el-table-column
+          prop="duration"
+          label="时长">
+        </el-table-column>
+        <el-table-column
+          prop="quality"
+          label="画质">
+        </el-table-column>
+        <el-table-column
+          prop="direction"
+          label="方向">
+        </el-table-column>
+        <el-table-column
+          prop="codec"
+          label="编码">
+        </el-table-column>
         <el-table-column
           prop="scope"
-          label="可见范围">
+          label="可见范围"
+          width="120">
           <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" content="点击修改视频可见范围" placement="top-end">
               <el-button
@@ -66,7 +88,8 @@
         </el-table-column>
         <el-table-column
           prop="scope"
-          label="审核状态">
+          label="审核状态"
+          width="120">
           <template slot-scope="scope">
             <el-tag v-if="scope.row.status === 1" :type="'warning'" disable-transitions>
               审核中
@@ -82,8 +105,14 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="210">
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="280">
           <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleConvert(scope.$index, scope.row)">转码</el-button>
             <el-button
               size="mini"
               @click="handlePreview(scope.$index, scope.row)">预览</el-button>
@@ -139,7 +168,7 @@
 
 <script>
 import VideoPreviewPlayer from 'components/VideoPreviewPlayer'
-import {updateVideoScope, videoInfo, deleteVideo} from "@/api/video";
+import { updateVideoScope, videoInfo, deleteVideo, convertVideo } from "@/api/video";
 
 export default {
   name: 'VideoPost',
@@ -177,6 +206,18 @@ export default {
       }
       done()
     },
+    handleConvert(index, row) {
+      convertVideo(row.videoId).then(res => {
+        if (res.code === 0) {
+          this.$notify({
+            title: '提示',
+            message: '视频转码请求已提交',
+            type: 'warning',
+            duration: 3000
+          })
+        }
+      })
+    },
     handlePreview(index, row) {
       videoInfo(row.videoId).then(res => {
         if (res.code === 0) {