From 5dfef883049e7f0670f6c6b1b225b233aee41eea Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 03 Mar 2022 01:30:11 +0800
Subject: [PATCH] 评论页刷新策略调整
---
src/components/mini/box12-comment.vue | 34 +++++++---------
src/components/mini/mdDetail.vue | 14 +++---
src/components/mini/box13-reply.vue | 10 ++---
src/components/swichLabel/main6-comment.vue | 7 ++-
4 files changed, 31 insertions(+), 34 deletions(-)
diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue
index 22e675e..e2c09c7 100644
--- a/src/components/mini/box12-comment.vue
+++ b/src/components/mini/box12-comment.vue
@@ -3,9 +3,9 @@
<replyBox ref="commentBoxId" v-bind="$attrs"></replyBox>
<a-modal v-model="visible" :title="replyTaget" :footer="null"
:bodyStyle="{'overflow':'overlay','maxHeight': '550px','scrollbarWidth': 'none'}">
- <replyBox ref="replyBoxId" v-bind="$attrs"></replyBox>
+ <replyBox ref="replyBoxId" v-bind="$attrs" @sendMsg="sendMsg()"></replyBox>
</a-modal>
- <div class="mySecret" v-if="commentListData.length==0">
+ <div class="mySecret" style="max-height:350px ;" v-if="commentListData.length==0">
<p>空空如也..</p>
</div>
<div v-for="temp in commentListData" class="commentList">
@@ -99,34 +99,31 @@
} from '../../api/blogArticleComment.js'
export default {
- props: ["articleId"],
components: {
replyBox
},
- beforeMount() {
- queryBlogCommentList({
- pageNo: this.page.current,
- pageSize: this.page.pageSize,
- articleId: this.$attrs.acticleId
- }).then((res) => {
- this.page.total = Number(res.data.total)
- this.page.pageSize = Number(res.data.size);
- this.commentListData = res.data.records;
- return res
- })
- },
methods: {
- onChange(current) {
- this.page.current = current;
+ updateCommentList(articleId) {
queryBlogCommentList({
pageNo: this.page.current,
pageSize: this.page.pageSize,
- articleId: this.$attrs.articleId
+ articleId: articleId
}).then((res) => {
this.page.total = Number(res.data.total)
this.page.pageSize = Number(res.data.size);
this.commentListData = res.data.records;
})
+ },
+ sendMsg() {
+ this.visible = false;
+ this.$message.info("列表刷新中..")
+ setTimeout(() => {
+ this.updateCommentList(this.$attrs.articleId);
+ }, 1000);
+ },
+ onChange(current) {
+ this.page.current = current;
+ this.updateCommentList();
},
loadMore(temp) {
temp.isHasNext = 0;
@@ -156,7 +153,6 @@
},
data() {
return {
- // articleId: null,
isAllowedComment: true,
page: {
size: "small",
diff --git a/src/components/mini/box13-reply.vue b/src/components/mini/box13-reply.vue
index cf40807..674aa81 100644
--- a/src/components/mini/box13-reply.vue
+++ b/src/components/mini/box13-reply.vue
@@ -59,7 +59,6 @@
} from '../../api/blogArticleComment.js'
export default {
- props: ["articleId"],
methods: {
getMsgInfo(param) {
this.msgInfo = param;
@@ -67,7 +66,7 @@
this.replyHolder = "@" + this.msgInfo.useName;
},
send() {
- console.log(this.msgInfo);
+ console.log(11);
if (this.form.nickName === "") {
this.$message.info("怎么称呼..")
return
@@ -88,9 +87,7 @@
res = false;
}
});
- var articleId=this.$attrs.acticleId;
- console.log(articleId);
-
+ var articleId=this.$attrs.articleId;
let commentType = (articleId == null || articleId == undefined) ? 1 : 2;
this.isSending = true;
@@ -110,7 +107,8 @@
}).then((res) => {
this.isSending = false;
if (res.code == 200) {
- this.$message.info("已送达,审核通过后显示..")
+ this.$emit("sendMsg");
+ this.$message.info("信息已送达..")
} else {
this.$notification.error({
message: '好像哪里不对劲..',
diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue
index daef7c0..54ac32a 100644
--- a/src/components/mini/mdDetail.vue
+++ b/src/components/mini/mdDetail.vue
@@ -33,14 +33,13 @@
</div>
</div>
<div class="articleComment">
- <comment :acticleId="acticleId"></comment>
+ <comment ref="myComment" :articleId="articleId"> </comment>
</div>
</div>
</template>
<script>
- // import esPath from '../../assets/es.md'
import VueMarkdown from 'vue-markdown'
import md5 from 'js-md5';
@@ -59,7 +58,7 @@
data() {
return {
source: "",
- acticleId: "",
+ articleId: "",
showMsg: false,
myLock: false,
errorMsg: '',
@@ -74,20 +73,21 @@
}
},
created() {
- this.acticleId = this.$route.query.id;
+ this.articleId = this.$route.query.id;
},
watch: {
'$route'(to, from) {
if ("mdDetail" === to.name) {
- this.acticleId = this.$route.query.id;
+ this.articleId = this.$route.query.id;
}
},
- acticleId: function(newValue, oldValue) {
+ articleId: function(newValue, oldValue) {
if (newValue == undefined || newValue == null || newValue == "") {
this.showMsg = true;
this.errorMsg = "日志id参数缺失";
} else {
this.queryDetail();
+ this.$refs.myComment.updateCommentList(this.articleId);
}
}
@@ -97,7 +97,7 @@
this.showMsg = true;
this.errorMsg = "加载中..";
queryBlogArticleDetail({
- id: this.acticleId,
+ id: this.articleId,
authWord: this.secret == "" ? null : md5(this.secret)
}).then((res) => {
this.showMsg = true;
diff --git a/src/components/swichLabel/main6-comment.vue b/src/components/swichLabel/main6-comment.vue
index 0f66a5b..b15b1f9 100644
--- a/src/components/swichLabel/main6-comment.vue
+++ b/src/components/swichLabel/main6-comment.vue
@@ -2,7 +2,7 @@
<div class="myFriend" style="min-height: 950px;">
<h1 style="text-align: center;">碎碎念</h1>
- <comment></comment>
+ <comment ref="myComment"></comment>
</div>
</template>
@@ -11,7 +11,10 @@
export default {
components: {
comment
- }
+ },
+ mounted() {
+ this.$refs.myComment.updateCommentList(null);
+ },
}
</script>
--
Gitblit v1.9.1