yb11.2路演视频点赞评论

src/views/video/components/Comment.vue → src/components/VideoComment.vue

@@ -17,10 +17,10 @@ let info=ref(props.videoInfo)
 //点赞\吐槽
 const handleSetLike=async (type)=>{
     const res=await apiSetLike({
-        community_question_id:info.value.community_video_id,
+        community_question_id:info.value.id,
         op_type: type,
         enable: type === 1 ? Number(info.value.op_type!==1) : Number(info.value.op_type!==2),
-        source:2
+        source:info.value.source
     })
     if(res.code===200){
         const { enabled,op_type,like_total,tease_total } = res.data;
@@ -53,10 +53,10 @@ const handleShowPop=()=>{
 //获取评论
 const getComment=async (flag)=>{
     const params={
-        community_question_id:info.value.community_video_id,
+        community_question_id:info.value.id,
         curr_page: 1,
         page_size: 10000,
-        source:2
+        source:info.value.source
     }
     const { code,data } = popData.select_comment_type===1 ? await apiHotComment(params) : await apiMyComment(params);
     if(code !== 200) return
@@ -102,8 +102,8 @@ const handlePublish=async ()=>{
 
     const { code } = await apiPublishComment({
         content: popData.msg,
-        community_question_id: info.value.community_video_id,
-        source:2,
+        community_question_id: info.value.id,
+        source:info.value.source,
     })
     if(code===200){
         ElMessage({

src/views/roadShow/video/List.vue

@@ -8,6 +8,7 @@ import {apiRoadShowVideoList,apiRoadShowVideoPlayLog} from '@/api/roadShow'
 import {apiApplyPermission} from '@/api/user'
 
 import SelfList from '@/components/SelfList.vue'
+import VideoComment from '@/components/VideoComment.vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useStore } from 'vuex'
 
@@ -249,6 +250,15 @@ const handelGetQRCodeImg=async (item)=>{
     }
 }
 
+// 处理评论模块数据
+const getCommentData=item=>{
+    return{
+        id:item.road_video_id,
+        source:3,
+        ...item
+    }
+}
+
 onMounted(() => {
   //向小程序发送消息
   let postData = {
@@ -336,7 +346,7 @@ onActivated(()=>{
             @listOnload="onLoad"
         >
             <div class="flex list-wrap">
-                <div class="flex video-item" v-for="item in listState.list" :key="item.road_video_id">
+                <div class="video-item" v-for="item in listState.list" :key="item.road_video_id">
                     <el-popover
                         :width="200"
                         trigger="hover"
@@ -349,8 +359,17 @@ onActivated(()=>{
                             <img style="width:100%" :src="item.QRCodeImg" alt="">
                         </template>
                     </el-popover>
-                    <div class="title">{{item.title}}</div>
-                    <div>
+                    <el-tooltip
+                        effect="dark"
+                        :content="item.title"
+                        placement="top-start"
+                    >
+                    <div class="multi-ellipsis title">{{item.title}}</div>
+                    </el-tooltip>
+                    <div style="margin-top:20px">
+                        <div class="time">发布时间：{{item.publish_time}}</div>
+                        <span class="user-name">{{item.admin_real_name}}</span>
+                    </div>
                     <video 
                         :src="item.video_url" 
                         controls
@@ -363,9 +382,7 @@ onActivated(()=>{
                         @pause="handleVideoPause"
                     ></video>
                     <div v-else class="poster-img" :style="'background-image:url('+item.cover_img_url+')'" @click="handelClickPlay(item)"></div>
-                    <div class="time">发布时间：{{item.publish_time}}</div>
-                    <span class="user-name">{{item.admin_real_name}}</span>
-                    </div>
+                    <VideoComment :videoInfo="getCommentData(item)"></VideoComment>
                 </div>
                 <div class="last-add-item"></div>
                 <div class="last-add-item"></div>
@@ -487,6 +504,8 @@ onActivated(()=>{
                 height: 200px;
                 object-fit: contain;
                 margin: 19px 0;
+                display: block;
+                box-sizing: border-box;
             }
             .poster-img{
                 width: 100%;

src/views/video/List.vue

@@ -7,7 +7,7 @@ import {apiVideoList,apiVideoPlayLog} from '@/api/video'
 import {apiApplyPermission} from '@/api/user'
 
 import SelfList from '@/components/SelfList.vue'
-import Comment from './components/Comment.vue'
+import VideoComment from '@/components/VideoComment.vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useStore } from 'vuex'
 
@@ -248,6 +248,15 @@ const handelGetQRCodeImg=async (item)=>{
     }
 }
 
+// 处理评论模块数据
+const getCommentData=item=>{
+    return{
+        id:item.community_video_id,
+        source:2,
+        ...item
+    }
+}
+
 onMounted(() => {
   //向小程序发送消息
   let postData = {
@@ -369,7 +378,7 @@ onActivated(()=>{
                     ></video>
                     <div v-else class="poster-img" :style="'background-image:url('+item.cover_img_url+')'" @click="handelClickPlay(item)"></div>
              
-                    <Comment :videoInfo="item"></Comment>
+                    <VideoComment :videoInfo="getCommentData(item)"></VideoComment>
                 </div>
                 <div class="last-add-item"></div>
                 <div class="last-add-item"></div>