<template>
|
<div class="app-container">
|
<div style="margin-left: -35px;margin-top: 15px">
|
<el-select v-model="queryParams.institutionId" size="small" style="margin-left: 40px;" placeholder="请选择平台">
|
<el-option
|
v-for="item in platformList"
|
:key="item.id"
|
:label="item.institutionalName"
|
:value="item.id">
|
</el-option>
|
</el-select>
|
<el-button
|
size="small"
|
type="primary"
|
style="margin-bottom: 10px;margin-left: 20px"
|
@click="handleQuery()"
|
>查询</el-button>
|
<el-button
|
plain
|
size="small"
|
type="primary"
|
style="margin-bottom: 10px"
|
@click="resetQuery()"
|
>重置</el-button>
|
</div>
|
<el-table v-loading="loading" :data="expertList" style="margin-top: 10px">
|
<el-table-column label="UUID" align="center" prop="uuid" />
|
<el-table-column label="批次名称" align="center" prop="batchName" />
|
<el-table-column label="推送平台" align="center" prop="institutionName" />
|
<el-table-column label="上报时间" align="center" prop="createTime" />
|
<el-table-column label="所属培训机构" align="center" prop="trainOrgName" />
|
<el-table-column label="课程" align="center" >
|
<template #default="scope">
|
<div v-for="(item,index) in scope.row.courseVOList" :key="index" style="color: #1890ff;cursor: pointer">
|
<span @click="handleViewCourse(item)">{{item.courseName}}</span>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column label="学员人数" align="center" prop="student" >
|
<template #default="scope">
|
<span style="color: #1890ff;cursor: pointer" @click="openStudent(scope.row)">{{scope.row.studentCount}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="是否有考试" align="center" prop="haveExam" >
|
<template #default="scope">
|
<span>{{scope.row.haveExam == 0 ? '否' : '是'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="已开班" align="center" prop="openStatus" >
|
<template #default="scope">
|
<span>{{scope.row.openStatus == 0 ? '否' : '是'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="数据更新时间" align="center" prop="updateTime" width="100" />
|
<el-table-column label="删除标记" align="center" prop="delFlag" >
|
<template #default="scope">
|
<span>{{scope.row.delFlag == 0 ? '未删除' : '已删除'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="学时监管" align="center" class-name="small-padding fixed-width">
|
<template #default="scope">
|
<el-button
|
size="mini"
|
type="text"
|
style="color: #1890ff"
|
@click="openClassHour(scope.row)"
|
>查看学时清单</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="queryParams.pageIndex"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
<course-dialog ref="courseDialogRef" @getList = "getList"></course-dialog>
|
<studentList ref="studentDialog" @getList = "getList"></studentList>
|
<class-hour ref="classRef" @getList = "getList"></class-hour>
|
</div>
|
</template>
|
|
<script>
|
|
import studentList from '@/views/onlineEducation/count/components/studentList.vue'
|
import courseDialog from '@/views/onlineEducation/courseSupervision/components/courseDialog.vue'
|
import classHour from '@/views/onlineEducation/classBatch/components/classHour.vue'
|
import { listBatch, listQuestion } from '@/api/onlineEducation/student'
|
import { listPlatSelect } from '@/api/onlineEducation/plat'
|
export default {
|
name: "nPeopleManage",
|
dicts: [],
|
components: { courseDialog,studentList,classHour},
|
data() {
|
return {
|
loading: false,
|
single: true,
|
multiple: true,
|
showSearch: true,
|
addForm: false,
|
total: 0,
|
platformList: [],
|
expertList: [],
|
queryParams: {
|
pageIndex: 1,
|
pageSize: 10,
|
institutionId: ''
|
},
|
};
|
},
|
created() {
|
this.getList();
|
this.getPlat();
|
},
|
methods: {
|
getList(){
|
this.loading = true;
|
listBatch( this.queryParams).then((res) => {
|
if (res.code == 200) {
|
this.expertList = res.rows
|
this.total = res.total
|
this.loading = false;
|
}
|
})
|
},
|
getPlat() {
|
listPlatSelect().then((res) => {
|
if (res.code == 200) {
|
this.platformList = res.data
|
}
|
})
|
},
|
handleChange(){
|
|
},
|
handleQuery(){
|
this.getList();
|
|
},
|
resetQuery(){
|
this.queryParams = {
|
pageIndex: 1,
|
pageSize: 10,
|
platform: ''
|
}
|
this.getList();
|
},
|
handleViewCourse(data){
|
this.$refs.courseDialogRef.openDialog(data,'batch');
|
},
|
openStudent(data) {
|
this.$refs.studentDialog.openDialog(data,'batch');
|
},
|
openClassHour(data){
|
this.$refs.classRef.openDialog(data)
|
|
}
|
}
|
};
|
</script>
|
