|
@@ -19,8 +19,8 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-button type="danger" @click="search">搜索</el-button>
|
|
|
- <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
+ <el-button type="danger" @click="getList">搜索</el-button>
|
|
|
+ <!-- <el-button @click="onReSet" type="primary">重置</el-button> -->
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="topWrap">
|
|
@@ -46,6 +46,7 @@
|
|
|
:data="tableList">
|
|
|
<el-table-column align="center"
|
|
|
prop="startPaymentDate"
|
|
|
+ width="120"
|
|
|
label="缴费开始日期">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -54,6 +55,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
+ width="120"
|
|
|
prop="deadlinePaymentDate"
|
|
|
label="缴费结束日期">
|
|
|
|
|
@@ -65,6 +67,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
prop="expectNum"
|
|
|
+ width="120"
|
|
|
label="预计缴费人数"></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
prop="paymentPattern"
|
|
@@ -77,6 +80,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
prop="paymentValidStartDate"
|
|
|
+ width="150"
|
|
|
label="缴费有效期开始日期">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -86,6 +90,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
prop="paymentValidEndDate"
|
|
|
+ width="150"
|
|
|
label="缴费有效期结束日期">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -95,22 +100,24 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
prop="actualNum"
|
|
|
+ width="120"
|
|
|
label="实际缴费人数"></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- prop="type"
|
|
|
- label="状态">
|
|
|
+ prop="status"
|
|
|
+ label="缴费状态">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
- {{scope.row.type | paymentType}}
|
|
|
+ {{scope.row.status | payTypeStatus}}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- prop="type"
|
|
|
- label="缴费状态">
|
|
|
+ prop="isGiveMusicNetwork"
|
|
|
+ width="120"
|
|
|
+ label="是否赠送网管课">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
- {{scope.row.paymentStatus | paymentListStatus}}
|
|
|
+ {{scope.row.isGiveMusicNetwork ? '是' : '否'}}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -243,6 +250,23 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
+ title="查看"
|
|
|
+ :visible.sync="reviewVisible"
|
|
|
+ width="900px"
|
|
|
+ destroy-on-close
|
|
|
+ >
|
|
|
+ <reviewDetail
|
|
|
+ @close="reviewVisible = false"
|
|
|
+ @submited="getList"
|
|
|
+ :detail="viewDetail"
|
|
|
+ :musicGroupId="$route.query.id"
|
|
|
+ destroy-on-close
|
|
|
+ />
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="reviewVisible = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
:title="payFormTitle"
|
|
|
:visible.sync="userVisible"
|
|
|
width="800px"
|
|
@@ -250,9 +274,10 @@
|
|
|
>
|
|
|
<userPayForm
|
|
|
@close="userVisible = false"
|
|
|
- @submited="getList"
|
|
|
+ @submited="payedSubmited"
|
|
|
:type="payFormType"
|
|
|
:baseInfo="baseInfo"
|
|
|
+ :paymentType="isNewGropu ? 0 : undefined"
|
|
|
:musicGroupId="$route.query.id"
|
|
|
/>
|
|
|
</el-dialog>
|
|
@@ -270,6 +295,8 @@
|
|
|
</el-dialog>
|
|
|
<el-dialog title="学员选择"
|
|
|
:visible.sync="chioseStudentVisible"
|
|
|
+ destroy-on-close
|
|
|
+ append-to-body
|
|
|
width='800px'>
|
|
|
<setStudentFee @chioseStudent='chioseStudent'
|
|
|
ref='setStudentFee'
|
|
@@ -294,10 +321,14 @@ import dayjs from 'dayjs'
|
|
|
import QRCode from 'qrcodejs2'
|
|
|
import { vaildStudentUrl } from '@/utils/validate'
|
|
|
import { addMusicGroupPaymentCalender, getMusicGroupPaymentCalender, resetMusicGroupPaymentCalender, delMusicGroupPaymentCalender } from "@/api/buildTeam";
|
|
|
-import { musicGroupPaymentCalenderQueryPage } from '../api'
|
|
|
+import { musicGroupPaymentCalenderQueryPage, getMusicGroupStu, musicGroupPaymentCalenderDetailBatchAdd } from '../api'
|
|
|
import setStudentFee from './studentPayBase'
|
|
|
import userPayForm from '../modals/user-pay-form'
|
|
|
import schoolPayForm from '../modals/school-pay-form'
|
|
|
+import review from '../modals/review'
|
|
|
+import reviewDetail from '../modals/review-detail'
|
|
|
+import { userPaymentType } from '@/constant'
|
|
|
+import { objectToOptions } from '@/utils'
|
|
|
import { payOrderTypeList} from "@/utils/searchArray";
|
|
|
export default {
|
|
|
props: ['baseInfo','isNewGropu'],
|
|
@@ -305,16 +336,21 @@ export default {
|
|
|
pagination,
|
|
|
setStudentFee,
|
|
|
userPayForm,
|
|
|
- schoolPayForm
|
|
|
+ schoolPayForm,
|
|
|
+ review,
|
|
|
+ reviewDetail
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ musicGroupStu: [],
|
|
|
payFormType: 'user',
|
|
|
userVisible: false,
|
|
|
schoolVisible: false,
|
|
|
+ reviewVisible: false,
|
|
|
searchForm: {
|
|
|
payUserType: null
|
|
|
},
|
|
|
+ viewDetail: null,
|
|
|
tableList: [{}],
|
|
|
rules: {
|
|
|
// 分页规则
|
|
@@ -350,19 +386,22 @@ export default {
|
|
|
chioseStudentVisible: false,
|
|
|
chioseStudentList: [],
|
|
|
clearStduent: true,
|
|
|
- payOrderTypeList
|
|
|
+ musicGroupPaymentCalenderId: '',
|
|
|
+ payOrderTypeList,
|
|
|
};
|
|
|
},
|
|
|
//生命周期 - 创建完成(可以访问当前this实例)
|
|
|
created () { },
|
|
|
//生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
- mounted () {
|
|
|
+ async mounted () {
|
|
|
// 获取分部
|
|
|
-
|
|
|
this.init();
|
|
|
|
|
|
},
|
|
|
computed: {
|
|
|
+ payOrderTypeList() {
|
|
|
+ return objectToOptions(userPaymentType)
|
|
|
+ },
|
|
|
payFormTitle() {
|
|
|
return this.payFormType === 'user' ? '新增学员缴费' : '新增学校缴费'
|
|
|
}
|
|
@@ -371,7 +410,13 @@ export default {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
- init () {
|
|
|
+ async init () {
|
|
|
+ try {
|
|
|
+ const res = await getMusicGroupStu({
|
|
|
+ musicGroupId: this.$route.query.id,
|
|
|
+ })
|
|
|
+ console.log(res)
|
|
|
+ } catch (error) {}
|
|
|
this.getList()
|
|
|
},
|
|
|
newUserPay() {
|
|
@@ -396,6 +441,15 @@ export default {
|
|
|
this.payForm.paymentValidEndDate = null
|
|
|
}
|
|
|
},
|
|
|
+ async payedSubmited(data) {
|
|
|
+ try {
|
|
|
+ await this.getList()
|
|
|
+ this.chioseStudentVisible = true
|
|
|
+ if (data) {
|
|
|
+ this.musicGroupPaymentCalenderId = data.musicGroupPaymentCalenderId
|
|
|
+ }
|
|
|
+ } catch (error) {}
|
|
|
+ },
|
|
|
onCreateQRCode () { // 生成报名二维码
|
|
|
this.qrcodeStatus = true
|
|
|
let id = this.$route.query.id
|
|
@@ -455,7 +509,12 @@ export default {
|
|
|
lookDetail (row) {
|
|
|
let query = this.$route.query
|
|
|
this.$route.query.paymentId = row.id;
|
|
|
- this.$router.push({ path: '/business/strudentPayInfo', query })
|
|
|
+ this.viewDetail = row
|
|
|
+ if (row.payUserType === 'SCHOOL') {
|
|
|
+ this.reviewVisible = row
|
|
|
+ } else {
|
|
|
+ this.$router.push({ path: '/business/strudentPayInfo', query })
|
|
|
+ }
|
|
|
},
|
|
|
setStudentPay () {
|
|
|
let query = this.$route.query
|
|
@@ -486,20 +545,13 @@ export default {
|
|
|
}
|
|
|
|
|
|
let obj = {}
|
|
|
- obj.studentIds = this.chioseStudentList.map(stu => {
|
|
|
+ obj.userIdList = this.chioseStudentList.map(stu => {
|
|
|
return stu.userId
|
|
|
- }).join(',')
|
|
|
- obj.musicGroupId = this.$route.query.id
|
|
|
- obj.startPaymentDate = this.payForm.startPaymentDate + ' 00:00:00'
|
|
|
- obj.deadlinePaymentDate = this.payForm.deadlinePaymentDate + ' 23:59:59'
|
|
|
- obj.paymentValidStartDate = this.payForm.paymentValidStartDate ? dayjs(this.payForm.paymentValidStartDate).format('YYYY-MM-DD') : this.payForm.paymentValidStartDate,
|
|
|
- obj.paymentValidEndDate = this.payForm.paymentValidEndDate ? dayjs(this.payForm.paymentValidEndDate).format('YYYY-MM-DD') : this.payForm.paymentValidEndDate,
|
|
|
- obj.paymentPattern = this.payForm.paymentPattern
|
|
|
- obj.type = this.payForm.type
|
|
|
- obj.memo = this.payForm.memo
|
|
|
- addMusicGroupPaymentCalender(obj).then(res => {
|
|
|
+ })
|
|
|
+ obj.musicGroupPaymentCalenderId = this.musicGroupPaymentCalenderId
|
|
|
+ musicGroupPaymentCalenderDetailBatchAdd(obj).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
- this.$message.success('恭喜你创建成功')
|
|
|
+ this.$message.success('添加成功')
|
|
|
this.$refs.setStudentFee.clearTable()
|
|
|
this.payVisible = false;
|
|
|
this.chioseStudentVisible = false;
|
|
@@ -561,6 +613,9 @@ export default {
|
|
|
|
|
|
},
|
|
|
watch: {
|
|
|
+ chioseStudentVisible() {
|
|
|
+ this.chioseStudentList = []
|
|
|
+ },
|
|
|
qrcodeStatus (val) {
|
|
|
if (!val) {
|
|
|
this.qrcode.clear()
|