feat: 文件归档功能改为弹窗显示文件列表

- 新增 FileArchiveDialog.vue 弹窗组件，显示项目所有文件
- 弹窗顶部增加下载按钮，点击可打包下载全部文件
- 修改 handleArchive 方法，改为打开弹窗而非直接下载
- 新增 listDownloadUrls API 获取文件列表

src/views/purchase/purchasingrequisition/FileArchiveDialog.vue

@@ -0,0 +1,185 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    title="文件归档"
+    width="900px"
+    destroy-on-close
+    append-to-body
+  >
+    <template #header>
+      <div class="dialog-header">
+        <span class="dialog-title">
+          <el-icon><FolderOpened /></el-icon>
+          文件归档 - {{ purchaseNo || purchaseId }}
+        </span>
+        <el-button
+          type="primary"
+          :loading="downloading"
+          @click="handleDownloadAll"
+        >
+          <el-icon><Download /></el-icon>
+          下载全部文件
+        </el-button>
+      </div>
+    </template>
+
+    <el-table
+      v-loading="loading"
+      :data="fileList"
+      stripe
+      border
+      max-height="500px"
+      class="file-table"
+    >
+      <el-table-column type="index" label="序号" width="60" align="center" />
+      <el-table-column prop="fileTitle" label="文件名称" min-width="250" show-overflow-tooltip>
+        <template #default="{ row }">
+          <div class="file-name">
+            <el-icon class="file-icon"><Document /></el-icon>
+            <span>{{ row.fileTitle }}</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="fileTypeDesc" label="文件类型" width="180" align="center">
+        <template #default="{ row }">
+          <el-tag type="info">{{ row.fileTypeDesc || '未知类型' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="100" align="center" fixed="right">
+        <template #default="{ row }">
+          <el-button
+            type="primary"
+            link
+            icon="Download"
+            @click="handleDownloadFile(row)"
+          >
+            下载
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div v-if="!loading && fileList.length === 0" class="empty-tip">
+      <el-empty description="暂无文件" />
+    </div>
+
+    <template #footer>
+      <el-button @click="visible = false">关闭</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { FolderOpened, Download, Document } from '@element-plus/icons-vue'
+import { useMessage } from '/@/hooks/message'
+import { listDownloadUrls, getArchiveDownloadUrl } from '/@/api/purchase/purchasingrequisition'
+import other from '/@/utils/other'
+
+interface FileItem {
+  id: string
+  fileTitle: string
+  fileType: string
+  fileTypeDesc: string
+  downloadUrl: string
+}
+
+const visible = ref(false)
+const loading = ref(false)
+const downloading = ref(false)
+const purchaseId = ref('')
+const purchaseNo = ref('')
+const fileList = ref<FileItem[]>([])
+
+const open = async (id: string, no?: string) => {
+  purchaseId.value = id || ''
+  purchaseNo.value = no || ''
+  visible.value = true
+  await loadFileList()
+}
+
+const loadFileList = async () => {
+  if (!purchaseId.value) {
+    useMessage().warning('无法获取采购申请ID')
+    return
+  }
+  loading.value = true
+  try {
+    const res = await listDownloadUrls(purchaseId.value)
+    if (res && res.data) {
+      fileList.value = res.data as FileItem[]
+    } else {
+      fileList.value = []
+    }
+  } catch (err: any) {
+    useMessage().error(err?.msg || '获取文件列表失败')
+    fileList.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleDownloadFile = (row: FileItem) => {
+  if (row.downloadUrl) {
+    window.open(row.downloadUrl, '_blank')
+  } else {
+    useMessage().warning('文件下载地址不存在')
+  }
+}
+
+const handleDownloadAll = () => {
+  if (!purchaseId.value) {
+    useMessage().warning('无法获取采购申请ID')
+    return
+  }
+  downloading.value = true
+  try {
+    const url = getArchiveDownloadUrl(purchaseId.value)
+    const fileName = `归档_${purchaseNo.value || purchaseId.value}.zip`
+    other.downBlobFile(url, {}, fileName)
+  } finally {
+    setTimeout(() => {
+      downloading.value = false
+    }, 500)
+  }
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped lang="scss">
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.dialog-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.file-table {
+  width: 100%;
+}
+
+.file-name {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.file-icon {
+  color: #409eff;
+}
+
+.empty-tip {
+  padding: 40px 0;
+}
+</style>