聊天优化

This commit is contained in:
yj 2024-08-20 09:58:53 +08:00
parent 6381c356eb
commit 78f02580af
1 changed files with 20 additions and 7 deletions

View File

@ -251,6 +251,7 @@ const Meeting: React.FC = () => {
setNoViewChatList(storageNoViewChatList) setNoViewChatList(storageNoViewChatList)
} }
setChatList((newChatList: any) => [...newChatList, item]) setChatList((newChatList: any) => [...newChatList, item])
chatScrollBotton()
break; break;
// 扩展操作 // 扩展操作
case 'Operation': case 'Operation':
@ -572,6 +573,7 @@ const Meeting: React.FC = () => {
}) })
storage.setItem('noViewChatList', 0) storage.setItem('noViewChatList', 0)
setNoViewChatList(0) setNoViewChatList(0)
chatScrollBotton()
break; break;
case '共享屏幕': case '共享屏幕':
await getUserRoomInfo().then(async (res) => { await getUserRoomInfo().then(async (res) => {
@ -771,14 +773,20 @@ const Meeting: React.FC = () => {
message: msg, message: msg,
}]) }])
setTextMsg(''); setTextMsg('');
setTimeout(() => { chatScrollBotton()
const meetingUserChatContentView = document.getElementById('meetingUserChatContentView') as HTMLElement;
meetingUserChatContentView.scrollTop = meetingUserChatContentView.scrollHeight;
}, 0);
} else { } else {
message.error('请输入内容!') message.error('请输入内容!')
} }
} }
// 聊天框滚动到底部
const chatScrollBotton = (): void => {
setTimeout(() => {
const meetingUserChatContentView = document.getElementById('meetingUserChatContentView') as HTMLElement;
if (meetingUserChatContentView) {
meetingUserChatContentView.scrollTop = meetingUserChatContentView.scrollHeight;
}
}, 0);
}
// 开关麦克风 // 开关麦克风
const postOpenMicr = async (enableMicr: boolean, uid: string, isAll?: boolean): Promise<void> => { const postOpenMicr = async (enableMicr: boolean, uid: string, isAll?: boolean): Promise<void> => {
await getUserRoomInfo().then(async (res) => { await getUserRoomInfo().then(async (res) => {
@ -1325,21 +1333,26 @@ const Meeting: React.FC = () => {
type="primary" type="primary"
className='m-ant-btn' className='m-ant-btn'
size={'small'} size={'small'}
onClick={(event) => { onClick={async (event) => {
event.stopPropagation(); event.stopPropagation();
if (roomUserItem.isRoomManager) { if (roomUserItem.isRoomManager) {
DeleteRoomManager({ await DeleteRoomManager({
roomId: state.roomId, roomId: state.roomId,
roomNum: state.channelId, roomNum: state.channelId,
userId: roomUserItem.uid userId: roomUserItem.uid
}) })
} else { } else {
PostRoomManager({ await PostRoomManager({
roomId: state.roomId, roomId: state.roomId,
roomNum: state.channelId, roomNum: state.channelId,
userId: roomUserItem.uid userId: roomUserItem.uid
}) })
} }
await GetRoomUserItem(state.channelId, item.uid).then((res: any) => {
if (res.code === 200) {
setRoomUserItem(res.data)
}
})
}} }}
>{roomUserItem.isRoomManager ? '取消发言人' : '设为发言人'}</Button> : null} >{roomUserItem.isRoomManager ? '取消发言人' : '设为发言人'}</Button> : null}
{roomUserItem.isRoomManager ? <Button {roomUserItem.isRoomManager ? <Button