From 2791d94a319a639f646e8e6a3df3f3a80663f9c0 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Tue, 27 Aug 2024 14:34:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=99=AE=E9=80=9A=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=B8=8D=E9=9C=80=E8=A6=81=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/JoinSetting/index.tsx |  2 +-
 src/page/Home/Index/index.tsx        | 39 +++++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/components/JoinSetting/index.tsx b/src/components/JoinSetting/index.tsx
index 1ab759f..25286ce 100644
--- a/src/components/JoinSetting/index.tsx
+++ b/src/components/JoinSetting/index.tsx
@@ -3,7 +3,7 @@ import { storage } from '@/utils';
 import ImageUrl from '@/utils/package/imageUrl';
 import { GetCheckoutRoomNum, GetRoomRtcToken, GetRoomInfo } from '@/api/Home/Index';
 import { Button, Modal, message } from 'antd';
-import { useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import { useState, useImperativeHandle, forwardRef } from "react";
 import { PostRefresh } from '@/api/Login';
 import Avatar from '@/components/Avatar';
 import { useNavigate } from 'react-router-dom';
diff --git a/src/page/Home/Index/index.tsx b/src/page/Home/Index/index.tsx
index fab67ef..12f72fc 100644
--- a/src/page/Home/Index/index.tsx
+++ b/src/page/Home/Index/index.tsx
@@ -2,12 +2,15 @@ import styles from '@/page/Home/Index/index.module.scss'
 import { useEffect, useState, useRef } from "react";
 import Operation from '@/components/Operation';
 import { Button, Input, Modal, Pagination, Empty, message } from "antd";
-import { GetRoom, PostRomm, GetCheckoutRoomNum } from '@/api/Home/Index';
+import { GetRoom, PostRomm, GetCheckoutRoomNum, GetRoomRtcToken } from '@/api/Home/Index';
 import ImageUrl from '@/utils/package/imageUrl'
 import { ReloadOutlined } from '@ant-design/icons';
 import JoinSetting from '@/components/JoinSetting';
 import { storage } from '@/utils';
+import { PostRefresh } from '@/api/Login';
+import { useNavigate } from 'react-router-dom';
 const Index: React.FC = () => {
+  const navigate = useNavigate();
   const [list, setList] = useState({
     data: [],
     total: 0,
@@ -66,7 +69,16 @@ const Index: React.FC = () => {
       }
     })
   }
-
+  const getRoomRtcToken = async (roomNum: string, callBack: Function): Promise<void> => {
+    Promise.all([GetRoomRtcToken(roomNum), GetRoomRtcToken(roomNum + '1')]).then(res => {
+      if (res[0].code === 200 && res[1].code === 200) {
+        callBack({
+          token: res[0].data,
+          tokenA: res[1].data,
+        })
+      }
+    })
+  }
   return (
     <>
       <div className={styles.index}>
@@ -131,8 +143,27 @@ const Index: React.FC = () => {
                       {/* <Button type="primary" danger>设置</Button> */}
                       <Button type="primary"
                         iconPosition={'end'}
-                        onClick={() => {
-                          joinSettingRef.current.changeModal(item.roomNum)
+                        onClick={async () => {
+                          if (userInfo.roleId === '1') {
+                            joinSettingRef.current.changeModal(item.roomNum)
+                          } else {
+                            await PostRefresh(userInfo.refresh_token)
+                            getRoomRtcToken(item.roomNum, (options: any) => {
+                              if (options) {
+                                navigate(`/meeting`, {
+                                  state: {
+                                    channelId: item.roomNum,
+                                    token: options.token,
+                                    tokenA: options.tokenA,
+                                    roomId: item.id,
+                                    roomName: item.roomName,
+                                    enableMicr: false,
+                                    enableCamera: false,
+                                  }
+                                })
+                              }
+                            })
+                          }
                         }}
                         icon={<img src={ImageUrl.icon9} alt="" />}
                         className='m-ant-btn'>