设置全员观看

This commit is contained in:
yj 2024-08-12 14:42:36 +08:00
parent 67b00d416d
commit f838743689
2 changed files with 84 additions and 2 deletions

View File

@ -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%;

View File

@ -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>