|  | @@ -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,32 @@ export default {
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  | -  mounted() {},
 | 
	
		
			
				|  |  | +  mounted() {
 | 
	
		
			
				|  |  | +    this.getList()
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  |    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>
 |