|
|
|
|
@ -258,17 +258,18 @@ |
|
|
|
|
<i v-if="deleteIdentity || item.currentAccountId == item.createAccountId" |
|
|
|
|
class="icon el-icon-delete" |
|
|
|
|
@click="delComment(item)"></i> |
|
|
|
|
<img v-if="item.isLike" |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like-up.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="like(item)"> |
|
|
|
|
<img v-else |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="like(item)"> |
|
|
|
|
{{ item.likeCount || '' }} |
|
|
|
|
<!-- <div class="like-wrap" |
|
|
|
|
@click="like($event, item)"> |
|
|
|
|
<img v-if="item.isLike" |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like-up.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ item.likeCount || '' }} |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="reply" |
|
|
|
|
@ -295,7 +296,7 @@ |
|
|
|
|
<div class="texts"> |
|
|
|
|
<div class="name">{{reply.createUsername}}</div> |
|
|
|
|
<div class="flex m-v-8"> |
|
|
|
|
<template v-if="reply.showReplyName"> |
|
|
|
|
<template> |
|
|
|
|
回复 |
|
|
|
|
<span class="reply-name">@{{ reply.replyUsername }}：</span> |
|
|
|
|
</template> |
|
|
|
|
@ -310,18 +311,18 @@ |
|
|
|
|
<i v-if="deleteIdentity || reply.currentAccountId == reply.createAccountId" |
|
|
|
|
class="icon el-icon-delete" |
|
|
|
|
@click="delComment(reply)"></i> |
|
|
|
|
<template v-if="reply.isLike"> |
|
|
|
|
<img class="icon" |
|
|
|
|
<!-- <div class="like-wrap" |
|
|
|
|
@click="like($event, item, reply)"> |
|
|
|
|
<img v-if="reply.isLike" |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like-up.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="like(item, reply)"> |
|
|
|
|
{{ reply.likeCount }} |
|
|
|
|
</template> |
|
|
|
|
<img v-else |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="like(item, reply)"> |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else |
|
|
|
|
class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ reply.likeCount || '' }} |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="reply" |
|
|
|
|
@ -588,7 +589,7 @@ export default { |
|
|
|
|
let res = await this.$get(`${this.api.curriculumChapter}/${this.courseId}`); |
|
|
|
|
this.chapterList = res.chapterList; |
|
|
|
|
if (this.chapterList.length && this.chapterList[0].subsectionList && this.chapterList[0].subsectionList.length && !this.commentId) { |
|
|
|
|
// this.preview(this.chapterList[0].subsectionList[0], this.chapterList[0].name, 1); |
|
|
|
|
this.preview(this.chapterList[0].subsectionList[0], this.chapterList[0].name, 1); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 获取学习进度 |
|
|
|
|
@ -608,7 +609,6 @@ export default { |
|
|
|
|
if (!e.userAvatars) e.userAvatars = 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png' |
|
|
|
|
}) |
|
|
|
|
this.maximumScores = list |
|
|
|
|
console.log("🚀 ~ file: index.vue:604 ~ getMaximumScore ~ this.maximumScores:", this.maximumScores) |
|
|
|
|
}, |
|
|
|
|
// 进度数字自定义 |
|
|
|
|
percentFormat (val) { |
|
|
|
|
@ -677,6 +677,7 @@ export default { |
|
|
|
|
this.$nextTick(async () => { |
|
|
|
|
if (this.curReplyId) { |
|
|
|
|
const el = document.querySelector('#comment' + this.curReplyId) |
|
|
|
|
console.log("🚀 ~ file: index.vue:681 ~ this.$nextTick ~ el:", el) |
|
|
|
|
el && el.scrollIntoView(false) |
|
|
|
|
} |
|
|
|
|
if (this.commentId) { |
|
|
|
|
@ -700,9 +701,7 @@ export default { |
|
|
|
|
e.replyContent = '' |
|
|
|
|
if (e.children && e.children.length && parent.children) { |
|
|
|
|
e.children.forEach(n => n.showReplyName = true) |
|
|
|
|
// parent.children.splice(i, 0, ...e.children) |
|
|
|
|
parent.children.push(...e.children) |
|
|
|
|
console.log("🚀 ~ file: index.vue:705 ~ list.forEach ~ parent:", parent, e.children) |
|
|
|
|
} |
|
|
|
|
e.children && this.handleComments(e.children, parent.commentId ? parent : e) |
|
|
|
|
}) |
|
|
|
|
@ -729,9 +728,10 @@ export default { |
|
|
|
|
this.$post(this.api.addComment, { |
|
|
|
|
cid: this.courseId, |
|
|
|
|
content, |
|
|
|
|
pid: reply ? reply.commentId : row ? row.commentId : 0, |
|
|
|
|
pid: row ? row.commentId : 0, |
|
|
|
|
replyAccountId: reply ? reply.createAccountId : row.createAccountId || '', |
|
|
|
|
status: row ? 2 : 1 |
|
|
|
|
status: row ? 2 : 1, |
|
|
|
|
replyCommentId: reply ? reply.commentId : row ? row.commentId : '' |
|
|
|
|
}).then(res => { |
|
|
|
|
this.comment = '' |
|
|
|
|
this.curReplyId = row ? row.commentId : '' |
|
|
|
|
@ -739,7 +739,8 @@ export default { |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 评论点赞 |
|
|
|
|
like (row, reply) { |
|
|
|
|
like (e, row, reply) { |
|
|
|
|
console.log(11, e.pageY) |
|
|
|
|
this.$post(`${this.api[(reply ? reply.isLike : row.isLike) ? 'unlike' : 'commentAndLike']}?commentId=${reply ? reply.commentId : row.commentId}`).then(res => { |
|
|
|
|
this.curReplyId = row.commentId |
|
|
|
|
this.getComment() |
|
|
|
|
|
