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

搜索

This commit is contained in:
yj 2024-07-19 11:03:11 +08:00
parent d476216ce0
commit 77578dd8a8
2 changed files with 94 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/page/Meeting/index.module.scss
View File

@ -256,6 +256,7 @@
.active { .active {
border: 1px solid white; border: 1px solid white;
box-sizing: border-box;
} }
.meetingContentSwiperCardVdeio { .meetingContentSwiperCardVdeio {

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

@ -113,6 +113,7 @@ const Meeting: React.FC = () => {
const [currentEffective, setCurrentEffective] = useState(0) const [currentEffective, setCurrentEffective] = useState(0)
const [open, setOpen] = useState(false) const [open, setOpen] = useState(false)
const [meetingMode, setMeetingMode] = useState('') const [meetingMode, setMeetingMode] = useState('')
const [userSearchValue, setUserSearchValue] = useState('')
useEffect(() => { useEffect(() => {
let time = null as any; let time = null as any;
if (isInit) { if (isInit) {
@ -352,7 +353,12 @@ const Meeting: React.FC = () => {
const getRoomUser = async (): Promise<void> => { const getRoomUser = async (): Promise<void> => {
await GetRoomUser(state.channelId).then(res => { await GetRoomUser(state.channelId).then(res => {
if (res.code === 200) { if (res.code === 200) {
setRoomUserList(res.data) setRoomUserList(res.data.map((item: any) => {
return {
isShow: true,
...item
}
}))
} }
}) })
} }
@ -496,7 +502,7 @@ const Meeting: React.FC = () => {
className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass(item.account)}`} className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass(item.account)}`}
key={index} key={index}
onClick={() => { onClick={() => {
if (footerList[1][3].active){ if (footerList[1][3].active) {
return message.error('视频录制中请勿切换，或结束录制再切换！') return message.error('视频录制中请勿切换，或结束录制再切换！')
} }
setCurrentVideoId(item.account) setCurrentVideoId(item.account)
@ -532,77 +538,99 @@ const Meeting: React.FC = () => {
placeholder="请输入用户名" placeholder="请输入用户名"
className='drag' className='drag'
prefix={<SearchOutlined style={{ color: 'white' }} />} prefix={<SearchOutlined style={{ color: 'white' }} />}
value={userSearchValue}
onChange={(e) => {
setUserSearchValue(e.target.value)
const newRoomUserList = [...roomUserList]
newRoomUserList.forEach(row => {
if (e.target.value) {
if (row.userName.indexOf(e.target.value) !== -1) {
row.isShow = true;
} else {
row.isShow = false;
}
} else {
row.isShow = true;
}
});
setRoomUserList(newRoomUserList)
}}
/> />
</div> </div>
<div className={styles.meetingUserListContent}> <div className={styles.meetingUserListContent}>
{roomUserList.map((item: any, index: number) => {roomUserList.map((item: any, index: number) => {
<div key={index} className='drag'> return (
<div> <>
<div><img src={ImageUrl.avatar} alt="" /></div> {item.isShow ? <div key={index} className='drag'>
<span> <div>
{item.userName} <div><img src={ImageUrl.avatar} alt="" /></div>
{item.roleId === '1' || item.isManager ? <span>
<span style={{ color: '#02B188', marginLeft: '4px' }}> {item.userName}
{item.roleId === '1' ? '主持人' : '临时主持人'} {item.roleId === '1' || item.isManager ?
<span style={{ color: '#02B188', marginLeft: '4px' }}>
{item.roleId === '1' ? '主持人' : '临时主持人'}
</span>
: null}
</span> </span>
: null} </div>
</span> <div>
</div> <img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" />
<div> <img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" />
<img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" /> </div>
<img src={item.enableCamera ? ImageUrl.icon23 : ImageUrl.icon23Active} alt="" /> {item.account !== user.account && user.roleId === '1' ? <div className='drag'>
</div> {!item.isManager ? <Button
{item.account !== user.account && user.roleId === '1' ? <div className='drag'> type="primary"
{!item.isManager ? <Button className='m-ant-btn'
type="primary" style={{ marginBottom: '10px', width: '80%' }}
className='m-ant-btn' size={'small'}
style={{ marginBottom: '10px', width: '80%' }} onClick={() => {
size={'small'} PostRoomManager(state.roomId, [item.id]).then(res => {
onClick={() => { if (res.code === 200) {
PostRoomManager(state.roomId, [item.id]).then(res => { onInvoke('sendOper', {
if (res.code === 200) { roomNum: state.channelId,
onInvoke('sendOper', { type: 2,
roomNum: state.channelId, })
type: 2, }
}) })
} }}
}) >设为管理员</Button> : <Button
}} type="primary"
>设为管理员</Button> : <Button className='m-ant-btn'
type="primary" style={{ marginBottom: '10px', width: '80%' }}
className='m-ant-btn' size={'small'}
style={{ marginBottom: '10px', width: '80%' }} onClick={() => {
size={'small'} DeleteRoomManager(state.roomId, [item.id]).then(res => {
onClick={() => { if (res.code === 200) {
DeleteRoomManager(state.roomId, [item.id]).then(res => { onInvoke('sendOper', {
if (res.code === 200) { roomNum: state.channelId,
onInvoke('sendOper', { type: 2,
roomNum: state.channelId, })
type: 2, }
}) })
} }}
}) >取消管理员</Button>}
}}
>取消管理员</Button>}
<Button <Button
type="primary" type="primary"
className='m-ant-btn' className='m-ant-btn'
style={{ width: '80%' }} style={{ width: '80%' }}
size={'small'} size={'small'}
onClick={() => { onClick={() => {
GetRoomKickout(state.channelId, item.id).then(res => { GetRoomKickout(state.channelId, item.id).then(res => {
if (res.code === 200) { if (res.code === 200) {
onInvoke('sendOper', { onInvoke('sendOper', {
roomNum: state.channelId, roomNum: state.channelId,
type: 3, type: 3,
})
}
}) })
} }}
}) >踢出房间</Button>
}} </div> : null}
>踢出房间</Button> </div> : null}
</div> : null} </>
</div> )
}
)} )}
</div> </div>
<div className={`${styles.meetingUserListFooter} drag`}> <div className={`${styles.meetingUserListFooter} drag`}>