|
@@ -34,7 +34,7 @@
|
|
|
value="NORMAL"></el-option>
|
|
|
<el-option label="请假"
|
|
|
value="LEAVE"></el-option>
|
|
|
- <el-option label="退班"
|
|
|
+ <el-option label="退团"
|
|
|
value="QUIT"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
@@ -145,13 +145,12 @@
|
|
|
<el-table-column align='center'
|
|
|
label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>
|
|
|
-
|
|
|
- <el-popover placement="top"
|
|
|
+ <div v-if="scope.row.studentStatus != 'QUIT'">
|
|
|
+ <!-- <el-popover placement="top"
|
|
|
v-model="scope.row.typeVisible">
|
|
|
- <!-- <p style=" text-align: center;margin: 10px 0;">是否退团</p> -->
|
|
|
<el-input v-model="remark"
|
|
|
placeholder="请输入退团原因"></el-input>
|
|
|
+
|
|
|
<el-button type="text"
|
|
|
slot='reference'
|
|
|
class='chiose'>
|
|
@@ -165,7 +164,9 @@
|
|
|
size="mini"
|
|
|
@click="chioseType(scope.row)">确定</el-button>
|
|
|
</div>
|
|
|
- </el-popover>
|
|
|
+ </el-popover> -->
|
|
|
+ <el-button type='text'
|
|
|
+ @click="quieTeamMask(scope.row)">退团</el-button>
|
|
|
<el-button type="text"
|
|
|
@click="lookClass(scope.row)">查看班级</el-button>
|
|
|
</div>
|
|
@@ -370,6 +371,44 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-dialog>
|
|
|
+ <!-- 退团弹窗 -->
|
|
|
+ <el-dialog title="退团信息确认"
|
|
|
+ width="640px"
|
|
|
+ :visible.sync="quitVisible">
|
|
|
+ <el-form :model="quitForm">
|
|
|
+ <el-form-item label="退还课程费用"
|
|
|
+ prop="isRefundCourseFee">
|
|
|
+ <el-radio v-model="quitForm.isRefundCourseFee"
|
|
|
+ :label="true">是</el-radio>
|
|
|
+ <el-radio v-model="quitForm.isRefundCourseFee"
|
|
|
+ :label="false">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="退还乐器费用"
|
|
|
+ prop="isRefundInstrumentFee">
|
|
|
+ <el-radio v-model="quitForm.isRefundInstrumentFee"
|
|
|
+ :label="true">是</el-radio>
|
|
|
+ <el-radio v-model="quitForm.isRefundInstrumentFee"
|
|
|
+ :label="false">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="退还教辅费用"
|
|
|
+ prop="isRefundTeachingAssistantsFee">
|
|
|
+ <el-radio v-model="quitForm.isRefundTeachingAssistantsFee"
|
|
|
+ :label="true">是</el-radio>
|
|
|
+ <el-radio v-model="quitForm.isRefundTeachingAssistantsFee"
|
|
|
+ :label="false">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="退团原因">
|
|
|
+ <el-input type="textarea"
|
|
|
+ v-model="quitForm.reason"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="quitVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="chioseType">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -385,6 +424,7 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ quitVisible: false, // 退团信息确认的弹窗
|
|
|
studentClassVisible: false, // 学员所在班级弹窗
|
|
|
addStudentVisible: false, //新增学员弹窗
|
|
|
topFrom: { // 顶部的禁选框集合
|
|
@@ -400,6 +440,12 @@ export default {
|
|
|
isPay: '', // 是否缴费
|
|
|
|
|
|
},
|
|
|
+ quitForm: { // 退团信息确认
|
|
|
+ isRefundCourseFee: null,
|
|
|
+ isRefundInstrumentFee: null,
|
|
|
+ isRefundTeachingAssistantsFee: null,
|
|
|
+ reason: ''
|
|
|
+ },
|
|
|
classMask: {
|
|
|
studentName: ''
|
|
|
},
|
|
@@ -462,7 +508,8 @@ export default {
|
|
|
|
|
|
},
|
|
|
INSTRUMENTLIST: [], // 乐器列表
|
|
|
- ACCESSORIESLIST: [] // 辅件列表
|
|
|
+ ACCESSORIESLIST: [], // 辅件列表
|
|
|
+ activeRow: null
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
@@ -529,17 +576,36 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- chioseType (row) {
|
|
|
- row.userId;
|
|
|
+ chioseType () {
|
|
|
+ let row = this.activeRow;
|
|
|
+ /**
|
|
|
+ * quitForm: { // 退团信息确认
|
|
|
+ isRefundCourseFee: null,
|
|
|
+ isRefundInstrumentFee: null,
|
|
|
+ isRefundTeachingAssistantsFee: null,
|
|
|
+ reason: ''
|
|
|
+ },
|
|
|
+ *
|
|
|
+ */
|
|
|
// 发请求 退团
|
|
|
- StudentQuit({ musicGroupId: this.teamid, userId: row.userId, reason: this.remark }).then(res => {
|
|
|
- this.remark = '';
|
|
|
+ StudentQuit({ musicGroupId: this.teamid, userId: row.userId,
|
|
|
+ reason: this.quitForm.reason,
|
|
|
+ isRefundCourseFee: this.quitForm.isRefundCourseFee,
|
|
|
+ isRefundInstrumentFee: this.quitForm.isRefundInstrumentFee,
|
|
|
+ isRefundTeachingAssistantsFee: this.quitForm.isRefundTeachingAssistantsFee }).then(res => {
|
|
|
+ this.quitForm = { // 退团信息确认
|
|
|
+ isRefundCourseFee: null,
|
|
|
+ isRefundInstrumentFee: null,
|
|
|
+ isRefundTeachingAssistantsFee: null,
|
|
|
+ reason: ''
|
|
|
+ }
|
|
|
if (res.code == 200) {
|
|
|
this.$message.success('退团成功')
|
|
|
this.getList();
|
|
|
+ this.quitVisible = false;
|
|
|
}
|
|
|
})
|
|
|
- row.typeVisible = false;
|
|
|
+ // row.typeVisible = false;
|
|
|
},
|
|
|
//
|
|
|
addStudent () {
|
|
@@ -651,6 +717,10 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ quieTeamMask (row) {
|
|
|
+ this.activeRow = row;
|
|
|
+ this.quitVisible = true;
|
|
|
+ },
|
|
|
checkPhone (val) {
|
|
|
console.log(val)
|
|
|
var regu = /^1[3456789]\d{9}$/;
|