| | |
| | | > |
| | | <!-- 上传按钮 --> |
| | | <el-button type="primary">选取文件</el-button> |
| | | <!-- <el-progress :percentage="downloadProgress" />--> |
| | | </el-upload> |
| | | <!-- 上传提示 --> |
| | | <div class="el-upload__tip" v-if="showTip"> |
| | |
| | | }); |
| | | |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | const emit = defineEmits(['update:modelValue','closePopup']); |
| | | const emit = defineEmits(['update:modelValue','closePopup','openPopup']); |
| | | const number = ref(0); |
| | | const uploadList = ref<any[]>([]); |
| | | //互联网端 |
| | |
| | | ); |
| | | |
| | | const fileUploadRef = ref<ElUploadInstance>(); |
| | | |
| | | const downloadProgress = ref(0); |
| | | // watch(() => props.modelValue, async val => { |
| | | // console.log(val,props.modelValue); |
| | | // if (val) { |
| | |
| | | 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) => { |
| | | emit('closePopup','123123'); |
| | | console.log('handleUploadProgress?'); |
| | | // downloadProgress.value = downloadProgress.value + 50 |
| | | // emit('closePopup','123123'); |
| | | // emit('openPopup','123123'); |
| | | } |
| | | // 上传成功回调 |
| | | const handleUploadSuccess = (res: any, file: UploadFile) => { |
| | | console.log(res,'resresres'); |
| | | if (res.code === 200) { |
| | | proxy?.$modal.msgSuccess("上传文件成功"); |
| | | emit('closePopup',res) |
| | | |
| | | setTimeout(()=>{ |
| | | emit('closePopup',res) |
| | | },1000) |
| | | console.log('调用父组件',res); |
| | | fileUploadRef.value!.clearFiles() |
| | | downloadLoadingInstance.close(); |