|
|
@@ -6,30 +6,53 @@
|
|
|
</van-dropdown-menu>
|
|
|
</header>
|
|
|
<h2>{{musicGroupName}}</h2>
|
|
|
- <div class="table">
|
|
|
- <div class="title">
|
|
|
- <span></span>
|
|
|
- <span>姓名</span>
|
|
|
- <span>班级</span>
|
|
|
- <span>声部</span>
|
|
|
- <span>支付金额</span>
|
|
|
- <span>到账时间</span>
|
|
|
- <span>备注</span>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div v-for="(data, index) in dataList" :key="data.id">
|
|
|
- <!-- <div> -->
|
|
|
- <span> {{ ++index }} </span>
|
|
|
- <span> {{ data.userName }} </span>
|
|
|
- <span> {{ data.currentClass }} </span>
|
|
|
- <span> {{ data.subjectName }} </span>
|
|
|
- <span> {{ data.paymentAmount }} </span>
|
|
|
- <span> {{ data.payTime }} </span>
|
|
|
- <span> {{ data.remark }} </span>
|
|
|
+ <van-tabs>
|
|
|
+ <van-tab title="缴费信息">
|
|
|
+ <div class="table">
|
|
|
+ <div class="title">
|
|
|
+ <span></span>
|
|
|
+ <span>姓名</span>
|
|
|
+ <span>声部</span>
|
|
|
+ <span>支付金额</span>
|
|
|
+ <span>到账时间</span>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div v-for="(data, index) in dataList" :key="data.id">
|
|
|
+ <!-- <div> -->
|
|
|
+ <span> {{ ++index }} </span>
|
|
|
+ <span> {{ data.userName }} </span>
|
|
|
+ <span> {{ data.subjectName }} </span>
|
|
|
+ <span> {{ data.paymentAmount }} </span>
|
|
|
+ <span> {{ data.payTime }} </span>
|
|
|
+ </div>
|
|
|
+ <p style="padding: 8px 0 0 8px;">缴费总额：{{ amountCount }}元</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="报名信息">
|
|
|
+ <div class="table">
|
|
|
+ <div class="title">
|
|
|
+ <span></span>
|
|
|
+ <span>姓名</span>
|
|
|
+ <span>班级</span>
|
|
|
+ <span>声部</span>
|
|
|
+ <span>备注</span>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div v-for="(data, index) in studentList" :key="data.id">
|
|
|
+ <!-- <div> -->
|
|
|
+ <span> {{ ++index }} </span>
|
|
|
+ <span> {{ data.userName }} </span>
|
|
|
+ <span> {{ data.currentClass }} </span>
|
|
|
+ <span> {{ data.subjectName }} </span>
|
|
|
+ <span> {{ data.remark }} </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -43,8 +66,8 @@ export default {
|
|
|
musicGroupId: this.$route.query.musicGroupId,
|
|
|
musicGroupName: this.$route.query.musicGroupName,
|
|
|
dataList: {}, // 订单列表
|
|
|
+ amountCount: 0, // 总额
|
|
|
studentList: {}, // 学生列表
|
|
|
- couresList: [], // 课程列表
|
|
|
voicyPart: 0,
|
|
|
voicyPartList: [{
|
|
|
text: '全部声部',
|
|
|
@@ -55,24 +78,8 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- // 获取所有课程
|
|
|
- // this.$axios.post('/user/getCourses ', qs.stringify({
|
|
|
- // clazzId: this.classId
|
|
|
- // })).then(c => {
|
|
|
- // let result = c.data.data
|
|
|
- // result.forEach(r => {
|
|
|
- // this.couresList.push({
|
|
|
- // name: r.subName.split('.').reverse()[0],
|
|
|
- // subId: r.subId,
|
|
|
- // id: r.id
|
|
|
- // })
|
|
|
-
|
|
|
- // this.voicyPartList.push({
|
|
|
- // text: r.subName.split('.').reverse()[0],
|
|
|
- // value: r.subId
|
|
|
- // })
|
|
|
- // })
|
|
|
- // })
|
|
|
+ window.localStorage.removeItem('userInfo') // 删除用户信息
|
|
|
+ window.localStorage.removeItem('Authorization') // 删除用户信息
|
|
|
|
|
|
querySubByMusicGroupId({ musicGroupId: this.musicGroupId }).then(res => {
|
|
|
let result = res.data
|
|
|
@@ -88,67 +95,48 @@ export default {
|
|
|
|
|
|
// 获取订单信息
|
|
|
this.getOrderList()
|
|
|
- // 获取学生列表信息
|
|
|
- // this.getStudents()
|
|
|
-
|
|
|
+ this.getOrderStudentList()
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
- getOrderList(voicyPart) {
|
|
|
+ getOrderList() {
|
|
|
// 获取订单信息
|
|
|
-
|
|
|
queryStudentApply({
|
|
|
musicGroupId: this.musicGroupId,
|
|
|
rows: 9999,
|
|
|
- subjectId: voicyPart,
|
|
|
+ subjectId: this.voicyPart ? this.voicyPart : '',
|
|
|
+ paymentStatus: 2,
|
|
|
page: 1
|
|
|
}).then(res => {
|
|
|
let result = res.data
|
|
|
+ this.amountCount = 0
|
|
|
if(result.code == 200) {
|
|
|
this.dataList = result.data.rows
|
|
|
+ result.data.rows.forEach(item => {
|
|
|
+ this.amountCount += item.paymentAmount
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getOrderStudentList() {
|
|
|
+ // 获取订单信息
|
|
|
+ queryStudentApply({
|
|
|
+ musicGroupId: this.musicGroupId,
|
|
|
+ rows: 9999,
|
|
|
+ subjectId: this.voicyPart ? this.voicyPart : '',
|
|
|
+ page: 1
|
|
|
+ }).then(res => {
|
|
|
+ let result = res.data
|
|
|
+ if(result.code == 200) {
|
|
|
+ this.studentList = result.data.rows
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // getStudents(item) {
|
|
|
- // if(!item) {
|
|
|
- // item = {}
|
|
|
- // }
|
|
|
- // this.$axios.post('/user/getMusicTeamStu', qs.stringify({
|
|
|
- // musicTeamId: this.classId, // 乐团Id
|
|
|
- // name: '', // 学生姓名
|
|
|
- // status: '', // 学生状态
|
|
|
- // subId: item.subId ? item.subId : '', // 声部编号
|
|
|
- // page: item.page ? item.page : 1, //默认1第一页
|
|
|
- // rows: item.rows ? item.rows : 9999 // 默认20条数据
|
|
|
- // })).then(r => {
|
|
|
- // this.studentList = r.data.data.rows
|
|
|
- // })
|
|
|
- // },
|
|
|
- // adjustSelect(item) {
|
|
|
- // this.$axios.post('/user/updateUserSub', qs.stringify({
|
|
|
- // courseId: item.id,
|
|
|
- // subId: item.subId,
|
|
|
- // userId: this.changeStudent.id
|
|
|
- // })).then(student => {
|
|
|
- // if(student.data.code == 200) {
|
|
|
- // this.$toast(student.data.msg)
|
|
|
- // this.changeStudent.subName = item.name
|
|
|
- // this.adjustStatus = false
|
|
|
- // }
|
|
|
- // })
|
|
|
- // },
|
|
|
- // adjust(item) {
|
|
|
- // // 开始调剂
|
|
|
- // if(item.pushStatus <= 1 && item.status == 0) {
|
|
|
- // this.adjustStatus = true
|
|
|
- // this.changeStudent = item
|
|
|
- // }
|
|
|
- // },
|
|
|
- onChange(value) {
|
|
|
+ onChange() {
|
|
|
// 切换声部时
|
|
|
- let subId = value ? value : ''
|
|
|
- this.getOrderList(subId)
|
|
|
-
|
|
|
+ // let subId = value ? value : ''
|
|
|
+ this.getOrderList(this.voicyPart)
|
|
|
+ this.getOrderStudentList(this.voicyPart)
|
|
|
}
|
|
|
}
|
|
|
}
|
