From 572135d41eb6d26aecce24bf7c2d0adb6bc7d0e4 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期一, 15 七月 2024 14:21:49 +0800
Subject: [PATCH] feat：统计图片下载
---
src/views/exam/paper/list.vue | 9 ++++++---
src/views/answer/dataStatistics.vue | 21 ++++++++++++---------
2 files changed, 18 insertions(+), 12 deletions(-)
diff --git a/src/views/answer/dataStatistics.vue b/src/views/answer/dataStatistics.vue
index 80f043e..7a077f7 100644
--- a/src/views/answer/dataStatistics.vue
+++ b/src/views/answer/dataStatistics.vue
@@ -157,15 +157,18 @@
});
},
methods: {
- downloadUrlFile(url, fileName) {
- // 鑾峰彇base64鍥剧墖
- const chartImgUrl = this.myChart.getDataURL({
- pixelRatio: 2,
- backgroundColor: '#fff'
- })
- console.log(chartImgUrl)
- // 涓嬭浇base64鍥剧墖
- this.downloadUrlFile(chartImgUrl, 'ECharts 2鍊嶅浘')
+ downloadUrlFile() {
+ var fileName = this.queryParam.name + '.png';
+ var canvasElement = document.getElementsByTagName('canvas')[0];
+ var MIME_TYPE = "image/png";
+ var imgURL = canvasElement.toDataURL(MIME_TYPE);
+ var dlLink = document.createElement('a');
+ dlLink.download = fileName;
+ dlLink.href = imgURL;
+ dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');
+ document.body.appendChild(dlLink);
+ dlLink.click();
+ document.body.removeChild(dlLink);
},
handleExport(){
let that = this
diff --git a/src/views/exam/paper/list.vue b/src/views/exam/paper/list.vue
index 5867102..e1b8f7e 100644
--- a/src/views/exam/paper/list.vue
+++ b/src/views/exam/paper/list.vue
@@ -2,6 +2,9 @@
<div class="app-container">
<el-form :model="queryParam" ref="queryForm" :inline="true">
+ <el-form-item label="鍚嶇О锛�">
+ <el-input v-model="queryParam.name" placeholder="鍚嶇О" clearable />
+ </el-form-item>
<el-form-item label="閮ㄩ棬锛�">
<!-- <el-select v-model="queryParam.level" clearable placeholder="閮ㄩ棬">
<el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
@@ -52,7 +55,7 @@
<!-- 鏀规垚涓嬫媺 -->
<el-select v-model="form.menuIds" multiple clearable placeholder="璇烽�夋嫨" collapse-tags @change="changeSelect">
<div class="checkboxWrapper">
- <el-checkbox v-model="checked" @change.native="checkChange">
+ <el-checkbox v-model="checked" @change="checkChange">
鍏ㄩ��
</el-checkbox>
</div>
@@ -167,10 +170,10 @@
}
})
},
- checkChange() {
+ checkChange(e) {
let resValues = this.options.map(item => item.id);
// 濡傛灉checkbox涓篺alse锛屽垯涓哄弽閫夛紝閫夋嫨鏁扮粍涓虹┖
- if (!this.checked) {
+ if (!e) {
this.form.menuIds = [];
} else {
// 濡傛灉checkbox涓簍rue锛屽垯涓哄叏閫夛紝閫夋嫨鏁扮粍娣诲姞鎵�鏈夋暟鎹�
--
Gitblit v1.8.0