添加评论提交接口

src/api/comment/comment.js

@@ -1,10 +1,16 @@
 import $axios from '../index'
 
 const commentApi = {
+  commentSubmitApi: '/api/comment/video',
   videoCommentApi: '/api/comment/video',
   childCommentApi: '/api/comment/child'
 }
 
+// 发布评论
+export function submitComment(data) {
+  return $axios.post(commentApi.commentSubmitApi, data)
+}
+
 // 视频评论
 export function videoComment(videoId, page) {
   return $axios.get(commentApi.videoCommentApi + '?videoId=' + videoId + '&page=' + page)

src/components/card/comment-card.vue

@@ -25,12 +25,29 @@
         />
       </div>
     </v-row>
+    <v-snackbar
+      v-model="showMessage"
+      :top="true"
+      :timeout="1000"
+    >
+      {{ message }}
+      <template v-slot:action="{ attrs }">
+        <v-btn
+          color="pink"
+          text
+          v-bind="attrs"
+          @click="showMessage = false"
+        >
+          关闭
+        </v-btn>
+      </template>
+    </v-snackbar>
   </div>
 </template>
 
 <script>
 import Comment from '@/components/comment'
-import { videoComment } from '@/api/comment/comment'
+import { submitComment, videoComment } from '@/api/comment/comment'
 
 export default {
   name: 'CommentCard',
@@ -57,17 +74,20 @@ export default {
         liked: 'liked',
         reply: 'reply',
         createAt: 'createAt',
-        user: 'visitor'
+        user: 'user'
       },
       currentUser: null,
       busy: false,
-      page: 1
+      page: 1,
+      showMessage: false,
+      message: ''
     }
   },
   created() {
     const userInfo = this.$store.state.user.userInfo
     if (userInfo !== null) {
       this.currentUser = {
+        userId: userInfo.userId,
         name: userInfo.username,
         avatar: userInfo.avatarUrl
       }
@@ -101,7 +121,6 @@ export default {
           for (const item of res.data.list) {
             this.videoComments.push(item)
           }
-          console.log('已获取的评论数量: ' + this.videoComments.length)
         } else {
           console.error(res.msg)
         }
@@ -114,11 +133,29 @@ export default {
     async submit(newComment, parent, add) {
       const res = await new Promise((resolve) => {
         setTimeout(() => {
+          var parentId = null
+          if (parent !== null) {
+            parentId = parent.id
+          }
+
+          const commentSbtData = {}
+          commentSbtData.videoId = this.video.videoId
+          commentSbtData.userId = newComment.user.userId
+          commentSbtData.parentId = parentId
+          commentSbtData.content = newComment.content
+          commentSbtData.imgSrc = newComment.imgSrc
+          commentSbtData.createAt = newComment.createAt
+          submitComment(commentSbtData).then(res => {
+            if (res.code !== 0) {
+              this.message = '评论发送失败'
+              this.showMessage = true
+            }
+          })
+
           resolve({ newComment, parent })
         }, 300)
       })
       add(Object.assign(res.newComment, { _id: new Date().getTime() }))
-      console.log('addComment: ', res)
     },
     async like(comment) {
       const res = await new Promise((resolve) => {

src/components/comment/index.vue

@@ -180,6 +180,7 @@ export default {
     comparePropsAndValues(comment) {
       // 初始对象
       const originObj = {
+        videoId: '',
         id: '',
         content: '',
         imgSrc: '',
@@ -268,7 +269,6 @@ export default {
             delete _comment[key]
           }
         }
-
         return _comment
       } catch (e) {
         console.error(e)