|
|
@@ -1,8 +1,7 @@
|
|
|
<!-- -->
|
|
|
<template>
|
|
|
<div class="m-container">
|
|
|
- <el-page-header @back="goBack"
|
|
|
- content="学员缴费记录"> </el-page-header>
|
|
|
+ <el-page-header @back="goBack" content="学员缴费记录"> </el-page-header>
|
|
|
<!-- this.info = {
|
|
|
paymentStatus: res.data.calender.paymentStatus,
|
|
|
startPaymentDate: res.data.calender.startPaymentDate,
|
|
|
@@ -11,44 +10,53 @@
|
|
|
actualNum: res.data.calender.actualNum,
|
|
|
sumActualAmount: res.data.sumActualAmount
|
|
|
} -->
|
|
|
- <statistic :span="4" :col="5">
|
|
|
- <statistic-item>
|
|
|
- <span>状态</span>
|
|
|
- <span>
|
|
|
- <p class="status"
|
|
|
- style="color: #ff6a6a"
|
|
|
- v-if="info.paymentStatus == 'OPEN'">
|
|
|
- {{ "已开启" }}
|
|
|
- </p>
|
|
|
- <p class="status"
|
|
|
- style="color: #ff6a6a"
|
|
|
- v-if="info.paymentStatus == 'NO'">
|
|
|
- {{ "未开始" }}
|
|
|
- </p>
|
|
|
- <p class="status"
|
|
|
- style="color: #5ccdb8"
|
|
|
- v-if="info.paymentStatus == 'OVER'">
|
|
|
- {{ "已结束" }}
|
|
|
- </p>
|
|
|
- </span>
|
|
|
- </statistic-item>
|
|
|
- <statistic-item>
|
|
|
- <span>预计缴费日期</span>
|
|
|
- <span style="font-size: 16px">{{ info.startPaymentDate | formatTimer }} ~ {{ info.deadlinePaymentDate | formatTimer }}</span>
|
|
|
- </statistic-item>
|
|
|
- <statistic-item>
|
|
|
- <span>预计缴费人数</span>
|
|
|
- <span>{{ info.expectNum ? info.expectNum : 0 }}</span>
|
|
|
- </statistic-item>
|
|
|
- <statistic-item>
|
|
|
- <span>实际缴费人数</span>
|
|
|
- <span>{{ info.actualNum ? info.actualNum : 0 }}</span>
|
|
|
- </statistic-item>
|
|
|
- <statistic-item>
|
|
|
- <span>收款金额</span>
|
|
|
- <span>{{ info.sumActualAmount ? info.sumActualAmount : 0 }}</span>
|
|
|
- </statistic-item>
|
|
|
- </statistic>
|
|
|
+ <statistic :span="4" :col="5">
|
|
|
+ <statistic-item>
|
|
|
+ <span>状态</span>
|
|
|
+ <span>
|
|
|
+ <p
|
|
|
+ class="status"
|
|
|
+ style="color: #ff6a6a"
|
|
|
+ v-if="info.paymentStatus == 'OPEN'"
|
|
|
+ >
|
|
|
+ {{ "已开启" }}
|
|
|
+ </p>
|
|
|
+ <p
|
|
|
+ class="status"
|
|
|
+ style="color: #ff6a6a"
|
|
|
+ v-if="info.paymentStatus == 'NO'"
|
|
|
+ >
|
|
|
+ {{ "未开始" }}
|
|
|
+ </p>
|
|
|
+ <p
|
|
|
+ class="status"
|
|
|
+ style="color: #5ccdb8"
|
|
|
+ v-if="info.paymentStatus == 'OVER'"
|
|
|
+ >
|
|
|
+ {{ "已结束" }}
|
|
|
+ </p>
|
|
|
+ </span>
|
|
|
+ </statistic-item>
|
|
|
+ <statistic-item>
|
|
|
+ <span>预计缴费日期</span>
|
|
|
+ <span style="font-size: 16px"
|
|
|
+ >{{ info.startPaymentDate | formatTimer }} ~
|
|
|
+ {{ info.deadlinePaymentDate | formatTimer }}</span
|
|
|
+ >
|
|
|
+ </statistic-item>
|
|
|
+ <statistic-item>
|
|
|
+ <span>预计缴费人数</span>
|
|
|
+ <span>{{ info.expectNum ? info.expectNum : 0 }}</span>
|
|
|
+ </statistic-item>
|
|
|
+ <statistic-item>
|
|
|
+ <span>实际缴费人数</span>
|
|
|
+ <span>{{ info.actualNum ? info.actualNum : 0 }}</span>
|
|
|
+ </statistic-item>
|
|
|
+ <statistic-item>
|
|
|
+ <span>收款金额</span>
|
|
|
+ <span>{{ info.sumActualAmount ? info.sumActualAmount : 0 }}</span>
|
|
|
+ </statistic-item>
|
|
|
+ </statistic>
|
|
|
<!-- <div class="infoMsg">
|
|
|
<div class="left">
|
|
|
<p class="title">状态</p>
|
|
|
@@ -96,75 +104,82 @@
|
|
|
</div> -->
|
|
|
|
|
|
<div class="m-core">
|
|
|
- <el-form :inline="true"
|
|
|
- :model="searchForm">
|
|
|
+ <el-form :inline="true" :model="searchForm">
|
|
|
<el-form-item>
|
|
|
- <el-input v-model.trim="searchForm.search"
|
|
|
- @keyup.enter.native="search"
|
|
|
- placeholder="学员编号,手机号"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model.trim="searchForm.search"
|
|
|
+ @keyup.enter.native="search"
|
|
|
+ placeholder="学员编号,手机号"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.subjectId"
|
|
|
- style="width: 180px"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="请选择声部">
|
|
|
- <el-option v-for="(item, index) in soundList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"></el-option>
|
|
|
+ <el-select
|
|
|
+ v-model.trim="searchForm.subjectId"
|
|
|
+ style="width: 180px"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择声部"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in soundList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.paymentStatus"
|
|
|
- style="width: 180px"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="请选择状态">
|
|
|
- <el-option label="未缴费"
|
|
|
- value="NON_PAYMENT"></el-option>
|
|
|
- <el-option label="缴费中"
|
|
|
- value="PROCESSING"></el-option>
|
|
|
- <el-option label="已缴费"
|
|
|
- value="PAID_COMPLETED"></el-option>
|
|
|
+ <el-select
|
|
|
+ v-model.trim="searchForm.paymentStatus"
|
|
|
+ style="width: 180px"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择状态"
|
|
|
+ >
|
|
|
+ <el-option label="未缴费" value="NON_PAYMENT"></el-option>
|
|
|
+ <el-option label="缴费中" value="PROCESSING"></el-option>
|
|
|
+ <el-option label="已缴费" value="PAID_COMPLETED"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.musicGroupStatus"
|
|
|
- style="width: 180px"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="请选择学员状态">
|
|
|
- <el-option label="在读"
|
|
|
- value="NORMAL"></el-option>
|
|
|
- <el-option label="退团"
|
|
|
- value="QUIT"></el-option>
|
|
|
- <el-option label="休学"
|
|
|
- value="QUIT_SCHOOL"></el-option>
|
|
|
- <el-option label="报名"
|
|
|
- value="APPLY"></el-option>
|
|
|
+ <el-select
|
|
|
+ v-model.trim="searchForm.musicGroupStatus"
|
|
|
+ style="width: 180px"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择学员状态"
|
|
|
+ >
|
|
|
+ <el-option label="在读" value="NORMAL"></el-option>
|
|
|
+ <el-option label="退团" value="QUIT"></el-option>
|
|
|
+ <el-option label="休学" value="QUIT_SCHOOL"></el-option>
|
|
|
+ <el-option label="报名" value="APPLY"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="search"
|
|
|
- type="danger">搜索</el-button>
|
|
|
- <el-button @click="onReSet"
|
|
|
- type="primary">重置</el-button>
|
|
|
+ <el-button @click="search" type="danger">搜索</el-button>
|
|
|
+ <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<!-- NO: '未开启缴费',
|
|
|
OPEN: '开启缴费',
|
|
|
OVER: '缴费已结束', -->
|
|
|
<div class="wrap">
|
|
|
- <div class="newBand"
|
|
|
- @click="detailVisible=true">缴费详情</div>
|
|
|
- <div class="newBand"
|
|
|
- @click="resetPay"
|
|
|
- v-permission="'musicGroupPaymentCalenderDetail/updateExpectAmount'">修改缴费金额</div>
|
|
|
- <div class="newBand"
|
|
|
- @click="startPay"
|
|
|
- v-if="info.paymentStatus != 'OPEN'"
|
|
|
- v-permission="'musicGroupPaymentCalenderDetail/openPayment'">开启缴费</div>
|
|
|
+ <div class="newBand" @click="detailVisible = true">缴费详情</div>
|
|
|
+ <div
|
|
|
+ class="newBand"
|
|
|
+ @click="resetPay"
|
|
|
+ v-permission="'musicGroupPaymentCalenderDetail/updateExpectAmount'"
|
|
|
+ >
|
|
|
+ 修改缴费金额
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="newBand"
|
|
|
+ @click="startPay"
|
|
|
+ v-if="info.paymentStatus != 'OPEN'"
|
|
|
+ v-permission="'musicGroupPaymentCalenderDetail/openPayment'"
|
|
|
+ >
|
|
|
+ 开启缴费
|
|
|
+ </div>
|
|
|
|
|
|
<!-- <div
|
|
|
class="newBand"
|
|
|
@@ -182,44 +197,48 @@
|
|
|
>
|
|
|
删除学员
|
|
|
</div>
|
|
|
- <div class="newBand"
|
|
|
- v-permission="'export/musicGroupPaymentCalenderDetail'"
|
|
|
- @click="onMusicGroupPaymentCalenderDetail">
|
|
|
+ <div
|
|
|
+ class="newBand"
|
|
|
+ v-permission="'export/musicGroupPaymentCalenderDetail'"
|
|
|
+ @click="onMusicGroupPaymentCalenderDetail"
|
|
|
+ >
|
|
|
缴费记录导出
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="tableWrap">
|
|
|
- <el-table style="width: 100%"
|
|
|
- :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
|
|
|
- :data="tableList"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection"
|
|
|
- :selectable="checkSelect"
|
|
|
- width="55">
|
|
|
+ <el-table
|
|
|
+ style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
|
|
|
+ :data="tableList"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ :selectable="checkSelect"
|
|
|
+ width="55"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- prop="userId"
|
|
|
- label="学员编号"></el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- prop="studentId"
|
|
|
- label="学员姓名">
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="userId"
|
|
|
+ label="学员编号"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column align="center" prop="studentId" label="学员姓名">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.sysUser">
|
|
|
{{ scope.row.sysUser.username }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="学员声部">
|
|
|
+ <el-table-column align="center" label="学员声部">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.studentRegistration">
|
|
|
{{ scope.row.studentRegistration.subjectName }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="学员状态">
|
|
|
+ <el-table-column align="center" label="学员状态">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.studentRegistration">
|
|
|
{{
|
|
|
@@ -229,53 +248,47 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- prop="studentId"
|
|
|
- label="手机号">
|
|
|
+ <el-table-column align="center" prop="studentId" label="手机号">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.sysUser">
|
|
|
{{ scope.row.sysUser.phone }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- prop="expectAmount"
|
|
|
- label="预计缴费金额"></el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="缴费开始日期">
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="expectAmount"
|
|
|
+ label="预计缴费金额"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column align="center" label="缴费开始日期">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.startPaymentDateMgpc | formatTimer }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="缴费截止日期">
|
|
|
+ <el-table-column align="center" label="缴费截止日期">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.deadlinePaymentDateMgpc | formatTimer }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="是否开启缴费">
|
|
|
+ <el-table-column align="center" label="是否开启缴费">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
- {{ scope.row.open ? '是' : '否' }}
|
|
|
+ {{ scope.row.open ? "是" : "否" }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- label="缴费状态">
|
|
|
+ <el-table-column align="center" label="缴费状态">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.paymentStatus | paymentStatusDetall }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center"
|
|
|
- prop="studentId"
|
|
|
- label="支付时间">
|
|
|
+ <el-table-column align="center" prop="studentId" label="支付时间">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.payTime | dateForMinFormat }}
|
|
|
@@ -297,11 +310,13 @@
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
</el-table>
|
|
|
- <pagination :total="rules.total"
|
|
|
- :page.sync="rules.page"
|
|
|
- :limit.sync="rules.limit"
|
|
|
- :page-sizes="rules.page_size"
|
|
|
- @pagination="getList" />
|
|
|
+ <pagination
|
|
|
+ :total="rules.total"
|
|
|
+ :page.sync="rules.page"
|
|
|
+ :limit.sync="rules.limit"
|
|
|
+ :page-sizes="rules.page_size"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <el-dialog :visible.sync="payVisible"
|
|
|
@@ -327,22 +342,28 @@
|
|
|
</div>
|
|
|
</el-dialog> -->
|
|
|
|
|
|
- <el-dialog :visible.sync="resetPayVisible"
|
|
|
- width="500px"
|
|
|
- title="修改缴费金额">
|
|
|
- <el-form :model="resetPayForm"
|
|
|
- :inline="true"
|
|
|
- label-width="120px"
|
|
|
- label-position="right"
|
|
|
- ref="resetPayForm" @submit.native.prevent>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="resetPayVisible"
|
|
|
+ width="500px"
|
|
|
+ title="修改缴费金额"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ :model="resetPayForm"
|
|
|
+ :inline="true"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="right"
|
|
|
+ ref="resetPayForm"
|
|
|
+ @submit.native.prevent
|
|
|
+ >
|
|
|
<!-- <el-form-item label="学员姓名"
|
|
|
:rules="[{ required: true, message: '学员姓名',trigger: 'blur'}]"
|
|
|
prop="startDate">
|
|
|
<el-input disabled
|
|
|
value="张三"></el-input>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="预计缴费金额"
|
|
|
- :rules="[
|
|
|
+ <el-form-item
|
|
|
+ label="预计缴费金额"
|
|
|
+ :rules="[
|
|
|
{ required: true, message: '请输入预计缴费金额', trigger: 'blur' },
|
|
|
{
|
|
|
pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
|
|
|
@@ -350,50 +371,51 @@
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
]"
|
|
|
- prop="momey">
|
|
|
+ prop="momey"
|
|
|
+ >
|
|
|
<el-input v-model="resetPayForm.momey"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer"
|
|
|
- class="dialog-footer">
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="resetPayVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary"
|
|
|
- @click="submitReset">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="submitReset">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <el-dialog :visible.sync="studentVisible"
|
|
|
- width="600">
|
|
|
- <el-table :data="studentList"
|
|
|
- class="studenTable"
|
|
|
- ref="singleTable"
|
|
|
- highlight-current-row
|
|
|
- @current-change="handleCurrentChange">
|
|
|
+ <el-dialog :visible.sync="studentVisible" width="600">
|
|
|
+ <el-table
|
|
|
+ :data="studentList"
|
|
|
+ class="studenTable"
|
|
|
+ ref="singleTable"
|
|
|
+ highlight-current-row
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ >
|
|
|
<!-- <el-table-column type="selection"
|
|
|
width="55">
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column property="userId"
|
|
|
- align="center"
|
|
|
- label="学员编号"></el-table-column>
|
|
|
- <el-table-column property="name"
|
|
|
- align="center"
|
|
|
- label="学员姓名"></el-table-column>
|
|
|
- <el-table-column property="phone"
|
|
|
- align="center"
|
|
|
- label="手机号"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="userId"
|
|
|
+ align="center"
|
|
|
+ label="学员编号"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="name"
|
|
|
+ align="center"
|
|
|
+ label="学员姓名"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="phone"
|
|
|
+ align="center"
|
|
|
+ label="手机号"
|
|
|
+ ></el-table-column>
|
|
|
</el-table>
|
|
|
- <div slot="footer"
|
|
|
- class="dialog-footer">
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="cancleAdd">取 消</el-button>
|
|
|
- <el-button type="primary"
|
|
|
- @click="submitAddStudent">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="submitAddStudent">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog width="700px"
|
|
|
- title="查看缴费详情"
|
|
|
- :visible.sync="detailVisible">
|
|
|
- <studentPayDetail :msgList='msgList'
|
|
|
- :titleForm='titleForm' />
|
|
|
+ <el-dialog width="700px" title="查看缴费详情" :visible.sync="detailVisible">
|
|
|
+ <studentPayDetail :msgList="msgList" :titleForm="titleForm" />
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -405,9 +427,9 @@ import pagination from "@/components/Pagination/index";
|
|
|
import load from "@/utils/loading";
|
|
|
import cleanDeep from "clean-deep";
|
|
|
import qs from "qs";
|
|
|
-import { courseType } from '@/utils/searchArray'
|
|
|
-import { paymentPatternType } from '@/constant'
|
|
|
-import studentPayDetail from '../modals/studentPayDetail'
|
|
|
+import { courseType } from "@/utils/searchArray";
|
|
|
+import { paymentPatternType } from "@/constant";
|
|
|
+import studentPayDetail from "../modals/studentPayDetail";
|
|
|
import {
|
|
|
findSound,
|
|
|
getmusicGroupPaymentCalenderDetail,
|
|
|
@@ -421,7 +443,7 @@ import {
|
|
|
|
|
|
export default {
|
|
|
components: { pagination, studentPayDetail },
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
searchForm: {
|
|
|
search: null,
|
|
|
@@ -445,7 +467,7 @@ export default {
|
|
|
chioseStudent: null,
|
|
|
studentList: [],
|
|
|
pickerOptions: {
|
|
|
- disabledDate (time) {
|
|
|
+ disabledDate(time) {
|
|
|
return time.getTime() + 86400000 <= new Date().getTime();
|
|
|
},
|
|
|
},
|
|
|
@@ -480,9 +502,9 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
//生命周期 - 创建完成（可以访问当前this实例）
|
|
|
- created () { },
|
|
|
+ created() {},
|
|
|
//生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
- mounted () {
|
|
|
+ mounted() {
|
|
|
// 获取声部
|
|
|
this.teamid = this.$route.query.id;
|
|
|
findSound({ musicGroupId: this.teamid }).then((res) => {
|
|
|
@@ -493,7 +515,7 @@ export default {
|
|
|
// 获取分部
|
|
|
this.init();
|
|
|
},
|
|
|
- activated () {
|
|
|
+ activated() {
|
|
|
this.teamid = this.$route.query.id;
|
|
|
findSound({ musicGroupId: this.teamid }).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
@@ -503,10 +525,10 @@ export default {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
- init () {
|
|
|
+ init() {
|
|
|
this.getList();
|
|
|
},
|
|
|
- getList () {
|
|
|
+ getList() {
|
|
|
this.id = this.$route.query.paymentId;
|
|
|
// 获取缴费状态
|
|
|
getMusicGroupPaymentCalenderDetail({ id: this.id }).then((res) => {
|
|
|
@@ -518,35 +540,35 @@ export default {
|
|
|
expectNum: res.data.calender.expectNum,
|
|
|
actualNum: res.data.calender.actualNum,
|
|
|
sumActualAmount: res.data.sumActualAmount,
|
|
|
- }
|
|
|
+ };
|
|
|
this.titleForm = {
|
|
|
paymentType: res.data.calender.paymentType,
|
|
|
- musicGroupOrganizationCourseSettingId: res.data.calenderSettingsName,
|
|
|
- paymentPattern: paymentPatternType[res.data.calender.paymentPattern],
|
|
|
+ musicGroupOrganizationCourseSettingId:
|
|
|
+ res.data.calenderSettingsName,
|
|
|
+ paymentPattern:
|
|
|
+ paymentPatternType[res.data.calender.paymentPattern],
|
|
|
paymentValidStartDate: res.data.calender.paymentValidStartDate,
|
|
|
paymentValidEndDate: res.data.calender.paymentValidEndDate,
|
|
|
calenderSettingsName: res.data.calenderSettingsName,
|
|
|
};
|
|
|
- this.msgList = res.data.musicGroupPaymentCalenderCourseSettings
|
|
|
+ this.msgList = res.data.musicGroupPaymentCalenderCourseSettings;
|
|
|
}
|
|
|
});
|
|
|
this.searchForm.id = this.id;
|
|
|
this.searchForm.page = this.rules.page;
|
|
|
this.searchForm.rows = this.rules.limit;
|
|
|
- getmusicGroupPaymentCalenderDetail(this.searchForm).then(
|
|
|
- (payment) => {
|
|
|
- if (payment.code == 200) {
|
|
|
- this.rules.total = payment.data.total;
|
|
|
- this.tableList = payment.data.rows;
|
|
|
- }
|
|
|
+ getmusicGroupPaymentCalenderDetail(this.searchForm).then((payment) => {
|
|
|
+ if (payment.code == 200) {
|
|
|
+ this.rules.total = payment.data.total;
|
|
|
+ this.tableList = payment.data.rows;
|
|
|
}
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
- search () {
|
|
|
+ search() {
|
|
|
this.rules.page = 1;
|
|
|
this.getList();
|
|
|
},
|
|
|
- onReSet () {
|
|
|
+ onReSet() {
|
|
|
this.searchForm = {
|
|
|
search: null,
|
|
|
subjectId: null,
|
|
|
@@ -554,10 +576,10 @@ export default {
|
|
|
};
|
|
|
this.search();
|
|
|
},
|
|
|
- checkSelect (val) {
|
|
|
+ checkSelect(val) {
|
|
|
return val.paymentStatus == "NON_PAYMENT";
|
|
|
},
|
|
|
- resetPay () {
|
|
|
+ resetPay() {
|
|
|
// this.activeRow = row;
|
|
|
if (this.activeChiose.length < 1) {
|
|
|
this.$message.error("请至少选择一名学员");
|
|
|
@@ -572,18 +594,21 @@ export default {
|
|
|
// resetTime () {
|
|
|
// this.payVisible = true;
|
|
|
// },
|
|
|
- goBack () {
|
|
|
+ goBack() {
|
|
|
let query = this.$route.query;
|
|
|
- if (query.type == 'resetTeam') {
|
|
|
- sessionStorage.setItem('resetCode', '3')
|
|
|
+ if (query.type == "resetTeam") {
|
|
|
+ this.$store.dispatch("delVisitedViews", this.$route);
|
|
|
+ this.$router.push({
|
|
|
+ path: "/business/resetTeaming",
|
|
|
+ query: { ...this.$route.query },
|
|
|
+ });
|
|
|
}
|
|
|
- this.$router.go(-1)
|
|
|
},
|
|
|
- handleSelectionChange (val) {
|
|
|
+ handleSelectionChange(val) {
|
|
|
this.activeChiose = val;
|
|
|
- console.log(val)
|
|
|
+ console.log(val);
|
|
|
},
|
|
|
- startPay () {
|
|
|
+ startPay() {
|
|
|
if (this.activeChiose.length < 1) {
|
|
|
this.$message.error("请至少选择一名学员");
|
|
|
return;
|
|
|
@@ -602,7 +627,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- submitReset () {
|
|
|
+ submitReset() {
|
|
|
let obj = {};
|
|
|
obj.expectAmount = this.resetPayForm.momey;
|
|
|
obj.ids = this.ids;
|
|
|
@@ -614,7 +639,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- addStudentBtn () {
|
|
|
+ addStudentBtn() {
|
|
|
console.log(
|
|
|
"musicGroupId:",
|
|
|
this.teamid,
|
|
|
@@ -632,7 +657,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- delStudentBtn () {
|
|
|
+ delStudentBtn() {
|
|
|
if (this.activeChiose.length < 1) {
|
|
|
this.$message.error("请至少选择一名学员");
|
|
|
return;
|
|
|
@@ -653,17 +678,17 @@ export default {
|
|
|
}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.$message.success(`删除成功`);
|
|
|
- this.$set(this.rules, 'page', 1)
|
|
|
+ this.$set(this.rules, "page", 1);
|
|
|
this.getList();
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
- .catch(() => { });
|
|
|
+ .catch(() => {});
|
|
|
},
|
|
|
- handleCurrentChange (val) {
|
|
|
+ handleCurrentChange(val) {
|
|
|
this.chioseStudent = val;
|
|
|
},
|
|
|
- submitAddStudent () {
|
|
|
+ submitAddStudent() {
|
|
|
if (!this.chioseStudent) {
|
|
|
this.$message.error("请选择学员");
|
|
|
return;
|
|
|
@@ -679,7 +704,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- onMusicGroupPaymentCalenderDetail () {
|
|
|
+ onMusicGroupPaymentCalenderDetail() {
|
|
|
let searchForm = this.searchForm;
|
|
|
// 报表导出
|
|
|
let url = "/api-web/export/musicGroupPaymentCalenderDetail";
|
|
|
@@ -717,7 +742,7 @@ export default {
|
|
|
} else {
|
|
|
let objectUrl = URL.createObjectURL(blob);
|
|
|
let link = document.createElement("a");
|
|
|
- let fname = "缴费导出" + new Date().getTime() + '.xls'; //下载文件的名字
|
|
|
+ let fname = "缴费导出" + new Date().getTime() + ".xls"; //下载文件的名字
|
|
|
link.href = objectUrl;
|
|
|
link.setAttribute("download", fname);
|
|
|
document.body.appendChild(link);
|
|
|
@@ -732,15 +757,15 @@ export default {
|
|
|
load.endLoading();
|
|
|
});
|
|
|
})
|
|
|
- .catch(() => { });
|
|
|
+ .catch(() => {});
|
|
|
},
|
|
|
- cancleAdd (row) {
|
|
|
+ cancleAdd(row) {
|
|
|
this.$refs.singleTable.setCurrentRow(row);
|
|
|
this.studentVisible = false;
|
|
|
},
|
|
|
},
|
|
|
watch: {
|
|
|
- payVisible (val) {
|
|
|
+ payVisible(val) {
|
|
|
if (!val) {
|
|
|
this.payForm = {
|
|
|
startDate: null,
|
|
|
@@ -748,7 +773,7 @@ export default {
|
|
|
this.$refs["payForm"].resetFields();
|
|
|
}
|
|
|
},
|
|
|
- resetPayVisible (val) {
|
|
|
+ resetPayVisible(val) {
|
|
|
if (!val) {
|
|
|
this.resetPayForm = {
|
|
|
momey: null,
|
|
|
@@ -756,7 +781,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
-
|
|
|
};
|
|
|
</script>
|
|
|
<style lang='scss' scoped>
|
