ThbTech/FileManage
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

文档管理增删查改

Browse Source
This commit is contained in:
wangxk 2025-02-13 09:10:39 +08:00
parent 33c13838a1
commit 637d6aa67d
6 changed files with 298 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/api/document/index.ts
View File

@ -46,3 +46,35 @@ export function getFilesPage(queryParams:any) {
params:queryParams
});
}
//新增专项文档管理文档内容
export function addFiles(queryParams:any) {
return request({
url: '/specialDocument/sd_files/addFiles',
method: 'post',
data:queryParams
});
}
//修改专项文档管理文档内容
export function updateFiles(queryParams:any) {
return request({
url: '/specialDocument/sd_files/updateFiles',
method: 'post',
data:queryParams
});
}
//根据ID删除专项文档管理文档内容
export function deleteFilesById(queryParams:any) {
return request({
url: '/specialDocument/sd_files/deleteFilesById',
method: 'post',
params:queryParams
});
}
//批量删除专项文档管理文档内容
export function deleteFilesByIds(queryParams:any) {
return request({
url: '/specialDocument/sd_files/deleteFilesByIds',
method: 'post',
params:queryParams
});
}

BIN
web/src/assets/MenuIcon/xia.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 B

BIN
web/src/assets/MenuIcon/xia1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 280 B

10
web/src/components/file/file/useFileUpload.js
View File

@ -52,7 +52,6 @@ const uploadFileTypeSortMap = {
};
export default function useFileUpload() {
let { storageKey, currentPath } = useRouterData();
const maxFileUploads = storageConfigStore.globalConfig.maxFileUploads;
@ -385,14 +384,14 @@ export default function useFileUpload() {
}
})
}
let param = {
storageKey: 'minio',
path: localStorage.getItem('filepath'),
name: file.name,
size: file.size
}
fileArr.value.push(param)
localStorage.setItem('fileArr',JSON.stringify(fileArr.value) );
console.log('当前上传信息:', param, ', 当前同时上传文件数:',uploadProgressInfoStatistics.value.totalUploading, '限制同时上传文件数:', maxFileUploads);
if (uploadProgressInfoStatistics.value.totalUploading >= maxFileUploads) {
console.log(`上传文件数超出 ${maxFileUploads}, 等待上传`);
@ -439,7 +438,6 @@ export default function useFileUpload() {
let proxyUploadType = common.storageType.proxyType;
let s3UploadType = common.storageType.s3Type;
let onedriveUploadType = common.storageType.micrsoftType;
if (proxyUploadType.includes( param.storageKey)) {
fileProxyUpload(file, res.data, fileIndex);
} else if (s3UploadType.includes( param.storageKey)) {
@ -453,7 +451,6 @@ export default function useFileUpload() {
baseOnUploadError(fileIndex, err)
});
}
// 服务器代理上传
const fileProxyUpload = (file, uploadUrl, fileIndex) => {
let formData = new FormData();
@ -720,8 +717,9 @@ export default function useFileUpload() {
cancelTokenSourceMap.delete(fileIndex);
}
}
const fileArr = ref([])
const clearALlFinishedUploadFile = () => {
fileArr.value.length = 0
let deleteCount = 0;
for (let i = uploadingFileList.length - 1; i >= 0; i--) {
let item = uploadingFileList[i];

281
web/src/views/special/document/index.vue
View File

@ -9,7 +9,7 @@ import { ref, onMounted, nextTick } from "vue";
import { useAppStore } from '@/store/modules/app';
import { ElMessageBox, ElMessage } from "element-plus";
import Page from '@/components/Pagination/page.vue';
import { projectList, getNodesTree, addNodes, updateNodes, deleteNodesById,getFilesPage } from "@/api/document";
import { projectList, getNodesTree, addNodes, updateNodes, deleteNodesById, getFilesPage, addFiles, updateFiles, deleteFilesById, deleteFilesByIds } from "@/api/document";
import ZUpload from '@/components/file/ZUpload.vue'
import useFileUpload from "@/components/file/file/useFileUpload";
import useHeaderStorageList from "@/components/header/useHeaderStorageList";
@ -70,6 +70,7 @@ function gettreedata() {
const pathid = ref()
function handleNodeClick(data: any, node: any) {
pathid.value = data.id
getdata()
}
//子项目配置
const frame = ref(false)
@ -204,8 +205,14 @@ function delSubItem(row: any) {
const queryParams: any = ref({
current: 1,
size: 20,
name: ''
fileName: '',
startDate: '',
endDate: '',
keywords: '',
nodeId: '',//节点ID
projectId: '',//项目Id
});
const dataarr = ref([])
//定义表格数据
const tableData: any = ref([]);
const total = ref(0);
@ -213,17 +220,211 @@ const total = ref(0);
const loading = ref(false)
//获取表格数据
function getdata() {
loading.value = true
console.log(dataarr.value)
if (dataarr.value && dataarr.value.length > 0) {
queryParams.value.startDate = dataarr.value[0]
queryParams.value.endDate = dataarr.value[1]
} else {
queryParams.value.startDate = ''
queryParams.value.endDate = ''
}
queryParams.value.nodeId = pathid.value
queryParams.value.projectId = projectId.value
getFilesPage(queryParams.value).then((res: any) => {
queryParams.value.current = res.data.current
queryParams.value.size = res.data.size
total.value = res.data.total
loading.value = false
tableData.value = res.data.records
})
}
//新增文件对象
const fileObj: any = ref({
projectId: '', //所属项目ID
nodeId: '', //节点ID
fileName: '', //文件名称
filePath: '', //文件对象存储路径
keywords: '', //关键字
description: '', //文件描述
fileSize: '', //M
})
//上传组件
const upfile = ref(false)
function openFile() {
localStorage.setItem('filepath', findPathById(treedata.value, pathid.value));
upfile.value = true
fileObj.value = {
projectId: '', //所属项目ID
nodeId: '', //节点ID
fileName: '', //文件名称
filePath: '', //文件对象存储路径
keywords: '', //关键字
description: '', //文件描述
fileSize: '', //M
}
}
//修改文件
function editfile(row: any) {
upfile.value = true
fileObj.value = JSON.parse(JSON.stringify(row))
}
function fileClose() {
upfile.value = false
}
//字节转mb
function bytesToMB(bytes: any) {
return bytes / Math.pow(1024, 2);
}
//上传确定
function submitfile() {
// console.log( )
if (fileObj.value.id) {
updateFiles(fileObj.value).then((res: any) => {
if (res.code == 0) {
ElMessage.success('修改成功')
getdata()
upfile.value = false
}
})
} else {
let fileArr = JSON.parse(localStorage.getItem('fileArr'))
let fileName = []
let fileSize = []
if (fileArr.length > 0) {
fileArr.forEach((item: any) => {
fileName.push(item.name)
fileSize.push(bytesToMB(item.size))
})
}
fileObj.value.projectId = projectId.value
fileObj.value.nodeId = pathid.value
fileObj.value.filePath = findPathById(treedata.value, pathid.value)
fileObj.value.fileName = fileName.join(',')
fileObj.value.fileSize = fileSize.join(',')
addFiles(fileObj.value).then((res: any) => {
if (res.code == 0) {
ElMessage.success('增加成功')
getdata()
upfile.value = false
}
})
}
}
//单个删除文件
function delfile(row: any) {
ElMessageBox.confirm(
'您确定要删除该文件吗?',
'警告',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
deleteFilesById({ id: row.id }).then((res: any) => {
if (res.code == 0) {
getdata()
ElMessage({
type: 'success',
message: '删除成功',
})
}
})
})
}
//多个删除文件
//表格多选
const tableIdarr = ref([])
function handleSelectionChange(val: any) {
tableIdarr.value = val
}
//多选删除
function delprojectArr() {
const ids = []
tableIdarr.value.forEach((item: any) => {
ids.push(item.id)
})
ElMessageBox.confirm(
'您确定要删除这些项目吗?',
'警告',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
deleteFilesByIds({ ids: ids.join(',') }).then((res: any) => {
if (res.code == 0) {
ElMessage({
type: 'success',
message: '删除成功',
})
getdata()
}
})
})
}
//下载
function xiafile(row: any) {
ElMessageBox.confirm(
'您确定要下载该文件吗?',
'警告',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
window.open(row.url);
})
}
//多选下载
function xiafilemony() {
ElMessageBox.confirm(
'您确定要下载这些项目吗?',
'警告',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
tableIdarr.value.forEach((item: any) => {
if(item.url){
downloadFileUseIframeMode(item.url);
}
})
})
}
/**
* 使用 iframe 模式下载文件
*
* @param url 下载文件 url
*/
const downloadFileUseIframeMode = (url:any) => {
const iframe:any = document.createElement("iframe");
iframe.style.display = "none"; // 防止影响页面
iframe.style.height = 0; // 防止影响页面
iframe.src = url;
document.body.appendChild(iframe);
setTimeout(()=>{
iframe.remove();
}, 5 * 60 * 1000);
}
function findPathById(array: any, targetId: any) {
// 辅助函数，用于递归查找路径
function recursiveSearch(items: any, target: any, path: any) {
@ -250,6 +451,7 @@ function findPathById(array:any, targetId:any) {
let patharr = recursiveSearch(array, targetId, [])
return '/' + patharr; // 注意这里我们传入了一个空数组作为初始路径
}
</script>
<template>
@ -294,36 +496,43 @@ function findPathById(array:any, targetId:any) {
<section class="silderRight">
<div class="sou_title">
<div class="sou_title_left">
<el-input style="margin-right: 10px ;" v-model="queryParams.name" clearable @change="getdata()"
placeholder="项目编号"></el-input>
<el-input style="margin-right: 10px ;" v-model="queryParams.name" clearable @change="getdata()"
placeholder="项目类型"></el-input>
<el-input style="margin-right: 10px ;" v-model="queryParams.name" clearable @change="getdata()"
placeholder="项目名称"></el-input>
<el-input style="margin-right: 10px ;" v-model="queryParams.fileName" clearable @change="getdata()"
placeholder="文件名称"></el-input>
<el-input style="margin-right: 10px ;" v-model="queryParams.keywords" clearable @change="getdata()"
placeholder="关键字"></el-input>
<el-date-picker v-model="dataarr" type="daterange" @change="getdata()"
style="width: 150%;margin-right: 10px ;" start-placeholder="开始时间" end-placeholder="结束时间"
format="YYYY-MM-DD" value-format="YYYY-MM-DD" range-separator="至" />
<el-button type="primary" @click="getdata()">搜索</el-button>
</div>
<div>
<!-- :disabled="pathid.value" -->
<el-button type="primary" :disabled="!pathid" @click="openFile">上传</el-button>
<el-button type="primary">删除</el-button>
<el-button type="primary">下载</el-button>
<el-button type="primary" @click="delprojectArr()" :disabled="tableIdarr.length == 0">删除</el-button>
<el-button type="primary" @click="xiafilemony()" :disabled="tableIdarr.length == 0">下载</el-button>
</div>
</div>
<el-table v-loading="loading" :data="tableData"
<el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange"
:header-cell-style="{ background: 'rgb(250 250 250)', height: '50px' }"
style="width: 100%; height: calc(100vh - 275px);margin-bottom: 20px;" border>
<el-table-column type="index" label="序号" width="70" align="center"></el-table-column>
<el-table-column prop="usercode" label="文件名称"></el-table-column>
<el-table-column prop="username" label="关键字"></el-table-column>
<el-table-column prop="requestip" label="上传人"></el-table-column>
<el-table-column prop="requestip" label="上传时间"></el-table-column>
<el-table-column type="selection" width="40" />
<!-- <el-table-column type="index" label="序号" width="70" align="center"></el-table-column> -->
<el-table-column prop="fileName" label="文件名称"></el-table-column>
<el-table-column prop="keywords" label="关键字"></el-table-column>
<el-table-column prop="description" label="文件描述"></el-table-column>
<el-table-column prop="uploader" width="80" label="上传人"></el-table-column>
<el-table-column prop="uploadTime" width="170" label="上传时间"></el-table-column>
<el-table-column fixed="right" label="操作" width="80" align="center">
<template #default="scope">
<span
style="display: flex;display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around; ">
<img src="@/assets/MenuIcon/lbcz_xg.png" alt="" title="修改" style="cursor: pointer;">
<img src="@/assets/MenuIcon/lbcz_sc.png" alt="" title="删除" style="cursor: pointer;">
style="display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between; ">
<img src="@/assets/MenuIcon/lbcz_xg.png" alt="" @click="editfile(scope.row)" title="修改"
style="cursor: pointer;">
<img src="@/assets/MenuIcon/lbcz_sc.png" alt="" @click="delfile(scope.row)" title="删除"
style="cursor: pointer;">
<img src="@/assets/MenuIcon/xia1.png" alt="" @click="xiafile(scope.row)" title="下载"
style="cursor: pointer;">
</span>
</template>
</el-table-column>
@ -348,17 +557,32 @@ function findPathById(array:any, targetId:any) {
</el-form-item>
</el-form>
</el-dialog>
<div class="upload">
<el-dialog title="上传文件" v-model="upfile" width="15%" :before-close="fileClose" top="30px" draggable
<el-dialog title="上传文件" v-model="upfile" width="35%" :before-close="fileClose" top="30px" draggable
destroy-on-close>
<el-form ref="ruleFormRef" style="max-width: 600px" :model="fileObj" :rules="moderules" label-width="auto"
class="demo-ruleForm" status-icon>
<el-form-item v-if="!fileObj.id" label="文件:" prop="taskCode">
<el-button @click="openUploadDialog" type="primary">上传文件</el-button>
<el-button @click="openUploadFolderDialog" type="primary">上传文件夹</el-button>
<!-- <div style="cursor: pointer;">上传文件</div>
<div style="cursor: pointer;">上传文件夹</div> -->
<ZUpload />
</el-dialog>
</el-form-item>
<el-form-item v-else label="文件名称:">
<el-input v-model="fileObj.fileName" />
</el-form-item>
<el-form-item label="关键字:" prop="taskName">
<el-input v-model="fileObj.keywords" />
</el-form-item>
<el-form-item label="描述:">
<el-input v-model="fileObj.description" :rows="2" type="textarea" />
</el-form-item>
<el-form-item>
<div style="width: 100%;display: flex;justify-content: end;">
<el-button type="primary" @click="submitfile">确定</el-button>
<el-button @click="fileClose">取消</el-button>
</div>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
@ -459,9 +683,4 @@ function findPathById(array:any, targetId:any) {
}
}
}
.upload{
:deep(.el-dialog__header) {
text-align: center;
}
}
</style>

4
web/src/views/system/dept/index.vue
View File

@ -383,10 +383,10 @@ const vMove = {
<span class="custom-tree-node">
<span>{{ node.label }}</span>
<span style="font-size: 16px;">
<el-icon v-hasPerm="['update:org']" class="treeediticon" title="修改" @click="() => edittree(data)">
<el-icon class="treeediticon" title="修改" @click="() => edittree(data)">
<EditPen />
</el-icon>
<el-icon v-hasPerm="['del:org']" class="treedelicon" title="删除" @click="() => remove(data)">
<el-icon class="treedelicon" title="删除" @click="() => remove(data)">
<Delete />
</el-icon>
</span>