1.导出为zip或excel表格，以下以导出excel表格为例

image.png
image.png
image.png

  1. /**service.httpDownload
  2.    *请求处理
  3.    */
  4. httpDownload (options, type) {
  5.     type = type || 'post';
  6.     let params = options.data;
  7.     if(options && options.data) {
  8.       // 将传递的参数进行去空格的处理
  9.       if (typeof params == 'object') { // 判断params是否为对象类型
  10.         for (let key in params) {
  11.           if (typeof params[key] == 'string') { // 判断属性值是否是string类型
  12.             params[key] = params[key].trim();
  13.           }
  14.         }
  15.       }
  16.     }
  17.     return new Promise(function (resolve, reject) {
  18.       Axios(
  19.         {
  20.           headers: {
  21.             token: getToken() || ''
  22.           },
  23.           method: type,
  24.           url:options.url,
  25.           data: params,
  26.           responseType: 'blob' // 表明返回服务器返回的数据类型
  27.         }).then(res => {
  28.         resolve(res)
  29.       }).catch(error => {
  30.         reject(error);
  31.       })
  32.     })
  33.   },
  37. /**this.$api.uniformDirectMake.downLoadWords
  38.    *接口api
  39.    */
  40. // 下载应急文字(excel导出)
  41.     downLoadWords: (params) => {
  42.         const options = {
  43.             url: HttpPrefix.COMMAND + '/command/ecmdCommand/exportCommand',
  44.             data: params,
  45.             message: 'Y'
  46.         }
  47.         return service.httpDownload(options, 'post').then(resp => {
  48.           return resp;
  49.         });
  50.     },
  55. /**utils.downloadFile
  56.    * 将二进制流用a标签的方式下载文件
  57.    * data: 要下载的文件流
  58.    * fileName: 下载时保存的文件名称+文件类型
  59.    */
  60.   downloadFile (data, fileName) {
  61.     if (!data || !fileName) {
  62.       Message.error('下载的文件流或保存的文件名称为空，请修改！');
  63.       return;
  64.     }
  65.     // let blob = new Blob([data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;'});
  66.     if(window.navigator.msSaveBlob){ //兼容IE
  67.       let blob = new Blob([data], {type: "application/vnd.ms-excel"});
  68.       window.navigator.msSaveBlob(blob,fileName)
  69.     }else{
  70.       const url = window.URL.createObjectURL(new Blob([data]));
  71.       const link = document.createElement('a');
  72.       link.style.display = 'none';
  73.       link.href = url;
  74.       link.setAttribute('download',fileName);
  75.       document.body.appendChild(link);
  76.       link.click();
  77.     }
  78.   },
  83. // 下载应急文字(excel导出)
  84.             downLoadWords(row){
  85.                 let params = {
  86.                     examPlanId: this.formData.examPlanId,
  87.                 }
  88.                 this.downloadingworlds = true;
  89.                 this.$api.uniformDirectMake.downLoadWords(params).then(res =>{
  90.                     if(res.status=='300'){
  91.                         let _this = this;
  92.                         let reader = new FileReader();
  93.                         reader.onload = function(event) {     // reader.onload:文件读取成功完成时触发
  94.                             let content = reader.result;   
  95.                             try {
  96.                                 let contentObj = JSON.parse(content);
  97.                                 if (contentObj != null && contentObj.error != null) {
  98.                                     _this.$message.error(contentObj.error);  
  99.                                 } else {
  100.                                     throw new Error('导出失败');
  101.                                 }
  102.                                 } catch(e) {
  103.                                     _this.$message.error('导出失败', e);
  104.                                 } finally {
  105.                                     _this.downloadingworlds = false;
  106.                             }
  107.                         }
  108.                         reader.readAsText(res.data);
  109.                     }else {
  110.                         utils.downloadFile(res,'指令应急文字导出.xlsx'); 
  111.                         this.downloadingworlds = false;
  112.                     }
  113.                 }).catch(errot =>{
  114.                     this.downloadingworlds = false;
  115.                       this.$message.error('导出失败',error);
  116.                 })
  117.             },

2.下载文件

image.png