feat：统计图片下载

龚焕茏

2024-07-15 572135d41eb6d26aecce24bf7c2d0adb6bc7d0e4

feat：统计图片下载

 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

 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为false，则为反选，选择数组为空
      if (!this.checked) {
      if (!e) {
        this.form.menuIds = [];
      } else {
          // 如果checkbox为true，则为全选，选择数组添加所有数据