refactor: 文件上传超过限制时禁止按钮

This commit is contained in:
CaptainB 2024-12-03 17:51:21 +08:00
parent 5d86265ac8
commit 12a263c69b

View File

@ -93,7 +93,7 @@
}} }}
</div> </div>
</template> </template>
<el-button text> <el-button text :disabled="checkMaxFilesLimit()">
<el-icon><Paperclip /></el-icon> <el-icon><Paperclip /></el-icon>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
@ -223,6 +223,10 @@ const getAcceptList = () => {
return accepts.map((ext: any) => '.' + ext).join(',') return accepts.map((ext: any) => '.' + ext).join(',')
} }
const checkMaxFilesLimit = () => {
return props.applicationDetails.file_upload_setting.maxFiles <= (uploadImageList.value.length + uploadDocumentList.value.length)
}
const uploadFile = async (file: any, fileList: any) => { const uploadFile = async (file: any, fileList: any) => {
const { maxFiles, fileLimit } = props.applicationDetails.file_upload_setting const { maxFiles, fileLimit } = props.applicationDetails.file_upload_setting
// //