This commit is contained in:
liwenhao 2025-05-26 15:14:50 +08:00
commit b184eba64d
7 changed files with 143 additions and 121 deletions

View File

@ -18,6 +18,7 @@
"axios": "^1.7.3", "axios": "^1.7.3",
"cnjm-postcss-px-to-viewport": "^1.0.1", "cnjm-postcss-px-to-viewport": "^1.0.1",
"countup.js": "^2.8.2", "countup.js": "^2.8.2",
"dayjs": "^1.11.13",
"echarts": "^5.6.0", "echarts": "^5.6.0",
"gsap": "^3.12.5", "gsap": "^3.12.5",
"jsdom": "^24.0.0", "jsdom": "^24.0.0",

View File

@ -29,6 +29,9 @@ importers:
countup.js: countup.js:
specifier: ^2.8.2 specifier: ^2.8.2
version: 2.8.2 version: 2.8.2
dayjs:
specifier: ^1.11.13
version: 1.11.13
echarts: echarts:
specifier: ^5.6.0 specifier: ^5.6.0
version: 5.6.0 version: 5.6.0
@ -2068,6 +2071,9 @@ packages:
date-fns@3.6.0: date-fns@3.6.0:
resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==} resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
dayjs@1.11.13:
resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
debug@4.3.6: debug@4.3.6:
resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==} resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
engines: {node: '>=6.0'} engines: {node: '>=6.0'}
@ -6478,6 +6484,8 @@ snapshots:
date-fns@3.6.0: {} date-fns@3.6.0: {}
dayjs@1.11.13: {}
debug@4.3.6: debug@4.3.6:
dependencies: dependencies:
ms: 2.1.2 ms: 2.1.2

View File

@ -1,6 +1,9 @@
import { ref } from 'vue' import { ref } from 'vue'
import { createGlobalState, useLocalStorage } from '@vueuse/core' import { createGlobalState, useLocalStorage } from '@vueuse/core'
import axios from 'axios' import axios from 'axios'
import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'
import timezone from 'dayjs/plugin/timezone'
export const useStockQuote = createGlobalState(() => { export const useStockQuote = createGlobalState(() => {
const stockQuote = useLocalStorage('stockQuote', { const stockQuote = useLocalStorage('stockQuote', {
@ -26,7 +29,27 @@ const options = {
timeZoneName: 'short' timeZoneName: 'short'
}; };
const formatted = ref(date.toLocaleString('en-US', options)) dayjs.extend(utc)
dayjs.extend(timezone)
const getFormattedFriday = () => {
const now = dayjs().tz('America/New_York')
// 本周五16:00
const thisFriday = now.day() >= 5
? now.day(5).hour(16).minute(0).second(0).millisecond(0)
: now.day(5 - 7).hour(16).minute(0).second(0).millisecond(0)
// 判断当前是否已到本周五16:00
let showFriday
if (now.isAfter(thisFriday)) {
showFriday = thisFriday
} else {
// 上周五16:00
showFriday = thisFriday.subtract(7, 'day')
}
return showFriday.format('MMM D, YYYY, h:mm A [EDT]')
}
const formatted = ref(getFormattedFriday())
const getStockQuate= async()=>{ const getStockQuate= async()=>{
const res = await axios.get('https://saas-test.szjixun.cn/api/chart/forward/test') const res = await axios.get('https://saas-test.szjixun.cn/api/chart/forward/test')
stockQuote.value=res.data stockQuote.value=res.data

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 {

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 {

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
// 使fetchblob 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 {

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
// 使fetchblob 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 {