|
|
|
|
@ -10,26 +10,22 @@
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-input v-model="select.name" placeholder="请输入姓名"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div>
|
|
|
|
|
<el-input v-model="select.course_name" placeholder="请输入课程名称"></el-input>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-select clearable v-model="select.course_id" placeholder="请选择课程">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in course_options"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div>
|
|
|
|
|
<el-input v-model="select.course_name" placeholder="请输入课程名称"></el-input>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-select clearable v-model="select.course_id" placeholder="请选择课程">
|
|
|
|
|
<el-option v-for="item in course_options" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-button type="primary" size="small" @click="select.page=1,getList()">查询</el-button>
|
|
|
|
|
<el-button type="primary" size="small" @click="resetSelect">重置</el-button>
|
|
|
|
|
<el-button type="primary" size="small" @click="select.page=1,getList()">查询</el-button>
|
|
|
|
|
<el-button type="primary" size="small" @click="resetSelect">重置</el-button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -39,8 +35,26 @@
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<xy-table :list="list" @pageIndexChange="pageIndexChange" @pageSizeChange="pageSizeChange" :total="total"
|
|
|
|
|
:table-item="table_item">
|
|
|
|
|
<template v-slot:appointments_count>
|
|
|
|
|
:table-item="table_item">
|
|
|
|
|
<template v-slot:start_time>
|
|
|
|
|
<el-table-column align='center' label="开始日期" header-align="center" width="120">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-if="scope.row.start_time">
|
|
|
|
|
{{scope.row.start_time.substring(0,10)}}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:end_time>
|
|
|
|
|
<el-table-column align='center' label="结束日期" header-align="center" width="120">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-if="scope.row.end_time">
|
|
|
|
|
{{scope.row.end_time.substring(0,10)}}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- <template v-slot:appointments_count>
|
|
|
|
|
<el-table-column align='center' label="已预约次数" header-align="center" width="120">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div @click="showCounts(scope.row.name)" v-if="scope.row.appointments_count>0"
|
|
|
|
|
@ -57,16 +71,16 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:course_list>
|
|
|
|
|
<el-table-column align='left' label="课程名称" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-for="(item,index) in scope.row.courses">
|
|
|
|
|
<div>{{item.name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:course_list>
|
|
|
|
|
<el-table-column align='left' label="课程名称" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-for="(item,index) in scope.row.course_signs">
|
|
|
|
|
<div>{{item.course.name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template> -->
|
|
|
|
|
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column align='center' label="操作" fixed="right" width="80" header-align="center">
|
|
|
|
|
@ -86,64 +100,72 @@
|
|
|
|
|
import addCount from './components/addCount.vue';
|
|
|
|
|
import showCount from './components/showCount.vue';
|
|
|
|
|
import {
|
|
|
|
|
indexStudy
|
|
|
|
|
} from '@/api/student/index.js'
|
|
|
|
|
import {
|
|
|
|
|
index as courseIndex
|
|
|
|
|
index
|
|
|
|
|
} from '@/api/book/count.js'
|
|
|
|
|
import {
|
|
|
|
|
index as courseIndex
|
|
|
|
|
} from "@/api/course/index.js"
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
addCount,
|
|
|
|
|
addCount,
|
|
|
|
|
showCount
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
select: {
|
|
|
|
|
name: '',
|
|
|
|
|
course_name:'',
|
|
|
|
|
course_id:'',
|
|
|
|
|
name: '',
|
|
|
|
|
course_name: '',
|
|
|
|
|
course_id: '',
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 10,
|
|
|
|
|
},
|
|
|
|
|
course_options:[{
|
|
|
|
|
label:'进行中',
|
|
|
|
|
value:1
|
|
|
|
|
},{
|
|
|
|
|
label:'其他',
|
|
|
|
|
value:0
|
|
|
|
|
}],
|
|
|
|
|
list: [],
|
|
|
|
|
total:0,
|
|
|
|
|
table_item: [{
|
|
|
|
|
prop: 'course_list',
|
|
|
|
|
label: '课程名称',
|
|
|
|
|
align: 'left',
|
|
|
|
|
},{
|
|
|
|
|
prop: 'username',
|
|
|
|
|
label: '预约人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width:120
|
|
|
|
|
}, {
|
|
|
|
|
prop: 'appointment_total',
|
|
|
|
|
label: '可预约总数',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width:120
|
|
|
|
|
}, {
|
|
|
|
|
prop: 'appointments_count',
|
|
|
|
|
label: '已预约次数',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width:120
|
|
|
|
|
}, {
|
|
|
|
|
prop: 'appointments_can',
|
|
|
|
|
label: '预约剩余次数',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width:120
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
course_options: [],
|
|
|
|
|
list: [],
|
|
|
|
|
total: 0,
|
|
|
|
|
table_item: [{
|
|
|
|
|
prop: 'course.name',
|
|
|
|
|
label: '课程名称',
|
|
|
|
|
align: 'left',
|
|
|
|
|
}, {
|
|
|
|
|
prop: 'user.name',
|
|
|
|
|
label: '姓名',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: 120
|
|
|
|
|
}, {
|
|
|
|
|
prop: 'total',
|
|
|
|
|
label: '可预约次数',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
prop: 'start_time',
|
|
|
|
|
label: '开始日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: 120,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
prop: 'end_time',
|
|
|
|
|
label: '结束日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// prop: 'appointments_count',
|
|
|
|
|
// label: '已预约次数',
|
|
|
|
|
// align: 'center',
|
|
|
|
|
// width:120
|
|
|
|
|
// }, {
|
|
|
|
|
// prop: 'appointments_can',
|
|
|
|
|
// label: '预约剩余次数',
|
|
|
|
|
// align: 'center',
|
|
|
|
|
// width:120
|
|
|
|
|
// }
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList()
|
|
|
|
|
this.getList()
|
|
|
|
|
this.getCourseList()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
@ -155,34 +177,36 @@
|
|
|
|
|
this.select.page_size = e
|
|
|
|
|
this.select.page = 1
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
async getCourseList() {
|
|
|
|
|
const res = await courseIndex({
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 999,
|
|
|
|
|
sort_name: 'id',
|
|
|
|
|
sort_type: 'DESC',
|
|
|
|
|
})
|
|
|
|
|
this.course_options = res.data
|
|
|
|
|
},
|
|
|
|
|
resetSelect(){
|
|
|
|
|
|
|
|
|
|
this.select.name = ''
|
|
|
|
|
this.select.course_name = ''
|
|
|
|
|
this.select.course_id=''
|
|
|
|
|
this.select.page=1
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
async getCourseList() {
|
|
|
|
|
const res = await courseIndex({
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 999,
|
|
|
|
|
sort_name: 'start_date',
|
|
|
|
|
sort_type: 'DESC',
|
|
|
|
|
})
|
|
|
|
|
this.course_options = res.data
|
|
|
|
|
},
|
|
|
|
|
resetSelect() {
|
|
|
|
|
this.select.name = ''
|
|
|
|
|
this.select.course_id = ''
|
|
|
|
|
this.select.page = 1
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
async getList() {
|
|
|
|
|
const res = await indexStudy({
|
|
|
|
|
const res = await index({
|
|
|
|
|
page: this.select.page,
|
|
|
|
|
page_size: this.select.page_size,
|
|
|
|
|
page_size: this.select.page_size,
|
|
|
|
|
filter:[{
|
|
|
|
|
key:'course_id',
|
|
|
|
|
op:'eq',
|
|
|
|
|
value:this.select.course_id
|
|
|
|
|
}],
|
|
|
|
|
name: this.select.name,
|
|
|
|
|
course_name:this.select.course_name,
|
|
|
|
|
course_id: this.select.course_id
|
|
|
|
|
show_relation:['user','course']
|
|
|
|
|
})
|
|
|
|
|
this.list = res.list.data
|
|
|
|
|
this.total = res.list.total
|
|
|
|
|
this.list = res.data
|
|
|
|
|
this.total = res.total
|
|
|
|
|
},
|
|
|
|
|
editCount(row) {
|
|
|
|
|
this.$refs.addCount.setRow(row)
|
|
|
|
|
|
