{{ isOpenFileList ? $t('收起上传列表') : $t('展开上传列表') }}
-
-
+
+
-
-
+
+
-
- {{ fileItem.file.name }}
-
-
+
+
-
- {{ fileItem.errorMessage }}
-
+
+
{{ item.errorMessage }}
+
-
+
-
+
@@ -71,6 +74,7 @@
status: string;
progress: number;
errorMessage?: string;
+ id: string;
}
const { t } = useI18n();
@@ -90,6 +94,7 @@
const isDecompression = ref(true);
const isOpenFileList = ref(true);
const fileList = ref
([]);
+ const multipleUploading = ref(false); // 是否是多个文件上传
const uploadTips = computed(() => {
if (isDecompression.value) {
@@ -103,7 +108,7 @@
watch(
() => fileList.value,
() => {
- if (fileList.value.some((fileItem) => fileItem.status === 'uploading')) {
+ if (fileList.value.some((fileItem) => fileItem.status === 'uploading') || multipleUploading.value) {
emits('uploading', true);
} else {
emits('uploading', false);
@@ -161,11 +166,15 @@
if (fileList.value.find((fileItem) => fileItem.file.name === option.file.name)) {
handleDeleteFile(option.file.name);
}
- fileList.value?.push({
- file: option.file,
- status: 'uploading',
- progress: 0,
- });
+ fileList.value = [
+ ...fileList.value,
+ {
+ file: option.file,
+ status: 'uploading',
+ progress: 0,
+ id: `${option.file.name}-${Date.now()}`,
+ },
+ ];
let res;
if (props.isTemplate) {
res = await importTemplateFile(
@@ -223,6 +232,25 @@
const ext = filename.split('.').pop()!.toLowerCase();
return ['zip', 'rar', 'tar', 'gz', 'tgz'].includes(ext);
};
+
+ const handleExceed = async (files: any) => {
+ multipleUploading.value = true;
+ let index = 0;
+ const uploadNext = async () => {
+ if (index < files.length) {
+ index += 1;
+ const file = files[index];
+ await handleFileUpload({ file });
+ await uploadNext();
+ }
+ };
+ const uploadPromises = [];
+ for (let i = 0; i < 5; i++) {
+ uploadPromises.push(uploadNext());
+ }
+ await Promise.allSettled(uploadPromises);
+ multipleUploading.value = false;
+ };