批量上传

src/api/report.js

@@ -499,24 +499,24 @@ export function fetchConversionAction(data) {
 
 export function getMaterialDirectoriesTree() {
   return request({
-    url: 'http://localhost:8567/material/business/youtube/directories/tree',
-    // url: 'https://putinapi.zhangxindiet.com/material/business/youtube/directories/tree',
+    // url: 'http://localhost:8567/material/business/youtube/directories/tree',
+    url: 'https://putinapi.zhangxindiet.com/material/business/youtube/directories/tree',
     method: 'get',
   })
 }
 
 export function getDirectoryById(params) {
   return request({
-    url: 'http://localhost:8567/material/business/youtube/getDirectoryById',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/getDirectoryById',
+    // url: 'http://localhost:8567/material/business/youtube/getDirectoryById',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/getDirectoryById',
     method: 'get',
     params
   })
 }
 export function createDirectory(params) {
   return request({
-    url: 'http://localhost:8567/material/business/youtube/createdirectories',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/createdirectories',
+    // url: 'http://localhost:8567/material/business/youtube/createdirectories',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/createdirectories',
     method: 'get',
     params
   })
@@ -524,16 +524,16 @@ export function createDirectory(params) {
 
 export function updateDirectory() {
   return request({
-    url: 'http://localhost:8567/business/youtube/updateDirectory',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
+    // url: 'http://localhost:8567/business/youtube/updateDirectory',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
     method: 'get',
   })
 }
 
 export function getMaterialCount(params) {
   return request({
-    url: 'http://localhost:8567/material/count',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
+    // url: 'http://localhost:8567/material/count',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
     method: 'get',
     params
   })
@@ -541,8 +541,8 @@ export function getMaterialCount(params) {
 
 export function movematerial(params) {
   return request({
-    url: 'http://localhost:8567/material/business/youtube/movematerial',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
+    // url: 'http://localhost:8567/material/business/youtube/movematerial',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/updateDirectory',
     method: 'get',
     params
   })
@@ -551,8 +551,8 @@ export function movematerial(params) {
 
 export function deleteDirectory(params) {
   return request({
-    url: 'http://localhost:8567/material/business/youtube/deleteDirectory',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/deleteDirectory',
+    // url: 'http://localhost:8567/material/business/youtube/deleteDirectory',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/deleteDirectory',
     method: 'get',
     params
   })
@@ -560,8 +560,8 @@ export function deleteDirectory(params) {
 
 export  function uploadMaterial(body,params){
   return request({
-    url: 'http://localhost:8567/material/business/youtube/uploadVideo',
-    // url: 'https://putinapi.zhangxindiet.com/business/youtube/deleteDirectory',
+    // url: 'http://localhost:8567/material/business/youtube/uploadVideo',
+    url: 'https://putinapi.zhangxindiet.com/business/youtube/deleteDirectory',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: body, // Body 数据
@@ -570,5 +570,40 @@ export  function uploadMaterial(body,params){
 }
 
 
+export function getMaterialDesigners() {
+  return request({
+    // url: 'http://localhost:8567/material/getMaterialDesigners',
+    url: 'https://putinapi.zhangxindiet.com/material/getMaterialDesigners',
+    method: 'get',
+
+  })
+}
+export function getMaterialsByTag(params) {
+  return request({
+    // url: 'http://localhost:8567/material/business/youtube/getMaterialsByTag',
+    url: 'https://putinapi.zhangxindiet.com/material/getMaterialDesigners',
+    method: 'get',
+    params
+
+  })
+}
+export function getAllTags() {
+  return request({
+    // url: 'http://localhost:8567/material/getAllTags',
+    url: 'https://putinapi.zhangxindiet.com/material/getMaterialDesigners',
+    method: 'get',
+
+  })
+}
+export function getYoutubeUploadDetaillist() {
+  return request({
+    // url: 'http://localhost:8567/material/getYoutubeUploadDetaillist',
+    url: 'https://putinapi.zhangxindiet.com/material/getYoutubeUploadDetaillist',
+    method: 'get',
+
+  })
+}
+
+
 // ----------------------------------------
 

src/views/createDelivery/index.vue

@@ -618,8 +618,16 @@
                 <el-form-item label="选择图片">
                   <ImageUploader @change="handleUploadChange"/>
                 </el-form-item>
-                <el-form-item label="输入Youtube链接">
-                  <TextInputList v-model="putinTask.videoUrls" :maxLength="100"/>
+                <el-form-item label="选择 Youtube 视频">
+                  <el-button type="primary" @click="fetchVideoList">加载视频列表</el-button>
+                  <el-input v-model="videoUrlsString" placeholder="YouTube 链接将自动填充" :disabled="true" type="textarea" :rows="3"></el-input>
+                  <div class="video-list" style="display: flex; flex-wrap: wrap;">
+                    <div v-for="video in videoDataList" :key="video.videoId" class="video-item" @click="toggleVideoSelection(video)" style="margin: 10px; text-align: center; cursor: pointer;">
+                      <video :src="video.ossUrl" controls width="200"></video>
+                      <p>{{ video.materialName }}</p>
+                      <el-checkbox v-model="selectedVideoId" :label="video.videoId"></el-checkbox>
+                    </div>
+                  </div>
                 </el-form-item>
               </el-form>
             </div>
@@ -696,7 +704,8 @@ import {
   putinCreatePutinTask,
   getAdvList,
   getAdvertiseCount,
-  fetchConversionAction
+  fetchConversionAction,
+  getYoutubeUploadDetaillist
 } from "@/api/report";
 import { dateOptions } from "@/assets/js/dateOptions";
 import moment from "moment";
@@ -731,7 +740,14 @@ export default {
     ImageUploader,
     YouTubeVideoInput
   }, // 注册
-
+  watch: {
+    selectedVideoId: {
+      handler(newVal) {
+        this.putinTask.videoUrls = newVal.map(videoId => `https://www.youtube.com/watch?v=${videoId}`);
+      },
+      deep: true
+    }
+  },
   data() {
     return {
       tagId: "",
@@ -1001,6 +1017,8 @@ export default {
       activePutin: "newPutin",
       advGroupSelect: [],
       checkedAdvId: "", // 点击户时，选中的id
+      videoDataList: [], // 存储通过 getYoutubeUploadDetaillist 获取的视频列表
+      selectedVideoId: [], // 存储用户选择的视频的 videoId
     };
   },
 
@@ -1008,6 +1026,9 @@ export default {
     showGroupBudget() {
       return this.putinBaseInfo.budgetMode === "BUDGET_MODE_DAY";
     },
+    videoUrlsString() {
+      return this.putinTask.videoUrls.join('\n');
+    },
   },
   created() {
     this.putinTask.startDate = moment().subtract(0, "days").format("YYYY-MM-DD");
@@ -1716,7 +1737,23 @@ export default {
     handleUploadChange(files){
       console.log("aabbccddeeff", files)
       this.putinTask.imageAssets = files
-    }
+    },
+    fetchVideoList() {
+      getYoutubeUploadDetaillist().then(res => {
+        this.videoDataList = res.result.data;
+      });
+    },
+    selectVideo(video) {
+      this.selectedVideoId = video.videoId;
+    },
+    toggleVideoSelection(video) {
+      const index = this.selectedVideoId.indexOf(video.videoId);
+      if (index > -1) {
+        this.selectedVideoId.splice(index, 1); // 取消选中
+      } else {
+        this.selectedVideoId.push(video.videoId); // 选中
+      }
+    },
   },
 };
 </script>