scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix quarterlyresults

Browse Source
This commit is contained in:
张 元山 2025-05-26 14:11:56 +08:00
parent e052d59c2b
commit ce58c9886e
4 changed files with 110 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/financialinformation/quarterlyresults/size1440/index.vue
View File

@ -25,13 +25,17 @@
class="result-item" class="result-item"
> >
<div class="content"> <div class="content">
<a :href="item.url" class="result-title subtitle">{{ item.title }}</a> <p class="result-title subtitle">{{ item.title }}</p>
<p class="result-description content-text">{{ item.description }}</p> <p class="result-description content-text">{{ item.description }}</p>
</div> </div>
<div class="pdf-icon">
<a :href="item.url" target="_blank"> <div
<img src="@/assets/image/pdf.png" alt="PDF" /> class="pdf-icon"
</a> @click="downloadPdf(item.url)"
style="color: #2979ff; cursor: pointer"
>
<img src="@/assets/image/pdf.png" alt="PDF" />
{{ t("financialinformation.quarterlyresults.download") }}
</div> </div>
</div> </div>
</div> </div>
@ -341,6 +345,31 @@ const handleSearch = () => {
// 搜索处理逻辑 // 搜索处理逻辑
console.log("搜索:", searchQuery.value); console.log("搜索:", searchQuery.value);
}; };
const downloadPdf = async (pdfResource, filename = "") => {
try {
// 获取PDF文件
const response = await fetch(pdfResource);
const blob = await response.blob();
// 创建Blob URL
const blobUrl = URL.createObjectURL(blob);
// 创建下载链接
const a = document.createElement("a");
a.href = blobUrl;
a.download = filename || pdfResource.split("/").pop() || "download.pdf";
// 触发下载
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
// 释放Blob URL
URL.revokeObjectURL(blobUrl);
} catch (error) {
console.error("下载PDF文件失败:", error);
}
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.title { .title {
@ -387,7 +416,7 @@ const handleSearch = () => {
.result-item { .result-item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: center;
padding: 15px 0; padding: 15px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -401,10 +430,6 @@ const handleSearch = () => {
text-decoration: none; text-decoration: none;
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
&:hover {
text-decoration: underline;
}
} }
.result-description { .result-description {

45
src/views/financialinformation/quarterlyresults/size1920/index.vue
View File

@ -25,13 +25,16 @@
class="result-item" class="result-item"
> >
<div class="content"> <div class="content">
<a :href="item.url" class="result-title subtitle">{{ item.title }}</a> <p class="result-title subtitle">{{ item.title }}</p>
<p class="result-description content-text">{{ item.description }}</p> <p class="result-description content-text">{{ item.description }}</p>
</div> </div>
<div class="pdf-icon"> <div
<a :href="item.url" target="_blank"> class="pdf-icon"
<img src="@/assets/image/pdf.png" alt="PDF" /> @click="downloadPdf(item.url)"
</a> style="color: #2979ff; cursor: pointer"
>
<img src="@/assets/image/pdf.png" alt="PDF" />
{{ t("financialinformation.quarterlyresults.download") }}
</div> </div>
</div> </div>
</div> </div>
@ -341,6 +344,32 @@ const handleSearch = () => {
// 搜索处理逻辑 // 搜索处理逻辑
console.log("搜索:", searchQuery.value); console.log("搜索:", searchQuery.value);
}; };
const downloadPdf = async (pdfResource, filename = "") => {
try {
// 获取PDF文件
const response = await fetch(pdfResource);
const blob = await response.blob();
// 创建Blob URL
const blobUrl = URL.createObjectURL(blob);
// 创建下载链接
const a = document.createElement("a");
a.href = blobUrl;
a.download = filename || pdfResource.split("/").pop() || "download.pdf";
// 触发下载
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
// 释放Blob URL
URL.revokeObjectURL(blobUrl);
} catch (error) {
console.error("下载PDF文件失败:", error);
}
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.title { .title {
@ -387,7 +416,7 @@ const handleSearch = () => {
.result-item { .result-item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: center;
padding: 15px 0; padding: 15px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -401,10 +430,6 @@ const handleSearch = () => {
text-decoration: none; text-decoration: none;
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
&:hover {
text-decoration: underline;
}
} }
.result-description { .result-description {

70
src/views/financialinformation/quarterlyresults/size375/index.vue
View File

@ -36,7 +36,7 @@
<img <img
src="@/assets/image/download.svg" src="@/assets/image/download.svg"
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
@click="handleDownload(item.url)" @click="downloadPdf(item.url)"
/> />
</div> </div>
</div> </div>
@ -345,55 +345,29 @@ const handleSearch = () => {
console.log("搜索:", searchQuery.value); console.log("搜索:", searchQuery.value);
}; };
const handleDownload = (url) => { const downloadPdf = async (pdfResource, filename = "") => {
// 下载处理逻辑 try {
console.log("下载:", url); // 获取PDF文件
const response = await fetch(pdfResource);
const blob = await response.blob();
// 创建一个隐藏的a元素 // 创建Blob URL
const link = document.createElement("a"); const blobUrl = URL.createObjectURL(blob);
link.href = url;
// 修复文件名提取逻辑 // 创建下载链接
let fileName = url.split("/").pop(); const a = document.createElement("a");
// 移除可能存在的查询参数 a.href = blobUrl;
if (fileName.includes("?") || fileName.includes("_t=")) { a.download = filename || pdfResource.split("/").pop() || "download.pdf";
fileName = fileName.split(/[?_]/)[0];
}
link.download = fileName;
link.target = "_blank";
// 对于移动设备，我们需要特殊处理 // 触发下载
const isMobile = document.body.appendChild(a);
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( a.click();
navigator.userAgent document.body.removeChild(a);
);
if (isMobile) { // 释放Blob URL
// 在移动设备上，可能需要使用fetch下载文件并创建blob URL.revokeObjectURL(blobUrl);
fetch(url) } catch (error) {
.then((response) => response.blob()) console.error("下载PDF文件失败:", error);
.then((blob) => {
const objectUrl = URL.createObjectURL(blob);
link.href = objectUrl;
document.body.appendChild(link);
link.click();
// 清理
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(objectUrl);
}, 100);
})
.catch((error) => {
console.error("下载文件时出错:", error);
// 如果fetch失败，回退到window.open
window.open(url, "_blank");
});
} else {
// 桌面设备上直接点击链接
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
} }
}; };
</script> </script>
@ -475,10 +449,6 @@ const handleDownload = (url) => {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 92px; font-size: 92px;
font-weight: 600; font-weight: 600;
&:hover {
text-decoration: underline;
}
} }
.result-description { .result-description {

70
src/views/financialinformation/quarterlyresults/size768/index.vue
View File

@ -36,7 +36,7 @@
<img <img
src="@/assets/image/download.svg" src="@/assets/image/download.svg"
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
@click="handleDownload(item.url)" @click="downloadPdf(item.url)"
/> />
</div> </div>
</div> </div>
@ -345,55 +345,29 @@ const handleSearch = () => {
console.log("搜索:", searchQuery.value); console.log("搜索:", searchQuery.value);
}; };
const handleDownload = (url) => { const downloadPdf = async (pdfResource, filename = "") => {
// 下载处理逻辑 try {
console.log("下载:", url); // 获取PDF文件
const response = await fetch(pdfResource);
const blob = await response.blob();
// 创建一个隐藏的a元素 // 创建Blob URL
const link = document.createElement("a"); const blobUrl = URL.createObjectURL(blob);
link.href = url;
// 修复文件名提取逻辑 // 创建下载链接
let fileName = url.split("/").pop(); const a = document.createElement("a");
// 移除可能存在的查询参数 a.href = blobUrl;
if (fileName.includes("?") || fileName.includes("_t=")) { a.download = filename || pdfResource.split("/").pop() || "download.pdf";
fileName = fileName.split(/[?_]/)[0];
}
link.download = fileName;
link.target = "_blank";
// 对于移动设备，我们需要特殊处理 // 触发下载
const isMobile = document.body.appendChild(a);
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( a.click();
navigator.userAgent document.body.removeChild(a);
);
if (isMobile) { // 释放Blob URL
// 在移动设备上，可能需要使用fetch下载文件并创建blob URL.revokeObjectURL(blobUrl);
fetch(url) } catch (error) {
.then((response) => response.blob()) console.error("下载PDF文件失败:", error);
.then((blob) => {
const objectUrl = URL.createObjectURL(blob);
link.href = objectUrl;
document.body.appendChild(link);
link.click();
// 清理
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(objectUrl);
}, 100);
})
.catch((error) => {
console.error("下载文件时出错:", error);
// 如果fetch失败，回退到window.open
window.open(url, "_blank");
});
} else {
// 桌面设备上直接点击链接
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
} }
}; };
</script> </script>
@ -475,10 +449,6 @@ const handleDownload = (url) => {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 50px; font-size: 50px;
font-weight: 600; font-weight: 600;
&:hover {
text-decoration: underline;
}
} }
.result-description { .result-description {