diff --git a/main.js b/main.js
index c942700..a611d85 100644
--- a/main.js
+++ b/main.js
@@ -10,6 +10,7 @@ const {
     dialog,
     crashReporter,
     desktopCapturer,
+    powerSaveBlocker,
 } = require('electron');
 const path = require('node:path')
 const updateJs = require('./src/utils/package/update')
@@ -28,6 +29,10 @@ let regKey;
 let connection = null;
 let envStr;
 let startNumber = 0;
+let buildStatus = false; //true 打包开发版本 false 本地开发
+powerSaveBlocker.start('prevent-display-sleep')
+const id = powerSaveBlocker.start('prevent-display-sleep')
+powerSaveBlocker.stop(id)
 
 class AppWindow extends BrowserWindow {
     constructor(config) {
@@ -49,7 +54,11 @@ class AppWindow extends BrowserWindow {
         super(finalConfig);
         if (env === 'development') {
             // 开发
-            this.loadURL('http://localhost:3000');
+            if (buildStatus) {
+                this.loadFile(path.resolve(__dirname, './dist/index.html'));
+            } else {
+                this.loadURL('http://localhost:3000');
+            }
         } else {
             // 测试 | 生产
             this.loadFile(path.resolve(__dirname, './dist/index.html'));
@@ -62,33 +71,12 @@ class AppWindow extends BrowserWindow {
 function quit() {
     app.quit()
 }
-
+let tray;
 function createTray() {
     const iconPath = `${__dirname}/src/assets/${updateJs.getIcon(envStr)}.png`;
     const trayIcon = nativeImage.createFromPath(iconPath);
-    const tray = new Tray(trayIcon);
-    const contextMenu = Menu.buildFromTemplate([
-        {
-            label: '打开', click: () => {
-                mainWindow.webContents.send('isOpenWindows');
-            },
-            // icon: iconPath,
-        },
-        {
-            label: '最小化到系统托盘', click: () => {
-                mainWindow.hide();
-            },
-            // icon: iconPath,
-        },
-        {
-            label: '退出', click: async () => {
-                quit()
-            },
-            // icon: iconPath,
-        },
-    ]);
+    tray = new Tray(trayIcon);
     tray.setToolTip(updateJs.getTitle(envStr));
-    tray.setContextMenu(contextMenu);
     tray.on('click', () => {
         mainWindow.webContents.send('isOpenWindows');
     });
@@ -97,6 +85,13 @@ function createTray() {
 function createWindow() {
     mainWindow = new AppWindow();
     mainWindow.focus();
+    mainWindow.hookWindowMessage(278, function (e) {
+        mainWindow.setEnabled(false);//窗口禁用
+        setTimeout(() => {
+            mainWindow.setEnabled(true);//窗口启用
+        }, 100);
+        return true;
+    })
 }
 const additionalData = { myKey: 'myValue' }
 app.on('ready', () => {
@@ -136,6 +131,12 @@ app.on('ready', () => {
                 mainWindow.webContents.openDevTools()
             }
         });
+        mainWindow.on('focus', () => {
+            mainWindow.show()
+        });
+        mainWindow.on('maximize', () => {
+            mainWindow.show()
+        });
         // 监听移动
         mainWindow.on('move', () => {
             // 如果是全屏自动恢复到上次窗口大小
@@ -182,6 +183,8 @@ app.on('ready', () => {
                 connection.off('SetDriver');
                 connection.off('ShowDriverList');
                 connection.off('ModifyNickName');
+                connection.off('JoinChannelCallback');
+                connection.off('ExitSharedScreen');
             }
         });
         ipcMain.handle('onStop', (event) => {
@@ -201,7 +204,6 @@ app.on('ready', () => {
                     await connection.invoke(str, data.roomNum, data.msg)
                     break;
                 case 'sendOper':
-                    // 4:屏幕共享
                     await connection.invoke(str, data.roomNum, data.type)
                     break;
                 case 'getDrivers':
@@ -217,11 +219,11 @@ app.on('ready', () => {
                     await connection.invoke(str, data.uid, data.driversJsonString)
                     break;
                 case 'joinChannel':
-                    // 设置某个人的设备列表
+                    // 加入房间
                     await connection.invoke(str, data.roomNum, data.enableMicr, data.enableCamera, data.isRoomManager || false)
                     break;
                 case 'levelChannel':
-                    // 设置某个人的设备列表
+                    // 退出房间
                     await connection.invoke(str, data.roomNum)
                     break;
             }
@@ -379,6 +381,19 @@ app.on('ready', () => {
                         nickName
                     })
                 });
+                // 加入房间回调
+                connection.on("JoinChannelCallback", (isSuccess) => {
+                    mainWindow.webContents.send('onSignalr', {
+                        key: 'JoinChannelCallback',
+                        isSuccess,
+                    })
+                });
+                // 退出共享
+                connection.on("ExitSharedScreen", () => {
+                    mainWindow.webContents.send('onSignalr', {
+                        key: 'ExitSharedScreen'
+                    })
+                });
             }
         });
         // 放大缩小退出窗口
@@ -489,9 +504,32 @@ app.on('ready', () => {
         // 设置桌面应用基础属性
         ipcMain.handle('setMainWindowSize', (event, config) => {
             if (config.width === 250) {
+                const contextMenu = Menu.buildFromTemplate([
+                    {
+                        label: '退出',
+                        click: () => quit(),
+                    },
+                ]);
+                tray.setContextMenu(contextMenu);
                 mainWindow.setSkipTaskbar(true)
                 mainWindow.setResizable(false)
                 mainWindow.setAlwaysOnTop(true, 'screen-saver')
+            } else {
+                const contextMenu = Menu.buildFromTemplate([
+                    {
+                        label: '打开',
+                        click: () => mainWindow.webContents.send('isOpenWindows'),
+                    },
+                    {
+                        label: '最小化到系统托盘',
+                        click: () => mainWindow.hide(),
+                    },
+                    {
+                        label: '退出',
+                        click: () => quit(),
+                    },
+                ]);
+                tray.setContextMenu(contextMenu);
             }
             // 设置最小窗口尺寸
             mainWindow.setMinimumSize(config.width, config.height);
@@ -551,11 +589,22 @@ app.on('ready', () => {
             })
             if (envStr === 'development') {
                 // 开发
-                child.loadURL(config.url)
+                if (buildStatus) {
+                    child.loadURL(`file://${path.join(__dirname, './dist/index.html')}#/${config.key}`);
+                } else {
+                    child.loadURL(config.url)
+                }
             } else {
                 // 测试 | 生产
                 child.loadURL(`file://${path.join(__dirname, './dist/index.html')}#/${config.key}`);
             }
+            child.hookWindowMessage(278, function (e) {
+                child.setEnabled(false);//窗口禁用
+                setTimeout(() => {
+                    child.setEnabled(true);//窗口启用
+                }, 100);
+                return true;
+            })
             childWindow[config.key] = child
             child.once('ready-to-show', () => {
                 if (config.show) {
diff --git a/package.json b/package.json
index ce35f53..98dada8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "WGShare.Metting",
   "private": true,
-  "version": "0.6.3",
+  "version": "0.6.5",
   "main": "main.js",
   "authors": "yj",
   "description": "智汇享",
diff --git a/src/api/Home/Index/index.ts b/src/api/Home/Index/index.ts
index d18265e..8756a7d 100644
--- a/src/api/Home/Index/index.ts
+++ b/src/api/Home/Index/index.ts
@@ -5,6 +5,12 @@ export const GetRoom = (data: { pageIndex: number, pageSize: number }) =>
     method: 'get'
   })
 
+export const PostFeedback = (data: any) =>
+  request({
+    url: `/home/feedback`,
+    method: 'post',
+    data,
+  })
 export const PostRoom = (data: any) =>
   request({
     url: `/home/room`,
diff --git a/src/api/Meeting/index.ts b/src/api/Meeting/index.ts
index 22db4c8..6bf6328 100644
--- a/src/api/Meeting/index.ts
+++ b/src/api/Meeting/index.ts
@@ -154,4 +154,14 @@ export const PutAlterUname = (data: any) =>
     url: `/room/alter-uname`,
     method: 'put',
     data
+  })
+export const GetSharedScreen = (roomNum: string) =>
+  request({
+    url: `/room/shared-screen?roomNum=${roomNum}`,
+    method: 'get'
+  })
+export const PostSharedScreen = (roomNum: string) =>
+  request({
+    url: `/room/shared-screen?roomNum=${roomNum}`,
+    method: 'post'
   })
\ No newline at end of file
diff --git a/src/assets/icon56-active.png b/src/assets/icon56-active.png
new file mode 100644
index 0000000..8e637e8
Binary files /dev/null and b/src/assets/icon56-active.png differ
diff --git a/src/assets/icon56.png b/src/assets/icon56.png
new file mode 100644
index 0000000..3bd9904
Binary files /dev/null and b/src/assets/icon56.png differ
diff --git a/src/components/FeedBackModel/index.module.scss b/src/components/FeedBackModel/index.module.scss
new file mode 100644
index 0000000..689f213
--- /dev/null
+++ b/src/components/FeedBackModel/index.module.scss
@@ -0,0 +1,45 @@
+.feedBackModel {
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  .feedBackModelContent {
+    flex-grow: 1;
+    overflow-y: auto;
+    margin: 10px 0;
+
+    .feedBackModelContentRate {
+      margin-bottom: 20px;
+      background-color: #101215;
+      padding: 10px 20px 30px;
+      box-sizing: border-box;
+    }
+
+    .feedBackModelContentList {
+      margin-bottom: 20px;
+
+      >div:nth-child(2) {
+        >div {
+          background-color: #101215;
+          margin-bottom: 10px;
+          cursor: pointer;
+          color: #7F859B;
+          font-size: 14px;
+          padding: 4px 8px;
+          box-sizing: border-box;
+          border: 1px transparent solid;
+        }
+
+        .active {
+          color: white;
+          border: 1px #495EAD solid;
+        }
+      }
+    }
+  }
+
+  .feedBackModelFooter {
+    flex-shrink: 0;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
\ No newline at end of file
diff --git a/src/components/FeedBackModel/index.tsx b/src/components/FeedBackModel/index.tsx
new file mode 100644
index 0000000..f46997a
--- /dev/null
+++ b/src/components/FeedBackModel/index.tsx
@@ -0,0 +1,138 @@
+import { PostFeedback } from '@/api/Home/Index';
+import styles from '@/components/FeedBackModel/index.module.scss'
+import { Button, message, Modal, Rate } from 'antd';
+import TextArea from 'antd/es/input/TextArea';
+import { useState, useImperativeHandle, forwardRef } from "react";
+const FeedBackModel = forwardRef((_props: any, ref: any) => {
+  useImperativeHandle(ref, () => ({
+    changeModal: () => {
+      setIsFeedBackModel(true)
+    },
+  }))
+  const [isFeedBackModel, setIsFeedBackModel] = useState(false);
+  const [feedBackForm, setFeedBackForm] = useState({
+    rateValue: 0,
+    otherContent: '',
+  });
+  const [feedBackList, setFeedBackList] = useState([
+    {
+      text: "软件卡顿",
+      value: 2,
+      active: false,
+    },
+    {
+      text: "设计不合理",
+      value: 3,
+      active: false,
+    },
+    {
+      text: "功能太少",
+      value: 4,
+      active: false,
+    },
+    {
+      text: "通话不流畅",
+      value: 5,
+      active: false,
+    },
+    {
+      text: "视频卡顿",
+      value: 6,
+      active: false,
+    },
+    {
+      text: "操作麻烦",
+      value: 7,
+      active: false,
+    },
+    {
+      text: "其他，需要手动填写",
+      value: 1,
+      active: false,
+    },
+  ]);
+  return (
+    <>
+      <Modal
+        title="反馈建议评分"
+        open={isFeedBackModel}
+        footer={null}
+        destroyOnClose={true}
+        onCancel={() => setIsFeedBackModel(false)}
+        centered
+        width={'500px'}
+      >
+        <div className={styles.feedBackModel}>
+          <div className={styles.feedBackModelContent}>
+            <div className={styles.feedBackModelContentRate}>
+              <div style={{ color: 'white', fontSize: '14px', marginBottom: '4px' }}>评分:</div>
+              <div style={{ display: 'flex', justifyContent: 'center' }}>
+                <Rate value={feedBackForm.rateValue} allowHalf style={{ transform: 'scale(2)' }} allowClear onChange={(e) => {
+                  setFeedBackForm({
+                    ...feedBackForm,
+                    rateValue: e
+                  })
+                }} />
+              </div>
+            </div>
+            <div className={styles.feedBackModelContentList}>
+              <div style={{ color: 'white', fontSize: '14px', marginBottom: '4px' }}>建议:</div>
+              <div>
+                {
+                  feedBackList.map((item, index) => {
+                    return (
+                      <div key={index} className={item.active ? styles.active : ''} onClick={() => {
+                        const feedBackListTemp = [...feedBackList]
+                        feedBackListTemp[index].active = !feedBackListTemp[index].active
+                        setFeedBackList(feedBackListTemp)
+                      }}>
+                        <span>{item.text}</span>
+                      </div>
+                    )
+                  })
+                }
+              </div>
+            </div>
+            <div className={styles.feedBackModelContentList} style={{ visibility: feedBackList[feedBackList.length - 1].active ? 'visible' : 'hidden' }}>
+              <TextArea
+                placeholder="填写意见"
+                value={feedBackForm.otherContent}
+                autoSize={{ minRows: 3, maxRows: 6 }}
+                onChange={(e) => {
+                  setFeedBackForm({
+                    ...feedBackForm,
+                    otherContent: e.target.value
+                  })
+                }}
+              />
+            </div>
+          </div>
+          <div className={styles.feedBackModelFooter}>
+            <Button type="primary" className='m-ant-btn'
+              onClick={() => {
+                let parmes = {
+                  score: feedBackForm.rateValue,
+                  otherContent: feedBackList[feedBackList.length - 1].active ? feedBackForm.otherContent : '',
+                  types: feedBackList.filter(row => row.active).map((item: any) => item.value),
+                }
+                if (feedBackForm.rateValue === 0) {
+                  message.error('请选择评分')
+                  return
+                }
+                PostFeedback(parmes).then(res => {
+                  if (res.code === 200) {
+                    message.success('提交成功！')
+                    setIsFeedBackModel(false)
+                  }
+                })
+              }}>提交</Button>
+            <Button type="primary" style={{ backgroundColor: 'rgb(16,20,24)', marginLeft: '20px' }}
+              onClick={() => setIsFeedBackModel(false)}>关闭</Button>
+          </div>
+        </div>
+      </Modal>
+    </>
+  )
+})
+
+export default FeedBackModel
\ No newline at end of file
diff --git a/src/components/JoinSetting/index.tsx b/src/components/JoinSetting/index.tsx
index e8be5b5..a3a6f93 100644
--- a/src/components/JoinSetting/index.tsx
+++ b/src/components/JoinSetting/index.tsx
@@ -170,7 +170,7 @@ const JoinSetting = forwardRef((_props: any, ref: any) => {
                       setJoinRoomSettingForm(list)
                       if (index === 1) {
                         if (list[index].active) {
-                          agora.startPreview('videoPreview', Number(user.screenShareId))
+                          agora.startPreview('videoPreview', Number(user.screenShareId), +new Date())
                         }
                       }
                     } else {
diff --git a/src/components/StupWizard/index.tsx b/src/components/StupWizard/index.tsx
index 55dde8c..06e17de 100644
--- a/src/components/StupWizard/index.tsx
+++ b/src/components/StupWizard/index.tsx
@@ -11,6 +11,7 @@ import { storageSeeting } from '@/utils/package/public';
 let meetingUserInfo = '' as any;
 const fs = require('fs').promises;
 const { exec } = require('child_process');
+let c = +new Date();
 const StupWizard = forwardRef((_props: any, ref: any) => {
     useImperativeHandle(ref, () => ({
         changeModal: (index: number = 0, data: any) => {
@@ -84,6 +85,8 @@ const StupWizard = forwardRef((_props: any, ref: any) => {
                         {list.map((row: any, index: number) => {
                             return (
                                 <div key={index} className={`${row.active ? styles.active : ''}`} onClick={async () => {
+                                    const userInfo = JSON.parse(storage.getItem('user') as string)
+                                    await agora.destroyRendererByConfigPreview(Number(userInfo.screenShareId), c)
                                     const newList = [...list];
                                     newList.forEach(item => item.active = false);
                                     newList[index].active = true;
@@ -106,9 +109,11 @@ const StupWizard = forwardRef((_props: any, ref: any) => {
                             cursor: 'pointer'
                         }}
                             onClick={async () => {
+                                const userInfo = JSON.parse(storage.getItem('user') as string)
                                 if (location.hash.indexOf('/meeting') === -1) {
                                     agora.release()
                                 }
+                                await agora.destroyRendererByConfigPreview(Number(userInfo.screenShareId), c)
                                 setIsStupWizard(false)
                             }}
                         />
@@ -247,7 +252,7 @@ const VideoComponents = () => {
             })
             if (setting.videoDeviceId && list.length) {
                 await agora.setVideoDeviceManager(setting.videoDeviceId)
-                await agora.startPreview('videoPreview', Number(userInfo.screenShareId))
+                await agora.startPreview('videoPreview', Number(userInfo.screenShareId), c)
             }
         })
     }
@@ -305,7 +310,7 @@ const VideoComponents = () => {
                                 agora.setVideoDeviceManager(e)
                                 if (!setting.videoDeviceId) {
                                     const userInfo = JSON.parse(storage.getItem('user') as string)
-                                    await agora.startPreview('videoPreview', Number(userInfo.screenShareId))
+                                    await agora.startPreview('videoPreview', Number(userInfo.screenShareId), c)
                                 }
                                 setting.videoDeviceId = e;
                                 storage.setItem('setting', JSON.stringify(setting))
diff --git a/src/page/Home/Index/index.tsx b/src/page/Home/Index/index.tsx
index 270763b..a745085 100644
--- a/src/page/Home/Index/index.tsx
+++ b/src/page/Home/Index/index.tsx
@@ -8,11 +8,12 @@ import { ExclamationCircleFilled, 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';
+import { useLocation, useNavigate } from 'react-router-dom';
 import { role } from '@/config/role';
 import dayjs from 'dayjs';
 import StupWizard from '@/components/StupWizard';
 import { GetSubDpList } from '@/api/Home/User';
+import FeedBackModel from '@/components/FeedBackModel';
 const { setInterval, clearInterval } = require('timers');
 const fs = require('fs').promises;
 const { exec } = require('child_process');
@@ -20,6 +21,7 @@ const { RangePicker } = DatePicker;
 const { confirm } = Modal;
 const Index: React.FC = () => {
   const navigate = useNavigate();
+  const { state } = useLocation();
   const [list, setList] = useState({
     data: [],
     total: 0,
@@ -37,6 +39,7 @@ const Index: React.FC = () => {
   })
   const joinSettingRef = useRef<any>();
   const stupWizardRef = useRef<any>();
+  const feedBackModelRef = useRef<any>();
   const [user, setUser] = useState<any>({});
   const [currentRoomInfo, setCurrentRoomInfo] = useState<any>({});
   const [subjectList, setSubjectList] = useState<any>([]);
@@ -47,6 +50,9 @@ const Index: React.FC = () => {
   const userInfo = JSON.parse(storage.getItem('user') as string)
   useEffect(() => {
     setUser(userInfo)
+    if (state?.currentSeconds >= 600) {
+      feedBackModelRef.current.changeModal()
+    }
   }, [])
   useEffect(() => {
     let time = null as any
@@ -551,6 +557,7 @@ const Index: React.FC = () => {
       </Modal>
       <JoinSetting ref={joinSettingRef} />
       <StupWizard ref={stupWizardRef} />
+      <FeedBackModel ref={feedBackModelRef} />
     </>
   )
 }
diff --git a/src/page/Home/index.module.scss b/src/page/Home/index.module.scss
index 86d1f6e..db9972a 100644
--- a/src/page/Home/index.module.scss
+++ b/src/page/Home/index.module.scss
@@ -130,7 +130,7 @@
           padding-top: 10px;
           margin-top: 10px;
 
-          @for $i from 1 through 2 {
+          @for $i from 1 through 3 {
             >div:nth-child(#{$i}) {
               display: flex;
               align-items: center;
@@ -144,13 +144,16 @@
                 height: 16px;
 
                 @if $i ==1 {
-                  background: url('/src/assets/icon16.png') no-repeat center/cover;
+                  background: url('/src/assets/icon56.png') no-repeat center/120%;
                 }
 
                 @else if $i ==2 {
-                  background: url('/src/assets/icon15.png') no-repeat center/cover;
+                  background: url('/src/assets/icon16.png') no-repeat center/cover;
                 }
 
+                @else if $i ==3 {
+                  background: url('/src/assets/icon15.png') no-repeat center/cover;
+                }
               }
 
               >span {
@@ -162,10 +165,14 @@
               &:hover {
                 >div {
                   @if $i ==1 {
-                    background: url('/src/assets/icon16-active.png') no-repeat center/cover;
+                    background: url('/src/assets/icon56-active.png') no-repeat center/120%;
                   }
 
                   @else if $i ==2 {
+                    background: url('/src/assets/icon16-active.png') no-repeat center/cover;
+                  }
+
+                  @else if $i ==3 {
                     background: url('/src/assets/icon15-active.png') no-repeat center/cover;
                   }
                 }
diff --git a/src/page/Home/index.tsx b/src/page/Home/index.tsx
index 04f99fb..b31ed27 100644
--- a/src/page/Home/index.tsx
+++ b/src/page/Home/index.tsx
@@ -1,7 +1,7 @@
 import styles from '@/page/Home/index.module.scss'
 import { useEffect, useState, useRef } from "react";
 import { Outlet, useNavigate } from 'react-router-dom';
-import { Popconfirm } from 'antd';
+import { Popconfirm, Popover } from 'antd';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn'
 import { storage } from '@/utils';
@@ -130,6 +130,17 @@ const Home: React.FC = () => {
             版本号：{version}
           </div>
           <div>
+            <Popover
+              placement="right"
+              content={
+                <img style={{ width: '400px' }} src={'https://meeting-api.23544.com/meeting/update/ddq.png'} alt="" />
+              }
+            >
+              <div className='drag' title='反馈建议'>
+                <div></div>
+                <span>反馈建议</span>
+              </div>
+            </Popover>
             <div className='drag' title='设置' onClick={() => {
               stupWizardRef.current.changeModal()
             }}>
diff --git a/src/page/Meeting/NoticeWindow/index.tsx b/src/page/Meeting/NoticeWindow/index.tsx
index d1be2a7..6a00b7b 100644
--- a/src/page/Meeting/NoticeWindow/index.tsx
+++ b/src/page/Meeting/NoticeWindow/index.tsx
@@ -68,13 +68,15 @@ const NoticeWindow: React.FC = () => {
               </div>
             </div>,
             onClose: () => {
-              const dom = document.getElementsByClassName('ant-notification')
-              if (dom.length === 0) {
-                window.electron.setChildWindowShow({
-                  key: 'noticeWindow',
-                  bool: false
-                })
-              }
+              setTimeout(() => {
+                const dom = document.getElementsByClassName('ant-notification')
+                if (dom.length === 0) {
+                  window.electron.setChildWindowShow({
+                    key: 'noticeWindow',
+                    bool: false
+                  })
+                }
+              }, 500);
             },
             duration: 10,
             placement: 'bottomRight',
diff --git a/src/page/Meeting/ShareScreenWindow/index.tsx b/src/page/Meeting/ShareScreenWindow/index.tsx
index 772f6b2..25984a4 100644
--- a/src/page/Meeting/ShareScreenWindow/index.tsx
+++ b/src/page/Meeting/ShareScreenWindow/index.tsx
@@ -4,6 +4,7 @@ import styles from '@/page/Meeting/ShareScreenWindow/index.module.scss'
 import { storage } from '@/utils';
 import ImageUrl from '@/utils/package/imageUrl';
 import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
+import { RtcStats } from 'agora-electron-sdk';
 import { Button } from 'antd';
 import dayjs from 'dayjs';
 import { useEffect, useState } from "react";
@@ -50,6 +51,12 @@ const ShareScreenWindow: React.FC = () => {
   const [timeStr, setTimeStr] = useState(0)
   const [isExpand, setIsExpand] = useState(false)
   const [roomUserLists, setRoomUserLists] = useState<any>([])
+  const [currentEffective, setCurrentEffective] = useState(3)
+  const [networkOther, setNetworkOther] = useState<RtcStats>({})
+  const [networkQuality, setNetworkQuality] = useState({
+    level: '佳',
+    text: '网络质量极好'
+  })
   const channel = new BroadcastChannel('meeting_channel');
   const userInfo = JSON.parse(storage.getItem('user') as string)
   let timeout: NodeJS.Timeout;
@@ -97,6 +104,11 @@ const ShareScreenWindow: React.FC = () => {
         case 'roomUserList':
           setRoomUserLists(data.parmes.roomUserList)
           break;
+        case 'nnetworkStatus':
+          setCurrentEffective(data.parmes.currentEffective)
+          setNetworkQuality(data.parmes.networkQuality)
+          setNetworkOther(data.parmes.networkOther)
+          break;
       }
     })
     return () => {
@@ -141,13 +153,19 @@ const ShareScreenWindow: React.FC = () => {
     <>
       <div className={styles.shareScreenWindow} style={{ width: isExpand ? '100%' : '100%' }}>
         <div className={styles.shareScreenWindowTitle}>
-          <span>{changeCurrentSeconds(timeStr)} 共享中</span>
-          {isExpand ? <span className='drag' onClick={() => {
+          <span>{changeCurrentSeconds(timeStr)} 共享中
+            {networkIcon(currentEffective)}
+            <span style={{ color: 'white', marginLeft: '30px' }}>
+              <span style={{ marginRight: '10px' }}>网络质量：{networkQuality.level}</span>
+              <span>延迟：{networkOther.lastmileDelay}ms</span>
+            </span>
+          </span>
+          {isExpand ? <span className='drag' style={{ flexShrink: 0 }} onClick={() => {
             channel.postMessage({
               type: 'shareScreenWindowClose',
               shareScreenWindowClose: timeStr
             });
-          }}>结束共享</span> : <span style={{ visibility: 'hidden' }}>结束共享</span>}
+          }}>结束共享</span> : <span style={{ visibility: 'hidden', flexShrink: 0 }}>结束共享</span>}
         </div>
         {isExpand ? null : <div className={`${styles.shareScreenWindowContent} drag`}>
           <div className={styles.shareScreenWindowContentList}>
@@ -217,4 +235,60 @@ const ShareScreenWindow: React.FC = () => {
   )
 }
 
+const networkIcon = (network: number) => {
+  switch (network) {
+    case 0:
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" className='drag' style={{ transform: 'scale(0.5)', position: 'absolute', top: '-4px' }}>
+        <g clip-path="url(#clip0_21262_3609)">
+          <path d="M4.44094 32C3.03695 32 1.90039 31.15 1.90039 30.1V15.3C1.90039 14.25 3.03695 13.4 4.44094 13.4C5.84492 13.4 6.98149 14.25 6.98149 15.3V30.1C6.98149 31.15 5.84492 32 4.44094 32ZM17.01 32C15.606 32 14.4694 31.15 14.4694 30.1V8.9C14.4694 7.85 15.606 7 17.01 7C18.4139 7 19.5505 7.85 19.5505 8.9V30.1C19.5505 31.15 18.4139 32 17.01 32ZM29.579 32C28.175 32 27.0384 31.15 27.0384 30.1V1.9C27.0384 0.85 28.175 0 29.579 0C30.983 0 32.1195 0.85 32.1195 1.9V30.1C32.1195 31.15 30.983 32 29.579 32Z" fill="#7C8280" />
+          <path d="M7.00124 2.11509L5.01758 4.09875L3.03391 2.11509C2.77629 1.85747 2.35122 1.85747 2.0936 2.11509C1.83599 2.37271 1.83599 2.79778 2.0936 3.0554L4.07727 5.03906L2.0936 7.02273C1.83599 7.28035 1.83599 7.70542 2.0936 7.96304C2.35122 8.22065 2.77629 8.22065 3.03391 7.96304L5.01758 5.97937L7.00124 7.96304C7.25886 8.22065 7.68393 8.22065 7.94155 7.96304C8.19917 7.70542 8.19917 7.28035 7.94155 7.02273L5.95789 5.03906L7.94155 3.0554C8.19917 2.79778 8.19917 2.37271 7.94155 2.11509C7.68393 1.85747 7.25886 1.85747 7.00124 2.11509Z" fill="#F90000" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3609">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
+      </svg>
+    case 1:
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" className='drag' style={{ transform: 'scale(0.5)', position: 'absolute', top: '-4px' }}>
+        <g clip-path="url(#clip0_21262_3615)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#7C8280" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#7C8280" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#FF800B" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3615">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
+      </svg>
+    case 2:
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" className='drag' style={{ transform: 'scale(0.5)', position: 'absolute', top: '-4px' }}>
+        <g clip-path="url(#clip0_21262_3621)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#7C8280" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#FF800B" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#FF800B" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3621">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
+      </svg>
+    case 3:
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" className='drag' style={{ transform: 'scale(0.5)', position: 'absolute', top: '-4px' }}>
+        <g clip-path="url(#clip0_21262_3625)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#02B188" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#02B188" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#02B188" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3625">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
+      </svg>
+  }
+}
+
 export default ShareScreenWindow
diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss
index 7a75217..f3a07c0 100644
--- a/src/page/Meeting/index.module.scss
+++ b/src/page/Meeting/index.module.scss
@@ -232,6 +232,11 @@
         position: relative;
         overflow: hidden;
 
+        #videoView {
+          position: relative;
+          border: 1px red solid;
+        }
+
         .standardModeIcon {
           position: absolute;
           left: 50%;
@@ -305,6 +310,10 @@
           .meetingContentSwiperCard {
             width: 100%;
           }
+
+          .meetingContentSwiperCard {
+            height: calc(100% / 6);
+          }
         }
 
         // 单画面模式
@@ -427,6 +436,22 @@
           }
         }
 
+        .meetingContentSwiperCaret {
+          position: absolute;
+          z-index: 2;
+          cursor: pointer;
+          background-color: rgba(0, 0, 0, 0.5);
+          color: white;
+          border: 1px white solid;
+          font-size: 20px;
+          width: 30px;
+          height: 30px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+
         .meetingContentBodyLeftBlock {
           position: absolute;
           background-color: #1F2022;
diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index 7f2103e..278e590 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -4,16 +4,16 @@ import Operation from '@/components/Operation';
 import SpeakerModeModal from '@/components/SpeakerModeModal';
 import InvitingPersonnelModal from '@/components/InvitingPersonnelModal';
 import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm, notification } from "antd";
-import { SearchOutlined, EllipsisOutlined, ExclamationCircleFilled, FullscreenExitOutlined, FullscreenOutlined, QuestionCircleOutlined } from '@ant-design/icons';
+import { SearchOutlined, EllipsisOutlined, ExclamationCircleFilled, FullscreenExitOutlined, FullscreenOutlined, QuestionCircleOutlined, CaretLeftOutlined, CaretRightOutlined, CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { thumbImageBufferToBase64 } from '@/utils/package/base64'
 import { storage } from '@/utils';
-import { GetRoomUser, PostOpenMicr, PostOpenCamera, GetLeaveAll, PostRoomManager, DeleteRoomManager, GetRoomKickout, GetShowUser, PostShowUser, PostMuteAll, GetRoomUserItem, GetApplySpeak } from '@/api/Meeting';
+import { GetRoomUser, PostOpenMicr, PostOpenCamera, GetLeaveAll, PostRoomManager, DeleteRoomManager, GetRoomKickout, GetShowUser, PostShowUser, PostMuteAll, GetRoomUserItem, GetApplySpeak, PostSharedScreen } from '@/api/Meeting';
 import ImageUrl from '@/utils/package/imageUrl'
 import { agora } from '@/utils/package/agora'
 import dayjs from 'dayjs';
 import durationPlugin from 'dayjs/plugin/duration';
-import { AudioVolumeInfo, ConnectionChangedReasonType, ConnectionStateType, LocalVideoStreamReason, LocalVideoStreamState, QualityType, RtcConnection, RtcStats, UserOfflineReasonType, VideoSourceType, VideoStreamType } from 'agora-electron-sdk';
+import { AudioVolumeInfo, ConnectionChangedReasonType, ConnectionStateType, LocalVideoStreamReason, LocalVideoStreamState, RenderModeType, RtcConnection, RtcStats, UserOfflineReasonType, VideoSourceType, VideoStreamType } from 'agora-electron-sdk';
 import Avatar from '@/components/Avatar';
 import SharedFilesModel from '@/components/SharedFilesModel';
 import StupWizard from '@/components/StupWizard';
@@ -25,6 +25,7 @@ import { getKeyOpenChildWindow, setKeyOpenChildWindow } from '@/utils/package/pu
 import MeetingDisconnected from '@/components/MeetingDisconnected';
 import SingIn from '@/components/SingIn';
 import UserName from '@/components/UserName';
+import { GetRoomRtcToken } from '@/api/Home/Index';
 const { setTimeout, setInterval, clearTimeout, clearInterval } = require('timers');
 const { confirm } = Modal;
 const { exec } = require('child_process');
@@ -163,17 +164,20 @@ const Meeting: React.FC = () => {
   const [chatList, setChatList] = useState<any>([])
   const [isExpand, setIsExpand] = useState(false)
   const [currentVideoId, setCurrentVideoId] = useState('')
+  const [currentVideoUid, setCurrentVideoUid] = useState('')
   let [currentSeconds, setCurrentSeconds] = useState(0)
-  const [currentEffective, setCurrentEffective] = useState(4)
+  const [isNetworkQuality, setIsNetworkQuality] = useState(false)
+  const [currentEffective, setCurrentEffective] = useState(3)
   const [networkQuality, setNetworkQuality] = useState({
     level: '佳',
-    text: '网络质量极好。'
+    text: '网络质量极好'
   })
   const [networkOther, setNetworkOther] = useState<RtcStats>({})
   const [isComputerAudio, setIsComputerAudio] = useState(false)
   const [_isLeave, setIsLeave] = useState(false)
   const [isScreenCapture, setIsScreenCapture] = useState(false)
   const [isFluencyPriority, setIsFluencyPriority] = useState(false)
+  const [isClickLock, setIsClickLock] = useState(false)
   const [open, setOpen] = useState(false)
   const [modeOpen, setModeOpen] = useState(false)
   const [meetingMode, setMeetingMode] = useState('')
@@ -181,14 +185,19 @@ const Meeting: React.FC = () => {
   const [noViewChatList, setNoViewChatList] = useState(0)
   const [currentLookUserAccount, setCurrentLookUserAccount] = useState<any>('')
   const [recorder, setRecorder] = useState<any>('')
+  const [contextMenu, setContextMenu] = useState<any>('')
+  const [contextMenuStyle, setContextMenuStyle] = useState({
+    top: 0,
+    left: 0,
+  })
   const [_currentRequestSpeakType, setCurrentRequestSpeakType] = useState<'video' | 'audio' | ''>('')
   const [_mediaStream, setMediaStream] = useState<any>([])
   const [isShare, setIsShare] = useState<any>(null)
   const [isSharePopConfirm, setIsSharePopConfirm] = useState(false)
   const [_isNetworkDisconnected, setIsNetworkDisconnected] = useState(false)
+  const [isAgoraDisconnected, setIsAgoraDisconnected] = useState(false)
   const [isShareUser, setIsShareUser] = useState<any>(null)
   const [currentLookUserStatus, setCurrentLookUserStatus] = useState<0 | 1 | 2 | 3 | 4>(1)
-  const [clickCurrentLookUserStatus, setClickCurrentLookUserStatus] = useState<boolean>(true)
   const [commonlyChatList] = useState<any>([
     '能听到我说话吗？',
     '听得到',
@@ -197,6 +206,7 @@ const Meeting: React.FC = () => {
   ])
   const [roomUserItem, setRoomUserItem] = useState<any>(null)
   const [isAdmin, setIsAdmin] = useState<number>(0)
+  const [_socketRemberNumber, setSocketRemberNumber] = useState<number>(0)
   const [api, contextHolder] = notification.useNotification({
     stack: {
       threshold: 3
@@ -208,9 +218,11 @@ const Meeting: React.FC = () => {
   const msgTips = '您不是管理员或发言人，无法开启此功能！'
   const channel = new BroadcastChannel('meeting_channel');
   let storeDevice: any;
+  let agoraTime: NodeJS.Timeout;
   useEffect(() => {
     window.electron.createChildWindow('hide')
     let time: NodeJS.Timeout;
+    let refreshTime: NodeJS.Timeout;
     setUser(userInfo)
     window.electron.getIsMaximized().then((res: boolean) => {
       if (!res) {
@@ -338,7 +350,6 @@ const Meeting: React.FC = () => {
             return res
           }))
           break;
-          break;
         case 'userListWindowGetRoomKickout':
           GetRoomKickout(state.channelId, userListWindowGetRoomKickout.uid)
           break;
@@ -417,6 +428,24 @@ const Meeting: React.FC = () => {
         return []
       })
     }, 1000)
+    refreshTime = setInterval(() => {
+      GetRoomUser(state.channelId).then(res => {
+        if (res.code === 200) {
+          res.data.forEach((item: any) => {
+            setRoomUserList((data: any) => {
+              let row = data.find((row: any) => row.uid == item.uid);
+              if (row) {
+                row.enableCamera = item.enableCamera;
+                row.enableMicr = item.enableMicr;
+                row.isRoomManager = item.isRoomManager;
+                row.isAdmin = role.ID.includes(item.roleId) || item.isRoomManager;
+              }
+              return data
+            })
+          });
+        }
+      })
+    }, 1000 * 30)
     // 首次加载图标更新
     const firstFooterList = [...footerList]
     firstFooterList[0][0].title = state.enableMicr ? '静音' : '解除静音'
@@ -485,45 +514,103 @@ const Meeting: React.FC = () => {
       window.removeEventListener('customStorageChange', handleCustomStorageChange);
       window.removeEventListener('wheel', handleWheelChange);
       clearInterval(time)
+      clearInterval(refreshTime)
       channel.close();
       window.electron.closeChildWindow('shareScreenWindow')
     };
   }, []);
 
   useEffect(() => {
-    switch (currentEffective) {
-      case 0:
+    if (networkOther) {
+      let data = networkOther as any;
+      if (storage.getItem('reconnect') === 'true') {
+        if (data.lastmileDelay < 100) {
+          setNetworkQuality({
+            level: '佳',
+            text: '网络质量极好'
+          })
+          setCurrentEffective(3)
+          window.electron.windowHandleMessage({
+            key: 'shareScreenWindow',
+            parmes: {
+              currentEffective: 3,
+              networkQuality: {
+                level: '佳',
+                text: '网络质量极好'
+              },
+              networkOther: {
+                lastmileDelay: data.lastmileDelay
+              },
+              type: 'nnetworkStatus'
+            }
+          })
+        } else if (data.lastmileDelay > 500) {
+          setNetworkQuality({
+            level: '非常差',
+            text: '完全无法沟通'
+          })
+          setIsNetworkQuality(true)
+          setCurrentEffective(1)
+          window.electron.windowHandleMessage({
+            key: 'shareScreenWindow',
+            parmes: {
+              currentEffective: 1,
+              networkQuality: {
+                level: '非常差',
+                text: '完全无法沟通'
+              },
+              networkOther: {
+                lastmileDelay: data.lastmileDelay
+              },
+              type: 'nnetworkStatus'
+            }
+          })
+        } else if (data.lastmileDelay < 500 && data.lastmileDelay > 100) {
+          setNetworkQuality({
+            level: '差',
+            text: '勉强能沟通但不顺畅'
+          })
+          setIsNetworkQuality(true)
+          setCurrentEffective(2)
+          window.electron.windowHandleMessage({
+            key: 'shareScreenWindow',
+            parmes: {
+              currentEffective: 2,
+              networkQuality: {
+                level: '差',
+                text: '勉强能沟通但不顺畅'
+              },
+              networkOther: {
+                lastmileDelay: data.lastmileDelay
+              },
+              type: 'nnetworkStatus'
+            }
+          })
+        }
+      } else {
         setNetworkQuality({
           level: '断开连接',
           text: '网络连接断开'
         })
-        break;
-      case 1:
-        setNetworkQuality({
-          level: '非常差',
-          text: '完全无法沟通'
+        setCurrentEffective(0)
+        window.electron.windowHandleMessage({
+          key: 'shareScreenWindow',
+          parmes: {
+            currentEffective: 0,
+            networkQuality: {
+              level: '断开连接',
+              text: '网络连接断开'
+            },
+            networkOther: {
+              lastmileDelay: data.lastmileDelay
+            },
+            type: 'nnetworkStatus'
+          }
         })
-        break;
-      case 2:
-        setNetworkQuality({
-          level: '差',
-          text: '勉强能沟通但不顺畅'
-        })
-        break;
-      case 3:
-        setNetworkQuality({
-          level: '良好',
-          text: ' 有瑕疵但不影响沟通'
-        })
-        break;
-      case 4:
-        setNetworkQuality({
-          level: '佳',
-          text: '网络质量极好'
-        })
-        break;
+
+      }
     }
-  }, [currentEffective]);
+  }, [networkOther]);
 
   useEffect(() => {
     if (chatList.length) {
@@ -573,6 +660,30 @@ const Meeting: React.FC = () => {
     }
   }, [currentVideoId, isShare]);
 
+  useEffect(() => {
+    if (isAgoraDisconnected) {
+      agoraTime = setTimeout(() => {
+        confirm({
+          keyboard: false,
+          title: '提示',
+          icon: <ExclamationCircleFilled />,
+          content: `重连失败，请退出房间重试！`,
+          centered: true,
+          okText: '退出',
+          wrapClassName: 'hideCancelText',
+          cancelText: '',
+          async onOk() {
+            leaveChannel()
+          },
+        })
+        clearTimeout(agoraTime)
+      }, 1000 * 60);
+    } else {
+      clearTimeout(agoraTime)
+    }
+    return () => clearTimeout(agoraTime);
+  }, [isAgoraDisconnected]);
+
   useEffect(() => {
     window.electron.onSignalr(async (_e: any, item: any) => {
       const setting = JSON.parse(storage.getItem('setting') as string)
@@ -607,18 +718,8 @@ const Meeting: React.FC = () => {
           break;
         // 扩展操作
         case 'Operation':
-          // 4:屏幕共享
           switch (item.type) {
-            case 4:
-              setIsShare((res: any) => {
-                if (userInfo.screenShareId === String(res)) {
-                  changeStatusList({
-                    title: '共享冲突停止共享',
-                  }, 1, 0)
-                }
-                return res
-              })
-              break;
+
           }
           break;
         // 全员离开房间
@@ -792,7 +893,11 @@ const Meeting: React.FC = () => {
           if (!role.ID.includes(userInfo.roleId)) {
             let userId = item.watchUids.find((uid: any) => uid === userInfo.uid)
             if (userId) {
-              await agora.allJoinChannelEx()
+              GetRoomRtcToken(state.channelId + 'a').then(async res => {
+                if (res.code === 200) {
+                  await agora.allJoinChannelEx(false, res.data)
+                }
+              })
             } else {
               await agora.allLeaveChannelEx()
             }
@@ -865,6 +970,58 @@ const Meeting: React.FC = () => {
         case 'ModifyNickName':
           setAllUserListData('ModifyNickName', item)
           break;
+        // 加入房间回调
+        case 'JoinChannelCallback':
+          if (item.isSuccess) {
+            await getRoomUser()
+          } else {
+            setSocketRemberNumber(res => {
+              if (res >= 3) {
+                confirm({
+                  keyboard: false,
+                  title: '提示',
+                  icon: <ExclamationCircleFilled />,
+                  content: `加入房间失败！`,
+                  centered: true,
+                  okText: '退出',
+                  wrapClassName: 'hideCancelText',
+                  cancelText: '',
+                  async onOk() {
+                    leaveChannel()
+                  },
+                })
+              } else {
+                setTimeout(() => {
+                  async function setUserStatus(res: any) {
+                    let userItem = res.find((item: any) => item.uid === userInfo.uid)
+                    await window.electron.onInvoke('joinChannel', {
+                      roomNum: state.channelId,
+                      enableMicr: !storeDevice[0][0].active,
+                      enableCamera: !storeDevice[0][1].active,
+                      isRoomManager: userItem ? userItem.isRoomManager : false,
+                    })
+                  }
+                  setRoomUserList((res: any) => {
+                    setUserStatus(res)
+                    return res
+                  })
+                }, 3000);
+              }
+              return res >= 3 ? 3 : res++
+            })
+          }
+          break;
+        // 共享
+        case 'ExitSharedScreen':
+          setIsScreenCapture((res) => {
+            if (res) {
+              changeStatusList({
+                title: '共享冲突停止共享',
+              }, 1, 0)
+            }
+            return res
+          })
+          break;
       }
     })
     return () => {
@@ -948,14 +1105,75 @@ const Meeting: React.FC = () => {
   }, [isClicked]);
 
   useEffect(() => {
-    let timer: NodeJS.Timeout;
+    async function setView() {
+      let uid = currentVideoUid
+      switch (currentLookUserStatus) {
+        case 1:
+          await agora.setupLocalVideo({
+            uid: Number(uid),
+            view: document.getElementById(`video-source-camera-primary`) as HTMLElement,
+            channelId: state.channelId,
+            sourceType: VideoSourceType.VideoSourceCameraPrimary,
+            renderMode: RenderModeType.RenderModeFit
+          })
+          setIsClickLock(false)
+          break;
+        case 2:
+          await agora.setupLocalVideo({
+            uid: Number(uid),
+            view: document.getElementById(`video-source-screen`) as HTMLElement,
+            channelId: state.channelId,
+            sourceType: VideoSourceType.VideoSourceScreen,
+            renderMode: RenderModeType.RenderModeFit
+          })
+          setIsClickLock(false)
+          break;
+        case 3:
+          await agora.setupRemoteVideoJoin({
+            uid: Number(uid),
+            view: document.getElementById(`video-source-remote-screen`) as HTMLElement,
+            channelId: state.channelId,
+            renderMode: RenderModeType.RenderModeFit
+          })
+          setIsClickLock(false)
+          break;
+        case 4:
+          await agora.setupRemoteVideoJoin({
+            uid: Number(uid),
+            view: document.getElementById(`video-source-remote-camera`) as HTMLElement,
+            channelId: state.channelId,
+            renderMode: RenderModeType.RenderModeFit
+          })
+          setIsClickLock(false)
+          break;
+      }
+    }
+    if (currentVideoUid) {
+      setTimeout(() => {
+        setView()
+      }, currentVideoId ? 0 : 1500);
+    }
+  }, [currentVideoUid]);
 
+  useEffect(() => {
+    if (isScreenCapture) {
+      agora.setupLocalVideo({
+        uid: Number(user.uid),
+        view: document.getElementById(`meetingAbsoluteVideo`) as HTMLElement,
+        channelId: state.channelId,
+        sourceType: VideoSourceType.VideoSourceCameraPrimary,
+        type: true
+      })
+    }
+  }, [isScreenCapture]);
+
+  useEffect(() => {
+    let timer: NodeJS.Timeout;
     if (isClickedMediaSteam) {
       timer = setTimeout(() => {
         setIsClickedMediaSteam(false)
       }, 3000);
     }
-
     return () => clearTimeout(timer);
   }, [isClickedMediaSteam]);
 
@@ -1028,6 +1246,7 @@ const Meeting: React.FC = () => {
                 view: document.getElementById(`video-${connection.localUid}`),
                 channelId: connection.channelId,
                 sourceType: VideoSourceType.VideoSourceCameraPrimary,
+                renderMode: RenderModeType.RenderModeFit
               })
             }, 1000);
             getShowUser();
@@ -1044,6 +1263,7 @@ const Meeting: React.FC = () => {
                 uid: Number(remoteUid),
                 view: document.getElementById(`video-${remoteUid}`),
                 channelId: connection.channelId,
+                renderMode: RenderModeType.RenderModeFit
               })
             }, 1000);
           }
@@ -1059,6 +1279,7 @@ const Meeting: React.FC = () => {
             uid: Number(remoteUid),
             view: null,
             channelId: connection.channelId,
+            renderMode: RenderModeType.RenderModeFit
           });
         }
       },
@@ -1090,31 +1311,6 @@ const Meeting: React.FC = () => {
           });
         }
       },
-      onNetworkQuality: async (_connection: RtcConnection, remoteUid: number, _txQuality: QualityType, rxQuality: QualityType) => {
-        if (remoteUid === 0) {
-          switch (rxQuality) {
-            case 1:
-              setCurrentEffective(4)
-              break;
-            case 2:
-            case 3:
-              setCurrentEffective(3)
-              break;
-            case 4:
-              setCurrentEffective(2)
-              break;
-            case 5:
-              setCurrentEffective(1)
-              break;
-            case 6:
-              setCurrentEffective(0)
-              break;
-            default:
-              setCurrentEffective(storage.getItem('reconnect') === 'true' ? 4 : 0)
-              break;
-          }
-        }
-      },
       onRtcStats: async (stats: RtcStats) => {
         setNetworkOther(stats)
       },
@@ -1124,10 +1320,12 @@ const Meeting: React.FC = () => {
 
         } else if (state === 3) {
           meetingDisconnectedRef.current.changeModal(false)
+          setIsAgoraDisconnected(false)
         }
       },
       onConnectionLost: () => {
         meetingDisconnectedRef.current.changeModal(true)
+        setIsAgoraDisconnected(true)
         setIsScreenCapture(bool => {
           if (bool) {
             setIsNetworkDisconnected(true)
@@ -1155,6 +1353,16 @@ const Meeting: React.FC = () => {
             key: 'cameraTemporarily'
           });
         }
+      },
+      onTokenPrivilegeWillExpire: async (connection: RtcConnection, _token: string) => {
+        await GetRoomRtcToken(connection.channelId || '').then(res => {
+          if (res.code === 200) {
+            agora.refreshToken({
+              token: res.data,
+              connection,
+            })
+          }
+        })
       }
     })
     if (state.enableCamera) {
@@ -1165,7 +1373,6 @@ const Meeting: React.FC = () => {
       uid: userInfo.uid,
       screenShareId: userInfo.screenShareId,
       token: state.token,
-      tokenA: state.tokenA,
     })
   }
   // 状态更新
@@ -1233,12 +1440,14 @@ const Meeting: React.FC = () => {
         view: document.getElementById(`video-${userItem.uid}`),
         channelId: state.channelId,
         sourceType: VideoSourceType.VideoSourceCameraPrimary,
+        renderMode: RenderModeType.RenderModeFit
       })
     } else {
       await agora.setupRemoteVideoJoin({
         uid: Number(userItem.uid),
         view: document.getElementById(`video-${userItem.uid}`),
         channelId: state.channelId,
+        renderMode: RenderModeType.RenderModeFit
       })
     }
   }
@@ -1266,6 +1475,9 @@ const Meeting: React.FC = () => {
               userItem.enableMicr = item.user.enableMicr;
             }
             userItem.isAdmin = role.ID.includes(item.user.roleId) || item.user.isRoomManager;
+            if (!userItem.isAdmin) {
+              agora.destroyRendererByConfig(Number(userItem.uid), state.channelId)
+            }
             refreshVideoView(userItem)
           }
           if (key === 'ManagerRefresh') {
@@ -1283,7 +1495,9 @@ const Meeting: React.FC = () => {
             }
             userItem.isRoom = true;
             userItem.isAdmin = role.ID.includes(item.user.roleId) || item.user.isRoomManager;
-            refreshVideoView(userItem)
+            setTimeout(() => {
+              refreshVideoView(userItem)
+            }, 0);
             return [...res]
           } else {
             item.user.isRoom = true;
@@ -1333,23 +1547,34 @@ const Meeting: React.FC = () => {
   }
   // 滚动
   const handleWheelChange = (e: any): void => {
-    const container = document.getElementById('videoView') as HTMLElement;
-    if (e.wheelDeltaY > 0) {
-      container.scrollLeft -= 100
-    } else {
-      container.scrollLeft += 100
-    }
+    setMeetingMode(res => {
+      if (res === 'StandardMode') {
+        const container = document.getElementById('videoView') as HTMLElement;
+        if (e.wheelDeltaY > 0) {
+          container.scrollLeft -= 100
+        } else {
+          container.scrollLeft += 100
+        }
+      }
+      return res
+    })
   }
   // 渲染视频
   const renderVideo = async (uid: string = ''): Promise<void> => {
+    if (isClickLock) {
+      return
+    }
     if (uid) {
-      if (currentVideoId === uid || clickCurrentLookUserStatus === false) {
+      if (currentVideoId === uid || currentVideoUid === uid) {
         return
       }
     } else {
       uid = userInfo.uid
     }
-    setClickCurrentLookUserStatus(false)
+    await agora.destroyRendererByView(`video-source-camera-primary`)
+    await agora.destroyRendererByView(`video-source-screen`)
+    await agora.destroyRendererByView(`video-source-remote-screen`)
+    await agora.destroyRendererByView(`video-source-remote-camera`)
     setCurrentLookUserStatus(0)
     setRoomUserList((res: any) => {
       let item = res.find((item: any) => item.uid === uid || item.screenShareId === uid)
@@ -1358,59 +1583,28 @@ const Meeting: React.FC = () => {
       }
       return res
     })
-    setTimeout(() => {
-      if (uid === userInfo.uid || uid === userInfo.screenShareId) {
-        if (String(uid).length === 9) {
-          // 共享屏幕
-          setCurrentLookUserStatus(2)
-          setTimeout(async () => {
-            await agora.setupLocalVideo({
-              uid: Number(uid),
-              view: document.getElementById(`video-source-screen`) as HTMLElement,
-              channelId: state.channelId,
-              sourceType: VideoSourceType.VideoSourceScreen,
-            })
-            setClickCurrentLookUserStatus(true)
-          }, 1500);
-        } else {
-          // 摄像头
-          setCurrentLookUserStatus(1)
-          setTimeout(async () => {
-            await agora.setupLocalVideo({
-              uid: Number(uid),
-              view: document.getElementById(`video-source-camera-primary`) as HTMLElement,
-              channelId: state.channelId,
-              sourceType: VideoSourceType.VideoSourceCameraPrimary,
-            })
-            setClickCurrentLookUserStatus(true)
-          }, 1500);
-        }
+    setIsClickLock(true)
+    setCurrentVideoUid('')
+    if (uid === userInfo.uid || uid === userInfo.screenShareId) {
+      if (String(uid).length === 9) {
+        // 共享屏幕
+        setCurrentLookUserStatus(2)
       } else {
-        if (String(uid).length === 9) {
-          // 共享屏幕
-          setCurrentLookUserStatus(3)
-          setTimeout(async () => {
-            await agora.setupRemoteVideoJoin({
-              uid: Number(uid),
-              view: document.getElementById(`video-source-remote-screen`) as HTMLElement,
-              channelId: state.channelId,
-            })
-            setClickCurrentLookUserStatus(true)
-          }, 1500);
-        } else {
-          // 摄像头
-          setCurrentLookUserStatus(4)
-          setTimeout(async () => {
-            await agora.setupRemoteVideoJoin({
-              uid: Number(uid),
-              view: document.getElementById(`video-source-remote-camera`) as HTMLElement,
-              channelId: state.channelId,
-            })
-            setClickCurrentLookUserStatus(true)
-          }, 1500);
-        }
+        // 摄像头
+        setCurrentLookUserStatus(1)
       }
-    }, 1000)
+    } else {
+      if (String(uid).length === 9) {
+        // 共享屏幕
+        setCurrentLookUserStatus(3)
+      } else {
+        // 摄像头
+        setCurrentLookUserStatus(4)
+      }
+    }
+    setTimeout(() => {
+      setCurrentVideoUid(uid)
+    }, 500);
   }
   // 全员观看
   const getShowUser = async (): Promise<void> => {
@@ -1645,7 +1839,11 @@ const Meeting: React.FC = () => {
         break;
       case '会议监控':
         if (!statusList.userVideo) {
-          await agora.allJoinChannelEx(true)
+          GetRoomRtcToken(state.channelId + 'a').then(async res => {
+            if (res.code === 200) {
+              await agora.allJoinChannelEx(true, res.data)
+            }
+          })
         } else {
           await agora.allLeaveChannelEx()
         }
@@ -1703,7 +1901,11 @@ const Meeting: React.FC = () => {
         if (userInfo.isAnonymous) {
           storage.setItem('userLogin', false)
         } else {
-          navigate('/home/index')
+          navigate(`/home/index`, {
+            state: {
+              currentSeconds
+            }
+          })
         }
       }
       return res
@@ -1711,7 +1913,6 @@ const Meeting: React.FC = () => {
   }
   // 分享屏幕
   const clickSharedScreen = async (): Promise<void> => {
-    let data = sharedScreenList.find((item: any) => item.sourceId === sharedScreenItem.sourceId)
     const elements = document.querySelectorAll('.intersectionObserver-view');
     if (elements.length) {
       elements.forEach(item => {
@@ -1721,35 +1922,30 @@ const Meeting: React.FC = () => {
       });
       agora.setSubscribeVideoBlocklist([Number(user.screenShareId)], 1)
     }
-    if (data) {
-      const footerListTemplate = [...footerList]
-      footerListTemplate[footerListIndex.itemIndex][footerListIndex.rowIndex].title = '停止共享'
-      setIsSharedScreenModal(false)
-      await agora.setDesktopCapturerVideo(sharedScreenItem, isComputerAudio, isFluencyPriority)
-      await allUserLook(user.screenShareId, user.userName)
-      const isOpen = await getKeyOpenChildWindow('shareScreenWindow')
-      setIsScreenCapture(true)
-      if (!isOpen) {
-        window.electron.createChildWindow('show')
-        setKeyOpenChildWindow('shareScreenWindow', true)
-        window.electron.setMainWindowSize({
-          width: 250,
-          height: 160,
-        })
-        window.electron.setPosition('right')
-        setTimeout(() => {
-          agora.setupLocalVideo({
-            uid: Number(user.uid),
-            view: document.getElementById(`meetingAbsoluteVideo`) as HTMLElement,
-            channelId: state.channelId,
-            sourceType: VideoSourceType.VideoSourceCameraPrimary,
-            type: true
+    GetRoomRtcToken(state.channelId).then(async res => {
+      if (res.code === 200) {
+        await agora.destroyRendererByView(`video-source-camera-primary`)
+        await agora.destroyRendererByView(`video-source-screen`)
+        await agora.destroyRendererByView(`video-source-remote-screen`)
+        await agora.destroyRendererByView(`video-source-remote-camera`)
+        const footerListTemplate = [...footerList]
+        footerListTemplate[footerListIndex.itemIndex][footerListIndex.rowIndex].title = '停止共享'
+        setIsSharedScreenModal(false)
+        await agora.setDesktopCapturerVideo(sharedScreenItem, isComputerAudio, isFluencyPriority, res.data)
+        await allUserLook(user.screenShareId, user.userName)
+        const isOpen = await getKeyOpenChildWindow('shareScreenWindow')
+        setIsScreenCapture(true)
+        if (!isOpen) {
+          window.electron.createChildWindow('show')
+          setKeyOpenChildWindow('shareScreenWindow', true)
+          window.electron.setMainWindowSize({
+            width: 250,
+            height: 160,
           })
-        }, 1500);
+          window.electron.setPosition('right')
+        }
       }
-    } else {
-      message.error('请选择应用!')
-    }
+    })
   }
   // 获取桌面可共享屏幕的引用
   const getDesktopCapturerVideo = (): void => {
@@ -1786,14 +1982,18 @@ const Meeting: React.FC = () => {
   }
   // 停止共享
   const stopScreenCapture = async (): Promise<void> => {
+    await agora.destroyRendererByView(`meetingAbsoluteVideo`)
     const footerListTemplate = [...footerList]
     await agora.leaveChannelEx(userInfo.screenShareId)
     agora.stopScreenCapture()
-    await agora.destroyRendererByView()
     footerListTemplate[1][0].title = '共享屏幕'
     setFooterList(footerListTemplate)
     window.electron.createChildWindow('stop')
     setKeyOpenChildWindow('shareScreenWindow', false)
+    window.electron.setChildWindowShow({
+      key: 'noticeWindow',
+      bool: false
+    })
     setIsScreenCapture(bool => {
       if (bool) {
         window.electron.setViewStatus('show')
@@ -1844,15 +2044,15 @@ const Meeting: React.FC = () => {
         if (e.value == true) {
           message.success('网络已连接。')
           meetingDisconnectedRef.current.changeModal(false)
+          setIsAgoraDisconnected(false)
           async function setUserStatus(res: any) {
             let userItem = res.find((item: any) => item.uid === userInfo.uid)
             await window.electron.onInvoke('joinChannel', {
               roomNum: state.channelId,
               enableMicr: !storeDevice[0][0].active,
               enableCamera: !storeDevice[0][1].active,
-              isRoomManager: userItem.isRoomManager
+              isRoomManager: userItem ? userItem.isRoomManager : false,
             })
-            await getRoomUser()
             await getShowUser()
             if (userItem.isRoomManager) {
               await postOpenMicr(!storeDevice[0][0].active, userInfo.uid)
@@ -1968,7 +2168,7 @@ const Meeting: React.FC = () => {
       })
     }
     if (isMessage) {
-      message.success('操作成功')
+      // message.success('操作成功')
     }
   }
   // 开关视频
@@ -2012,7 +2212,7 @@ const Meeting: React.FC = () => {
       enableCamera
     })
     if (isMessage) {
-      message.success('操作成功')
+      // message.success('操作成功')
     }
   }
   // 演讲者模式
@@ -2134,7 +2334,6 @@ const Meeting: React.FC = () => {
       enableMicr,
       enableCamera
     })
-    await getRoomUser()
   }
   // 离开房间
   const getLeave = async (): Promise<void> => {
@@ -2173,7 +2372,10 @@ const Meeting: React.FC = () => {
   }
   return (
     <>
-      <div className={styles.meeting}>
+      <div className={styles.meeting} onClick={() => {
+        setContextMenu('')
+        setIsNetworkQuality(false)
+      }}>
         {isScreenCapture ? <div className={`${styles.meetingAbsolute}`} id='meetingAbsoluteVideo'>
           <div style={{ top: '0px' }} className={`${styles.meetingAbsoluteText}`}>{currentSpeakUser.length ? '正在说话:' + currentSpeakUser.join(';') : '正在说话:'}</div>
           {footerList[0][1].active ? <div className={styles.meetingAbsoluteLoading}>
@@ -2187,12 +2389,109 @@ const Meeting: React.FC = () => {
             })
           }}><span>{isExpand ? '展开' : '收起'}</span></div>
         </div> : null}
+        {contextMenu ? <div className={styles.meetingContentSwiperCardPopover} style={
+          {
+            backgroundColor: '#07090B',
+            position: 'absolute',
+            top: contextMenuStyle.top,
+            left: contextMenuStyle.left,
+            zIndex: 4,
+            padding: 5
+          }
+        }>
+          {contextMenu.isRoomManager || role.ID.includes(contextMenu.roleId) ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              setAllUserLook(contextMenu)
+            }}
+          >全员看Ta</Button> : null}
+          {contextMenu.uid !== user.uid && !role.ID.includes(contextMenu.roleId) ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              if (contextMenu.isRoomManager) {
+                DeleteRoomManager({
+                  roomId: state.roomId,
+                  roomNum: state.channelId,
+                  userId: contextMenu.uid
+                })
+              } else {
+                postRoomManager({
+                  roomId: state.roomId,
+                  roomNum: state.channelId,
+                  userId: contextMenu.uid
+                })
+              }
+            }}
+          >{contextMenu.isRoomManager ? '取消发言' : '允许发言'}</Button> : null}
+          {contextMenu.isRoomManager ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              postOpenMicr(!contextMenu.enableMicr, contextMenu.uid)
+            }}
+          >{contextMenu.enableMicr ? '静音' : '解除静音'}</Button> : null}
+          {contextMenu.isRoomManager ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              postOpenCamera(!contextMenu.enableCamera, contextMenu.uid)
+            }}
+          >{contextMenu.enableCamera ? '关闭视频' : '打开视频'}</Button> : null}
+          {contextMenu.uid !== user.uid ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              equipmentManagement(contextMenu.uid, contextMenu.userName)
+            }}
+          >设备管理</Button> : null}
+          {contextMenu.uid !== user.uid ? <Button
+            type="primary"
+            className='m-ant-btn'
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              userNameRef.current.changeModal({
+                userName: contextMenu.userName,
+                uid: contextMenu.uid
+              })
+            }}
+          >修改用户名</Button> : null}
+          {contextMenu.uid !== user.uid ? <Button
+            type="primary"
+            style={{ backgroundColor: '#EC3C3C' }}
+            size={'small'}
+            onClick={(event) => {
+              event.stopPropagation();
+              setContextMenu('')
+              getRoomKickout(state.channelId, contextMenu.uid, contextMenu.userName)
+            }}
+          >移出会议</Button> : null}
+        </div> : null}
         {contextHolder}
         <div className={styles.meetingHeader}>
           <div>
             {isScreenCapture ? null : <Popover
+              open={isNetworkQuality}
               content={
-                <div style={{ color: 'white' }}>
+                <div style={{ color: 'white' }} onMouseLeave={() => setIsNetworkQuality(false)}>
                   <div>
                     <span>网络质量：</span>
                     <span>{networkQuality.level}</span>
@@ -2230,7 +2529,10 @@ const Meeting: React.FC = () => {
               title=""
               trigger="hover"
             >
-              <div className='drag'>
+              <div className='drag'
+                onMouseEnter={() => setIsNetworkQuality(true)}
+
+              >
                 {networkIcon(currentEffective)}
                 <span>详情</span>
               </div>
@@ -2293,6 +2595,15 @@ const Meeting: React.FC = () => {
                         renderVideo(item.uid)
                       }
                     }}
+                    onContextMenu={(e: any) => {
+                      if (role.ID.includes(userInfo.roleId)) {
+                        setContextMenuStyle({
+                          top: e.clientY,
+                          left: e.clientX,
+                        })
+                        setContextMenu(item)
+                      }
+                    }}
                   >
                     <div className={`${styles.meetingContentSwiperCardVdeio}  ${(item.uid === currentVideoId) && !isVideoFullScreen ? styles.active : ''} ${(role.ID.includes(item.roleId) || item.isRoomManager) && !isVideoFullScreen ? styles.boxShadow : ''}`} id={`video-${item.uid}`}>
                       <div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2358,10 +2669,23 @@ const Meeting: React.FC = () => {
                           type="primary"
                           className='m-ant-btn'
                           size={'small'}
-                          onClick={() => {
+                          onClick={(event) => {
+                            event.stopPropagation();
                             equipmentManagement(item.uid, item.userName)
                           }}
                         >设备管理</Button> : null}
+                        {item.uid !== user.uid ? <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          size={'small'}
+                          onClick={(event) => {
+                            event.stopPropagation();
+                            userNameRef.current.changeModal({
+                              userName: item.userName,
+                              uid: item.uid
+                            })
+                          }}
+                        >修改用户名</Button> : null}
                         {item.uid !== user.uid ? <Button
                           type="primary"
                           style={{ backgroundColor: '#EC3C3C' }}
@@ -2371,17 +2695,6 @@ const Meeting: React.FC = () => {
                             getRoomKickout(state.channelId, item.uid, item.userName)
                           }}
                         >移出会议</Button> : null}
-                        {item.uid !== user.uid ? <Button
-                          type="primary"
-                          className='m-ant-btn'
-                          size={'small'}
-                          onClick={() => {
-                            userNameRef.current.changeModal({
-                              userName: item.userName,
-                              uid: item.uid
-                            })
-                          }}
-                        >修改用户名</Button> : null}
                       </div>
                     }>
                       <div className={styles.meetingContentOperation}>
@@ -2394,7 +2707,31 @@ const Meeting: React.FC = () => {
                   </div> : null)
                 }
                 )}
-                {currentLookUserStatus === 0 && currentLookUserAccount ?
+                {roomUserList.length > 6 ? <div>
+                  {meetingMode === "StandardMode" ? <div className={`${styles.meetingContentSwiperCaret}`} style={{ left: '20px', top: '66px' }} onClick={() => {
+                    const container = document.getElementById('videoView') as HTMLElement;
+                    container.scrollLeft -= 100
+                  }}>
+                    <CaretLeftOutlined />
+                  </div> : <div className={`${styles.meetingContentSwiperCaret}`} style={{ left: '8.2%', top: '20px' }} onClick={() => {
+                    const container = document.getElementById('videoView') as HTMLElement;
+                    container.scrollTop -= 100
+                  }}>
+                    <CaretUpOutlined />
+                  </div>}
+                  {meetingMode === "StandardMode" ? <div className={`${styles.meetingContentSwiperCaret}`} style={{ right: '20px', top: '66px' }} onClick={() => {
+                    const container = document.getElementById('videoView') as HTMLElement;
+                    container.scrollLeft += 100
+                  }}>
+                    <CaretRightOutlined />
+                  </div> : <div className={`${styles.meetingContentSwiperCaret}`} style={{ left: '8.2%', bottom: '20px' }} onClick={() => {
+                    const container = document.getElementById('videoView') as HTMLElement;
+                    container.scrollTop += 100
+                  }}>
+                    <CaretDownOutlined />
+                  </div>}
+                </div> : null}
+                {currentLookUserStatus === 0 ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-camera-primary'>
                       {<div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2405,7 +2742,7 @@ const Meeting: React.FC = () => {
                       <FullscreenOutlined className={styles.meetingContentSwiperCardFullScreenIcon} title='全屏' onClick={() => setIsVideoFullScreen(true)} />}
                     {meetingContentUser(currentLookUserAccount, true)}
                   </div> : null}
-                {currentLookUserStatus === 1 && currentLookUserAccount ?
+                {currentLookUserStatus === 1 ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-camera-primary'>
                       {<div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2417,7 +2754,7 @@ const Meeting: React.FC = () => {
                     {meetingContentUser(currentLookUserAccount, true)}
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentLookUserAccount)}
                   </div> : null}
-                {currentLookUserStatus === 2 && currentLookUserAccount ?
+                {currentLookUserStatus === 2 ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-screen'>
                       <div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2428,7 +2765,7 @@ const Meeting: React.FC = () => {
                       <FullscreenOutlined className={styles.meetingContentSwiperCardFullScreenIcon} title='全屏' onClick={() => setIsVideoFullScreen(true)} />}
                     {meetingContentUser(currentLookUserAccount, true)}
                   </div> : null}
-                {currentLookUserStatus === 3 && currentLookUserAccount ?
+                {currentLookUserStatus === 3 ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-remote-screen'>
                       <div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2439,7 +2776,7 @@ const Meeting: React.FC = () => {
                       <FullscreenOutlined className={styles.meetingContentSwiperCardFullScreenIcon} title='全屏' onClick={() => setIsVideoFullScreen(true)} />}
                     {meetingContentUser(currentLookUserAccount, true)}
                   </div> : null}
-                {currentLookUserStatus === 4 && currentLookUserAccount ?
+                {currentLookUserStatus === 4 ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-remote-camera'>
                       <div className={styles.meetingContentSwiperCardVdeioLoading}>
@@ -2524,22 +2861,23 @@ const Meeting: React.FC = () => {
                                   <Popover placement="left" title={''} content={
                                     <div style={{ width: '100px' }}>
                                       <Button
+                                        style={{ width: '100%' }}
                                         type="primary"
                                         className='m-ant-btn'
-                                        style={{ width: '100%' }}
+                                        size={'small'}
+                                        onClick={() => {
+                                          setAllUserLook(item)
+                                        }}
+                                      >全员看Ta</Button>
+                                      <Button
+                                        type="primary"
+                                        className='m-ant-btn'
+                                        style={{ width: '100%', marginTop: '10px' }}
                                         size={'small'}
                                         onClick={() => {
                                           equipmentManagement(item.uid, item.userName)
                                         }}
                                       >设备管理</Button>
-                                      <Button
-                                        type="primary"
-                                        style={{ backgroundColor: '#EC3C3C', width: '100%', marginTop: '10px' }}
-                                        size={'small'}
-                                        onClick={() => {
-                                          getRoomKickout(state.channelId, item.uid, item.userName)
-                                        }}
-                                      >移出会议</Button>
                                       <Button
                                         type="primary"
                                         className='m-ant-btn'
@@ -2552,6 +2890,14 @@ const Meeting: React.FC = () => {
                                           })
                                         }}
                                       >修改用户名</Button>
+                                      <Button
+                                        type="primary"
+                                        style={{ backgroundColor: '#EC3C3C', width: '100%', marginTop: '10px' }}
+                                        size={'small'}
+                                        onClick={() => {
+                                          getRoomKickout(state.channelId, item.uid, item.userName)
+                                        }}
+                                      >移出会议</Button>
                                     </div>
                                   }>
                                     <EllipsisOutlined style={{ color: '#fff', fontSize: '20px' }} />
@@ -2696,7 +3042,8 @@ const Meeting: React.FC = () => {
                                       type="primary"
                                       className='m-ant-btn'
                                       size={'small'}
-                                      onClick={() => {
+                                      onClick={(event) => {
+                                        event.stopPropagation();
                                         equipmentManagement(roomUserItem.uid, roomUserItem.userName)
                                       }}
                                     >设备管理</Button> : null}
@@ -2955,8 +3302,8 @@ const Meeting: React.FC = () => {
               )
             })}
           </div>}
-        </div>
-      </div>
+        </div >
+      </div >
       <Modal title="共享屏幕" open={isSharedScreenModal} footer={null} closable={false} centered width={'800px'}>
         <div className={styles.sharedScreenModal}>
           <div>
@@ -2994,12 +3341,17 @@ const Meeting: React.FC = () => {
                 description={`这将停止[${isShareUser?.userName}]的共享，是否继续？`}
                 open={isSharePopConfirm}
                 onConfirm={async () => {
-                  setIsSharePopConfirm(false)
-                  await window.electron.onInvoke('sendOper', {
-                    roomNum: state.channelId,
-                    type: 4,
-                  })
-                  clickSharedScreen()
+                  let data = sharedScreenList.find((item: any) => item.sourceId === sharedScreenItem.sourceId)
+                  if (data) {
+                    PostSharedScreen(state.channelId).then(res => {
+                      if (res.code === 200) {
+                        setIsSharePopConfirm(false)
+                        clickSharedScreen()
+                      }
+                    })
+                  } else {
+                    message.error('请选择应用!')
+                  }
                 }}
                 onCancel={() => {
                   setIsSharePopConfirm(false)
@@ -3012,7 +3364,16 @@ const Meeting: React.FC = () => {
                 }}>共享</Button>
               </Popconfirm> :
                 <Button type="primary" className='m-ant-btn' onClick={() => {
-                  clickSharedScreen()
+                  let data = sharedScreenList.find((item: any) => item.sourceId === sharedScreenItem.sourceId)
+                  if (data) {
+                    PostSharedScreen(state.channelId).then(res => {
+                      if (res.code === 200) {
+                        clickSharedScreen()
+                      }
+                    })
+                  } else {
+                    message.error('请选择应用!')
+                  }
                 }}>共享</Button>
               }
             </div>
@@ -3107,44 +3468,55 @@ const meetingContentError = (item: any) => {
 const networkIcon = (network: number) => {
   switch (network) {
     case 0:
-      return <svg width="16" height="16" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clipPath="url(#clip0_5499_5160)">
-          <path d="M2.01914 32.4824C0.969141 32.4824 0.119141 31.6324 0.119141 30.5824V22.9824C0.119141 21.9324 0.969141 21.0824 2.01914 21.0824C3.06914 21.0824 3.91914 21.9324 3.91914 22.9824V30.5824C3.91914 31.6324 3.06914 32.4824 2.01914 32.4824ZM11.4191 32.4824C10.3691 32.4824 9.51914 31.6324 9.51914 30.5824V15.7824C9.51914 14.7324 10.3691 13.8824 11.4191 13.8824C12.4691 13.8824 13.3191 14.7324 13.3191 15.7824V30.5824C13.3191 31.6324 12.4691 32.4824 11.4191 32.4824ZM20.8191 32.4824C19.7691 32.4824 18.9191 31.6324 18.9191 30.5824V9.38242C18.9191 8.33242 19.7691 7.48242 20.8191 7.48242C21.8691 7.48242 22.7191 8.33242 22.7191 9.38242V30.5824C22.7191 31.6324 21.8691 32.4824 20.8191 32.4824ZM30.2191 32.4824C29.1691 32.4824 28.3191 31.6324 28.3191 30.5824V2.38242C28.3191 1.33242 29.1691 0.482422 30.2191 0.482422C31.2691 0.482422 32.1191 1.33242 32.1191 2.38242V30.5824C32.1191 31.6324 31.2691 32.4824 30.2191 32.4824Z" fill="#7C8280" />
-          <path d="M8.98179 2.67253L6.22791 5.42641L3.47403 2.67253C3.11639 2.31489 2.52627 2.31489 2.16863 2.67253C1.81098 3.03018 1.81098 3.62029 2.16863 3.97794L4.9225 6.73182L2.16863 9.48569C1.81098 9.84334 1.81098 10.4335 2.16863 10.7911C2.52627 11.1488 3.11639 11.1488 3.47403 10.7911L6.22791 8.03723L8.98179 10.7911C9.33943 11.1488 9.92955 11.1488 10.2872 10.7911C10.6448 10.4335 10.6448 9.84334 10.2872 9.48569L7.53332 6.73182L10.2872 3.97794C10.6448 3.62029 10.6448 3.03018 10.2872 2.67253C9.92955 2.31489 9.33943 2.31489 8.98179 2.67253Z" fill="#F90000" />
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ transform: 'scale(0.7)' }}>
+        <g clip-path="url(#clip0_21262_3609)">
+          <path d="M4.44094 32C3.03695 32 1.90039 31.15 1.90039 30.1V15.3C1.90039 14.25 3.03695 13.4 4.44094 13.4C5.84492 13.4 6.98149 14.25 6.98149 15.3V30.1C6.98149 31.15 5.84492 32 4.44094 32ZM17.01 32C15.606 32 14.4694 31.15 14.4694 30.1V8.9C14.4694 7.85 15.606 7 17.01 7C18.4139 7 19.5505 7.85 19.5505 8.9V30.1C19.5505 31.15 18.4139 32 17.01 32ZM29.579 32C28.175 32 27.0384 31.15 27.0384 30.1V1.9C27.0384 0.85 28.175 0 29.579 0C30.983 0 32.1195 0.85 32.1195 1.9V30.1C32.1195 31.15 30.983 32 29.579 32Z" fill="#7C8280" />
+          <path d="M7.00124 2.11509L5.01758 4.09875L3.03391 2.11509C2.77629 1.85747 2.35122 1.85747 2.0936 2.11509C1.83599 2.37271 1.83599 2.79778 2.0936 3.0554L4.07727 5.03906L2.0936 7.02273C1.83599 7.28035 1.83599 7.70542 2.0936 7.96304C2.35122 8.22065 2.77629 8.22065 3.03391 7.96304L5.01758 5.97937L7.00124 7.96304C7.25886 8.22065 7.68393 8.22065 7.94155 7.96304C8.19917 7.70542 8.19917 7.28035 7.94155 7.02273L5.95789 5.03906L7.94155 3.0554C8.19917 2.79778 8.19917 2.37271 7.94155 2.11509C7.68393 1.85747 7.25886 1.85747 7.00124 2.11509Z" fill="#F90000" />
         </g>
         <defs>
-          <clipPath id="clip0_5499_5160">
-            <rect width="32" height="32" fill="white" transform="translate(0.119141 0.482422)" />
+          <clipPath id="clip0_21262_3609">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
           </clipPath>
         </defs>
       </svg>
     case 1:
-      return <svg width="16" height="16" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M2.01914 32.482C0.969141 32.482 0.119141 31.632 0.119141 30.582V22.982C0.119141 21.932 0.969141 21.082 2.01914 21.082C3.06914 21.082 3.91914 21.932 3.91914 22.982V30.582C3.91914 31.632 3.06914 32.482 2.01914 32.482Z" fill="#FF800B" />
-        <path d="M28.3184 30.5824C28.3184 31.6324 29.1684 32.4824 30.2184 32.4824C31.2684 32.4824 32.1184 31.6324 32.1184 30.5824V2.38242C32.1184 1.33242 31.2684 0.482422 30.2184 0.482422C29.1684 0.482422 28.3184 1.33242 28.3184 2.38242V30.5824Z" fill="#7C8280" />
-        <path d="M18.9199 30.5824C18.9199 31.6324 19.7699 32.4824 20.8199 32.4824C21.8699 32.4824 22.7199 31.6324 22.7199 30.5824V9.38242C22.7199 8.33242 21.8699 7.48242 20.8199 7.48242C19.7699 7.48242 18.9199 8.33242 18.9199 9.38242V30.5824Z" fill="#7C8280" />
-        <path d="M9.51953 30.5828C9.51953 31.6328 10.3695 32.4828 11.4195 32.4828C12.4695 32.4828 13.3195 31.6328 13.3195 30.5828V15.7828C13.3195 14.7328 12.4695 13.8828 11.4195 13.8828C10.3695 13.8828 9.51953 14.7328 9.51953 15.7828V30.5828Z" fill="#7C8280" />
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ transform: 'scale(0.7)' }}>
+        <g clip-path="url(#clip0_21262_3615)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#7C8280" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#7C8280" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#FF800B" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3615">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
       </svg>
     case 2:
-      return <svg width="16" height="16" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M2.01914 32.482C0.969141 32.482 0.119141 31.632 0.119141 30.582V22.982C0.119141 21.932 0.969141 21.082 2.01914 21.082C3.06914 21.082 3.91914 21.932 3.91914 22.982V30.582C3.91914 31.632 3.06914 32.482 2.01914 32.482Z" fill="#FF800B" />
-        <path d="M28.3184 30.5824C28.3184 31.6324 29.1684 32.4824 30.2184 32.4824C31.2684 32.4824 32.1184 31.6324 32.1184 30.5824V2.38242C32.1184 1.33242 31.2684 0.482422 30.2184 0.482422C29.1684 0.482422 28.3184 1.33242 28.3184 2.38242V30.5824Z" fill="#7C8280" />
-        <path d="M18.9199 30.5824C18.9199 31.6324 19.7699 32.4824 20.8199 32.4824C21.8699 32.4824 22.7199 31.6324 22.7199 30.5824V9.38242C22.7199 8.33242 21.8699 7.48242 20.8199 7.48242C19.7699 7.48242 18.9199 8.33242 18.9199 9.38242V30.5824Z" fill="#7C8280" />
-        <path d="M9.51953 30.5828C9.51953 31.6328 10.3695 32.4828 11.4195 32.4828C12.4695 32.4828 13.3195 31.6328 13.3195 30.5828V15.7828C13.3195 14.7328 12.4695 13.8828 11.4195 13.8828C10.3695 13.8828 9.51953 14.7328 9.51953 15.7828V30.5828Z" fill="#FF800B" />
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ transform: 'scale(0.7)' }}>
+        <g clip-path="url(#clip0_21262_3621)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#7C8280" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#FF800B" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#FF800B" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3621">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
       </svg>
     case 3:
-      return <svg width="16" height="16" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M1.9 32.8385C0.85 32.8385 0 31.9885 0 30.9385V23.3385C0 22.2885 0.85 21.4385 1.9 21.4385C2.95 21.4385 3.8 22.2885 3.8 23.3385V30.9385C3.8 31.9885 2.95 32.8385 1.9 32.8385Z" fill="#02B188" />
-        <path d="M28.1992 30.9389C28.1992 31.9889 29.0492 32.8389 30.0992 32.8389C31.1492 32.8389 31.9992 31.9889 31.9992 30.9389V2.73887C31.9992 1.68887 31.1492 0.838867 30.0992 0.838867C29.0492 0.838867 28.1992 1.68887 28.1992 2.73887V30.9389Z" fill="#7C8280" />
-        <path d="M18.8008 30.9389C18.8008 31.9889 19.6508 32.8389 20.7008 32.8389C21.7508 32.8389 22.6008 31.9889 22.6008 30.9389V9.73887C22.6008 8.68887 21.7508 7.83887 20.7008 7.83887C19.6508 7.83887 18.8008 8.68887 18.8008 9.73887V30.9389Z" fill="#02B188" />
-        <path d="M9.40039 30.9393C9.40039 31.9893 10.2504 32.8393 11.3004 32.8393C12.3504 32.8393 13.2004 31.9893 13.2004 30.9393V16.1393C13.2004 15.0893 12.3504 14.2393 11.3004 14.2393C10.2504 14.2393 9.40039 15.0893 9.40039 16.1393V30.9393Z" fill="#02B188" />
-      </svg>
-    case 4:
-      return <svg width="16" height="16" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M1.9 32.8385C0.85 32.8385 0 31.9885 0 30.9385V23.3385C0 22.2885 0.85 21.4385 1.9 21.4385C2.95 21.4385 3.8 22.2885 3.8 23.3385V30.9385C3.8 31.9885 2.95 32.8385 1.9 32.8385Z" fill="#02B188" />
-        <path d="M28.1992 30.9389C28.1992 31.9889 29.0492 32.8389 30.0992 32.8389C31.1492 32.8389 31.9992 31.9889 31.9992 30.9389V2.73887C31.9992 1.68887 31.1492 0.838867 30.0992 0.838867C29.0492 0.838867 28.1992 1.68887 28.1992 2.73887V30.9389Z" fill="#02B188" />
-        <path d="M18.8008 30.9389C18.8008 31.9889 19.6508 32.8389 20.7008 32.8389C21.7508 32.8389 22.6008 31.9889 22.6008 30.9389V9.73887C22.6008 8.68887 21.7508 7.83887 20.7008 7.83887C19.6508 7.83887 18.8008 8.68887 18.8008 9.73887V30.9389Z" fill="#02B188" />
-        <path d="M9.40039 30.9393C9.40039 31.9893 10.2504 32.8393 11.3004 32.8393C12.3504 32.8393 13.2004 31.9893 13.2004 30.9393V16.1393C13.2004 15.0893 12.3504 14.2393 11.3004 14.2393C10.2504 14.2393 9.40039 15.0893 9.40039 16.1393V30.9393Z" fill="#02B188" />
+      return <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ transform: 'scale(0.7)' }}>
+        <g clip-path="url(#clip0_21262_3625)">
+          <path d="M26.9316 30.1C26.9316 31.15 28.0918 32 29.5249 32C30.9581 32 32.1182 31.15 32.1182 30.1V1.9C32.1182 0.85 30.9581 0 29.5249 0C28.0918 0 26.9316 0.85 26.9316 1.9V30.1Z" fill="#02B188" />
+          <path d="M14.1035 30.1C14.1035 31.15 15.2637 32 16.6968 32C18.1299 32 19.2901 31.15 19.2901 30.1V8.9C19.2901 7.85 18.1299 7 16.6968 7C15.2637 7 14.1035 7.85 14.1035 8.9V30.1Z" fill="#02B188" />
+          <path d="M1.27344 30.1004C1.27344 31.1504 2.4336 32.0004 3.86673 32.0004C5.29986 32.0004 6.46002 31.1504 6.46002 30.1004V15.3004C6.46002 14.2504 5.29986 13.4004 3.86673 13.4004C2.4336 13.4004 1.27344 14.2504 1.27344 15.3004V30.1004Z" fill="#02B188" />
+        </g>
+        <defs>
+          <clipPath id="clip0_21262_3625">
+            <rect width="32" height="32" fill="white" transform="translate(0.119141)" />
+          </clipPath>
+        </defs>
       </svg>
   }
 }
diff --git a/src/utils/package/agora.ts b/src/utils/package/agora.ts
index 90b9860..6494db7 100644
--- a/src/utils/package/agora.ts
+++ b/src/utils/package/agora.ts
@@ -9,7 +9,6 @@ import {
   AudioAinsMode,
   SimulcastStreamMode,
   VideoStreamType,
-  QualityType,
   RtcConnection,
   RtcStats,
   AudioVolumeInfo,
@@ -32,7 +31,6 @@ const os = require("os");
 const option: any = {
   appId: '',
   token: '',
-  tokenA: '',
   channelId: '',
   uid: '',
   screenShareId: '',
@@ -153,7 +151,7 @@ export const agora = {
     }, 1000);
   },
   // 事件回调
-  registerEventHandler: ({ onJoinChannelSuccess, onUserJoined, onUserOffline, onAudioVolumeIndication, onNetworkQuality, onRtcStats, onConnectionStateChanged, onLocalVideoStateChanged, onConnectionLost }: any) => {
+  registerEventHandler: ({ onJoinChannelSuccess, onUserJoined, onUserOffline, onAudioVolumeIndication, onRtcStats, onConnectionStateChanged, onLocalVideoStateChanged, onConnectionLost, onTokenPrivilegeWillExpire }: any) => {
     rtcEngine.registerEventHandler({
       // 监听本地用户加入频道事件
       onJoinChannelSuccess: async (connection: RtcConnection, elapsed: number) => {
@@ -183,10 +181,6 @@ export const agora = {
       onAudioVolumeIndication: async (_connection: RtcConnection, speakers: AudioVolumeInfo[], _speakerNumber: number, _totalVolume: number) => {
         await onAudioVolumeIndication?.(speakers)
       },
-      //通话中每个用户的网络上下行 last mile 质量报告回调。
-      onNetworkQuality: async (connection: RtcConnection, remoteUid: number, txQuality: QualityType, rxQuality: QualityType) => {
-        await onNetworkQuality?.(connection, remoteUid, txQuality, rxQuality)
-      },
       //当前通话相关的统计信息回调。
       onRtcStats: async (_connection: RtcConnection, stats: RtcStats) => {
         await onRtcStats?.(stats)
@@ -202,9 +196,19 @@ export const agora = {
       // 网络连接中断，且 SDK 无法在 10 秒内连接服务器回调。
       onConnectionLost: (_connection: RtcConnection) => {
         onConnectionLost?.()
+      },
+      // Token 即将在 30s 内过期回调。
+      onTokenPrivilegeWillExpire: (connection: RtcConnection, token: string) => {
+        onTokenPrivilegeWillExpire?.(connection, token)
       }
     });
   },
+  // 刷新token
+  refreshToken: async (data: any) => {
+    await rtcEngine.updateChannelMediaOptionsEx({
+      token: data.token,
+    }, data.connection);
+  },
   // 获取视图模式
   getRrenderMode: (uid: number) => {
     if (String(uid).length === 9) {
@@ -220,7 +224,7 @@ export const agora = {
         return
       }
       await rtcEngine.setupLocalVideo({
-        renderMode: agora.getRrenderMode(item.uid),
+        renderMode: item.renderMode || agora.getRrenderMode(item.uid),
         sourceType: item.sourceType,
         uid: item.uid,
         view: item.view,
@@ -233,7 +237,7 @@ export const agora = {
     if (item.view?.childNodes.length === 1) {
       await rtcEngine.setupRemoteVideo(
         {
-          renderMode: agora.getRrenderMode(item.uid),
+          renderMode: item.renderMode || agora.getRrenderMode(item.uid),
           sourceType: VideoSourceType.VideoSourceRemote,
           uid: item.uid,
           view: item.view,
@@ -247,7 +251,7 @@ export const agora = {
     if (item.view?.childNodes.length === 1) {
       await rtcEngine.setupRemoteVideoEx(
         {
-          renderMode: agora.getRrenderMode(item.uid),
+          renderMode: item.renderMode || agora.getRrenderMode(item.uid),
           sourceType: VideoSourceType.VideoSourceRemote,
           uid: item.uid,
           view: item.view,
@@ -261,7 +265,7 @@ export const agora = {
   setupRemoteVideo: async (item: any) => {
     await rtcEngine.setupRemoteVideo(
       {
-        renderMode: agora.getRrenderMode(item.uid),
+        renderMode: item.renderMode || agora.getRrenderMode(item.uid),
         sourceType: VideoSourceType.VideoSourceRemote,
         uid: item.uid,
         view: item.view,
@@ -320,10 +324,10 @@ export const agora = {
     )
   },
   // 共享屏幕单独用户
-  joinChannelEx: async (uid: any) => {
+  joinChannelEx: async (uid: any, token: string) => {
     await agora.leaveChannelEx(uid)
     await rtcEngine.joinChannelEx(
-      option.token,
+      token,
       { channelId: option.channelId, localUid: Number(uid) },
       {
         autoSubscribeAudio: false,//设置是否自动订阅所有音频流
@@ -336,11 +340,11 @@ export const agora = {
     );
   },
   // 所有用户加入的第二个房间
-  allJoinChannelEx: async (bool: boolean = false) => {
+  allJoinChannelEx: async (bool: boolean = false, token: string) => {
     const user = await JSON.parse(storage.getItem('user') as string)
     await agora.startCameraCapture(true)
     await rtcEngine.joinChannelEx(
-      option.tokenA,
+      token,
       { channelId: option.channelId + 'a', localUid: Number('1' + option.screenShareId) },
       {
         clientRoleType: bool ? ClientRoleType.ClientRoleAudience : ClientRoleType.ClientRoleBroadcaster,  //用户角色  ClientRoleBroadcaster 主播  ClientRoleAudience 观众
@@ -382,10 +386,14 @@ export const agora = {
   },
   // 销毁视频渲染dom
   destroyRendererByConfig: async (uid: number, channelId?: string) => {
-    await rtcEngine.destroyRendererByConfig(VideoSourceType.VideoSourceRemote, channelId, uid);
+    await rtcEngine.destroyRendererByConfig(option.uid === uid ? VideoSourceType.VideoSourceCameraPrimary : VideoSourceType.VideoSourceRemote, channelId, uid);
   },
-  destroyRendererByView: async () => {
-    let dom = document.getElementById(`meetingAbsoluteVideo`);
+  destroyRendererByConfigPreview: async (uid: number, channelId: number) => {
+    await agora.destroyRendererByView('videoPreview')
+    await rtcEngine.leaveChannelEx({ channelId: `${channelId + uid}`, localUid: Number(uid) })
+  },
+  destroyRendererByView: async (key: string) => {
+    let dom = document.getElementById(key);
     if (dom) {
       await rtcEngine.destroyRendererByView(dom);
     }
@@ -446,7 +454,6 @@ export const agora = {
   // 加入频道
   setJoinChannel: async (data: any) => {
     option.token = data.token;
-    option.tokenA = data.tokenA;
     option.channelId = data.channelId;
     option.uid = Number(data.uid);
     option.screenShareId = data.screenShareId;
@@ -457,7 +464,7 @@ export const agora = {
     return await rtcEngine.getScreenCaptureSources(thumbSize, iconSize, includeScreen)
   },
   // 共享屏幕采集
-  setDesktopCapturerVideo: async (targetSource: any, isComputerAudio: boolean, isFluencyPriority: boolean) => {
+  setDesktopCapturerVideo: async (targetSource: any, isComputerAudio: boolean, isFluencyPriority: boolean, token: string) => {
     const user = JSON.parse(storage.getItem('user') as string)
     agora.stopScreenCapture();
     if (isComputerAudio) {
@@ -493,7 +500,7 @@ export const agora = {
         }
       );
     }
-    await agora.joinChannelEx(user.screenShareId)
+    await agora.joinChannelEx(user.screenShareId, token)
   },
   // 获取系统中所有的视频设备列表。
   getVideoDeviceManager: async (): Promise<any> => {
@@ -507,12 +514,12 @@ export const agora = {
     await rtcEngine.getVideoDeviceManager().setDevice(deviceIdUTF8)
   },
   // 开启本地视频预览
-  startPreview: async (id: string, uid: number): Promise<void> => {
+  startPreview: async (id: string, uid: number, channelId: number): Promise<void> => {
     rtcEngine.enableVideo();
     rtcEngine.startPreview();
-    await GetRoomRtcToken(`${+new Date()}`).then(async (res) => {
+    await GetRoomRtcToken(`${channelId + uid}`).then(async (res) => {
       await rtcEngine.joinChannelEx(res.data, {
-        channelId: `${+new Date() + uid}`,
+        channelId: `${channelId + uid}`,
         localUid: uid,
       }, {
         channelProfile: ChannelProfileType.ChannelProfileLiveBroadcasting,
diff --git a/src/utils/package/imageUrl.ts b/src/utils/package/imageUrl.ts
index 7b87e9b..2c349a4 100644
--- a/src/utils/package/imageUrl.ts
+++ b/src/utils/package/imageUrl.ts
@@ -84,6 +84,8 @@ import icon52Select from '@/assets/icon52-select.png'
 import icon53 from '@/assets/icon53.png'
 import icon54 from '@/assets/icon54.png'
 import icon55 from '@/assets/icon55.png'
+import icon56 from '@/assets/icon56.png'
+import icon56Active from '@/assets/icon56-active.png'
 export default {
   loading,
   icon,
@@ -170,5 +172,7 @@ export default {
   icon52Select,
   icon53,
   icon54,
-  icon55
+  icon55,
+  icon56,
+  icon56Active
 }
\ No newline at end of file
diff --git a/src/utils/styles/App.scss b/src/utils/styles/App.scss
index e82a365..e20cc05 100644
--- a/src/utils/styles/App.scss
+++ b/src/utils/styles/App.scss
@@ -404,4 +404,17 @@ $pagination-hover-background-color: #5575F2;
 
 .ant-tabs {
   -webkit-app-region: no-drag;
+}
+
+.ant-rate .ant-rate-star-first,
+.ant-rate .ant-rate-star-second {
+  color: gray;
+}
+
+.hideCancelText {
+  .ant-modal-confirm-btns {
+    >button:nth-child(1){
+      display: none;
+    }
+  }
 }
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index e3110f4..b086ef7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -64,7 +64,6 @@ export default defineConfig({
         AudioAinsMode,
         SimulcastStreamMode,
         VideoStreamType,
-        QualityType,
         RtcConnection,
         RtcStats,
         AudioVolumeInfo,
@@ -90,7 +89,6 @@ export default defineConfig({
         AudioAinsMode,
         SimulcastStreamMode,
         VideoStreamType,
-        QualityType,
         RtcConnection,
         RtcStats,
         AudioVolumeInfo,