From fc81616118f96458b863cb047b47bd99dec48d95 Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Mon, 25 May 2026 09:14:27 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E4=B8=8B=E8=BD=BD=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Copilot <copilot@github.com>
---
 src/views/fileList/list.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/views/fileList/list.vue b/src/views/fileList/list.vue
index dd7fc98..bc76a4a 100644
--- a/src/views/fileList/list.vue
+++ b/src/views/fileList/list.vue
@@ -63,7 +63,7 @@
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300">
           <template #default="scope">
             <el-button type="primary" @click="handlePlay(scope.row)">播放</el-button>
-            <el-button type="primary" @click="handleUpload(scope.row)">下载至本地</el-button>
+            <el-button type="primary" @click="handleDown(scope.row)">下载至本地</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -88,6 +88,7 @@
 
 <script setup name="Demo" lang="ts">
 import { listDemo, getDemo, delDemo, addDemo, updateDemo } from '@/api/fileList/index';
+import { download } from '@/utils/request';
 //import { DemoVO, DemoQuery, DemoForm } from '@/api/demo/demo/types';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -101,6 +102,7 @@ const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 const monitorVideoUrl = ref();
+const downloadUrl = ref();
 
 const queryFormRef = ref<ElFormInstance>();
 const demoFormRef = ref<ElFormInstance>();
@@ -202,13 +204,26 @@ const handlePlay = async (row?: any) => {
   monitorVideoUrl.value = row.videoUrl;
   dialog.visible = true;
 };
-const handleUpload = async (row?: any) => {
+const handleDown = async (row?: any) => {
   if (!row || !row.zipUrl) {
     proxy?.$modal.msgError('下载地址不存在');
     return;
   }
-  proxy?.$download.zip(row.zipUrl, row.zipUrl);
-  console.log('点击下载');
+  const fileName = row.videoName || `file_${new Date().getTime()}.zip`;
+  //console.log(row, fileName);
+
+  // 1. 创建隐藏的 a 元素
+  const link = document.createElement('a');
+  link.href = row.zipUrl; // 文件路径
+  link.download = fileName; // 指定下载的文件名
+  link.style.display = 'none';
+
+  // 2. 挂载到 DOM 并模拟点击
+  document.body.appendChild(link);
+  link.click();
+
+  // 3. 移除元素，保持页面整洁
+  document.body.removeChild(link);
 };
 
 /** 提交按钮 */