<template> <div> <van-field v-model="school" label="学校" readonly placeholder="学校" /> <van-field v-model="name" label="学生姓名" readonly placeholder="姓名" /> <van-field v-model="userNum" label="用户编号" readonly placeholder="用户编号" /> <van-field v-model="codeNum" label="研学码" readonly placeholder="研学码"> <van-button slot="button" size="small" native-type="button" @click="saoYiSao">扫一扫</van-button> </van-field> <van-button type="primary" block @click="getbind">提交</van-button> </div> </template> <script> export default { data () { return { codeNum: '', userNum: '', school: '', name: '' } }, created () { let studentInfo = JSON.parse(localStorage.getItem('StudentDetialInfo')); this.userNum = studentInfo.travelerNum this.school = studentInfo.schoolName this.name = studentInfo.travelerName this.codeNum = this.GetQueryString('qrresult') || studentInfo.studyCode; }, methods: { getbind () { if (this.userNum == '' || this.codeNum == '') { this.$toast('请先填写完整信息!'); return ; } this.mgop({ api: 'mgop.sz.hswsy.bingStudyCode', // 必须 host: 'https://mapi.zjzwfw.gov.cn/', dataType: 'JSON', type: 'GET', appKey: 'fuxgnukl+2001895516+edccpx', // 必须 headers: { // 'isTestUrl': '1' }, data: { "userNum": this.userNum, "code": this.codeNum, }, onSuccess: res => { if (res.data.code == '200') { this.$toast('操作成功'); this.$router.push({ name: 'YanxueCode' }) } else { this.$toast('操作失败:' + res.data.message); } }, onFail: err => { console.log('err', err) } }); }, //扫一扫 saoYiSao () { window.location.href = 'http://sao315.com/w/api/saoyisao?redirect_uri=https://payment.myjxt.com/center/%23/YanxueInfo'; }, // 获取链接参数 GetQueryString (name) { var reg = new RegExp("\\b" + name + "=([^&]*)"); var r = location.href.match(reg); if (r != null) return decodeURIComponent(r[1]); } } } </script> <style> </style>