github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-07 22:55:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化消息阅读规则

Browse Source
This commit is contained in:
kuaifan 2023-12-19 10:53:31 +08:00
parent 3f9cdfd887
commit c21da4292b
2 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/js/pages/manage/components/DialogItem.vue
View File

@ -104,7 +104,7 @@ export default {
type: Number,
default: 0
},
msgReady: {
readEnabled: {
type: Boolean,
default: false
},
@ -148,7 +148,7 @@ export default {
},
watch: {
msgReady() {
readEnabled() {
this.msgRead();
},
windowActive() {
@ -164,7 +164,7 @@ export default {
if (this.isNoRead) {
return;
}
if (!this.msgReady) {
if (!this.readEnabled) {
return;
}
if (!this.windowActive) {

40
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -137,7 +137,7 @@
</div>
<!--跳转提示-->
<div v-if="positionMsg" class="dialog-position" :class="{'down': tagShow}">
<div v-if="readEnabled && positionMsg" class="dialog-position" :class="{'down': tagShow}">
<div class="position-label" @click="onPositionMark">
<Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
<i v-else class="taskfont">&#xe624;</i>
@ -156,7 +156,7 @@
:data-component="msgItem"
:item-class-add="itemClassAdd"
:extra-props="{dialogData, operateVisible, operateItem, isMyDialog, msgId, unreadMsgId, scrollIng, msgReady}"
:extra-props="{dialogData, operateVisible, operateItem, isMyDialog, msgId, unreadMsgId, scrollIng, readEnabled}"
:estimate-size="dialogData.type=='group' ? 105 : 77"
:keeps="25"
:disabled="scrollDisabled"
@ -696,11 +696,12 @@ export default {
approveDetailsShow: false,
approvaUserStatus: '',
positionLoad: 0, // 定位跳转加载中
msgReady: false, // 消息准备完成
unreadMsgId: 0, // 最早未读消息id
toBottomReGetMsg: false, // 滚动到底部重新获取消息
selectionRange: false, // 是否选择文本
unreadMsgId: 0, // 最早未读消息id
positionLoad: 0, // 定位跳转加载中
msgPreparedStatus: false, // 消息准备完成
listPreparedStatus: false, // 消息准备完成
selectedTextStatus: false, // 是否选择文本
scrollToBottomAndRefresh: false, // 滚动到底部重新获取消息
}
},
@ -1034,7 +1035,11 @@ export default {
return this.systemConfig.file_upload_limit * 1024
}
return 1024000
}
},
readEnabled() {
return this.msgPreparedStatus && this.listPreparedStatus
},
},
watch: {
@ -1045,7 +1050,8 @@ export default {
this.msgType = ''
this.searchShow = false
this.unreadMsgId = 0
this.toBottomReGetMsg = false
this.listPreparedStatus = false
this.scrollToBottomAndRefresh = false
//
if (this.allMsgList.length > 0) {
this.allMsgs = this.allMsgList
@ -1058,7 +1064,9 @@ export default {
}).then(_ => {
this.openId = dialog_id;
setTimeout(this.onSearchMsgId, 100)
}).catch(_ => {});
}).catch(_ => {}).finally(_ => {
this.listPreparedStatus = true
});
//
this.$store.dispatch('saveInDialog', {
uid: this._uid,
@ -1167,7 +1175,7 @@ export default {
const lastMsg = this.allMsgs[this.allMsgs.length - 1]
const lastEl = $A(this.$refs.scroller.$el).find(`[data-id="${lastMsg.id}"]`)
if (lastEl.length === 0) {
this.toBottomReGetMsg = true
this.scrollToBottomAndRefresh = true
return;
}
// 开始请求重新获取消息
@ -1474,7 +1482,7 @@ export default {
onSelectionchange() {
const selectionType = window.getSelection().type;
this.selectionRange = selectionType === "Range"
this.selectedTextStatus = selectionType === "Range"
},
getTempId() {
@ -1714,7 +1722,7 @@ export default {
onTouchStart(e) {
this.wrapperStart = null;
if (this.selectionRange) {
if (this.selectedTextStatus) {
this.wrapperStart = window.scrollY
return
}
@ -2013,7 +2021,7 @@ export default {
},
onReGetMsg() {
this.toBottomReGetMsg = false
this.scrollToBottomAndRefresh = false
this.getMsgs({
dialog_id: this.dialogId,
msg_id: this.msgId,
@ -2306,7 +2314,7 @@ export default {
},
onActivity(activity) {
this.msgReady = !activity
this.msgPreparedStatus = !activity
},
onScroll(event) {
@ -2319,7 +2327,7 @@ export default {
this.scrollTail = tail;
if (this.scrollTail <= 55) {
this.msgNew = 0;
this.toBottomReGetMsg && this.onReGetMsg()
this.scrollToBottomAndRefresh && this.onReGetMsg()
}
//
this.scrollAction = event.target.scrollTop;