From 7c86b549b27bd54f6bd5de81c13f8242f91c87ff Mon Sep 17 00:00:00 2001 From: 张诺 <zhang_12370@163.com> Date: 星期一, 16 六月 2025 18:03:27 +0800 Subject: [PATCH] 优化文件上传组件及表格显示 --- src/components/FileUpload/index.vue | 27 ++++++++++++++++++--------- 1 files changed, 18 insertions(+), 9 deletions(-) diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue index b77d2a1..e68df58 100644 --- a/src/components/FileUpload/index.vue +++ b/src/components/FileUpload/index.vue @@ -121,15 +121,15 @@ // 涓婁紶鍓嶆牎妫�鏍煎紡鍜屽ぇ灏� function handleBeforeUpload(file) { // 鏍℃鏂囦欢绫诲瀷 - if (props.fileType.length) { - const fileName = file.name.split('.') - const fileExt = fileName[fileName.length - 1] - const isTypeOk = props.fileType.indexOf(fileExt) >= 0 - if (!isTypeOk) { - proxy.$modal.msgError(`鏂囦欢鏍煎紡涓嶆纭紝璇蜂笂浼�${props.fileType.join("/")}鏍煎紡鏂囦欢!`) - return false - } - } + // if (props.fileType.length) { + // const fileName = file.name.split('.') + // const fileExt = fileName[fileName.length - 1] + // const isTypeOk = props.fileType.indexOf(fileExt) >= 0 + // if (!isTypeOk) { + // proxy.$modal.msgError(`鏂囦欢鏍煎紡涓嶆纭紝璇蜂笂浼�${props.fileType.join("/")}鏍煎紡鏂囦欢!`) + // return false + // } + // } // 鏍℃鏂囦欢鍚嶆槸鍚﹀寘鍚壒娈婂瓧绗� if (file.name.includes(',')) { proxy.$modal.msgError('鏂囦欢鍚嶄笉姝g‘锛屼笉鑳藉寘鍚嫳鏂囬�楀彿!') @@ -237,6 +237,11 @@ .upload-file-uploader { margin-bottom: 5px; } +.upload-file-list { + margin-top: 10px; + max-height: 150px; + overflow-y: auto; +} .upload-file-list .el-upload-list__item { border: 1px solid #e4e7ed; line-height: 2; @@ -249,8 +254,12 @@ justify-content: space-between; align-items: center; color: inherit; + max-height: 20px; } .ele-upload-list__item-content-action .el-link { margin-right: 10px; } +.el-icon-document{ + padding-left: 10px; +} </style> -- Gitblit v1.9.3