|
@@ -1,4 +1,4 @@
|
|
|
-<template>
|
|
|
+<template xmlns="http://www.w3.org/1999/html">
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="20">
|
|
|
<!--文件夹数据-->
|
|
@@ -25,8 +25,9 @@
|
|
|
highlight-current
|
|
|
@node-click="handleNodeClick"
|
|
|
>
|
|
|
- <template #default="{ node, data }">
|
|
|
- <span class="custom-tree-node" style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
|
|
|
+ <template #default="{data }">
|
|
|
+ <span class="custom-tree-node"
|
|
|
+ style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
|
|
|
<span style="display: flex; align-items: center;">
|
|
|
<!-- 文件夹图标 -->
|
|
|
<svg x="1750230337349" class="icon" viewBox="0 0 1024 1024"
|
|
@@ -43,12 +44,12 @@
|
|
|
</svg>
|
|
|
|
|
|
<!-- 文件夹名称 -->
|
|
|
- <span style="margin-left: 6px;">{{ data.label}}</span>
|
|
|
+ <span style="margin-left: 6px;">{{ data.label }}</span>
|
|
|
</span>
|
|
|
|
|
|
- <!-- 文件操作 -->
|
|
|
+ <!-- 文件操作 -->
|
|
|
<span class="tree-node-actions" @click.stop="">
|
|
|
- <el-dropdown placement="bottom-end" trigger="click" @visible-change="(visible) => { if (visible) getLevel(data.id); }"
|
|
|
+ <el-dropdown placement="bottom-end" trigger="click" @visible-change="(visible) => { if (visible) getLevel(data.id); }"
|
|
|
>
|
|
|
<el-button size="small" type="text" icon="el-icon-setting" style="margin-left: auto;"></el-button>
|
|
|
<template #dropdown>
|
|
@@ -64,6 +65,7 @@
|
|
|
新增
|
|
|
</el-button>
|
|
|
|
|
|
+
|
|
|
<!-- 修改按钮始终显示 -->
|
|
|
<el-button
|
|
|
size="mini"
|
|
@@ -84,6 +86,7 @@
|
|
|
删除
|
|
|
</el-button>
|
|
|
</el-dropdown-menu>
|
|
|
+
|
|
|
</template>
|
|
|
</el-dropdown>
|
|
|
</span>
|
|
@@ -146,7 +149,6 @@
|
|
|
icon="el-icon-upload2"
|
|
|
size="mini"
|
|
|
@click="handleImport"
|
|
|
- v-hasPermi="['system:file:import']"
|
|
|
>上传文件
|
|
|
</el-button>
|
|
|
</el-col>
|
|
@@ -157,46 +159,33 @@
|
|
|
icon="el-icon-download"
|
|
|
size="mini"
|
|
|
@click="handleExport"
|
|
|
- v-hasPermi="['system:file:export']"
|
|
|
>导出文件
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
+ type="warning"
|
|
|
plain
|
|
|
icon="el-icon-delete"
|
|
|
size="mini"
|
|
|
@click="handleDelete"
|
|
|
- v-hasPermi="['system:file:remove']"
|
|
|
>删除文件
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- plain
|
|
|
- icon="el-icon-download"
|
|
|
- size="mini"
|
|
|
- @click="importTemplate"
|
|
|
- >下载模板
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- <!-- 超级用户上传模板按钮 -->
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- plain
|
|
|
- icon="el-icon-upload2"
|
|
|
- size="mini"
|
|
|
- @click="handleUploadTemplate"
|
|
|
- >上传模板
|
|
|
- </el-button>
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ icon="el-icon-upload2"
|
|
|
+ size="mini"
|
|
|
+ @click="handleTemplateDownload"
|
|
|
+ >下载模板
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
-<!-- 文件列表 --->
|
|
|
+ <!-- 文件列表 --->
|
|
|
<el-table v-loading="loading" :data="fileList" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="50" align="center"/>
|
|
|
<el-table-column label="文件编号" type="index" width="50" :index="indexMethod" align="center" key="filelId"
|
|
@@ -211,17 +200,17 @@
|
|
|
width="120"/>
|
|
|
<el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
|
|
|
<template #default="{ row }">
|
|
|
- <el-switch
|
|
|
- v-model="row.status"
|
|
|
- :active-value="'0'"
|
|
|
- :inactive-value="'1'"
|
|
|
- @change="handleStatusChange(row)"
|
|
|
- active-text="正常"
|
|
|
- inactive-text="停用"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949"
|
|
|
- />
|
|
|
-</template>
|
|
|
+ <el-switch
|
|
|
+ v-model="row.status"
|
|
|
+ :active-value="'0'"
|
|
|
+ :inactive-value="'1'"
|
|
|
+ @change="handleStatusChange(row)"
|
|
|
+ active-text="正常"
|
|
|
+ inactive-text="停用"
|
|
|
+ active-color="#13ce66"
|
|
|
+ inactive-color="#ff4949"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
|
|
|
<template v-slot="scope">
|
|
@@ -240,7 +229,6 @@
|
|
|
type="text"
|
|
|
icon="el-icon-download"
|
|
|
@click="handleDownload(scope.row)"
|
|
|
- v-hasPermi="['system:file:remove']"
|
|
|
>下载
|
|
|
</el-button>
|
|
|
</template>
|
|
@@ -256,70 +244,33 @@
|
|
|
/>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-
|
|
|
- <!-- 添加或修改文件配置对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="文件名称" prop="fileName">
|
|
|
- <el-input v-model="form.fileName" placeholder="请输入文件名称" maxlength="30"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="创建者" prop="createBy">
|
|
|
- <el-input v-model="form.createBy" placeholder="请输入创建者" maxlength="20"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="归属文件夹" prop="folderId">
|
|
|
- <treeselect v-model="form.folderId" :options="fileOptions" :show-count="true"
|
|
|
- placeholder="请选择归属文件夹"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="文件类型" prop="fileType">
|
|
|
- <el-select v-model="form.fileType" placeholder="请选择文件类型" clearable>
|
|
|
- <el-option label="PDF文档" value="pdf"/>
|
|
|
- <el-option label="Word文档" value="docx"/>
|
|
|
- <el-option label="Excel表格" value="xlsx"/>
|
|
|
- <el-option label="旧版Excel" value="xls"/>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-table-column label="状态" prop="status" v-if="columns[4].visible">
|
|
|
- <template v-slot="{row}">
|
|
|
- <el-switch
|
|
|
- v-model="row.status"
|
|
|
- :active-value="'0'"
|
|
|
- :inactive-value="'1'"
|
|
|
- @change="handleStatusChange(row)"
|
|
|
- active-text="正常"
|
|
|
- inactive-text="停用"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949"
|
|
|
- />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="备注">
|
|
|
- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
+ <!-- 新增文件夹对话框 -->
|
|
|
+ <el-dialog
|
|
|
+ :title="isAddFolder ? '新增文件夹' : '修改文件夹名称'"
|
|
|
+ :visible.sync="folderDialogVisible"
|
|
|
+ width="500px"
|
|
|
+ >
|
|
|
+ <el-form :model="folderForm" :rules="folderRules" ref="folderForm" label-width="100px">
|
|
|
+ <el-form-item label="文件夹名称" prop="folderName">
|
|
|
+ <el-input v-model="folderForm.folderName" placeholder="请输入文件夹名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门名称" prop="deptId">
|
|
|
+ <el-select v-model="folderForm.deptId" placeholder="请选择部门" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dept in deptOptions"
|
|
|
+ :key="dept.deptId"
|
|
|
+ :label="dept.deptName"
|
|
|
+ :value="dept.deptId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
- </div>
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button @click="folderDialogVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitFolderForm">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 文件导入对话框 -->
|
|
@@ -329,7 +280,7 @@
|
|
|
:limit="1"
|
|
|
accept="allowedFileTypes.join(',')"
|
|
|
:headers="upload.headers"
|
|
|
- :action="upload.url + '?updateSupport=' + upload.updateSupport"
|
|
|
+ :action="upload.url "
|
|
|
:disabled="upload.isUploading"
|
|
|
:on-progress="handleFileUploadProgress"
|
|
|
:on-success="handleFileSuccess"
|
|
@@ -340,10 +291,6 @@
|
|
|
<i class="el-icon-upload"></i>
|
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
<div class="el-upload__tip text-center" slot="tip">
|
|
|
- <div class="el-upload__tip" slot="tip">
|
|
|
- <el-checkbox v-model="upload.updateSupport"/>
|
|
|
- 是否更新已经存在的文件数据
|
|
|
- </div>
|
|
|
<span>仅允许导入{{ allowedFileTypes.join('、') }}格式文件。</span>
|
|
|
</div>
|
|
|
</el-upload>
|
|
@@ -362,17 +309,17 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
import {
|
|
|
addFolder,
|
|
|
delFolder,
|
|
|
- folderTreeSelect,
|
|
|
getFolder,
|
|
|
updateFolder,
|
|
|
checkFolderDeletable,
|
|
|
folderTreeSelectByDeptId
|
|
|
} from "@/api/system/folder";
|
|
|
-import {addFile, delFile, download, listFile, updateFile} from "@/api/system/file";
|
|
|
+import {addFile, delFile, download, downloadTemplate, listFile, updateFile} from "@/api/system/file";
|
|
|
import dict from "@/utils/dict";
|
|
|
import {parseTime} from "@/utils/xzl";
|
|
|
import {updateFileStatus} from "@/api/system/file";
|
|
|
-import {saveAs} from "file-saver";
|
|
|
+import {listDept} from "@/api/system/dept";
|
|
|
+
|
|
|
|
|
|
export default {
|
|
|
name: "File",
|
|
@@ -414,6 +361,29 @@ export default {
|
|
|
selectedFolderId: null,
|
|
|
// 文件上传参数
|
|
|
allowedFileTypes: ['.xlsx', '.xls', '.pdf', '.docx'],
|
|
|
+ // 判断当前用户是否是 deptId == 1
|
|
|
+ isDeptAdmin: false,
|
|
|
+ // 部门数据
|
|
|
+ deptOptions: [],
|
|
|
+ // 新增/修改文件夹对话框是否显示
|
|
|
+ folderDialogVisible: false,
|
|
|
+ // 新增/修改文件夹表单数据
|
|
|
+ folderForm: {
|
|
|
+ parentId: null,
|
|
|
+ folderName: '',
|
|
|
+ deptId: null
|
|
|
+ },
|
|
|
+ // 新增/修改文件夹表单校验规则
|
|
|
+ folderRules: {
|
|
|
+ folderName: [
|
|
|
+ { required: true, message: '文件夹名称不能为空', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ deptId: [
|
|
|
+ { required: true, message: '请选择部门', trigger: 'change' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ // 是否为新增文件夹操作
|
|
|
+ isAddFolder: true,
|
|
|
// 表单参数
|
|
|
form: {
|
|
|
fileId: null,
|
|
@@ -440,8 +410,6 @@ export default {
|
|
|
title: "",
|
|
|
// 是否禁用上传
|
|
|
isUploading: false,
|
|
|
- // 是否更新已经存在的文件数据
|
|
|
- updateSupport: 0,
|
|
|
// 设置上传的请求头部
|
|
|
headers: {Authorization: "Bearer " + getToken()},
|
|
|
// 上传的地址
|
|
@@ -479,7 +447,7 @@ export default {
|
|
|
fileType: [
|
|
|
{required: true, message: "文件类型不能为空", trigger: "change"},
|
|
|
{
|
|
|
- validator: (rule, value, callback) => {
|
|
|
+ validator: (value, callback) => {
|
|
|
const allowed = ['pdf', 'docx', 'xlsx', 'xls'];
|
|
|
if (!value || !allowed.includes(value)) {
|
|
|
callback(new Error('请选择合法的文件类型'));
|
|
@@ -506,6 +474,7 @@ export default {
|
|
|
created() {
|
|
|
this.getList();
|
|
|
this.getFileTree();
|
|
|
+ this.getDeptList();
|
|
|
this.getConfigKey("sys.user.initPassword").then(response => {
|
|
|
this.initPassword = response.msg;
|
|
|
});
|
|
@@ -523,16 +492,8 @@ export default {
|
|
|
}
|
|
|
);
|
|
|
},
|
|
|
- /** 查询文件夹下拉树结构 */
|
|
|
- // getFileTree() {
|
|
|
- // folderTreeSelect().then(response => {
|
|
|
- // this.fileOptions = response.data;
|
|
|
- // console.log(this.fileOptions)
|
|
|
- // });
|
|
|
- // },
|
|
|
-
|
|
|
- getFileTree(deptId){
|
|
|
- folderTreeSelectByDeptId(deptId).then(response => {
|
|
|
+ getFileTree() {
|
|
|
+ folderTreeSelectByDeptId().then(response => {
|
|
|
this.fileOptions = response.data;
|
|
|
})
|
|
|
},
|
|
@@ -579,7 +540,8 @@ export default {
|
|
|
createBy: null,
|
|
|
createTime: null,
|
|
|
updateBy: null,
|
|
|
- updateTime: null
|
|
|
+ updateTime: null,
|
|
|
+ deptId: null
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
@@ -602,19 +564,6 @@ export default {
|
|
|
this.single = selection.length !== 1;
|
|
|
this.multiple = !selection.length;
|
|
|
},
|
|
|
- // 更多操作触发
|
|
|
- handleCommand(command, row) {
|
|
|
- switch (command) {
|
|
|
- case "handleResetPwd":
|
|
|
- this.handleResetPwd(row);
|
|
|
- break;
|
|
|
- case "handleAuthRole":
|
|
|
- this.handleAuthRole(row);
|
|
|
- break;
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- },
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
this.$refs['form'].validate(valid => {
|
|
@@ -662,7 +611,6 @@ export default {
|
|
|
const file = fileList[0];
|
|
|
const formData = new FormData();
|
|
|
formData.append('file', file.raw);
|
|
|
- formData.append('updateSupport', this.upload.updateSupport);
|
|
|
formData.append('folderId', this.selectedFolderId);
|
|
|
this.upload.isUploading = true;
|
|
|
try {
|
|
@@ -674,16 +622,27 @@ export default {
|
|
|
this.upload.isUploading = false;
|
|
|
}
|
|
|
},
|
|
|
- /** 下载模板操作 */
|
|
|
- importTemplate() {
|
|
|
- this.download('system/folder/importTemplate', {}, `user_template_${new Date().getTime()}.xlsx`)
|
|
|
+ /** 模板下载 */
|
|
|
+ handleTemplateDownload() {
|
|
|
+ downloadTemplate().then(blob => {
|
|
|
+ this.parseBlob(blob,'模板.doc');
|
|
|
+ console.log(blob)
|
|
|
+ // const url = window.URL.createObjectURL(new Blob([blob]));
|
|
|
+ // const link = document.createElement('a');
|
|
|
+ // link.href = url;
|
|
|
+ // link.setAttribute('download', '模板.doc'); // 下载的文件名
|
|
|
+ // document.body.appendChild(link);
|
|
|
+ // link.click();
|
|
|
+ // link.remove();
|
|
|
+ // window.URL.revokeObjectURL(url);
|
|
|
+ });
|
|
|
},
|
|
|
// 文件上传中处理
|
|
|
- handleFileUploadProgress(event, file, fileList) {
|
|
|
+ handleFileUploadProgress() {
|
|
|
this.upload.isUploading = true;
|
|
|
},
|
|
|
// 文件上传成功处理
|
|
|
- handleFileSuccess(response, file, fileList) {
|
|
|
+ handleFileSuccess(response) {
|
|
|
this.upload.open = false;
|
|
|
this.$refs.upload.clearFiles();
|
|
|
if (response.code === 200) {
|
|
@@ -693,10 +652,10 @@ export default {
|
|
|
this.$message.error(response.msg || '文件导入失败');
|
|
|
}
|
|
|
},
|
|
|
- handleFileError(error, file, fileList) {
|
|
|
+ handleFileError() {
|
|
|
this.$message.error('文件上传失败,请重试');
|
|
|
},
|
|
|
- getFolderName(row, column, cellValue, index) {
|
|
|
+ getFolderName(row) {
|
|
|
return row.folderName
|
|
|
},
|
|
|
indexMethod(index) {
|
|
@@ -704,27 +663,48 @@ export default {
|
|
|
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
|
|
|
},
|
|
|
|
|
|
+ async getDeptList() {
|
|
|
+ try {
|
|
|
+ const response = await listDept();
|
|
|
+ console.log(response);
|
|
|
+ this.deptOptions = response.data;
|
|
|
+ console.log(this.deptOptions);
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error('获取部门列表失败');
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
// 新增文件夹
|
|
|
handleAddFolder(data) {
|
|
|
- this.$prompt('请输入新文件夹名称', '新增文件夹', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- inputPattern: /.+/,
|
|
|
- inputErrorMessage: '文件夹名称不能为空'
|
|
|
- }).then(({value}) => {
|
|
|
- const newFolder = {
|
|
|
- parentId: data.id,
|
|
|
- folderName: value
|
|
|
- };
|
|
|
- addFolder(newFolder).then(() => {
|
|
|
- this.$modal.msgSuccess("新增成功");
|
|
|
- this.getFileTree(); // 刷新树
|
|
|
- });
|
|
|
- }).catch(() => {
|
|
|
- this.$message.info("已取消新增");
|
|
|
+ this.isAddFolder = true;
|
|
|
+ this.folderForm = {
|
|
|
+ parentId: data.id,
|
|
|
+ folderName: '',
|
|
|
+ deptId: null
|
|
|
+ };
|
|
|
+ this.folderDialogVisible = true;
|
|
|
+ },
|
|
|
+ // 提交文件夹表单
|
|
|
+ submitFolderForm() {
|
|
|
+ this.$refs.folderForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.isAddFolder) {
|
|
|
+ addFolder(this.folderForm).then(() => {
|
|
|
+ this.$modal.msgSuccess('新增成功');
|
|
|
+ this.folderDialogVisible = false;
|
|
|
+ this.getFileTree(); // 刷新树
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // 修改文件夹名称逻辑,可根据实际需求完善
|
|
|
+ updateFolder(this.folderForm).then(() => {
|
|
|
+ this.$modal.msgSuccess('修改成功');
|
|
|
+ this.folderDialogVisible = false;
|
|
|
+ this.getFileTree(); // 刷新树
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
// 获取文件夹层级
|
|
|
getLevel(folderId) {
|
|
|
if (this.levels[folderId] !== undefined) {
|
|
@@ -798,50 +778,13 @@ export default {
|
|
|
this.getList(); // 刷新文件列表
|
|
|
});
|
|
|
},
|
|
|
- // handleDownload(row) {
|
|
|
- // // if (!row || !row.fileId) {
|
|
|
- // // this.$message.error('文件 ID 无效,无法下载')
|
|
|
- // // return
|
|
|
- // // }
|
|
|
- // try {
|
|
|
- // // this.loading = true
|
|
|
- // const response = download(row.fileId)
|
|
|
- // console.log(response)
|
|
|
- // this.parseBlob(response, row.fileId)
|
|
|
- // // if (response.status === 200) {
|
|
|
- // // this.parseBlob(response, '文件名.pdf')
|
|
|
- // // // const blob = new Blob([response.data], {type: 'application/octet-stream'})
|
|
|
- // // // saveAs(blob, row.fileName)
|
|
|
- // // this.$message.success('文件下载成功')
|
|
|
- // // } else {
|
|
|
- // // this.$message.error('文件下载失败,响应状态码异常')
|
|
|
- // // }
|
|
|
- // } catch (error) {
|
|
|
- // console.error('文件下载出错:', error)
|
|
|
- // this.$message.error('文件下载失败,请重试')
|
|
|
- // }
|
|
|
- // },
|
|
|
async handleDownload(row) {
|
|
|
try {
|
|
|
// 等待Promise解析,获取响应对象
|
|
|
const response = await download(row.fileId) // fileId替换为实际的文件标识
|
|
|
console.log(response)
|
|
|
- // 使用若依封装的download方法(推荐,自动处理下载)
|
|
|
- // const fileName = response.headers['content-disposition']
|
|
|
- // ? decodeURIComponent(response.headers['content-disposition'].split('filename=')[1])
|
|
|
- // : 'defaultFileName'
|
|
|
this.parseBlob(response, row.fileName)
|
|
|
|
|
|
- // 或者手动处理(了解原理)
|
|
|
- /* const blob = response.data
|
|
|
- const url = window.URL.createObjectURL(blob)
|
|
|
- const link = document.createElement('a')
|
|
|
- link.href = url
|
|
|
- link.download = fileName
|
|
|
- document.body.appendChild(link)
|
|
|
- link.click()
|
|
|
- document.body.removeChild(link)
|
|
|
- window.URL.revokeObjectURL(url) */
|
|
|
} catch (error) {
|
|
|
this.$modal.msgError('下载失败:' + error.message)
|
|
|
}
|
|
@@ -856,6 +799,6 @@ export default {
|
|
|
document.body.removeChild(link)
|
|
|
window.URL.revokeObjectURL(url) // 释放内存
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ },
|
|
|
+}
|
|
|
</script>
|