ZF/open-anylink-web
1
0
Fork 0
mirror of https://gitee.com/lijingbo-2021/open-anylink-web.git synced 2026-05-22 07:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

如果是连续时间，则中间位置只显示第一个时间

Browse Source
This commit is contained in:
bob
2024-09-09 17:49:59 +08:00
parent 423d31e5a4
commit 4d7aa4f7a2
2 changed files with 56 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/message/MessageLayout.vue
View File

@@ -84,6 +84,16 @@ const showId = computed(() => {
}
})
const getLastMsgTime = (index) => {
if (index > 0) {
console.log(testdata.value[index - 1].content);
return testdata.value[index - 1].msgTime;
} else {
console.log('null');
return null;
}
}
const onAsideDragUpdate = ({ width }) => {
asideWidth.value = width
settingData.setSessionListDrag({
@@ -116,26 +126,26 @@ const onLoadMore = () => {
}
const testdata = ref([
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你好呀' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我很好' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你是谁啊？' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我是bob呀' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你好呀' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我很好' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你是谁啊？' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我是bob呀' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你好呀' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我很好' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你是谁啊？' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我是bob呀' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你好呀' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我很好' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你是谁啊？' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我是bob呀' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你好呀' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我很好' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, time: new Date(), content: '你是谁啊？' },
{user: userData.user, type: msgType.USER_MSG, time: new Date(), content: '我是bob呀' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '1' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '2' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '3' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '4' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '5' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '6' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '7' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '8' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '9' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '10' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '11' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '12' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '13' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '14' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '15' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '16' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '17' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '18' },
{user: {account:'a00001', nickName: '甘道夫', avatarThumb: ''}, type: msgType.USER_MSG, msgTime: new Date(), content: '19' },
{user: userData.user, type: msgType.USER_MSG, msgTime: new Date(), content: '20' },
])
</script>
@@ -208,7 +218,12 @@ const testdata = ref([
</div>
<div class="message-main">
<span class="no-more-message">当前无更多消息</span>
<MessageItem v-for="(item, index) in testdata" :key="index" :obj="item"></MessageItem>
<MessageItem
v-for="(item, index) in testdata"
:key="index"
:obj="item"
:lastMsgTime="getLastMsgTime(index)"
></MessageItem>
</div>
</div>
<div class="input-box bdr-t" :style="{ height: inputBoxHeight + 'px' }">