fix : 修复上传文件功能

This commit is contained in:
2024-05-12 17:03:12 +08:00
parent d5c7da1328
commit 324cc268b5
2 changed files with 34 additions and 47 deletions

View File

@@ -15,20 +15,24 @@
</el-upload> </el-upload>
<div v-if="showTable||fileList.length!==0"> <div v-if="showTable||fileList.length!==0">
<el-table :data="fileList" style="width: 100%"> <el-table :data="fileList" style="width: 100%">
<el-table-column prop="originalFilename" label="文件名"/> <el-table-column label="序号" type="index" align="center" width="80"/>
<el-table-column prop="fileType" label="文件类型"/> <el-table-column prop="originalFilename" label="文件名" align="center"/>
<el-table-column prop="size" label="文件大小"> <el-table-column prop="size" label="文件大小" align="center">
<template #default="scope"> <template #default="scope">
{{ parseInt(scope.row.size / 1024) }}KB {{ parseInt(scope.row.size / 1024) }}KB
<!-- {{ parseInt(scope.row.size / 1024) > 1024 ? 'MB' : 'KB' }}--> <!-- {{ parseInt(scope.row.size / 1024) > 1024 ? 'MB' : 'KB' }}-->
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="tag" label="标签"/>--> <el-table-column prop="tag" label="标签" align="center">
<el-table-column fixed="right" label="操作">
<template #default="scope"> <template #default="scope">
<a :href="scope.row.url"> <el-input v-model="scope.row.tag" size="mini" placeholder="请输入标签"/>
下载 </template>
</a> </el-table-column>
<el-table-column align="center" label="操作">
<template #default="scope">
<!-- <a :href="scope.row.url">-->
<!-- 下载-->
<!-- </a>-->
<el-button link type="primary" size="small" @click="beforeRemove(scope.row)"> <el-button link type="primary" size="small" @click="beforeRemove(scope.row)">
删除 删除
</el-button> </el-button>
@@ -86,17 +90,16 @@ const beforeUpload = (file) => {
// if (props.maxSize > 0 && file.size / 1024 / 1024 > props.maxSize) { // if (props.maxSize > 0 && file.size / 1024 / 1024 > props.maxSize) {
// ElMessage.warning(`每个文件最大不超过 ${props.maxSize}MB`) // ElMessage.warning(`每个文件最大不超过 ${props.maxSize}MB`)
// } else { // } else {
loading.value=true loading.value = true
return true return true
// } // }
} }
const handleUploadSuccess = (res, file) => { const handleUploadSuccess = (res, file) => {
if (res.code !== 1000) { if (res.code !== 1000) {
loading.value=false loading.value = false
ElMessage.error("上传失败") ElMessage.error("上传失败")
} else { } else {
loading.value=false loading.value = false
ElMessage.success("上传成功") ElMessage.success("上传成功")
} }
showTable.value = true showTable.value = true

View File

@@ -33,12 +33,26 @@
</el-card> </el-card>
</el-form-item> </el-form-item>
</el-col> </el-col>
<baseTitle title="申请文件"></baseTitle> <baseTitle title="附件列表"></baseTitle>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
<fvTable ref="tableIns" style="max-height: 200px;width: 100%" :tableConfig="tableConfig" <el-table :data="formData.fileList" style="width: 100%">
@headBtnClick="headBtnClick" <el-table-column label="序号" type="index" align="center" width="80"/>
:pagination="false"></fvTable> <el-table-column prop="originalFilename" label="文件名" align="center"/>
<el-table-column prop="tag" label="标签" align="center"/>
<el-table-column prop="size" label="文件大小" align="center">
<template #default="scope">
{{ parseInt(scope.row.size / 1024) }}KB
</template>
</el-table-column>
<el-table-column align="center" label="操作">
<template #default="scope">
<a :href="scope.row.url">
下载
</a>
</template>
</el-table-column>
</el-table>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@@ -86,36 +100,6 @@ const processDiagramViewer = ref(false)
const processTree = ref() const processTree = ref()
const formData = ref({}) const formData = ref({})
const auditOpinion = ref('') const auditOpinion = ref('')
const tableConfig = reactive({
columns: [
{
prop: 'roleName',
label: '文件名',
align: 'center'
},
{
prop: 'roleKey',
label: '标签',
align: 'center'
},
{
prop: 'oper',
label: '操作',
align: 'center',
width: '200px',
showOverflowTooltip: false,
currentRender: ({row, index}) => {
return (
<div>
<el-button type="primary" link onClick={() => handleDownload(row)}>下载
</el-button>
</div>
)
}
}
],
api: ''
})
const handleSubmit = () => { const handleSubmit = () => {
let approve = { let approve = {
taskId: processInstanceData.value.taskId, taskId: processInstanceData.value.taskId,