|
|
|
|
@ -10,9 +10,9 @@
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-input v-model="select.name" placeholder="请输入姓名"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-input v-model="select.mobile" placeholder="请输入手机号"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-input v-model="select.mobile" placeholder="请输入手机号"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-input v-model="select.company_name" placeholder="请输入公司名称"></el-input>
|
|
|
|
|
@ -83,10 +83,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="txl">统计:本年度学员共计{{year_total}}人;累计学员{{alltotal}}人。</div>
|
|
|
|
|
<xy-table :list="list" @pageIndexChange="pageIndexChange" @pageSizeChange="pageSizeChange"
|
|
|
|
|
:total="total" :table-item="table_item">
|
|
|
|
|
<xy-table :list="list" @pageIndexChange="pageIndexChange" @pageSizeChange="pageSizeChange" :total="total"
|
|
|
|
|
:table-item="table_item">
|
|
|
|
|
|
|
|
|
|
<template v-slot:course_list>
|
|
|
|
|
<el-table-column align='left' label="课程" width="320" header-align="center">
|
|
|
|
|
@ -96,13 +96,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:mobile>
|
|
|
|
|
<el-table-column align='center' label="联系方式" width="120" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{base.maskPhoneNumber(scope.row.mobile)}}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:mobile>
|
|
|
|
|
<el-table-column align='center' label="联系方式" width="120" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{base.maskPhoneNumber(scope.row.mobile)}}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:is_schoolmate>
|
|
|
|
|
<el-table-column align='center' label="是否校友库学员" width="120" header-align="center">
|
|
|
|
|
@ -137,9 +137,9 @@
|
|
|
|
|
<script>
|
|
|
|
|
import studentDetail from './components/detail.vue';
|
|
|
|
|
import myMixins from "@/mixin/selectMixin.js";
|
|
|
|
|
import formMixin from "@/mixin/formMixin.js";
|
|
|
|
|
import {
|
|
|
|
|
download
|
|
|
|
|
import formMixin from "@/mixin/formMixin.js";
|
|
|
|
|
import {
|
|
|
|
|
download
|
|
|
|
|
} from "@/utils/downloadRequest";
|
|
|
|
|
import {
|
|
|
|
|
indexStudy
|
|
|
|
|
@ -153,8 +153,8 @@
|
|
|
|
|
return {
|
|
|
|
|
path: '',
|
|
|
|
|
select: {
|
|
|
|
|
name: '',
|
|
|
|
|
mobile:'',
|
|
|
|
|
name: '',
|
|
|
|
|
mobile: '',
|
|
|
|
|
course_name: '',
|
|
|
|
|
company_name: '',
|
|
|
|
|
company_position: '',
|
|
|
|
|
@ -162,14 +162,15 @@
|
|
|
|
|
company_type: '',
|
|
|
|
|
company_industry: '',
|
|
|
|
|
is_vip: '',
|
|
|
|
|
courses_end_date: '',
|
|
|
|
|
education:'',
|
|
|
|
|
courses_end_date: '',
|
|
|
|
|
education: '',
|
|
|
|
|
type: '',
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 10,
|
|
|
|
|
},
|
|
|
|
|
list: [],
|
|
|
|
|
year_total:0,
|
|
|
|
|
alltotal:0,
|
|
|
|
|
year_total: 0,
|
|
|
|
|
alltotal: 0,
|
|
|
|
|
total: 0,
|
|
|
|
|
table_item: [{
|
|
|
|
|
prop: 'course_list',
|
|
|
|
|
@ -245,16 +246,17 @@
|
|
|
|
|
const res = await indexStudy({
|
|
|
|
|
page: this.select.page,
|
|
|
|
|
page_size: this.select.page_size,
|
|
|
|
|
name: this.select.name,
|
|
|
|
|
mobile:this.select.mobile,
|
|
|
|
|
name: this.select.name,
|
|
|
|
|
mobile: this.select.mobile,
|
|
|
|
|
company_name: this.select.company_name,
|
|
|
|
|
company_position: this.select.company_position,
|
|
|
|
|
company_area: this.select.company_area,
|
|
|
|
|
company_type: this.select.company_type,
|
|
|
|
|
company_industry: this.select.company_industry,
|
|
|
|
|
is_vip: this.select.is_vip,
|
|
|
|
|
courses_end_date: this.select.courses_end_date,
|
|
|
|
|
education:this.select.education,
|
|
|
|
|
courses_end_date: this.select.courses_end_date,
|
|
|
|
|
education: this.select.education,
|
|
|
|
|
type: this.select.type
|
|
|
|
|
})
|
|
|
|
|
this.list = res.list.data
|
|
|
|
|
this.total = res.list.total
|
|
|
|
|
@ -272,48 +274,50 @@
|
|
|
|
|
this.$refs.studentDetail.id = id
|
|
|
|
|
this.$refs.studentDetail.type = type
|
|
|
|
|
this.$refs.studentDetail.isShow = true
|
|
|
|
|
},
|
|
|
|
|
exportExcel() {
|
|
|
|
|
let _export = {}
|
|
|
|
|
this.table_item.map(item => {
|
|
|
|
|
_export[item.prop] = item.label
|
|
|
|
|
})
|
|
|
|
|
download(
|
|
|
|
|
'/api/admin/users/study',
|
|
|
|
|
'get', {
|
|
|
|
|
export_fields: _export,
|
|
|
|
|
name: this.select.name,
|
|
|
|
|
mobile:this.select.mobile,
|
|
|
|
|
company_name: this.select.company_name,
|
|
|
|
|
company_position: this.select.company_position,
|
|
|
|
|
company_area: this.select.company_area,
|
|
|
|
|
company_type: this.select.company_type,
|
|
|
|
|
company_industry: this.select.company_industry,
|
|
|
|
|
is_vip: this.select.is_vip,
|
|
|
|
|
courses_end_date: this.select.courses_end_date,
|
|
|
|
|
education:this.select.education,
|
|
|
|
|
is_export: 1,
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 999
|
|
|
|
|
},
|
|
|
|
|
`学员信息.xlsx`)
|
|
|
|
|
},
|
|
|
|
|
exportExcel() {
|
|
|
|
|
let _export = {}
|
|
|
|
|
this.table_item.map(item => {
|
|
|
|
|
_export[item.prop] = item.label
|
|
|
|
|
})
|
|
|
|
|
download(
|
|
|
|
|
'/api/admin/users/study',
|
|
|
|
|
'get', {
|
|
|
|
|
export_fields: _export,
|
|
|
|
|
name: this.select.name,
|
|
|
|
|
mobile: this.select.mobile,
|
|
|
|
|
company_name: this.select.company_name,
|
|
|
|
|
company_position: this.select.company_position,
|
|
|
|
|
company_area: this.select.company_area,
|
|
|
|
|
company_type: this.select.company_type,
|
|
|
|
|
company_industry: this.select.company_industry,
|
|
|
|
|
is_vip: this.select.is_vip,
|
|
|
|
|
courses_end_date: this.select.courses_end_date,
|
|
|
|
|
education: this.select.education,
|
|
|
|
|
type: this.select.type,
|
|
|
|
|
is_export: 1,
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 999
|
|
|
|
|
},
|
|
|
|
|
`学员信息.xlsx`)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.txl {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.txl {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.searchwrap {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
@ -326,11 +330,12 @@
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
width: 150px;
|
|
|
|
|
&:last-child {
|
|
|
|
|
width:auto
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
width: 150px;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
width: auto
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|