|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="m-container">
|
|
|
<h2>
|
|
|
- <div class='squrt'></div>基础技能班报名详情
|
|
|
+ <div class='squrt'></div>基础技能班报名详情 <span @click="onCreateQRCode" style="font-size: 16px; padding-left: 20px; font-weight: 400;">查看报名连接</span>
|
|
|
</h2>
|
|
|
<div class='m-core'>
|
|
|
<div class="tableWrap">
|
|
@@ -32,6 +32,18 @@
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog title="报名二维码"
|
|
|
+ :visible.sync="qrcodeStatus"
|
|
|
+ width="300px">
|
|
|
+ <div class="left-code" style="display: flex; flex-direction: column; align-items: center;">
|
|
|
+ <h2>小班课报名连接</h2>
|
|
|
+ <div id="qrcode"
|
|
|
+ class="qrcode code"
|
|
|
+ ref="qrCodeUrl"></div>
|
|
|
+ <p class="code-url" style="width: 220px"
|
|
|
+ v-if="codeUrl">{{ codeUrl }}</p>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<el-dialog title="添加学员"
|
|
|
width="600px"
|
|
|
:visible.sync="addStudentVisible">
|
|
@@ -110,6 +122,7 @@
|
|
|
<script>
|
|
|
import { highClassGroups, teamSoundStudent, resetHighClass } from '@/api/buildTeam'
|
|
|
import { getClassAllStudent, addStudents, removeStudents } from '@/api/studentManager'
|
|
|
+import QRCode from 'qrcodejs2'
|
|
|
export default {
|
|
|
data () {
|
|
|
return {
|
|
@@ -123,7 +136,11 @@ export default {
|
|
|
activeClass: '', // 选中的班级id
|
|
|
classList: [],
|
|
|
activeStudent: null,
|
|
|
- studentRadio: '' // 学生新选择的班级
|
|
|
+ studentRadio: '', // 学生新选择的班级
|
|
|
+ qrcodeStatus: false, // 生成二维码
|
|
|
+ qrcodes: true,
|
|
|
+ qrcode: null,
|
|
|
+ codeUrl: null,
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
@@ -136,9 +153,28 @@ export default {
|
|
|
this.studentList = res.data;
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
},
|
|
|
methods: {
|
|
|
+ onCreateQRCode () { // 生成报名二维码
|
|
|
+ this.qrcodeStatus = true
|
|
|
+ let id = this.$route.query.id
|
|
|
+ let teamName = this.$route.query.name
|
|
|
+ if (this.qrcodes) {
|
|
|
+ this.qrcodes = false
|
|
|
+ setTimeout(() => {
|
|
|
+ this.qrcode = new QRCode('qrcode', {
|
|
|
+ width: 200,
|
|
|
+ height: 200,
|
|
|
+ colorDark: '#000000',
|
|
|
+ colorLight: '#ffffff',
|
|
|
+ correctLevel: QRCode.CorrectLevel.H
|
|
|
+ })
|
|
|
+ this.qrcode.makeCode('http://mstudev.dayaedu.com/#/smallLogin?musicGroupId=' + id)
|
|
|
+ this.codeUrl = 'http://mstudev.dayaedu.com/#/smallLogin?musicGroupId=' + id
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
getList () {
|
|
|
highClassGroups({ musicGroupId: this.teamid }).then(res => {
|
|
|
if (res.code == 200) {
|