From f8387436891d90c8dcd513d8225f0c8a917a4d2a Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Mon, 12 Aug 2024 14:42:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=85=A8=E5=91=98=E8=A7=82?=
 =?UTF-8?q?=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Meeting/index.module.scss | 11 +++++
 src/page/Meeting/index.tsx         | 75 +++++++++++++++++++++++++++++-
 2 files changed, 84 insertions(+), 2 deletions(-)

diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss
index 36885c4..40c548b 100644
--- a/src/page/Meeting/index.module.scss
+++ b/src/page/Meeting/index.module.scss
@@ -278,6 +278,17 @@
 
         @include meetingContent();
 
+        .meetingContentOperation {
+          position: absolute;
+          right: 20px;
+          bottom: 16px;
+          z-index: 2;
+          cursor: pointer;
+          background-color: rgba(0, 0, 0, 0.5);
+          padding: 5px;
+          box-sizing: border-box;
+        }
+
         .meetingContentSwiperCardShare {
           position: absolute;
           left: 50%;
diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index ffaf4bf..df50739 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -4,7 +4,7 @@ import Operation from '@/components/Operation';
 import SpeakerModeModal from '@/components/SpeakerModeModal';
 import InvitingPersonnelModal from '@/components/InvitingPersonnelModal';
 import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm } from "antd";
-import { SearchOutlined } from '@ant-design/icons';
+import { SearchOutlined, SmallDashOutlined } from '@ant-design/icons';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { thumbImageBufferToBase64 } from '@/utils/package/base64'
 import { storage } from '@/utils';
@@ -784,7 +784,14 @@ const Meeting: React.FC = () => {
       roomNum: state.channelId,
     })
   }
-
+  // 设置全员观看
+  const setAllUserLook = (): void => {
+    if (isShare) {
+      allUserLook(String(isShare) === currentLookUserAccount.screenShareId ? currentLookUserAccount.screenShareId : currentLookUserAccount.uid)
+    } else {
+      allUserLook(currentLookUserAccount.uid)
+    }
+  }
   return (
     <>
       <div className={styles.meeting} onClick={() => {
@@ -874,6 +881,22 @@ const Meeting: React.FC = () => {
                       </div>}
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 2 && currentLookUserAccount ?
@@ -884,6 +907,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 3 && currentLookUserAccount ?
@@ -894,6 +933,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 4 && currentLookUserAccount ?
@@ -904,6 +959,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
               </div>