加上一个上传日志的页面

src/api/report.js

@@ -468,6 +468,24 @@ export function uploadFromOss(data) {
   })
 }
 
+export function getVideoLog(params) {
+  return request({
+    // url: 'http://localhost:8567/youtube/getYoutubeUploadLogList',
+    url: 'https://putinapi.zhangxindiet.com/youtube/getYoutubeUploadLogList',
+    method: 'get',
+    params
+  })
+}
+
+
+export function getVideoLogCount() {
+    return request({
+      // url: 'http://localhost:8567/youtube/getCount',
+      url: 'https://putinapi.zhangxindiet.com/youtube/getCount',
+      method: 'get',
+    })
+}
+
 // 获取指定账户的转化列表
 export function fetchConversionAction(data) {
   return request({

src/router/index.js

@@ -97,6 +97,11 @@ export const constantRouterMap = [
         name: "assetManagement.createMaterial",
         component: () => import("@/views/uploadYoutube/uploadYoutube"),
         meta: { title: "创意素材", icon: "chart" }
+      },{
+        path: "/assetManagement/uploadYoutubeLog",
+        name: "assetManagement.createMaterial",
+        component: () => import("@/views/uploadYoutube/uploadYoutubeLog"),
+        meta: { title: "创意素材", icon: "chart" }
       }
     ]
   },

src/views/uploadYoutube/uploadYoutube.vue

@@ -74,16 +74,16 @@
 
     <el-form :model="form" label-width="120px">
 
-      <el-form-item label="观众">
-        <span>内容是面向儿童</span>
-        <el-switch v-model="form.isForChildren"></el-switch>
-        <el-tag
-          :type="form.isForChildren ? 'info' : ''"
-          :effect="form.isForChildren ? 'dark' : 'plain'"
-        >
-          内容不是面向儿童
-        </el-tag>
-      </el-form-item>
+<!--      <el-form-item label="观众">-->
+<!--        <span>内容是面向儿童</span>-->
+<!--        <el-switch v-model="form.isForChildren"></el-switch>-->
+<!--        <el-tag-->
+<!--          :type="form.isForChildren ? 'info' : ''"-->
+<!--          :effect="form.isForChildren ? 'dark' : 'plain'"-->
+<!--        >-->
+<!--          内容不是面向儿童-->
+<!--        </el-tag>-->
+<!--      </el-form-item>-->
 
       <el-form-item label="类别" required>
         <el-select v-model="form.category" placeholder="请选择分类" style="width: 100%" v-if="categories.length > 0">
@@ -158,10 +158,9 @@ export default {
       categories: [],
       playlists: [],
       form: {
-        isForChildren: false,
         category: '',
         playlist: '',
-        visibility: '不公开列出',
+        visibility: '',
         description: '',
         tags: '' // 标签
       },

src/views/uploadYoutube/uploadYoutubeLog.vue

+<template>
+  <div class="upload-log">
+    <h2>YouTube 上传日志</h2>
+
+    <el-table :data="tableData" style="width: 100%" border>
+      <el-table-column type="index" label="序号" width="50"></el-table-column>
+      <el-table-column prop="materialBusinessId" label="关联资源 ID" width="120"></el-table-column>
+      <el-table-column prop="videoId" label="YouTube 视频 ID" width="150"></el-table-column>
+      <el-table-column prop="ossUrl" label="OSS URL">
+        <template slot-scope="scope">
+          <video :src="scope.row.ossUrl" controls width="200"></video>
+        </template>
+      </el-table-column>
+      <el-table-column prop="title" label="视频标题"></el-table-column>
+      <el-table-column prop="privacyStatus" label="隐私状态" width="100"></el-table-column>
+      <el-table-column prop="uploadStatus" label="上传状态" width="100"></el-table-column>
+      <el-table-column prop="uploadProgress" label="上传进度" width="150">
+        <template slot-scope="scope">
+          <el-progress :percentage="scope.row.uploadProgress"></el-progress>
+        </template>
+      </el-table-column>
+      <el-table-column prop="uploadStartTime" label="上传开始时间" width="160"></el-table-column>
+      <el-table-column prop="uploadEndTime" label="上传结束时间" width="160"></el-table-column>
+      <el-table-column prop="errorMessage" label="错误信息"></el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { getVideoLog, getVideoLogCount } from '@/api/report';
+
+export default {
+  name: "UploadLog",
+  data() {
+    return {
+      tableData: [],
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+    };
+  },
+  methods: {
+    fetchData() {
+      Promise.all([
+        getVideoLog({page: this.currentPage - 1, size: this.pageSize}),
+        getVideoLogCount()
+      ])
+        .then(([logResponse, countResponse]) => {
+          if (logResponse.status === 200) {
+            this.tableData = logResponse.result.data;
+          } else {
+            this.$message.error('获取上传日志列表失败');
+          }
+
+          if (countResponse.status === 200) {
+            this.total = countResponse.result.data;
+          } else {
+            this.$message.error('获取上传日志总数失败');
+          }
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+          this.$message.error('获取数据失败');
+        });
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.currentPage = 1;
+      this.fetchData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.fetchData();
+    }
+  },
+  created() {
+    this.fetchData();
+  }
+};
+</script>
+
+<style scoped>
+.upload-log {
+  padding: 20px;
+}
+</style>