| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" class-name="operation-btns"> |
| | | <template v-slot="{ row }"> |
| | | <el-link @click="seeOnlineWord(item)">查看</el-link> |
| | | <el-link @click="seeOnlineWord(row)">查看</el-link> |
| | | <el-link @click="openForm(row)">在线编辑</el-link> |
| | | <el-link @click="handleDelete(row)">删除</el-link> |
| | | </template> |
| | |
| | | </template> |
| | | </el-dialog> |
| | | <PreviewFiles v-model="previewVisible" :src="searchUrl" type="docx"/> |
| | | <el-image v-if="previewVisibleImg" :src="searchUrl" fit="contain" style="height: 100%;width: 100%" /> |
| | | <!-- <el-image v-if="previewVisibleImg" :src="searchUrl" fit="contain" style="height: 100%;width: 100%" /> --> |
| | | <el-image-viewer |
| | | v-if="previewVisibleImg" |
| | | :url-list="[searchUrl]" |
| | | @close="previewVisibleImg = false" |
| | | ></el-image-viewer> |
| | | </basic-container> |
| | | </template> |
| | | <script setup> |
| | |
| | | loading.value = true |
| | | try { |
| | | const res = await fjPageApi({ ...searchParams.value }) |
| | | console.log(res?.data?.data?.records,'888') |
| | | list.value = res?.data?.data?.records ?? [] |
| | | console.log(list.value,'999') |
| | | total.value = res?.data?.data?.total ?? 0 |
| | | } finally { |
| | | loading.value = false |
| | |
| | | } |
| | | |
| | | // 在线查看文档 |
| | | function seeOnlineWord(item) { |
| | | console.log(item.link,'9999') |
| | | if (!item.link) { |
| | | ElMessage.error('文档链接不存在') |
| | | function seeOnlineWord(row) { |
| | | // 获取点之后的文件格式名 |
| | | const fileType = row?.link?.split('.').pop() || '' |
| | | if (!row.link) { |
| | | ElMessage.warning('文件链接不存在') |
| | | return |
| | | } else if (!item.link.includes('docx') && !item.link.includes('pdf') && !item.link.includes('png') && !item.link.includes('jpg')) { |
| | | ElMessage.error('可进行下载观看!') |
| | | } else if (!row.link.includes('docx') && !row.link.includes('pdf') && !row.link.includes('png') && !row.link.includes('jpg')) { |
| | | ElMessage.warning(`${fileType}文件格式,可以下载再查看`) |
| | | return |
| | | } else if (item.link.includes('png') || item.link.includes('jpg')) { |
| | | } else if (row.link.includes('png') || row.link.includes('jpg')) { |
| | | previewVisibleImg.value = true |
| | | searchUrl.value = item.link |
| | | searchUrl.value = row.link |
| | | return |
| | | } else if (item.link.includes('docx') || item.link.includes('pdf')) { |
| | | } else if (row.link.includes('docx') || row.link.includes('pdf')) { |
| | | previewVisible.value = true |
| | | searchUrl.value = item.link |
| | | searchUrl.value = row.link |
| | | return |
| | | } |
| | | } |
| | |
| | | async function handleDownload() { |
| | | // 如果是勾选一个可以直接下载,超过一个打包下载 |
| | | // 依次下载每个文件(添加延迟以避免浏览器限制) |
| | | if (selectedFiles.value.length === 0) { |
| | | ElMessage.warning('请选择要下载的文件') |
| | | return |
| | | } |
| | | selectedFiles.value.forEach((file, index) => { |
| | | setTimeout(() => { |
| | | if (file.link) { |