聊天优化

src/page/Meeting/index.tsx

@@ -251,6 +251,7 @@ const Meeting: React.FC = () => {
             setNoViewChatList(storageNoViewChatList)
           }
           setChatList((newChatList: any) => [...newChatList, item])
+          chatScrollBotton()
           break;
         // 扩展操作
         case 'Operation':
@@ -572,6 +573,7 @@ const Meeting: React.FC = () => {
         })
         storage.setItem('noViewChatList', 0)
         setNoViewChatList(0)
+        chatScrollBotton()
         break;
       case '共享屏幕':
         await getUserRoomInfo().then(async (res) => {
@@ -771,14 +773,20 @@ const Meeting: React.FC = () => {
         message: msg,
       }])
       setTextMsg('');
-      setTimeout(() => {
-        const meetingUserChatContentView = document.getElementById('meetingUserChatContentView') as HTMLElement;
-        meetingUserChatContentView.scrollTop = meetingUserChatContentView.scrollHeight;
-      }, 0);
+      chatScrollBotton()
     } else {
       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> => {
     await getUserRoomInfo().then(async (res) => {
@@ -1325,21 +1333,26 @@ const Meeting: React.FC = () => {
                                     type="primary"
                                     className='m-ant-btn'
                                     size={'small'}
-                                    onClick={(event) => {
+                                    onClick={async (event) => {
                                       event.stopPropagation();
                                       if (roomUserItem.isRoomManager) {
-                                        DeleteRoomManager({
+                                        await DeleteRoomManager({
                                           roomId: state.roomId,
                                           roomNum: state.channelId,
                                           userId: roomUserItem.uid
                                         })
                                       } else {
-                                        PostRoomManager({
+                                        await PostRoomManager({
                                           roomId: state.roomId,
                                           roomNum: state.channelId,
                                           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