feat : 文件下载组件删除功能

src/components/FileUpload.vue

@@ -11,13 +11,15 @@
              :before-upload="beforeUpload"
              :on-success="handleUploadSuccess"
              :on-error="uploadError"
+             :before-remove="beforeRemove"
+             :on-remove="handleRemove"
   >
     <el-button color="#DED0B2" :loading="loading">上传文件</el-button>
   </el-upload>
 </template>
 
 <script setup>
-import {ElMessage} from "element-plus";
+import {ElMessage,ElMessageBox} from "element-plus";
 import {getToken} from '@/utils/auth'
 const baseURL = import.meta.env.VITE_BASE_URL
 const uploadFileUrl = ref(baseURL + "/workflow/process/file/upload")
@@ -45,7 +47,7 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(["input", "getFile"])
+const emit = defineEmits(["input", "getFile","delete"])
 const fileList = ref([])
 const _value = computed({
   get() {
@@ -55,7 +57,17 @@ const _value = computed({
     emit("input", val);
   }
 })
+const beforeRemove = (file, fileList) => {
+  return ElMessageBox.confirm(`确认删除名称为${file.name}的文件吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => true)
+}
 
+const handleRemove = (file, fileList) => {
+  emit("delete",file.response.data.id)
+}
 const beforeUpload = (file) => {
   // const FileExt = file.name.replace(/.+\./, "");
   // if (['zip', 'rar', 'pdf', 'doc', 'docx', 'xlsx'].indexOf(FileExt.toLowerCase()) === -1) {
@@ -94,4 +106,7 @@ a {
   font-size: 14px;
   color: #2a99ff;
 }
+:deep(.el-upload-list) {
+  width: 400px;
+}
 </style>