From d8d26485929406beadbd486dc338930d8d742a12 Mon Sep 17 00:00:00 2001 From: jmal Date: Sat, 25 May 2024 16:46:52 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E5=88=86=E4=BA=AB=E6=93=8D=E4=BD=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/file-api.js | 4 +- src/components/ShareDialog/index.vue | 173 ++++++++++++++++++--------- src/components/ShowFile/ShowFile.vue | 13 +- src/views/share/index.vue | 23 +++- 4 files changed, 153 insertions(+), 60 deletions(-) diff --git a/src/api/file-api.js b/src/api/file-api.js index 60be654..1126801 100644 --- a/src/api/file-api.js +++ b/src/api/file-api.js @@ -241,9 +241,9 @@ export default { }) }, // 获取分享信息 - getShare: function(params) { + getShareByFileId: function(params) { return request({ - url: '/get/share', + url: '/get/share/by/fileId', method: 'get', params }) diff --git a/src/components/ShareDialog/index.vue b/src/components/ShareDialog/index.vue index 679267f..04e7ea0 100644 --- a/src/components/ShareDialog/index.vue +++ b/src/components/ShareDialog/index.vue @@ -28,23 +28,32 @@ 到期时间   - - - - + + + + + 分享形式 + + + + + + + + @@ -89,6 +98,7 @@
+ 取消分享 创建分享 @@ -202,7 +212,8 @@ export default { shared: false, linkLabel: "选择有效期", }, - filename: '',// 文件名 + filename: '', + shareId: '' } }, computed: { @@ -221,23 +232,17 @@ export default { }).then(res => { this.filename = res.data.path + this.file.name }) - - this.shareOptionConfig.shared = true - this.shareOptionConfig.linkLabel = '分享链接' - this.setShareLink(this.getShareLink(this.file.shareId)) - this.shareOption.isPrivacy = this.file.isPrivacy - this.shareOption.operationPermissionList = this.file.operationPermissionList || [] - if (this.file.expireDate) { - this.shareOption.expiresDate = moment(this.file.expireDate).format('x') - } - this.shareOption.expiresDateOption = 2 - this.extractionCode = this.file.extractionCode + this.showSharedPage(this.file) } else { - this.shareOptionConfig.shared = false - this.shareOptionConfig.linkLabel = '选择有效期' - this.shareOption.isPrivacy = false - this.shareOption.expiresDate = null - this.shareOption.expiresDateOption = 1 + if (this.file.shareBase) { + api.getShareByFileId({fileId: this.file.fileId}).then(res => { + const shareObject = res.data + shareObject.shareId = res.data.id + this.showSharedPage(shareObject) + }) + } else { + this.showNotSharedPage() + } } } } @@ -256,6 +261,26 @@ export default { console.error(error) }) }, + showSharedPage(shareObject) { + this.shareOptionConfig.shared = true + this.shareOptionConfig.linkLabel = '分享链接' + this.setShareLink(this.getShareLink(shareObject.shareId)) + this.shareOption.isPrivacy = shareObject.isPrivacy + this.shareOption.operationPermissionList = shareObject.operationPermissionList || [] + if (shareObject.expireDate) { + this.shareOption.expiresDate = moment(shareObject.expireDate).format('x') + } + this.shareOption.expiresDateOption = 2 + this.extractionCode = shareObject.extractionCode + this.shareId = shareObject.shareId + }, + showNotSharedPage() { + this.shareOptionConfig.shared = false + this.shareOptionConfig.linkLabel = '选择有效期' + this.shareOption.isPrivacy = false + this.shareOption.expiresDate = null + this.shareOption.expiresDateOption = 1 + }, shareDialogClose() { this.shareOptionConfig.shared = false this.$emit('update:status', this.shareDialogVisible) @@ -272,9 +297,31 @@ export default { this.shareOption.expiresDate = null } if (this.shareOptionConfig.shared) { - this.createShare(true) + this.createShare('pickerChange') } }, + // 切换分享形式 + shareFormChange() { + this.createShare('shareFormChange') + }, + // 取消分享 + cancelShare() { + let title = '确定要取消分享 "' + this.filename + '" 吗?' + this.$confirm(title, '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + api.cancelShareLink({ + userId: this.$store.state.user.userId, + shareId: [this.shareId] + }).then(() => { + this.$emit('onCancelShare') + this.shareDialogVisible = false + this.shareDialogClose() + }) + }) + }, submitShare() { this.$refs.form.validate((valid) => { if (valid) { @@ -303,6 +350,9 @@ export default { break case 2: if (this.shareOption.expiresDate) { + if (typeof this.shareOption.expiresDate === 'string') { + this.shareOption.expiresDate = Number(this.shareOption.expiresDate) + } expireDate = this.timeFormat(this.shareOption.expiresDate) } } @@ -317,6 +367,7 @@ export default { if (res.data) { let {shareId, extractionCode, operationPermissionList} = res.data this.setShareLink(this.getShareLink(shareId)) + this.shareId = shareId this.generateShareLinkLoading = false this.shareOptionConfig.shared = true this.shareOption.expiresDateOption = 2 @@ -324,23 +375,38 @@ export default { this.extractionCode = extractionCode this.shareOption.operationPermissionList = operationPermissionList || [] this.$emit('onSuccess', shareId) - if (update) { - if (!expireDate) { - expireDate = '永久有效' - } - this.$emit("onUpdateExpireData", shareId, expireDate); - this.$message({ - duration: 3000, - dangerouslyUseHTMLString: true, - iconClass: 'el-icon-success', - message: '  有效期已设置为: ' + expireDate + ' ' - }); + if (update === 'pickerChange') { + this.afterPickerChange(shareId, expireDate) + } + if (update === 'shareFormChange') { + this.afterShareFormChange(shareId) } } }).catch(() => { this.generateShareLinkLoading = false }) }, + afterPickerChange (shareId, expireDate) { + if (!expireDate) { + expireDate = '永久有效' + } + this.$emit("onUpdateExpireData", shareId, expireDate); + this.$message({ + duration: 3000, + dangerouslyUseHTMLString: true, + iconClass: 'el-icon-success', + message: '  有效期已设置为: ' + expireDate + ' ' + }); + }, + afterShareFormChange(shareId) { + this.$emit("onUpdateShareForm", shareId, this.shareOption.isPrivacy); + this.$message({ + duration: 3000, + dangerouslyUseHTMLString: true, + iconClass: 'el-icon-success', + message: '  链接已设置为: ' + (this.shareOption.isPrivacy ? '私密链接' : '公开链接') + ' ' + }); + }, // 复制分享链接 copyShareLink(msg) { let clipboard = new Clipboard('.tag-share-link') @@ -370,7 +436,7 @@ export default {