| | |
| | | <template> |
| | | <!-- <div ref="jitsiContainer" style="height: 100vh; width: 100%;"></div>--> |
| | | <div style="display: flex"> |
| | | <div id="meet"></div> |
| | | <div style="display: flex;height: calc(100vh - 84px);" > |
| | | <div id="meet" style="width: 65%;height: 100%;"></div> |
| | | <!-- <el-button @click="Connect">加入</el-button>--> |
| | | <div> |
| | | <div class="table-meet"> |
| | | <el-form :model="queryParam" ref="queryForm" :inline="true"> |
| | | <el-form-item label="用户名:"> |
| | | <el-input v-model="queryParam.userName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">查询</el-button> |
| | | <el-button type="primary" @click="addMeeting">添加至会议</el-button> |
| | | <el-button type="primary" @click="addMeeting">添加至会议</el-button> |
| | | <el-button type="primary" @click="delMeeting">清空</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%"> |
| | | <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%" @selection-change="handleSelectionChange"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55"> |
| | |
| | | <el-table-column prop="userLevel" label="学级" :formatter="levelFormatter"/> |
| | | <!-- <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/>--> |
| | | </el-table> |
| | | <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize" |
| | | <pagination class="meet-pagin" v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize" |
| | | @pagination="search"/> |
| | | </div> |
| | | </div> |
| | |
| | | // }, |
| | | data () { |
| | | return { |
| | | multipleSelection:[], |
| | | userInfo:null, |
| | | queryParam: { |
| | | userName: '', |
| | |
| | | const domain = '124.222.18.104:8443'; |
| | | const options = { |
| | | roomName: this.roomName, |
| | | width: 1200, |
| | | height: 800, |
| | | width: 100+'%', |
| | | height: 100+'%', |
| | | parentNode: document.querySelector('#meet'), |
| | | configOverwrite: { |
| | | disableSsl: true |
| | |
| | | this.queryParam.pageIndex = 1 |
| | | this.search() |
| | | }, |
| | | handleSelectionChange(val){ |
| | | console.log(val) |
| | | this.multipleSelection = val; |
| | | }, |
| | | addMeeting(){ |
| | | this.$message.success('添加成功') |
| | | //添加会议 |
| | | let obj={} |
| | | let arr= [] |
| | | this.multipleSelection.forEach(item=>{ |
| | | arr.push(item.id) |
| | | }) |
| | | obj.roomName=this.roomName |
| | | obj.stuIds = arr |
| | | userApi.addMeetin(obj).then(res=>{ |
| | | console.log(res) |
| | | if (res.code ==1){ |
| | | this.$message.success('添加成功') |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | delMeeting(){ |
| | | // 清除会议 |
| | | userApi.delMeetin().then(res=>{ |
| | | console.log(res) |
| | | if (res.code==1){ |
| | | this.$message.success('清除成功') |
| | | } |
| | | |
| | | }) |
| | | |
| | | }, |
| | | search () { |
| | | this.listLoading = true |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .table-meet{ |
| | | padding: 5px; |
| | | } |
| | | .meet-pagin{ |
| | | position: absolute; |
| | | bottom: 5px; |
| | | } |
| | | </style> |