From 14d71170912935b50f4e4e3f605c5305f2757fc3 Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期六, 28 六月 2025 17:01:58 +0800
Subject: [PATCH] feat: 完成附件下载
---
src/plugins/download.js | 112 ++++++++++++++++++++++++++++++++++---------------------
1 files changed, 69 insertions(+), 43 deletions(-)
diff --git a/src/plugins/download.js b/src/plugins/download.js
index 69448cf..2705310 100644
--- a/src/plugins/download.js
+++ b/src/plugins/download.js
@@ -1,65 +1,91 @@
-import axios from 'axios'
-import { ElMessage } from 'element-plus'
-import { saveAs } from 'file-saver'
-import { getToken } from '@/utils/auth'
-import { blobValidate } from '@/utils/ruoyi'
+锘縤mport axios from "axios";
+import { ElLoading, ElMessage } from "element-plus";
+import { saveAs } from "file-saver";
+import { getToken } from "@/utils/auth";
+import errorCode from "@/utils/errorCode";
+import { blobValidate } from "@/utils/ruoyi";
-const baseURL = import.meta.env.VITE_APP_BASE_API
+const baseURL = import.meta.env.VITE_APP_BASE_API;
+let downloadLoadingInstance;
export default {
name(name, isDelete = true) {
- var url = baseURL + "/common/download?fileName=" + encodeURI(name) + "&delete=" + isDelete
+ var url =
+ baseURL +
+ "/common/download?fileName=" +
+ encodeURIComponent(name) +
+ "&delete=" +
+ isDelete;
axios({
- method: 'get',
+ method: "get",
url: url,
- responseType: 'blob',
- headers: { 'Authorization': 'Bearer ' + getToken() }
- }).then(async (res) => {
- const isLogin = await this.blobValidate(res.data);
- if (isLogin) {
- const blob = new Blob([res.data])
- this.saveAs(blob, decodeURI(res.headers['download-filename']))
+ responseType: "blob",
+ headers: { Authorization: "Bearer " + getToken() },
+ }).then((res) => {
+ const isBlob = blobValidate(res.data);
+ if (isBlob) {
+ const blob = new Blob([res.data]);
+ this.saveAs(blob, decodeURIComponent(res.headers["download-filename"]));
} else {
- ElMessage.error('鏃犳晥鐨勪細璇濓紝鎴栬�呬細璇濆凡杩囨湡锛岃閲嶆柊鐧诲綍銆�');
+ this.printErrMsg(res.data);
}
- })
+ });
},
resource(resource) {
- var url = baseURL + "/common/download/resource?resource=" + encodeURI(resource);
+ var url =
+ baseURL +
+ "/common/download/resource?resource=" +
+ encodeURIComponent(resource);
axios({
- method: 'get',
+ method: "get",
url: url,
- responseType: 'blob',
- headers: { 'Authorization': 'Bearer ' + getToken() }
- }).then(async (res) => {
- const isLogin = await this.blobValidate(res.data);
- if (isLogin) {
- const blob = new Blob([res.data])
- this.saveAs(blob, decodeURI(res.headers['download-filename']))
+ responseType: "blob",
+ headers: { Authorization: "Bearer " + getToken() },
+ }).then((res) => {
+ const isBlob = blobValidate(res.data);
+ if (isBlob) {
+ const blob = new Blob([res.data]);
+ this.saveAs(blob, decodeURIComponent(res.headers["download-filename"]));
} else {
- ElMessage.error('鏃犳晥鐨勪細璇濓紝鎴栬�呬細璇濆凡杩囨湡锛岃閲嶆柊鐧诲綍銆�');
+ this.printErrMsg(res.data);
}
- })
+ });
},
zip(url, name) {
- var url = baseURL + url
+ var url = baseURL + url;
+ downloadLoadingInstance = ElLoading.service({
+ text: "姝ｅ湪涓嬭浇鏁版嵁锛岃绋嶅��",
+ background: "rgba(0, 0, 0, 0.7)",
+ });
axios({
- method: 'get',
+ method: "get",
url: url,
- responseType: 'blob',
- headers: { 'Authorization': 'Bearer ' + getToken() }
- }).then(async (res) => {
- const isLogin = await blobValidate(res.data);
- if (isLogin) {
- const blob = new Blob([res.data], { type: 'application/zip' })
- this.saveAs(blob, name)
- } else {
- ElMessage.error('鏃犳晥鐨勪細璇濓紝鎴栬�呬細璇濆凡杩囨湡锛岃閲嶆柊鐧诲綍銆�');
- }
+ responseType: "blob",
+ headers: { Authorization: "Bearer " + getToken() },
})
+ .then((res) => {
+ const isBlob = blobValidate(res.data);
+ if (isBlob) {
+ const blob = new Blob([res.data], { type: "application/zip" });
+ this.saveAs(blob, name);
+ } else {
+ this.printErrMsg(res.data);
+ }
+ downloadLoadingInstance.close();
+ })
+ .catch((r) => {
+ console.error(r);
+ ElMessage.error("涓嬭浇鏂囦欢鍑虹幇閿欒锛岃鑱旂郴绠＄悊鍛橈紒");
+ downloadLoadingInstance.close();
+ });
},
saveAs(text, name, opts) {
saveAs(text, name, opts);
- }
-}
-
+ },
+ async printErrMsg(data) {
+ const resText = await data.text();
+ const rspObj = JSON.parse(resText);
+ const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode["default"];
+ ElMessage.error(errMsg);
+ },
+};
--
Gitblit v1.9.3