v3.8.0 新增通用方法简化下载使用

yudao-ui-admin/src/plugins/download.js

@@ -0,0 +1,47 @@
+import { saveAs } from 'file-saver'
+import axios from 'axios'
+import { getToken } from '@/utils/auth'
+
+const baseURL = process.env.VUE_APP_BASE_API
+
+export default {
+  // 下载 Excel 方法
+  excel(data, fileName) {
+    this.download0(data, fileName, 'application/vnd.ms-excel');
+  },
+
+  // 下载 Word 方法
+  word(data, fileName) {
+    this.download0(data, fileName, 'application/msword');
+  },
+
+  // 下载 Zip 方法
+  zip(data, fileName) {
+    this.download0(data, fileName, 'application/zip');
+  },
+
+  // 下载 Html 方法
+  html(data, fileName) {
+    this.download0(data, fileName, 'text/html');
+  },
+
+  // 下载 Markdown 方法
+  markdown(data, fileName) {
+    this.download0(data, fileName, 'text/markdown');
+  },
+
+  download0(data, fileName, mineType) {
+    // 创建 blob
+    let blob = new Blob([data], {type: mineType});
+    // 创建 href 超链接，点击进行下载
+    window.URL = window.URL || window.webkitURL;
+    let href = URL.createObjectURL(blob);
+    let downA = document.createElement("a");
+    downA.href = href;
+    downA.download = fileName;
+    downA.click();
+    // 销毁超连接
+    window.URL.revokeObjectURL(href);
+  }
+
+}

yudao-ui-admin/src/plugins/index.js

@@ -1,5 +1,6 @@
 import cache from './cache'
 import modal from './modal'
+import download from './download'
 
 export default {
   install(Vue) {
@@ -7,5 +8,7 @@ export default {
     Vue.prototype.$cache = cache
     // 模态框对象
     Vue.prototype.$modal = modal
+    // 下载文件
+    Vue.prototype.$download = download
   }
 }