<template>
|
<div class="app-container">
|
<div>
|
<el-button
|
size="medium"
|
style="margin-bottom: 10px;background-color: #0FC7F0;color: white"
|
@click="handleAdd('add',{})"
|
>录入批次</el-button>
|
<el-date-picker
|
style="margin-left: 30px;width: 300px"
|
size="small"
|
v-model="dateValue"
|
@change="changeDate"
|
type="daterange"
|
format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>
|
<el-select v-model="queryParams.institutionId" size="small" style="margin-left: 15px;" placeholder="请选择行政区划">
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.institutionalName"
|
:value="item.id">
|
</el-option>
|
</el-select>
|
<el-select v-model="queryParams.institutionId" size="small" style="margin-left: 15px;" placeholder="请选择考试点">
|
<el-option
|
v-for="item in examList"
|
: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
|
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="序号" align="center" type="index" />
|
<el-table-column label="提交时间" align="center" prop="createTime" />
|
<el-table-column label="批次名称" align="center" prop="batchName" />
|
<el-table-column label="考试点" align="center" prop="batchName" />
|
<el-table-column label="所属地州" align="center" prop="batchName" />
|
<el-table-column label="缴费类型" align="center" prop="batchName" />
|
<el-table-column label="单人（元）" align="center" prop="batchName" />
|
<el-table-column label="人数" align="center" prop="batchName" />
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180px">
|
<template #default="scope" >
|
<el-button size="mini" type="text" style="color: #1890ff" @click="handleViewStu(scope.row)">学员管理</el-button>
|
<el-button size="mini" type="text" style="color: #1890ff" @click="handleViewCourse(scope.row,'')">批量缴费</el-button>
|
<el-button size="mini" type="text" style="color:lightcoral" @click="handleViewCourse(scope.row,'')">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
<add-dialog ref="addDialogRef" @getList = "getList"></add-dialog>
|
<stu-dialog ref="stuDialogRef" @getList = "getList"></stu-dialog>
|
</div>
|
</template>
|
|
<script>
|
import { delJobRegist } from '@/api/coalMine/jobRegist'
|
import { listPlat, listPlatSelect } from '@/api/onlineEducation/plat'
|
import { listCourse } from '@/api/onlineEducation/course'
|
import addDialog from './components/addDialog.vue'
|
import stuDialog from './components/studentDialog.vue'
|
export default {
|
name: "nPeopleManage",
|
dicts: [],
|
components: { addDialog,stuDialog },
|
data() {
|
return {
|
isDark:true,
|
loading: false,
|
single: true,
|
multiple: true,
|
showSearch: true,
|
addForm: false,
|
total: 0,
|
districtList: [],
|
examList: [],
|
dateValue: [],
|
expertList: [],
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
institutionId: ''
|
},
|
};
|
},
|
created() {
|
this.getDistrict();
|
this.getList();
|
this.getExam();
|
},
|
methods: {
|
getList(){
|
this.loading = true;
|
this.expertList = [
|
{
|
id: 1,
|
|
}
|
]
|
this.total = 1
|
this.loading = false;
|
// this.loading = true;
|
// listCourse( this.queryParams).then((res) => {
|
// if (res.code == 200) {
|
// this.expertList = res.rows.map(item => {
|
// return {
|
// ...item,
|
// courseNum: item.outline ? item.outline.length : '',
|
// }
|
// })
|
// this.total = res.total
|
// this.loading = false;
|
// }
|
// })
|
},
|
openUrl(url) {
|
window.open(url,'_blank')
|
},
|
//行政区划
|
getDistrict() {
|
|
},
|
//考试点
|
getExam() {
|
|
},
|
changeDate(val){
|
console.log('val',val)
|
},
|
handleAdd(type,data) {
|
this.$refs.addDialogRef.openDialog(type, data);
|
},
|
handleViewStu(val){
|
this.$refs.stuDialogRef.openDialog(val);
|
},
|
handleQuery(){
|
this.getList();
|
},
|
resetQuery(){
|
this.queryParams = {
|
pageNum: 1,
|
pageSize: 10,
|
institutionId: ''
|
}
|
this.getList();
|
},
|
check(val){
|
this.$confirm('此操作将审核该条数据, 是否继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(async () => {
|
}).catch(() => {
|
|
});
|
}
|
}
|
};
|
</script>
|
