From 7f7e010a048f2de8dcb6dd2e6e3e3da1ebfd4f43 Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期三, 20 十二月 2023 16:58:46 +0800 Subject: [PATCH] 互联网 --- src/components/FileUpload/index.vue | 25 +++++++++++++++++++------ 1 files changed, 19 insertions(+), 6 deletions(-) diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue index d7af105..2082e70 100644 --- a/src/components/FileUpload/index.vue +++ b/src/components/FileUpload/index.vue @@ -12,13 +12,15 @@ ref="fileUploadRef" :auto-upload="false" :on-exceed="handleExceed" + :before-upload="handleBeforeUpload" > <!-- 涓婁紶鎸夐挳 --> <el-button type="primary">閫夊彇鏂囦欢</el-button> +<!-- <el-progress :percentage="downloadProgress" />--> </el-upload> <!-- 涓婁紶鎻愮ず --> <div class="el-upload__tip" v-if="showTip"> - <span>璇蜂笂浼犳枃浠�</span> + <span>涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃200MB</span> </div> </div> @@ -61,7 +63,7 @@ ); const fileUploadRef = ref<ElUploadInstance>(); - +const downloadProgress = ref(0); // watch(() => props.modelValue, async val => { // console.log(val,props.modelValue); // if (val) { @@ -144,7 +146,6 @@ return false; } } - proxy?.$modal.loading("姝e湪涓婁紶鏂囦欢锛岃绋嶅��..."); number.value++; return true; } @@ -158,8 +159,21 @@ const handleUploadError = () => { proxy?.$modal.msgError("涓婁紶鏂囦欢澶辫触"); } +const debounce = (fn: Function, delay = 1500) => { + let timer: number | null = null; + return (...args: any[]) => { + if (timer) { + clearTimeout(timer); + } + timer = setTimeout(() => { + fn(...args); + }, delay); + } +} const handleUploadProgress=(e: any) => { - downloadLoadingInstance = ElLoading.service({ text: '姝e湪涓婁紶鏂囦欢锛岃绋嶅��', background: 'rgba(0, 0, 0, 0.7)' }); + // downloadProgress.value = downloadProgress.value + 50 + // emit('closePopup','123123'); + emit('openPopup','123123'); } // 涓婁紶鎴愬姛鍥炶皟 const handleUploadSuccess = (res: any, file: UploadFile) => { @@ -172,7 +186,7 @@ fileUploadRef.value!.clearFiles() downloadLoadingInstance.close(); // uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId }); - // uploadedSuccessfully(); + uploadedSuccessfully(); }else if (res.code == 401) { location.reload() } else { @@ -181,7 +195,6 @@ proxy?.$modal.msgError(res.msg); fileUploadRef.value?.handleRemove(file); uploadedSuccessfully(); - downloadLoadingInstance.close(); } } -- Gitblit v1.8.0