申请发言优化

src/page/Meeting/index.tsx

@@ -29,6 +29,7 @@ const Meeting: React.FC = () => {
   const sharedFilesModelRef = useRef<any>();
   const invitingPersonnelRef = useRef<any>();
   const stupWizardRef = useRef<any>();
+  const [isClicked, setIsClicked] = useState(false);
   const [statusList, setStatusList] = useState({
     userList: false,
     userChatList: false,
@@ -150,7 +151,7 @@ const Meeting: React.FC = () => {
   let userInfo = JSON.parse(storage.getItem('user') as string)
   const msgTips = '您不是管理员或发言人，无法开启此功能！'
   useEffect(() => {
-    let time = null as any;
+    let time: NodeJS.Timeout;
     setUser(userInfo)
     setTimeout(() => {
       if (location.hash.indexOf('/login') === -1) {
@@ -472,6 +473,17 @@ const Meeting: React.FC = () => {
     };
   }, [recorder])
 
+  useEffect(() => {
+    let timer: NodeJS.Timeout;
+
+    if (isClicked) {
+      timer = setTimeout(() => {
+        setIsClicked(false);
+      }, 10000);
+    }
+
+    return () => clearTimeout(timer);
+  }, [isClicked]);
   const changeAgoraDevice = () => {
     setRoomUserList((res: any) => {
       res.forEach(async (item: any) => {
@@ -851,7 +863,16 @@ const Meeting: React.FC = () => {
         sharedFilesModelRef.current.getData()
         break;
       case '申请发言':
-        GetApplySpeak(state.channelId)
+        if (!isClicked) {
+          setIsClicked(true);
+          GetApplySpeak(state.channelId).then(res => {
+            if (res.code === 200) {
+              message.success('申请发言成功')
+            }
+          })
+        } else {
+          message.error('申请已提交，请勿重复点击！');
+        }
         break;
       case '会议监控':
         window.electron.oepnWindow({