| | |
| | | <div style="padding: 10px" ref="pageContent"> |
| | | <el-form :model="queryParam" ref="queryForm" :inline="true" style="display: flex"> |
| | | <el-form-item label="试卷:"> |
| | | <el-select v-model="queryParam.id" filterable placeholder="试卷"> |
| | | <el-option v-for="item in examPaperList" :key="item.id" :value="item.id" :label="item.name" |
| | | @change="getType(item.paperType)" /> |
| | | <el-select v-model="queryParam.id" filterable placeholder="试卷" @change="getType"> |
| | | <el-option v-for="item,index in examPaperList" :key="index" :value="item.id" :label="item.name" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">查询</el-button> |
| | | <el-button type="danger" @click="handleExport" class="link-left">导出</el-button> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | chartLoading: false, |
| | | queryParam: { |
| | | id: '', |
| | | type: 1 |
| | | type: 1, |
| | | name: '分数统计' |
| | | }, |
| | | admin: true |
| | | }; |
| | |
| | | this.examPaperList = res.response; |
| | | this.queryParam.id = this.examPaperList[0].id; |
| | | this.queryParam.type = this.examPaperList[0].paperType; |
| | | this.queryParam.name = this.examPaperList[0].name; |
| | | this.getChartData(); |
| | | this.observe(); |
| | | }); |
| | | }, |
| | | methods: { |
| | | getType(type) { |
| | | this.queryParam.type = type; |
| | | handleExport(){ |
| | | let that = this |
| | | let url ='/api/admin/examPaperAnswer/export?id=' +this.queryParam.id + '&type=' + this.queryParam.type |
| | | var x = new XMLHttpRequest(); |
| | | x.open("GET", url, true); |
| | | x.responseType = "blob"; |
| | | x.onload = function () { |
| | | var url = window.URL.createObjectURL(x.response); |
| | | var a = document.createElement("a"); |
| | | a.href = url; |
| | | a.download = that.queryParam.name; |
| | | a.click(); |
| | | }; |
| | | x.send(); |
| | | }, |
| | | getType(val) { |
| | | const selectedItem = this.examPaperList.find(item => item.id === val); |
| | | this.queryParam.type = selectedItem.paperType; |
| | | this.queryParam.name = selectedItem.name; |
| | | this.getChartData(); |
| | | }, |
| | | getChartData() { |