From 0c70ba96934b3ba6686eb0721b1d0f7aae60146e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E6=99=93=E7=90=AA?= Date: Fri, 16 Sep 2022 17:01:27 +0800 Subject: [PATCH] =?UTF-8?q?app2.0=20=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=90=8D=E7=A7=B0=E5=9B=9E=E6=98=BE=20?= =?UTF-8?q?=E5=8C=BA=E5=88=86=E9=9D=9E=E5=9B=BE=E7=89=87=E5=AE=9E=E7=8E=B0?= =?UTF-8?q?=E4=B8=8B=E8=BD=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/learun-app/upload-file.vue | 110 +++++++++++------- 1 file changed, 68 insertions(+), 42 deletions(-) diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/learun-app/upload-file.vue b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/learun-app/upload-file.vue index a7f9b272c..9d1a0b39d 100644 --- a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/learun-app/upload-file.vue +++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/learun-app/upload-file.vue @@ -21,11 +21,14 @@ - + + + {{file.name}} + @@ -63,7 +66,10 @@ export default { return ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf'].includes(typeString) }, - delFile(index) { + async delFile(index) { + if (!(await this.CONFIRM('删除文件', '确定要删除该文件吗?', true))) { + return + } const newList = JSON.parse(JSON.stringify(this.value)) newList.splice(index, 1) this.$emit('input', newList) @@ -121,47 +127,52 @@ export default { }, async fileClick(index) { - if(typeof this.value[index] == "string"){ - uni.previewImage({ urls: this.value.filter(item=>typeof this.value[index] == "string"), current: this.value[index] }) - return - } + // if(typeof this.value[index] == "string"){ + // uni.previewImage({ urls: this.value.filter(item=>typeof this.value[index] == "string"), current: this.value[index] }) + // return + // } const { path, type, uid, size = 0 } = this.value[index] - if (this.isImgFile(type)) { - uni.previewImage({ urls: [path], current: path }) - } else if (this.isDocFile(type)) { - // #ifndef H5 || MP-DINGTALK - if (size >= 50 * 1024 * 1024) { - this.TOAST('小程序端无法下载超过50MB的文件,此文件大小为${size}KB,超过限制') - return - } - // #endif - - // #ifndef MP-DINGTALK - const tempFilePath = await this.HTTP_DOWNLOAD(uid) - uni.openDocument({ filePath: tempFilePath, fileType: type }) - // #endif - - // #ifdef MP-DINGTALK - this.TOAST('钉钉小程序只支持查看图片文件') - // #endif - } else { - // #ifndef MP-DINGTALK - this.TOAST('小程序端只支持打开图片和文档(word、pdf等)文件') - // #endif - - // #ifdef MP-DINGTALK - this.TOAST('钉钉小程序只支持查看图片文件') - // #endif - - // #ifdef APP-VUE - const tempFilePath = await this.HTTP_DOWNLOAD(uid) - uni.openDocument({ filePath: tempFilePath, fileType: type }) - // #endif - - // #ifdef H5 - await this.HTTP_DOWNLOAD(uid) - // #endif - } + if (this.isImgFile(type)) { + uni.previewImage({ urls: [path], current: path }) + }else{ + uni.openDocument({ filePath: path, fileType: type }) + } + // if (this.isImgFile(type)) { + // uni.previewImage({ urls: [path], current: path }) + // } else if (this.isDocFile(type)) { + // // #ifndef H5 || MP-DINGTALK + // if (size >= 50 * 1024 * 1024) { + // this.TOAST('小程序端无法下载超过50MB的文件,此文件大小为${size}KB,超过限制') + // return + // } + // // #endif + + // // #ifndef MP-DINGTALK + // const tempFilePath = await this.HTTP_DOWNLOAD(uid) + // uni.openDocument({ filePath: tempFilePath, fileType: type }) + // // #endif + + // // #ifdef MP-DINGTALK + // this.TOAST('钉钉小程序只支持查看图片文件') + // // #endif + // } else { + // // #ifndef MP-DINGTALK + // this.TOAST('小程序端只支持打开图片和文档(word、pdf等)文件') + // // #endif + + // // #ifdef MP-DINGTALK + // this.TOAST('钉钉小程序只支持查看图片文件') + // // #endif + + // // #ifdef APP-VUE + // const tempFilePath = await this.HTTP_DOWNLOAD(uid) + // uni.openDocument({ filePath: tempFilePath, fileType: type }) + // // #endif + + // // #ifdef H5 + // await this.HTTP_DOWNLOAD(uid) + // // #endif + // } } } } @@ -172,6 +183,21 @@ export default { line-height: 100%; position: static; } +.fileName{ + padding: 2px 2px; + margin-bottom: 2px; + text-align: center; + position: absolute; + bottom: 0px; + width: 100%; + background: rgba(0,0,0,0.2); + color: #fff; + font-size: 12px; + + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} .mask{ position: absolute; top: 0;left: 0;