diff --git a/src/components/FileUpload.vue b/src/components/FileUpload.vue index 2992a8f..a08f25b 100644 --- a/src/components/FileUpload.vue +++ b/src/components/FileUpload.vue @@ -6,10 +6,11 @@ with-credentials :multiple="maxSize > 0" :data="uploadParams" - :show-file-list="false" + :show-file-list="showFileList" :auto-upload="true" :before-upload="beforeUpload" :on-success="handleUploadSuccess" + :on-error="uploadError" > 上传文件 @@ -37,6 +38,10 @@ const props = defineProps({ maxSize: { type: Number, default: 30 + }, + showFileList: { + type: Boolean, + default: false } }) @@ -77,6 +82,10 @@ const handleUploadSuccess = (res, file) => { fileList.value.push(data) emit("getFile", fileList.value) } +const uploadError=(err)=>{ + loading.value = false + ElMessage.error("上传失败,请稍后再试!") +} diff --git a/src/views/project-demand/collection/add.vue b/src/views/project-demand/collection/add.vue index b73264d..a449ece 100644 --- a/src/views/project-demand/collection/add.vue +++ b/src/views/project-demand/collection/add.vue @@ -33,10 +33,12 @@ - + - + @@ -136,27 +138,27 @@ const tableConfig = reactive({ return (
下载 - beforeRemove(row)}>删除 + handleDelete(row)}>删除
) } } ] }) -const compositeParam=(item)=>{ - return { - fileId: item.id, - size: item.size, - originalFileName: item.originalFilename, - fileType: item.fileType, - url: item.url, - processNodeTag: null, - tag: formData.value.collectType, - userId: authStore.userinfo.userId - } +const compositeParam = (item) => { + return { + fileId: item.id, + size: item.size, + originalFileName: item.originalFilename, + fileType: item.fileType, + url: item.url, + processNodeTag: null, + tag: formData.value.collectType, + userId: authStore.userinfo.userId + } } const getFile = (val) => { - console.log('上传文件',val) + console.log('上传文件', val) showTable.value = false nextTick(() => { showTable.value = true @@ -165,14 +167,14 @@ const getFile = (val) => { let newFileArray = [] if (route.query.isAdd === undefined) { val.forEach(item => { - fileObj =compositeParam(item) + fileObj = compositeParam(item) newFileArray.push(fileObj) formData.value.fileList.push(fileObj) }) fileList.value = formData.value.fileList } else { val.forEach(item => { - fileObj =compositeParam(item) + fileObj = compositeParam(item) newFileArray.push(fileObj) }) formData.value.fileList = newFileArray @@ -241,7 +243,6 @@ const handleResubmit = () => { const getDetailInfo = async () => { getFormInfo(route.query.id).then(res => { if (res.code === 1000) { - console.log(res) ElMessage.success(res.msg) formData.value = res.data showTinymce.value = false @@ -257,26 +258,23 @@ const getDetailInfo = async () => { const handleBack = () => { history.back() } -const beforeRemove = (row) => { +const handleDelete = (row) => { ElMessageBox.confirm(`确认删除名称为${row.originalFileName}的表格吗?`, '系统提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { - handleRemove(row) + deleteFile(row.fileId).then(res => { + if (res.code === 1000) { + ElMessage.success("删除成功"); + fileList.value.splice(fileList.value.findIndex((item) => item.id === row.id), 1); + } + }); }).catch(() => { ElMessage.warning("用户取消删除! "); }) } -const handleRemove = (row) => { - deleteFile(row.fileId).then(res => { - if (res.code === 1000) { - ElMessage.success("删除成功"); - fileList.value.splice(fileList.value.findIndex((item) => item.id === row.id), 1); - } - }); -}; onMounted(async () => { loading.value = true await init() @@ -292,9 +290,10 @@ onMounted(async () => {