|
@@ -46,6 +46,7 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="" prop="examTypeId">
|
|
<el-form-item label="" prop="examTypeId">
|
|
|
<el-select
|
|
<el-select
|
|
|
|
|
+ @change="checkExamType"
|
|
|
v-model="queryParams.examTypeId"
|
|
v-model="queryParams.examTypeId"
|
|
|
placeholder="考试类型"
|
|
placeholder="考试类型"
|
|
|
style="width: 150px">
|
|
style="width: 150px">
|
|
@@ -57,7 +58,7 @@
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="levelIdClassifyTypeId">
|
|
|
|
|
|
|
+ <el-form-item label="" prop="levelIdClassifyTypeId" v-if="examTypeCode == 'CLASSIFIED'">
|
|
|
<el-cascader
|
|
<el-cascader
|
|
|
v-model="queryParams.levelIdClassifyTypeId"
|
|
v-model="queryParams.levelIdClassifyTypeId"
|
|
|
placeholder="分级分类"
|
|
placeholder="分级分类"
|
|
@@ -94,11 +95,15 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<p class="page-inquire-common-style-button" @click="handleQuery">查询</p>
|
|
<p class="page-inquire-common-style-button" @click="handleQuery">查询</p>
|
|
|
<p class="page-reset-common-style-button" @click="resetQuery">重置</p>
|
|
<p class="page-reset-common-style-button" @click="resetQuery">重置</p>
|
|
|
- <p class="page-add-common-style-button" style="float: right;" @click="exportButton()">导出</p>
|
|
|
|
|
|
|
+ <el-form-item>
|
|
|
|
|
+ <export-component :exportConfig="exportConfig" style="margin-left:10px;"></export-component>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="page-content-box">
|
|
<div class="page-content-box">
|
|
|
- <el-table class="table-box" border :data="dataList">
|
|
|
|
|
|
|
+ <el-table class="table-box" border :data="dataList"
|
|
|
|
|
+ @selection-change="handleSelectionChange" :row-key="getRowKeys">
|
|
|
|
|
+ <el-table-column type="selection" width="50" :reserve-selection="true" align="center"/>
|
|
|
<el-table-column label="姓名" prop="userName" show-overflow-tooltip/>
|
|
<el-table-column label="姓名" prop="userName" show-overflow-tooltip/>
|
|
|
<el-table-column label="学工号" prop="account" width="140" show-overflow-tooltip/>
|
|
<el-table-column label="学工号" prop="account" width="140" show-overflow-tooltip/>
|
|
|
<el-table-column label="学院" prop="deptName" width="240" show-overflow-tooltip/>
|
|
<el-table-column label="学院" prop="deptName" width="240" show-overflow-tooltip/>
|
|
@@ -149,13 +154,25 @@
|
|
|
import {
|
|
import {
|
|
|
examElExamTypeList,systemDeptCurrentDept,examElStatisticsGetAcademicYear,examElStatisticsExamGroupedChartDetail,
|
|
examElExamTypeList,systemDeptCurrentDept,examElStatisticsGetAcademicYear,examElStatisticsExamGroupedChartDetail,
|
|
|
} from "@/api/safetyEducationExaminationNew/index";
|
|
} from "@/api/safetyEducationExaminationNew/index";
|
|
|
|
|
+ import exportComponent from "@/views/safetyEducationExaminationNew/dataStatistics/components/exportComponent/exportComponent.vue";
|
|
|
export default {
|
|
export default {
|
|
|
name: 'addPage',
|
|
name: 'addPage',
|
|
|
|
|
+ components: {
|
|
|
|
|
+ exportComponent,
|
|
|
|
|
+ },
|
|
|
props: {
|
|
props: {
|
|
|
drawerPropsData: {}
|
|
drawerPropsData: {}
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ exportConfig:{
|
|
|
|
|
+ api:'/exam/elStatistics/exam/grouped/chart-detail-export', //导出接口地址
|
|
|
|
|
+ ids:'', //勾选导出,勾选的IDS
|
|
|
|
|
+ fileName:'数据报表-人员明细', //导出文件的命名
|
|
|
|
|
+ customKey:null, //自定义参数KEY(非必填)
|
|
|
|
|
+ customValue:null, //自定义参数VALUE(非必填)
|
|
|
|
|
+ screenData:{} //导出筛选数据(非必要-如有该参数组件会显示导出筛选数据按钮)
|
|
|
|
|
+ },
|
|
|
adminType:0,
|
|
adminType:0,
|
|
|
optionList:[],
|
|
optionList:[],
|
|
|
optionListA:[],
|
|
optionListA:[],
|
|
@@ -175,6 +192,7 @@
|
|
|
examResult:'',
|
|
examResult:'',
|
|
|
makeupResult:'',
|
|
makeupResult:'',
|
|
|
},
|
|
},
|
|
|
|
|
+ examTypeCode:'',
|
|
|
//列表数据
|
|
//列表数据
|
|
|
dataList:[],
|
|
dataList:[],
|
|
|
//数据数量
|
|
//数据数量
|
|
@@ -201,6 +219,13 @@
|
|
|
this.examElStatisticsGetAcademicYear();
|
|
this.examElStatisticsGetAcademicYear();
|
|
|
this.getList();
|
|
this.getList();
|
|
|
},
|
|
},
|
|
|
|
|
+ // 多选框选中数据
|
|
|
|
|
+ handleSelectionChange(selection) {
|
|
|
|
|
+ this.$set(this.exportConfig,'userIds',selection.map(item => item.userId));
|
|
|
|
|
+ },
|
|
|
|
|
+ getRowKeys(row) {
|
|
|
|
|
+ return row.userId
|
|
|
|
|
+ },
|
|
|
//查询按钮
|
|
//查询按钮
|
|
|
handleQuery(){
|
|
handleQuery(){
|
|
|
this.$set(this.queryParams,'page',1);
|
|
this.$set(this.queryParams,'page',1);
|
|
@@ -221,6 +246,7 @@
|
|
|
examResult:'',
|
|
examResult:'',
|
|
|
makeupResult:'',
|
|
makeupResult:'',
|
|
|
});
|
|
});
|
|
|
|
|
+ this.checkExamType(this.drawerPropsData.examTypeId)
|
|
|
this.getList();
|
|
this.getList();
|
|
|
},
|
|
},
|
|
|
getList(){
|
|
getList(){
|
|
@@ -246,11 +272,51 @@
|
|
|
}else{
|
|
}else{
|
|
|
obj.deptId = localStorage.getItem('deptId');
|
|
obj.deptId = localStorage.getItem('deptId');
|
|
|
}
|
|
}
|
|
|
|
|
+ this.setExportConfig();
|
|
|
examElStatisticsExamGroupedChartDetail(obj).then(response => {
|
|
examElStatisticsExamGroupedChartDetail(obj).then(response => {
|
|
|
this.$set(this,'dataList',response.data.records);
|
|
this.$set(this,'dataList',response.data.records);
|
|
|
this.$set(this,'total',response.data.total);
|
|
this.$set(this,'total',response.data.total);
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+ setExportConfig(){
|
|
|
|
|
+ this.exportConfig.screenData = {
|
|
|
|
|
+ page:this.queryParams.page,
|
|
|
|
|
+ pageSize:this.queryParams.pageSize,
|
|
|
|
|
+ academicYear:this.queryParams.academicYear,
|
|
|
|
|
+ category:this.queryParams.category,
|
|
|
|
|
+ personType:this.queryParams.personType,
|
|
|
|
|
+ examTypeId:this.queryParams.examTypeId,
|
|
|
|
|
+ account:this.queryParams.account,
|
|
|
|
|
+ examResult:this.queryParams.examResult,
|
|
|
|
|
+ makeupResult:this.queryParams.makeupResult,
|
|
|
|
|
+ };
|
|
|
|
|
+ if(this.queryParams.levelIdClassifyTypeId[0]){
|
|
|
|
|
+ this.exportConfig.screenData.levelId = this.queryParams.levelIdClassifyTypeId[0];
|
|
|
|
|
+ }
|
|
|
|
|
+ if(this.queryParams.levelIdClassifyTypeId[1]){
|
|
|
|
|
+ this.exportConfig.screenData.classifyTypeId = this.queryParams.levelIdClassifyTypeId[1];
|
|
|
|
|
+ }
|
|
|
|
|
+ if(this.adminType == 1){
|
|
|
|
|
+ this.exportConfig.screenData.deptId = this.queryParams.deptId;
|
|
|
|
|
+ }else{
|
|
|
|
|
+ this.exportConfig.screenData.deptId = localStorage.getItem('deptId');
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ //选中考试类型
|
|
|
|
|
+ checkExamType(val){
|
|
|
|
|
+ let self = this;
|
|
|
|
|
+ let num = 0;
|
|
|
|
|
+ for(let i=0;i<self.optionListB.length;i++){
|
|
|
|
|
+ if(self.optionListB[i].id == val){
|
|
|
|
|
+ num++
|
|
|
|
|
+ self.$set(self,'examTypeCode',self.optionListB[i].examTypeCode);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ if(num == 0){
|
|
|
|
|
+ self.$set(self,'examTypeCode','');
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$set(this.queryParams,'levelIdClassifyTypeId',[]);
|
|
|
|
|
+ },
|
|
|
//查询全部考试类型
|
|
//查询全部考试类型
|
|
|
examElExamTypeList(){
|
|
examElExamTypeList(){
|
|
|
examElExamTypeList({}).then(response => {
|
|
examElExamTypeList({}).then(response => {
|
|
@@ -261,6 +327,7 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
this.$set(this,'optionListB',list);
|
|
this.$set(this,'optionListB',list);
|
|
|
|
|
+ this.checkExamType(this.drawerPropsData.examTypeId)
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
//学院列表
|
|
//学院列表
|