注意:新增filesaver,需要更新依赖;修复批量下载问题

This commit is contained in:
hr1201 2024-11-26 10:52:48 +08:00
parent 098ddef534
commit 8fdb1078ae
3 changed files with 22 additions and 18 deletions
package.json
src
api/attachment
views/attachment

View File

@ -20,6 +20,7 @@
"echarts-gl": "^2.0.9",
"echarts-wordcloud": "^2.1.0",
"element-plus": "^2.6.1",
"file-saver": "^2.0.5",
"js-cookie": "^3.0.5",
"js-table2excel": "^1.1.2",
"jsplumb": "^2.15.6",
@ -40,6 +41,7 @@
"vue-router": "^4.3.0"
},
"devDependencies": {
"@types/file-saver": "^2.0.7",
"@types/node": "^20.11.28",
"@types/nprogress": "^0.2.3",
"@types/sortablejs": "^1.15.8",

View File

@ -26,11 +26,11 @@ export function attachmentApi() {
method: 'get',
});
},
downloadFiles: (ids: object) => {
downloadFiles: (ids: String) => {
return request({
url: baseUrlHost + '/enAttachment/uploadByType',
url: baseUrlHost + `/enAttachment/downloadFiles/${ids}`,
method: 'get',
ids,
responseType: 'blob',
})
}
};

View File

@ -35,8 +35,13 @@
批量下载
</el-button>
</div>
<el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%" @selection-change="handleSelectionChange"
ref="tableRef">
<el-table
:data="state.tableData.data"
v-loading="state.tableData.loading"
style="width: 100%"
@selection-change="handleSelectionChange"
ref="tableRef"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="name" label="附件名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="moduleName" label="模块" show-overflow-tooltip></el-table-column>
@ -72,6 +77,7 @@ import { articleApi } from '/@/api/article';
import { attachmentApi } from '/@/api/attachment';
import { ElMessage, TableColumnCtx } from 'element-plus';
import { useRouter } from 'vue-router';
import FileSaver from 'file-saver';
const router = useRouter();
@ -94,15 +100,15 @@ const state = reactive({
//
interface Module {
id: number;
moduleName: string;
id: number;
moduleName: string;
}
const moduleList = ref<Module[]>([]);
//
interface Label {
name: string;
name: string;
}
const labelList = ref<Label[]>([]);
@ -135,21 +141,17 @@ const handleSelectionChange = (selection: any[]) => {
};
//
const downloadSelected = () => {
const downloadSelected = async () => {
if (!state.selectedRows.length) {
ElMessage.warning('请先选择附件!');
return;
}
state.selectedRows.forEach((file) => {
// API
// 使 Blob URL API
console.log(`下载文件: ${file.id}`);
});
// ids
const ids = state.selectedRows.map((item) => item.id);
console.log(ids);
atcmApi.downloadFiles(ids);
const ids = state.selectedRows.map((item) => item.id).join(',');
let res = await atcmApi.downloadFiles(ids);
const blob = new Blob([res], { type: 'application/zip' });
FileSaver.saveAs(blob, "attachment.zip");
};
const getModuleList = async () => {