新增复制单个链接功能,优化批次下载对话框逻辑,提升用户体验
This commit is contained in:
@@ -451,6 +451,14 @@
|
|||||||
<el-icon><Download /></el-icon>
|
<el-icon><Download /></el-icon>
|
||||||
立即下载
|
立即下载
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="batchDownloadDialog.count === 1"
|
||||||
|
type="success"
|
||||||
|
@click="copyCurrentBatchSingleLink"
|
||||||
|
>
|
||||||
|
<el-icon><DocumentCopy /></el-icon>
|
||||||
|
复制
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -571,7 +579,8 @@ const batchDownloadDialog = reactive({
|
|||||||
visible: false,
|
visible: false,
|
||||||
downloading: false,
|
downloading: false,
|
||||||
batchId: '',
|
batchId: '',
|
||||||
count: 0
|
count: 0,
|
||||||
|
singleCodeNo: ''
|
||||||
})
|
})
|
||||||
|
|
||||||
// 状态选项
|
// 状态选项
|
||||||
@@ -630,7 +639,8 @@ const handleGenerate = async () => {
|
|||||||
|
|
||||||
// 弹出批次下载对话框
|
// 弹出批次下载对话框
|
||||||
if (result && result.batchId && result.codeNos && result.codeNos.length > 0) {
|
if (result && result.batchId && result.codeNos && result.codeNos.length > 0) {
|
||||||
showBatchDownloadDialog(result.batchId, result.codeNos.length)
|
const maybeSingle = result.codeNos.length === 1 ? result.codeNos[0] : ''
|
||||||
|
showBatchDownloadDialog(result.batchId, result.codeNos.length, maybeSingle)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 重置表单
|
// 重置表单
|
||||||
@@ -971,10 +981,11 @@ const closeBatchDeleteByStatusDialog = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 批次下载对话框相关方法
|
// 批次下载对话框相关方法
|
||||||
const showBatchDownloadDialog = (batchId, count) => {
|
const showBatchDownloadDialog = (batchId, count, singleCodeNo = '') => {
|
||||||
batchDownloadDialog.visible = true
|
batchDownloadDialog.visible = true
|
||||||
batchDownloadDialog.batchId = batchId
|
batchDownloadDialog.batchId = batchId
|
||||||
batchDownloadDialog.count = count
|
batchDownloadDialog.count = count
|
||||||
|
batchDownloadDialog.singleCodeNo = singleCodeNo
|
||||||
batchDownloadDialog.downloading = false
|
batchDownloadDialog.downloading = false
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -983,6 +994,7 @@ const closeBatchDownloadDialog = () => {
|
|||||||
batchDownloadDialog.batchId = ''
|
batchDownloadDialog.batchId = ''
|
||||||
batchDownloadDialog.count = 0
|
batchDownloadDialog.count = 0
|
||||||
batchDownloadDialog.downloading = false
|
batchDownloadDialog.downloading = false
|
||||||
|
batchDownloadDialog.singleCodeNo = ''
|
||||||
}
|
}
|
||||||
|
|
||||||
const downloadCurrentBatch = async () => {
|
const downloadCurrentBatch = async () => {
|
||||||
@@ -1038,6 +1050,13 @@ const downloadCurrentBatch = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 复制本次单个链接
|
||||||
|
const copyCurrentBatchSingleLink = async () => {
|
||||||
|
if (batchDownloadDialog.count !== 1 || !batchDownloadDialog.singleCodeNo) return
|
||||||
|
const url = generateLinkUrl(batchDownloadDialog.singleCodeNo)
|
||||||
|
await copyToClipboard(url)
|
||||||
|
}
|
||||||
|
|
||||||
const handleBatchDeleteByStatus = async () => {
|
const handleBatchDeleteByStatus = async () => {
|
||||||
try {
|
try {
|
||||||
// 表单验证
|
// 表单验证
|
||||||
@@ -1570,6 +1589,13 @@ onUnmounted(() => {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 批次下载对话框按钮区域布局(桌面端) */
|
||||||
|
.batch-download-dialog .dialog-footer {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
.download-content {
|
.download-content {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
@@ -1626,6 +1652,16 @@ onUnmounted(() => {
|
|||||||
.info-text p {
|
.info-text p {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 批次下载对话框按钮区域布局(移动端) */
|
||||||
|
.batch-download-dialog .dialog-footer {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.batch-download-dialog .dialog-footer .el-button {
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
|||||||
Reference in New Issue
Block a user