fix: 2027 新购机具验收时,上传的验收图片较大时,立即点击确定按钮会提示“验收图片不能为空”,稍等片刻后会提示接口请求超时

This commit is contained in:
binbin_pan 2024-06-12 09:00:48 +08:00
parent 6a6459eadd
commit adb0dc355d
1 changed files with 10 additions and 0 deletions

View File

@ -257,6 +257,7 @@
:class="{ disabled: uploadDisabled }" :class="{ disabled: uploadDisabled }"
:on-preview="handlePictureCardPreview" :on-preview="handlePictureCardPreview"
:on-remove="handleRemove" :on-remove="handleRemove"
:before-upload="beforeUpload"
> >
<!-- <img v-if="imageUrl" :src="uploadUrl+imageUrl" style="width: 140px;height: 140px;" class="avatar"> --> <!-- <img v-if="imageUrl" :src="uploadUrl+imageUrl" style="width: 140px;height: 140px;" class="avatar"> -->
<i class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
@ -300,6 +301,7 @@
:on-preview="handlePictureCardPreview" :on-preview="handlePictureCardPreview"
:class="{ disabled: uploadDisabled }" :class="{ disabled: uploadDisabled }"
:on-remove="handleRemove" :on-remove="handleRemove"
:before-upload="beforeUpload"
> >
<!-- <img v-if="imageUrl" :src="uploadUrl+imageUrl" style="width: 140px;height: 140px;" class="avatar"> --> <!-- <img v-if="imageUrl" :src="uploadUrl+imageUrl" style="width: 140px;height: 140px;" class="avatar"> -->
<i class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
@ -1020,6 +1022,14 @@ export default {
this.$store.dispatch('dict/cleanDict') this.$store.dispatch('dict/cleanDict')
}) })
}, },
//
beforeUpload(file) {
const isLt5M = file.size / 1024 / 1024 < 5
if (!isLt5M) {
this.$message.error('上传图片大小不能超过 5MB!')
}
return isLt5M
},
}, },
} }
</script> </script>