marking
/
WGShare.Client.Electron
18
0
Fork 0
Code Pull Requests 1 Actions Releases 4 Activity

优化

This commit is contained in:
yj 2024-10-16 10:43:42 +08:00
parent 20b7aadeff
commit c66f60d2ab
2 changed files with 45 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/page/Meeting/UserListWindow/index.tsx
View File

@ -1,7 +1,7 @@
import { role } from '@/config/role'; import { role } from '@/config/role';
import styles from '@/page/Meeting/UserListWindow/index.module.scss' import styles from '@/page/Meeting/UserListWindow/index.module.scss'
import ImageUrl from '@/utils/package/imageUrl'; import ImageUrl from '@/utils/package/imageUrl';
import { EllipsisOutlined, ExclamationCircleFilled, SearchOutlined } from '@ant-design/icons'; import { EllipsisOutlined, ExclamationCircleFilled, SearchOutlined, UserAddOutlined, UserDeleteOutlined } from '@ant-design/icons';
import { Button, Input, Modal, Popover } from 'antd'; import { Button, Input, Modal, Popover } from 'antd';
import Avatar from '@/components/Avatar'; import Avatar from '@/components/Avatar';
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
@ -100,7 +100,7 @@ const UserListWindow: React.FC = () => {
uid: item.uid uid: item.uid
} }
}); });
}} title={item.enableMicr ? '静音' : '解除声音'} /> }} title={item.enableMicr ? '静音' : '解除静音'} />
</div> : null} </div> : null}
{role.ID.includes(item.roleId) || item.isRoomManager ? <div> {role.ID.includes(item.roleId) || item.isRoomManager ? <div>
<img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" onClick={() => { <img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" onClick={() => {
@ -113,32 +113,30 @@ const UserListWindow: React.FC = () => {
}); });
}} title={item.enableCamera ? '关闭视频' : '开启视频'} /> }} title={item.enableCamera ? '关闭视频' : '开启视频'} />
</div> : null} </div> : null}
{item.uid !== user.uid && !role.ID.includes(item.roleId) ? <div onClick={() => {
if (item.isRoomManager) {
channel.postMessage({
type: 'userListWindowDeleteRoomManager',
userListWindowDeleteRoomManager: {
uid: item.uid
}
});
} else {
channel.postMessage({
type: 'userListWindowPostRoomManager',
userListWindowPostRoomManager: {
uid: item.uid
}
});
}
}}>
{!item.isRoomManager ?
<UserAddOutlined style={{ color: '#fff', fontSize: '20px' }} title='设为发言人' /> :
<UserDeleteOutlined style={{ color: '#fff', fontSize: '20px' }} title='取消发言人' />}
</div> : null}
{item.uid !== user.uid && role.ID.includes(user.roleId) ? <div> {item.uid !== user.uid && role.ID.includes(user.roleId) ? <div>
<Popover placement="left" title={''} content={ <Popover placement="left" title={''} content={
<div style={{ width: '100px' }}> <div style={{ width: '100px' }}>
{!role.ID.includes(item.roleId) ? <Button
type="primary"
className='m-ant-btn'
style={{ marginBottom: '10px', width: '100%' }}
size={'small'}
onClick={() => {
if (item.isRoomManager) {
channel.postMessage({
type: 'userListWindowDeleteRoomManager',
userListWindowDeleteRoomManager: {
uid: item.uid
}
});
} else {
channel.postMessage({
type: 'userListWindowPostRoomManager',
userListWindowPostRoomManager: {
uid: item.uid
}
});
}
}}
>{item.isRoomManager ? '取消发言人' : '设为发言人'}</Button> : null}
<Button <Button
type="primary" type="primary"
className='m-ant-btn' className='m-ant-btn'

49
src/page/Meeting/index.tsx
View File

@ -4,7 +4,7 @@ import Operation from '@/components/Operation';
import SpeakerModeModal from '@/components/SpeakerModeModal'; import SpeakerModeModal from '@/components/SpeakerModeModal';
import InvitingPersonnelModal from '@/components/InvitingPersonnelModal'; import InvitingPersonnelModal from '@/components/InvitingPersonnelModal';
import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm, notification } from "antd"; 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, UserAddOutlined, UserDeleteOutlined } from '@ant-design/icons';
import { useLocation, useNavigate } from 'react-router-dom'; import { useLocation, useNavigate } from 'react-router-dom';
import { thumbImageBufferToBase64 } from '@/utils/package/base64' import { thumbImageBufferToBase64 } from '@/utils/package/base64'
import { storage } from '@/utils'; import { storage } from '@/utils';
@ -2232,37 +2232,35 @@ const Meeting: React.FC = () => {
{role.ID.includes(item.roleId) || item.isRoomManager ? <div> {role.ID.includes(item.roleId) || item.isRoomManager ? <div>
<img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" onClick={() => { <img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" onClick={() => {
postOpenMicr(!item.enableMicr, item.uid) postOpenMicr(!item.enableMicr, item.uid)
}} title={item.enableMicr ? '静音' : '解除声音'} /> }} title={item.enableMicr ? '静音' : '解除静音'} />
</div> : null} </div> : null}
{role.ID.includes(item.roleId) || item.isRoomManager ? <div> {role.ID.includes(item.roleId) || item.isRoomManager ? <div>
<img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" onClick={() => { <img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" onClick={() => {
postOpenCamera(!item.enableCamera, item.uid) postOpenCamera(!item.enableCamera, item.uid)
}} title={item.enableCamera ? '关闭视频' : '开启视频'} /> }} title={item.enableCamera ? '关闭视频' : '开启视频'} />
</div> : null} </div> : null}
{item.uid !== user.uid && !role.ID.includes(item.roleId) ? <div onClick={() => {
if (item.isRoomManager) {
DeleteRoomManager({
roomId: state.roomId,
roomNum: state.channelId,
userId: item.uid
})
} else {
postRoomManager({
roomId: state.roomId,
roomNum: state.channelId,
userId: item.uid
})
}
}}>
{!item.isRoomManager ?
<UserAddOutlined style={{ color: '#fff', fontSize: '20px' }} title='设为发言人' /> :
<UserDeleteOutlined style={{ color: '#fff', fontSize: '20px' }} title='取消发言人' />}
</div> : null}
{item.uid !== user.uid && role.ID.includes(user.roleId) ? <div> {item.uid !== user.uid && role.ID.includes(user.roleId) ? <div>
<Popover placement="left" title={''} content={ <Popover placement="left" title={''} content={
<div style={{ width: '100px' }}> <div style={{ width: '100px' }}>
{!role.ID.includes(item.roleId) ? <Button
type="primary"
className='m-ant-btn'
style={{ marginBottom: '10px', width: '100%' }}
size={'small'}
onClick={() => {
if (item.isRoomManager) {
DeleteRoomManager({
roomId: state.roomId,
roomNum: state.channelId,
userId: item.uid
})
} else {
postRoomManager({
roomId: state.roomId,
roomNum: state.channelId,
userId: item.uid
})
}
}}
>{item.isRoomManager ? '取消发言人' : '设为发言人'}</Button> : null}
<Button <Button
type="primary" type="primary"
className='m-ant-btn' className='m-ant-btn'
@ -2282,10 +2280,7 @@ const Meeting: React.FC = () => {
>移出会议</Button> >移出会议</Button>
</div> </div>
}> }>
<EllipsisOutlined style={{ <EllipsisOutlined style={{ color: '#fff', fontSize: '20px' }} />
color: '#fff',
fontSize: '20px'
}} />
</Popover> </Popover>
</div> : null} </div> : null}
</div> </div>