a-modal(
v-model:visible="visible"
title-align="start"
class="userMangeModal"
width="648px"
:title="`${$t('meeting.modal.user.title')} (${userList.length})`"
popup-container=".arco-layout-content"
:mask="false"
unmount-on-close
draggable
@close="closeFn"
@open="fetchMemberList")
a-space(direction="vertical" fill)
a-space(direction="vertical" fill)
a-button(@click="invitVisible = true") {{ $t('conference.components.media.footer.defaultBtns.invitingAttendees') }}
a-tabs(
default-active-key="1"
class="userMange_tab"
v-model:active-key="tabVal")
a-tab-pane(key="1" :title="`${$t('conference.member.present')} (${meetingMembers.length})`")
.user_list
user-item(
v-for="(item, index) in meetingMembers"
:key="`present_${item.basedata_id}`"
:userInfo="item"
:index="index"
:currentIndex="currentIndex"
:isShowType="true"
meetingType="meeting"
@reliveSelect="(params) => meetingControlSelect(params, 0)"
@controlSelect="(params) => meetingControlSelect(params, 1)"
@changeCurrentIndex="changeCurrentIndex")
div.footer_btn
a-button.btn(@click="() => setAllMemberProhibition(MICROPHONE_STATUS_OPEN)") {{ $t('conference.control.allBan') }}
a-button.btn(@click="() => setAllMemberProhibition(MICROPHONE_STATUS_CLOSE)") {{ $t('conference.control.openAllBan') }}
a-tab-pane(key="2" :title="`${$t('conference.member.absent')} (${notMeetingMembers.length})`")
.user_list
user-item(
v-for="(item, index) in notMeetingMembers"
:key="`absent_${item.basedata_id}`"
:userInfo="item"
:index="index"
:currentIndex="currentIndex"
:isShowType="true"
meetingType="noMeet"
@reliveSelect="(params) => noMeetControlSelect(params, 0)"
@controlSelect="(params) => noMeetControlSelect(params, 1)"
@changeCurrentIndex="changeCurrentIndex")
.user_footer
a-modal(
v-model:visible="invitVisible"
title-align="start"
width="648px"
:title="`${$t('conference.components.media.footer.defaultBtns.invitingAttendees')} (${tableData.length})`"
:mask="false"
popup-container=".arco-layout-content"
unmount-on-close
@close="onInvitModalClose"
@ok="addMember")
a-space(fill style="margin-bottom: 10px")
a-input-search(v-model="memberNumber")
a-button(
shape="circle"
@click="addMemberByNumber")
template(#icon)
icon-plus
a-table(
v-model:selectedKeys="selectedKeys"
row-key="rowKey"
:data="tableData"
:columns="rightColumns"
:pagination="false"
:scroll="{ y: '100%' }"
@dragover="(e) => e.preventDefault()"
@drop="handleDrop")
template(#name="{ record }") {{ record.alias || record.number }}
template(#optional="{ record }")
icon-close(class="iconClose"
@click="() => deleteSelection(record)")
a-modal(
v-model:visible="reNnameVisible"
title-align="start"
width="648px"
:title="`${$t('conference.control.reName')}`"
:mask="true"
popup-container=".arco-layout-content"
unmount-on-close
@ok="modifyMemberNickname")