✨ feat(作品详情页相关页面): 详情页只显示留言, 相关页面跳转只跳转到留言页面

hookehuyr
Commit 00dd99b71eb0b753da543539618d990a246e1121 00dd99b7 1 parent e5110d7b
Showing 5 changed files with 33 additions and 9 deletions
src/components/AuditVideoCard/index.vue
src/components/VideoCard/index.vue
src/views/client/bookDetail.vue
src/views/client/videoDetail.vue
src/views/me/callMe.vue
--- a/src/components/AuditVideoCard/index.vue
View file @00dd99b
+++ b/src/components/AuditVideoCard/index.vue
View file @00dd99b
@@ -8,7 +8,7 @@
       <div v-if="item.status === 'ENABLE'" class="normal-module">
         <div class="video-bar">
           <van-row>
-            <van-col span="12" @click="goTo">
+            <van-col span="12" @click="setComment">
               <van-image round width="2rem" height="2rem" style="vertical-align: middle;"
                 :src="item.avatar ? item.avatar : icon_avatar" />&nbsp;&nbsp;
               <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span>
--- a/src/components/VideoCard/index.vue
View file @00dd99b
+++ b/src/components/VideoCard/index.vue
View file @00dd99b
@@ -4,7 +4,7 @@
     <div class="normal-module">
       <div class="video-bar">
         <van-row>
-          <van-col span="12" @click="goTo">
+          <van-col span="12" @click="setComment">
             <van-image round width="2rem" height="2rem" class="avatar" :src="item.avatar ? item.avatar : icon_avatar" />
             <span class="text">{{ item.name }}</span>
           </van-col>
@@ -16,7 +16,8 @@
               </span>
               &nbsp;&nbsp;&nbsp;
               <span @click="handleAction('like', detail.id)">
-                <van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
+                <van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem"
+                  style="vertical-align: bottom;" />
                 {{ detail.like_num }}
               </span>
             </div>
--- a/src/views/client/bookDetail.vue
View file @00dd99b
+++ b/src/views/client/bookDetail.vue
View file @00dd99b
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-21 09:35:14
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-15 20:02:37
+ * @LastEditTime: 2022-06-22 18:34:38
  * @FilePath: /tswj/src/views/client/bookDetail.vue
  * @Description:
 -->
@@ -75,7 +75,7 @@
           <template v-for="item in prod_list" :key="item">
             <video-card :item="item">
               <template #bookDetailSub>
-                <div style="color: #999999; padding: 0px 1rem 0.5rem;" @click="goToDetail(item)">
+                <div style="color: #999999; padding: 0px 1rem 0.5rem;" @click="setComment(item)">
                   {{ item.kg_name }} ｜ {{ item.localism_type }}
                 </div>
               </template>
@@ -331,6 +331,18 @@ const goToDetail = (v) => { // 跳转作品详情页
     }
   });
 }
+
+const setComment = (v) => {
+  $router.push({
+    path: '/client/videoDetail/comment',
+    query: {
+      prod_id: v.id,
+      book_id: v.book_id,
+      type: v.type, // 特殊标识，判断入口 为keepAlive使用
+      perf_id: v.perf_id
+    }
+  });
+}
 /*****************************************************/
 // TAG：微信分享
--- a/src/views/client/videoDetail.vue
View file @00dd99b
+++ b/src/views/client/videoDetail.vue
View file @00dd99b
@@ -22,11 +22,11 @@
         <van-col span="24" style="padding-top: 0.2rem;">
           <van-tabs v-model:active="active" sticky :color="styleColor.baseColor" background="#F7F7F7"
             title-active-color="#222222" title-inactive-color="#777777" @click-tab="onClickTab">
-            <van-tab title="简介" :title-style="tabClass">
+            <!-- <van-tab title="简介" :title-style="tabClass">
               <div class="intro">{{ videoInfo.note }}</div>
               <div style="height: 5rem;" />
               <donate-bar donate-type="C">为TA助力</donate-bar>
-            </van-tab>
+            </van-tab> -->
             <!-- <van-tab :title="'留言 ' + comment_num" :title-style="tabClass"
               :to="'/client/videoDetail/comment?prod_id=' + $route.query.prod_id + '&book_id=' + $route.query.book_id + '&type=' + $route.query.type">
               <router-view />
--- a/src/views/me/callMe.vue
View file @00dd99b
+++ b/src/views/me/callMe.vue
View file @00dd99b
@@ -22,12 +22,12 @@
         <van-row>
           <van-col>
             <span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>：{{
-              item.note }}</span>
+            item.note }}</span>
           </van-col>
         </van-row>
       </div>
-      <div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)">
+      <div style="padding: 1rem; background-color: #F7F7F7;" @click="openComment(item)">
         <van-row>
           <van-col span="8" style="position: relative;">
             <van-image width="8rem" height="5rem" fit="cover" :src="item.cover" style="vertical-align: text-bottom;">
@@ -171,6 +171,17 @@ const onClick = (item) => {
   });
 }
+const openComment = (item) => {
+  $router.push({
+    path: '/client/videoDetail/comment',
+    query: {
+      prod_id: item.prod_id,
+      perf_id: item.perf_id,
+      book_id: item.book_id
+    }
+  });
+}
+
 /****************** keepAlive 模块 *******************/
 // TAG: keepAlive 缓存页面