|  | @@ -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) {
 |