parent
3e6289ab4d
commit
eb3ad532b9
@ -0,0 +1,118 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" style="padding-bottom: 30px">
|
||||||
|
<el-form-item label="选择会员" prop="studentId">
|
||||||
|
<student-select v-model="queryParams.studentId"/>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="卡项类型" prop="cardTypeId">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.cardTypeId"
|
||||||
|
placeholder="状态"
|
||||||
|
clearable
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="dict in this.cardTypeOptions"
|
||||||
|
:key="dict.cardTypeId"
|
||||||
|
:label="dict.cardName"
|
||||||
|
:value="dict.cardTypeId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="状态" prop="status">
|
||||||
|
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.status"
|
||||||
|
placeholder="状态"
|
||||||
|
clearable
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="dict in this.statusOptions"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="到期日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="queryParams.expiryDate"
|
||||||
|
style="width: 240px"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="-"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item style="float: right">
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<student-course-table ref="studentCourseTable" :query-params="queryParams"/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
select as cardTypeSelect
|
||||||
|
} from '@/api/school/sc/memberCardType'
|
||||||
|
import studentCourseTable from '@/views/school/student/components/studentMemberCard.vue'
|
||||||
|
import studentSelect from '@/components/sc/student/studentSelect'
|
||||||
|
import {getStudent} from "@/api/school/sc/student";
|
||||||
|
export default {
|
||||||
|
name: 'studentMemberCard',
|
||||||
|
|
||||||
|
components: {
|
||||||
|
studentCourseTable,
|
||||||
|
studentSelect
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
queryParams:{
|
||||||
|
studentId:undefined,
|
||||||
|
expiryDate:undefined,
|
||||||
|
status:undefined,
|
||||||
|
cardTypeId:undefined,
|
||||||
|
},
|
||||||
|
cardTypeOptions:[],
|
||||||
|
statusOptions: [{
|
||||||
|
value: 'ACTIVE',
|
||||||
|
label: '激活'
|
||||||
|
}, {
|
||||||
|
value: 'INACTIVE',
|
||||||
|
label: '未激活'
|
||||||
|
}, {
|
||||||
|
value: 'EXPIRED',
|
||||||
|
label: '已过期'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'SUSPENDED',
|
||||||
|
label: '已暂停'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getMemberCardTypes()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getMemberCardTypes(){
|
||||||
|
cardTypeSelect({}).then(response => {
|
||||||
|
this.cardTypeOptions = response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 选择会员变更
|
||||||
|
handleQuery() {
|
||||||
|
|
||||||
|
this.$refs.studentCourseTable.loadData(this.queryParams.studentId)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Loading…
Reference in new issue