|
@@ -4,126 +4,139 @@
|
|
|
<div class="squrt"></div>网管课列表
|
|
|
</h2>-->
|
|
|
<div class="topWrap">
|
|
|
- <div
|
|
|
- class="newBand"
|
|
|
- v-permission="'export/practiceGroup'"
|
|
|
- @click="onStudentExport"
|
|
|
- style="width: 120px;"
|
|
|
- >网管课续费提醒</div>
|
|
|
- <div
|
|
|
- class="newBand"
|
|
|
- v-permission="'export/practiceGroupList'"
|
|
|
- @click="onPracticeExport"
|
|
|
- style="width: 120px;"
|
|
|
- >网管课导出</div>
|
|
|
+ <div class="newBand"
|
|
|
+ v-permission="'export/practiceGroup'"
|
|
|
+ @click="onStudentExport"
|
|
|
+ style="width: 120px;">网管课续费提醒</div>
|
|
|
+ <div class="newBand"
|
|
|
+ v-permission="'export/practiceGroupList'"
|
|
|
+ @click="onPracticeExport"
|
|
|
+ style="width: 120px;">网管课导出</div>
|
|
|
</div>
|
|
|
<div class="m-core">
|
|
|
- <el-form :inline="true" class="searchForm" v-model.trim="searchForm">
|
|
|
+ <el-form :inline="true"
|
|
|
+ class="searchForm"
|
|
|
+ v-model.trim="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
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.organIdList"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="请选择分部"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in organList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-select class="multiple"
|
|
|
+ v-model.trim="searchForm.organIdList"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择分部">
|
|
|
+ <el-option v-for="(item,index) in organList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select
|
|
|
- v-model.trim="searchForm.practiceGroupType"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="课程组类型"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in practiceGroupType"
|
|
|
- :key="index"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.practiceGroupType"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="课程组类型">
|
|
|
+ <el-option v-for="(item,index) in practiceGroupType"
|
|
|
+ :key="index"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="status">
|
|
|
- <el-select
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.hasEducationalTeacherId"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="是否有教务老师"
|
|
|
- >
|
|
|
- <el-option label="是" value="true"></el-option>
|
|
|
- <el-option label="否" value="false"></el-option>
|
|
|
+ <el-select class="multiple"
|
|
|
+ v-model.trim="searchForm.hasEducationalTeacherId"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="是否有教务老师">
|
|
|
+ <el-option label="是"
|
|
|
+ value="true"></el-option>
|
|
|
+ <el-option label="否"
|
|
|
+ value="false"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.teacherId" clearable filterable placeholder="指导老师">
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in teacherList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
- :label="item.realName"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.teacherId"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="指导老师">
|
|
|
+ <el-option v-for="(item,index) in teacherList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.realName"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.groupStatus" clearable filterable placeholder="课程组状态">
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in commGroupStatus"
|
|
|
- :key="index"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.groupStatus"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="课程组状态">
|
|
|
+ <el-option v-for="(item,index) in commGroupStatus"
|
|
|
+ :key="index"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="searchForm.firstOrRenew" clearable filterable placeholder="是否续费">
|
|
|
- <el-option label="首充" value="1"></el-option>
|
|
|
- <el-option label="续费" value="0"></el-option>
|
|
|
- <el-option label="免费" value="2"></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.firstOrRenew"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="是否续费">
|
|
|
+ <el-option label="首充"
|
|
|
+ value="1"></el-option>
|
|
|
+ <el-option label="续费"
|
|
|
+ value="0"></el-option>
|
|
|
+ <el-option label="免费"
|
|
|
+ value="2"></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>
|
|
|
<!-- tab -->
|
|
|
<div class="tableWrap">
|
|
|
- <el-table
|
|
|
- style="width: 100%"
|
|
|
- :header-cell-style="{background:'#EDEEF0',color:'#444'}"
|
|
|
- :data="tableData"
|
|
|
- >
|
|
|
- <el-table-column align="center" prop="id" label="课程组编号" width="100"></el-table-column>
|
|
|
- <el-table-column align="center" prop="name" label="课程组名称" width="100"></el-table-column>
|
|
|
- <el-table-column align="center" prop="type" label="课程组类型" width="100">
|
|
|
+ <el-table style="width: 100%"
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}"
|
|
|
+ :data="tableData">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="id"
|
|
|
+ label="课程组编号"
|
|
|
+ width="100"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="name"
|
|
|
+ label="课程组名称"
|
|
|
+ width="100"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="type"
|
|
|
+ label="课程组类型"
|
|
|
+ width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p>{{scope.row.type | comType}}</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="organName" label="所属分部"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="organName"
|
|
|
+ label="所属分部"></el-table-column>
|
|
|
<!-- educationalTeacherId -->
|
|
|
- <el-table-column align="center" prop="educationalTeacherName" label="教务老师"></el-table-column>
|
|
|
- <el-table-column align="center" prop="teacherName" label="指导老师"></el-table-column>
|
|
|
- <el-table-column align="center" prop="studentNum" label="班级人数"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="educationalTeacherName"
|
|
|
+ label="教务老师"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="teacherName"
|
|
|
+ label="指导老师"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="studentNum"
|
|
|
+ label="班级人数"></el-table-column>
|
|
|
<!-- <el-table-column align="center" label="课程单价">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -132,35 +145,47 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>-->
|
|
|
- <el-table-column align="center" label="当前课次">
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="当前课次">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p>{{scope.row.currentClassTimes + '/' + scope.row.totalClassTimes}}</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="coursesStartDate" label="开课时间" width="120">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="coursesStartDate"
|
|
|
+ label="开课时间"
|
|
|
+ width="120">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p>{{scope.row.coursesStartDate | formatTimer}}</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="coursesExpireDate" label="结束时间" width="120">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="coursesExpireDate"
|
|
|
+ label="结束时间"
|
|
|
+ width="120">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p>{{scope.row.coursesExpireDate | formatTimer}}</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="groupStatus" label="课程组状态" width="100">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="groupStatus"
|
|
|
+ label="课程组状态"
|
|
|
+ width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p>{{scope.row.groupStatus | comCourseGroup}}</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="是否续费" fixed="right">
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="是否续费"
|
|
|
+ fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<p v-if="scope.row.buyMonths == 0">免费</p>
|
|
@@ -168,62 +193,81 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" width="150" prop="memo" label="备注" fixed="right"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ width="150"
|
|
|
+ prop="memo"
|
|
|
+ label="备注"
|
|
|
+ fixed="right"></el-table-column>
|
|
|
|
|
|
- <el-table-column align="center" width="200" fixed="right" label="操作">
|
|
|
+ <el-table-column align="center"
|
|
|
+ width="200"
|
|
|
+ fixed="right"
|
|
|
+ label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<!-- v-permission="'courseSchedule/classStartDateAdjust'" v-if="!scope.row.isSettlement" -->
|
|
|
- <el-button type="text" @click="lookCrouse(scope.row)">查看</el-button>
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- v-if="scope.row.groupStatus == 'NORMAL' && permission('practiceGroupManage/cancelGroup')"
|
|
|
- @click="closeCrouse(scope.row)"
|
|
|
- >关闭</el-button>
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- v-if="permission('practiceGroupManage/updateMemo')"
|
|
|
- @click="resetMemo(scope.row)"
|
|
|
- >修改备注</el-button>
|
|
|
+ <el-button type="text"
|
|
|
+ @click="lookCrouse(scope.row)">查看</el-button>
|
|
|
+ <el-button type="text"
|
|
|
+ v-if="scope.row.groupStatus == 'NORMAL' && permission('practiceGroupManage/cancelGroup')"
|
|
|
+ @click="closeCrouse(scope.row)">关闭</el-button>
|
|
|
+ <el-button type="text"
|
|
|
+ v-if="permission('practiceGroupManage/updateMemo')"
|
|
|
+ @click="resetMemo(scope.row)">修改备注</el-button>
|
|
|
</div>
|
|
|
</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 title="关闭课程组" width="400px" :visible.sync="closeVisible">
|
|
|
- <el-form
|
|
|
- :model="closeForm"
|
|
|
- ref="closeForm"
|
|
|
- label-position="right"
|
|
|
- label-width="80px;"
|
|
|
- :inline="true"
|
|
|
- >
|
|
|
- <el-form-item label="是否退费" prop="isBasck">
|
|
|
- <el-radio v-model="closeForm.isBack" :label="true">是</el-radio>
|
|
|
- <el-radio v-model="closeForm.isBack" :label="false">否</el-radio>
|
|
|
+ <el-dialog title="关闭课程组"
|
|
|
+ width="400px"
|
|
|
+ :visible.sync="closeVisible">
|
|
|
+ <el-form :model="closeForm"
|
|
|
+ ref="closeForm"
|
|
|
+ label-position="right"
|
|
|
+ label-width="80px;"
|
|
|
+ :inline="true">
|
|
|
+ <el-form-item label="是否退费"
|
|
|
+ prop="isBasck">
|
|
|
+ <el-radio v-model="closeForm.isBack"
|
|
|
+ :label="true">是</el-radio>
|
|
|
+ <el-radio v-model="closeForm.isBack"
|
|
|
+ :label="false">否</el-radio>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="退费金额" v-if="closeForm.isBack" prop="money">
|
|
|
- <el-input type="number" @mousewheel.native.prevent v-model.trim="closeForm.money"></el-input>
|
|
|
+ <el-form-item label="退费金额"
|
|
|
+ v-if="closeForm.isBack"
|
|
|
+ prop="money">
|
|
|
+ <el-input type="number"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ v-model.trim="closeForm.money"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
+ <div slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
<el-button @click="closeVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submieCloseCrouse">确 定</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="submieCloseCrouse">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="备注" width="400px" :visible.sync="memoVisible">
|
|
|
- <el-input type="textarea" v-model.trim="memoForm.memo" :rows="7" :maxlength="255" show-word-limit></el-input>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
+ <el-dialog title="备注"
|
|
|
+ width="400px"
|
|
|
+ :visible.sync="memoVisible">
|
|
|
+ <el-input type="textarea"
|
|
|
+ v-model.trim="memoForm.memo"
|
|
|
+ :rows="7"
|
|
|
+ :maxlength="255"
|
|
|
+ show-word-limit></el-input>
|
|
|
+ <div slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
<el-button @click="memoVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="subMemo">确 定</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="subMemo">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -245,7 +289,7 @@ import { getToken } from "@/utils/auth";
|
|
|
import load from "@/utils/loading";
|
|
|
export default {
|
|
|
components: { pagination },
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
searchForm: {
|
|
|
search: null,
|
|
@@ -282,7 +326,7 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
+ created () {
|
|
|
if (this.$route.query.searchForm) {
|
|
|
this.$route.query.searchForm instanceof Object
|
|
|
? (this.searchForm = this.$route.query.searchForm)
|
|
@@ -295,12 +339,12 @@ export default {
|
|
|
}
|
|
|
this.init();
|
|
|
},
|
|
|
- mounted() {},
|
|
|
- activated() {
|
|
|
+ mounted () { },
|
|
|
+ activated () {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
- init() {
|
|
|
+ init () {
|
|
|
getEmployeeOrgan().then(res => {
|
|
|
if (res.code == 200) {
|
|
|
this.organList = res.data;
|
|
@@ -314,14 +358,14 @@ export default {
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
- permission(str, parent) {
|
|
|
+ permission (str, parent) {
|
|
|
return permission(str, parent);
|
|
|
},
|
|
|
- search() {
|
|
|
+ search () {
|
|
|
this.rules.page = 1;
|
|
|
this.getList();
|
|
|
},
|
|
|
- onReSet() {
|
|
|
+ onReSet () {
|
|
|
this.searchForm = {
|
|
|
search: null,
|
|
|
status: null,
|
|
@@ -333,7 +377,7 @@ export default {
|
|
|
};
|
|
|
this.search();
|
|
|
},
|
|
|
- onStudentExport() {
|
|
|
+ onStudentExport () {
|
|
|
// 导出VIP课
|
|
|
// let searchForm = this.searchForm;
|
|
|
let data = {
|
|
@@ -391,9 +435,9 @@ export default {
|
|
|
load.endLoading();
|
|
|
});
|
|
|
})
|
|
|
- .catch(() => {});
|
|
|
+ .catch(() => { });
|
|
|
},
|
|
|
- onPracticeExport() {
|
|
|
+ onPracticeExport () {
|
|
|
// 导出VIP课
|
|
|
let searchForm = this.searchForm;
|
|
|
let obj = {
|
|
@@ -453,9 +497,9 @@ export default {
|
|
|
load.endLoading();
|
|
|
});
|
|
|
})
|
|
|
- .catch(() => {});
|
|
|
+ .catch(() => { });
|
|
|
},
|
|
|
- getList() {
|
|
|
+ getList () {
|
|
|
let obj = {
|
|
|
search: this.searchForm.search || null,
|
|
|
teacherId: this.searchForm.teacherId || null,
|
|
@@ -475,7 +519,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- lookCrouse(row) {
|
|
|
+ lookCrouse (row) {
|
|
|
let rules = JSON.stringify(this.rules);
|
|
|
let searchForm = JSON.stringify(this.searchForm);
|
|
|
this.$router.push({
|
|
@@ -483,14 +527,14 @@ export default {
|
|
|
query: { id: row.id, rules, searchForm, type: row.type }
|
|
|
});
|
|
|
},
|
|
|
- closeCrouse(row) {
|
|
|
+ closeCrouse (row) {
|
|
|
this.activeRow = row;
|
|
|
this.closeVisible = true;
|
|
|
},
|
|
|
- courseVisibleClose() {
|
|
|
+ courseVisibleClose () {
|
|
|
// 关闭弹窗前
|
|
|
},
|
|
|
- submieCloseCrouse() {
|
|
|
+ submieCloseCrouse () {
|
|
|
// 提交关闭课程组
|
|
|
if (this.closeForm.isBack) {
|
|
|
if (!this.closeForm.money) {
|
|
@@ -513,12 +557,12 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- resetMemo(row) {
|
|
|
+ resetMemo (row) {
|
|
|
this.$set(this.memoForm, "memo", row.memo);
|
|
|
this.$set(this.memoForm, "groupId", row.id);
|
|
|
this.memoVisible = true;
|
|
|
},
|
|
|
- subMemo() {
|
|
|
+ subMemo () {
|
|
|
practiceUpdateMemo(this.memoForm).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
this.$message.success("修改成功");
|
|
@@ -529,7 +573,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
- closeVisible(val) {
|
|
|
+ closeVisible (val) {
|
|
|
if (!val) {
|
|
|
this.activeRow = null;
|
|
|
(this.closeForm = {
|