<!-- 導(dǎo)出提示框 -->
    <Modal
      title="導(dǎo)出"
      :show.sync="exportVisible"
      :showfooter="false"
      @close="closeExportFiles"
    >
      <exportFiles
        ref="exportFilesDom"
        :model="exportForm"
        export-url="導(dǎo)出鏈接"
      />
    </Modal>

// 文件下載導(dǎo)出
http.exportExcel = (url,data,config) => {
  return instance.post(url,data,config).then(res => {
        return res
  })
}

async reportExport(type){
        // console.log(this.multipleSelection)
        this.type = type
        if(type === 2 ){
          if(this.multipleSelection.length<=0){
            return this.$message.error('請(qǐng)先選擇要導(dǎo)出的數(shù)據(jù)')
          }
        }
        let ids = []
        for(let obj of this.multipleSelection){
            ids.push(obj.id)
        }
        let form1 = {
              type:type,
              ids:ids,
              date:this.dayTime,          
              }
        let infoMessage =  this.$message.info('請(qǐng)稍后正在導(dǎo)出中') // 這個(gè)是拿到element中this.$message的實(shí)力對(duì)象，后面調(diào)用close關(guān)閉
       try {
       // responseType:'blob' 重點(diǎn)，設(shè)置將后端傳回的數(shù)據(jù)進(jìn)行blob轉(zhuǎn)化，不然亂碼
          const data = await this.$http.exportExcel('請(qǐng)求的url',form1,{responseType:'blob'})
          this.download(data) // 導(dǎo)出excel，這個(gè)方法下面會(huì)有解釋
          infoMessage.close() // 關(guān)閉上方的提示信息，不然兩個(gè)提示信息會(huì)同時(shí)出現(xiàn)
          this.$message.success('導(dǎo)出成功')
      } catch (error) {
        console.log(error)
      } 
    },

// 下載文件
    download (data) {
        if (!data) {
            return
        }
        window.URL = window.URL || window.webkitURL // 兼容性
        // 創(chuàng)建一個(gè) URL 這個(gè) URL 的生命周期和創(chuàng)建它的窗口中的 document 綁定。這個(gè)新的URL 對(duì)象表示指定的 File 對(duì)象或 Blob 對(duì)象。
        let url = window.URL.createObjectURL(new Blob([data])) 
        let link = document.createElement('a') // 創(chuàng)建一個(gè)a元素
        link.style.display = 'none' // 讓a元素在頁面中隱藏
        link.href = url // 綁定 a 元素的 href 為當(dāng)前的url
        let exportName = this.type == 1 ? this.dayTime : this.belongMonth
        link.setAttribute('download', `${exportName}.xlsx`) // 設(shè)置 a 元素 download屬性，屬性名為后面的值 
        document.body.appendChild(link) // 添加到頁面中
        link.click() // 點(diǎn)擊a元素 下載excel文件
        window.URL.revokeObjectURL(url) //卸載url，釋放內(nèi)存
    },