精读点赞和踩

src/views/bookShelf/articlePeruseDetail.vue

@@ -48,7 +48,7 @@
             </div>
             <div class="article-bottom">
                 <div class="left">
-                    <span :class="['support',support?'active':'']" @click="changeStatus('support')"><svg-icon icon-class="support"></svg-icon>2847</span>
+                    <span :class="['support',support?'active':'']" @click="changeStatus('support')"><svg-icon icon-class="support"></svg-icon>{{peruseDetail.ding_count}}</span>
                     <span :class="['oppose',oppose?'active':'']" @click="changeStatus('oppose')"><svg-icon icon-class="oppose"></svg-icon></span>
                 </div>
                 <div class="center">
@@ -361,6 +361,8 @@ export default {
                     this.handleWords(res.data.content.knowledgeList)
                     this.knowledgeList = res.data.content.knowledgeList
                 }
+                this.support = res.data.ding_status===1?true:false
+                this.oppose = res.data.ding_status===2?true:false
                 this.loading = false
             }
         })
@@ -393,6 +395,18 @@ export default {
     },
     changeStatus(flag){
         this[flag] = !this[flag]
+        getLogin('/PaperServer/Client/Iread/SaveDingIread', {
+            ding_status: flag==='support'?this[flag]?1:0:flag==='oppose'?this[flag]?2:0:0,
+            id: this.peruseId
+        })
+        .then((res) => {
+            if(res.status===1){
+                this.getPeruseDetail()
+            }
+        })
+        .catch(() => {
+            this.loading = false
+        }); 
     },
     // 处理生词、短语、注释
     handleWords(list){