div(
:class="{user_item: true, user_item_active, [`user_item_${props.index}`]: true}"
@mouseenter="mouseEnterItem(props.index)"
@mouseleave="mouseLeaveItem"
)
.user_item_info
tableColAvatar(:style='{width: "36px", height: "36px"}' :name="''" :record="props.userInfo")
div.user_item_info_name
.name {{ getName(props.userInfo) }}
.type(v-if="getUserType") {{ getUserType }}
div(
v-if="props.meetingType === 'noMeet' && userInfo.member_state === CONFERENCE_MEMBER_STATE_CALLING"
style="color: rgba(12, 162, 255, 1);"
) {{ $t('conference.control.calling') }}
div
.user_item_opration(v-if="props.meetingType === 'meeting'")
div.user_mask()
div.icon_box
WebPucSvgIcon(
v-show="userInfo.microphone_status !== MICROPHONE_STATUS_NO"
:name="isMicEnable ? 'microphone' : 'microphone_mute'")
WebPucSvgIcon(
v-show="userInfo.camera_status !== CAMERA_STATUS_NO"
:name="userInfo.camera_status === CAMERA_STATUS_OPEN ? 'camera' : 'camera_mute'")
a-dropdown(
v-if="globalStore.IS_CURRENT_MEETING_OWNER"
@select="(val) => reliveSelect(val)"
:popup-max-height="false"
v-model:popup-visible="reliveVisible"
position='br'
trigger="hover"
)
a-button {{ $t('meeting.modal.release_text') }}
icon-down
template(#content)
a-doption(
v-for="item in getReliveList"
:value="item.value"
:key="item.value") {{ item.label }}
a-dropdown(
@select="(val) => controlSelect(val)"
:popup-max-height="false"
v-model:popup-visible="controlVisible"
trigger="hover"
position='br')
a-button {{ $t('meeting.modal.control_text') }}
icon-down
template(#content)
a-doption(
v-for="item in getControlList"
:value="item.value"
:disabled="item.disabled"
:key="item.value") {{ item.label }}
.user_item_opration(v-if="props.meetingType === 'noMeet'")
div.user_mask()
a-dropdown(
@select="(val) => controlSelect(val)"
:popup-max-height="false"
v-model:popup-visible="reliveVisible"
position='br'
trigger="hover"
)
a-button {{ $t('report.tab.call') }}
icon-down
template(#content)
a-doption(
v-for="item in getNoMeetOperate"
:value="item.value"
:key="item.value") {{ item.label }}