|
@@ -1,9 +1,8 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <save-form
|
|
|
+ <el-form
|
|
|
ref="searchForm"
|
|
|
:inline="true"
|
|
|
- save-key="studentMaster"
|
|
|
class="searchForm"
|
|
|
@submit="search"
|
|
|
@reset="onReSet"
|
|
@@ -17,7 +16,7 @@
|
|
|
@keyup.enter.native="search"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="major">
|
|
|
+ <el-form-item prop="subjectId">
|
|
|
<el-select
|
|
|
v-model.trim="searchForm.subjectId"
|
|
|
clearable
|
|
@@ -33,9 +32,9 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item prop="currentGrade">
|
|
|
+ <el-form-item prop="currentGradeNum">
|
|
|
<el-select
|
|
|
- v-model.trim="searchForm.currentGrade"
|
|
|
+ v-model.trim="searchForm.currentGradeNum"
|
|
|
filterable
|
|
|
clearable
|
|
|
placeholder="请选择年级"
|
|
@@ -44,13 +43,13 @@
|
|
|
v-for="(item, index) in gradeList"
|
|
|
:key="index"
|
|
|
:label="item.label"
|
|
|
- :value="item.label"
|
|
|
+ :value="item.value"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="oweFlag">
|
|
|
+ <el-form-item prop="isBuyInstrumentsInsurance">
|
|
|
<el-select
|
|
|
- v-model.trim="searchForm.oweFlag"
|
|
|
+ v-model="searchForm.isBuyInstrumentsInsurance"
|
|
|
clearable
|
|
|
filterable
|
|
|
placeholder="是否购买月保"
|
|
@@ -62,21 +61,21 @@
|
|
|
<el-form-item>
|
|
|
<el-button native-type="submit" type="danger">搜索</el-button>
|
|
|
<el-button type="primary" native-type="reset">重置</el-button>
|
|
|
- <el-button
|
|
|
+ <!-- <el-button
|
|
|
type="primary"
|
|
|
v-permission="'export/musicGroupStudent'"
|
|
|
@click="onMusicGroupExport"
|
|
|
>导出</el-button
|
|
|
- >
|
|
|
+ > -->
|
|
|
</el-form-item>
|
|
|
- </save-form>
|
|
|
+ </el-form>
|
|
|
<el-table
|
|
|
:data="tableList"
|
|
|
:header-cell-style="{ background: '#EDEEF0', color: '#444' }"
|
|
|
>
|
|
|
<el-table-column label="学员编号" width="120px;" prop="userId">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="学员姓名" width="120px;" prop="realName">
|
|
|
+ <el-table-column label="学员姓名" width="120px;" prop="name">
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="phone" label="联系电话">
|
|
|
<template slot-scope="scope">
|
|
@@ -88,44 +87,42 @@
|
|
|
<el-table-column align="center" label="声部" prop="subjectName">
|
|
|
<template slot-scope="scope">
|
|
|
<copy-text>
|
|
|
- {{ scope.row.regSubjectName }}
|
|
|
+ {{ scope.row.subjectName }}
|
|
|
</copy-text>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="年级">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.currentGrade + scope.row.currentClass }}</div>
|
|
|
+ <div>{{getGrade(scope.row.currentGradeNum) }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="乐器品牌">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.paymentStatus | paymentStatus }}</div>
|
|
|
+ <div>{{ scope.row.goodsBrand }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="乐器型号">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.paymentStatus | paymentStatus }}</div>
|
|
|
+ <div>{{ scope.row.specification }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="购买日期">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.paymentStatus | paymentStatus }}</div>
|
|
|
+ <div>{{ scope.row.goodsBuyTime | formatTimer }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="是否购买月保">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.isActive ? "是" : "否" }}</div>
|
|
|
+ <div>{{ scope.row.insuranceStartTime ? "是" : "否" }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="月保有效期">
|
|
|
+ <el-table-column align="center" label="月保有效期" width="100px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div>{{ scope.row.hasCourse ? "是" : "否" }}</div>
|
|
|
+ <div>{{ scope.row.insuranceStartTime | formatTimer }}~{{ scope.row.insuranceEndTime | formatTimer }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<pagination
|
|
|
- save-key="studentMaster"
|
|
|
- sync
|
|
|
:total.sync="rules.total"
|
|
|
:page.sync="rules.page"
|
|
|
:limit.sync="rules.limit"
|
|
@@ -135,9 +132,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import { getStudentList } from "../api"
|
|
|
import pagination from "@/components/Pagination/index";
|
|
|
export default {
|
|
|
- props: ["searchForm", "soundList", "gradeList"],
|
|
|
+ props: ["searchForm", "soundList", "gradeList","gradeMap"],
|
|
|
components:{pagination},
|
|
|
data() {
|
|
|
return {
|
|
@@ -151,12 +149,33 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
- mounted() {},
|
|
|
+ mounted() {
|
|
|
+ this.getList()
|
|
|
+ console.log(this.searchForm)
|
|
|
+ },
|
|
|
methods: {
|
|
|
- getList(){},
|
|
|
+ async getList(){
|
|
|
+ try{
|
|
|
+ const res = await getStudentList({...this.searchForm,page:this.rules.page,rows:this.rules.limit, musicGroupId: this.$route.query.id})
|
|
|
+ // res.data.rows
|
|
|
+ this.tableList = res.data.rows
|
|
|
+ this.rules.total = res.data.total
|
|
|
+ }catch(e){
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
onMusicGroupExport() {},
|
|
|
- search() {},
|
|
|
- onReSet() {},
|
|
|
+ search() {
|
|
|
+ this.rules.page = 1;
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ onReSet() {
|
|
|
+ this.search()
|
|
|
+ },
|
|
|
+ getGrade(id){
|
|
|
+ return this.gradeMap[id]
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|