添加跳转链接
This commit is contained in:
parent
fdca54133f
commit
4dbed70a50
@ -183,46 +183,133 @@
|
|||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||||
>
|
> <div
|
||||||
<div>Q1</div>
|
:class="calcQLinkClass('Earnings Release', 'Q1')"
|
||||||
<div>Q2</div>
|
@click="handleQClick('Earnings Release', 'Q1')"
|
||||||
<div>Q3</div>
|
>
|
||||||
<div>Q4</div>
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('Earnings Presentation', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('Earnings Presentation', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('Earnings Call', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('Earnings Call', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('10-Q/10-K', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('10-Q/10-K', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q2')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q3')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q4')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]">
|
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]"
|
||||||
|
:class="calcYLinkClass('Annual Report')"
|
||||||
|
@click="handleYClick('Annual Report')">
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]">
|
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]"
|
||||||
|
:class="calcYLinkClass('Annual Meeting')"
|
||||||
|
@click="handleYClick('Annual Meeting')">
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]">
|
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]"
|
||||||
|
:class="calcYLinkClass('Special Shareholder Meeting')"
|
||||||
|
@click="handleYClick('Special Shareholder Meeting')">
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]">
|
<div class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px]"
|
||||||
|
:class="calcYLinkClass('Proxy Statement')"
|
||||||
|
@click="handleYClick('Proxy Statement')">
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -294,7 +381,7 @@
|
|||||||
class="bg-[#8B59F7] rounded-[123px] text-[#fff] text-[82px] font-semibold px-[143px] py-[51px] flex items-center"
|
class="bg-[#8B59F7] rounded-[123px] text-[#fff] text-[82px] font-semibold px-[143px] py-[51px] flex items-center"
|
||||||
@click="
|
@click="
|
||||||
handleLink(
|
handleLink(
|
||||||
'https://www.minim.com/investor-relations/financials/'
|
'https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001467761&owner=include&count=40&hidefilings=0'
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
@ -473,7 +560,7 @@ const state = reactive({
|
|||||||
date: "2023年3月29日",
|
date: "2023年3月29日",
|
||||||
link: "收益公布",
|
link: "收益公布",
|
||||||
imgUrl: imageshow1,
|
imgUrl: imageshow1,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl: "https://spaces.hightail.com/receive/RpIYgWf2p0",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近的事件",
|
title: "最近的事件",
|
||||||
@ -481,56 +568,132 @@ const state = reactive({
|
|||||||
date: "2024年3月13日",
|
date: "2024年3月13日",
|
||||||
link: "合并协议-新闻稿最终稿2024年12月3日",
|
link: "合并协议-新闻稿最终稿2024年12月3日",
|
||||||
imgUrl: imageshow2,
|
imgUrl: imageshow2,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl:
|
||||||
|
"https://hello.minim.co/hubfs/Merger%20Agreement%20-%20Press%20Release%20Final%203-12-2024.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "股票报价",
|
title: "股票报价",
|
||||||
subTitle: "TradingView的MINM报价",
|
subTitle: "TradingView的MINM报价",
|
||||||
link: "MINM报价",
|
link: "MINM报价",
|
||||||
imgUrl: imageshow3,
|
imgUrl: imageshow3,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl:
|
||||||
|
"https://www.tradingview.com/symbols/NASDAQ-MINM/?utm_campaign=single-quote&utm_medium=widget_new&utm_source=ir.minim.com",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
||||||
|
qLink: {
|
||||||
|
"Earnings Release": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2021-Earnings-Release.pdf?hsLang=en",
|
||||||
|
Q2: "https://finance.yahoo.com/news/minim-reports-accelerating-revenue-growth-113000630.html",
|
||||||
|
Q3: "https://www.globenewswire.com/en/news-release/2021/11/02/2325230/0/en/Minim-Reports-Revenue-Growth-of-25.html",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-Earnings-Release.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-Earnings-Results.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-Earnings-Results.pdf?hsLang=en",
|
||||||
|
Q3: "https://finance.yahoo.com/news/minim-reports-third-quarter-2022-123000213.html",
|
||||||
|
Q4: "https://hello.minim.co/hubfs/docs/MINM-Q4-FY22-Earnings-Results.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"Earnings Presentation": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/Minim-Q12021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/Minim-Q22021-Earnings-Presentation-v1.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/Minim-Q3-2021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"Earnings Call": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/Minim-Q1-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"10-Q/10-K": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-2021-10KA-Filing.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-10QA-Filing.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.co/hubfs/docs/MINM-Q2-2022-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.co/hubfs/docs/MINM-Q3-2022-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.co/hubfs/docs/MINM-2022-10K-Filing.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yLink: {
|
||||||
|
"Annual Report": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/docs/MINM-2021-Annual-Report-Restated.pdf?hsLang=en",
|
||||||
|
2022: "https://hello.minim.co/hubfs/docs/MINM-2022-Annual-Report.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
"Annual Meeting": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/investor/Minim-2021-Annual-Meeting.mp4?hsLang=en",
|
||||||
|
2022: "https://east.virtualshareholdermeeting.com/vsm/web?pvskey=MINM2022",
|
||||||
|
},
|
||||||
|
"Special Shareholder Meeting": {
|
||||||
|
2023: "https://central.virtualshareholdermeeting.com/vsm/web?pvskey=MINM2023SM",
|
||||||
|
},
|
||||||
|
"Proxy Statement": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/docs/MINM-2021-Proxy-Statement.pdf?hsLang=en",
|
||||||
|
2022: "https://hello.minim.com/hubfs/docs/MINM-2022-Proxy-Statement.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
linkArr: [
|
linkArr: [
|
||||||
{
|
{
|
||||||
title: "高级财务人员道德守则",
|
title: "高级财务人员道德守则",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-for-Senior-Financial-Officers_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "冲突矿产声明",
|
title: "冲突矿产声明",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/docs/MINM-Conflict-Mineral-Report-FY22.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "道德和商业行为准则",
|
title: "道德和商业行为准则",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-and-Business-Conduct_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "审计委员会章程",
|
title: "审计委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Audit-Committe-Charter_Jan-2021.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "举报人政策",
|
title: "举报人政策",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Whistleblower-Policy_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "薪酬委员会章程",
|
title: "薪酬委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Compensation-Committee-Charter_Oct-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "关联方交易政策",
|
title: "关联方交易政策",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Related-Party-Transactions-Policy_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "提名和治理委员会章程",
|
title: "提名和治理委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Nominating-and-Governance-Committee-Charter_%20Jan-2021.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "2022年多样性矩阵",
|
title: "2022年多样性矩阵",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/2022%20Diversity%20Matrix.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "2023年多样性矩阵",
|
title: "2023年多样性矩阵",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/2023%20Diversity%20Matrxi.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
activeYear: 2023,
|
activeYear: 2023,
|
||||||
@ -626,7 +789,7 @@ const startYearInterval = () => {
|
|||||||
if (!isPaused.value) {
|
if (!isPaused.value) {
|
||||||
nextYear();
|
nextYear();
|
||||||
}
|
}
|
||||||
}, 3000);
|
}, 5000);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 切换到下一个年份
|
// 切换到下一个年份
|
||||||
@ -881,6 +1044,29 @@ const resumeCarouselAnimation = () => {
|
|||||||
carouselAnimation.play();
|
carouselAnimation.play();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleQClick = (type, subType) => {
|
||||||
|
if (state.qLink?.[type]?.[state.activeYear]?.[subType]) {
|
||||||
|
window.open(state.qLink[type][state.activeYear][subType]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const handleYClick = (type) => {
|
||||||
|
if (state.yLink?.[type]?.[state.activeYear]) {
|
||||||
|
window.open(state.yLink[type][state.activeYear]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const calcQLinkClass = (type, subType) => {
|
||||||
|
if (state.qLink?.[type]?.[state.activeYear]?.[subType]) {
|
||||||
|
return "link-Q";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
};
|
||||||
|
const calcYLinkClass = (type) => {
|
||||||
|
if (state.yLink?.[type]?.[state.activeYear]) {
|
||||||
|
return "link-Y";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@ -1040,4 +1226,10 @@ const resumeCarouselAnimation = () => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
will-change: transform, opacity;
|
will-change: transform, opacity;
|
||||||
}
|
}
|
||||||
|
.link-Q {
|
||||||
|
color: #036c85;
|
||||||
|
}
|
||||||
|
.link-Y {
|
||||||
|
color: #036c85;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -168,45 +168,141 @@
|
|||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('Earnings Release', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('Earnings Release', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Release', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Release', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('Earnings Presentation', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('Earnings Presentation', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Presentation', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Presentation', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('Earnings Call', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('Earnings Call', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q2')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q3')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('Earnings Call', 'Q4')"
|
||||||
|
@click="handleQClick('Earnings Call', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||||
>
|
>
|
||||||
<div>Q1</div>
|
<div
|
||||||
<div>Q2</div>
|
:class="calcQLinkClass('10-Q/10-K', 'Q1')"
|
||||||
<div>Q3</div>
|
@click="handleQClick('10-Q/10-K', 'Q1')"
|
||||||
<div>Q4</div>
|
>
|
||||||
|
Q1
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q2')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q2')"
|
||||||
|
>
|
||||||
|
Q2
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q3')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q3')"
|
||||||
|
>
|
||||||
|
Q3
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="calcQLinkClass('10-Q/10-K', 'Q4')"
|
||||||
|
@click="handleQClick('10-Q/10-K', 'Q4')"
|
||||||
|
>
|
||||||
|
Q4
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
|
<div
|
||||||
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]"
|
||||||
|
:class="calcYLinkClass('Annual Report')"
|
||||||
|
@click="handleYClick('Annual Report')"
|
||||||
|
>
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
|
<div
|
||||||
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]"
|
||||||
|
:class="calcYLinkClass('Annual Meeting')"
|
||||||
|
@click="handleYClick('Annual Meeting')"
|
||||||
|
>
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
|
<div
|
||||||
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]"
|
||||||
|
:class="calcYLinkClass('Special Shareholder Meeting')"
|
||||||
|
@click="handleYClick('Special Shareholder Meeting')"
|
||||||
|
>
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
|
<div
|
||||||
|
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]"
|
||||||
|
:class="calcYLinkClass('Proxy Statement')"
|
||||||
|
@click="handleYClick('Proxy Statement')"
|
||||||
|
>
|
||||||
<div>{{ state.activeYear }}年</div>
|
<div>{{ state.activeYear }}年</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -278,7 +374,7 @@
|
|||||||
class="bg-[#8B59F7] rounded-[60px] text-[#fff] text-[45px] font-semibold px-[103px] py-[27px] flex items-center"
|
class="bg-[#8B59F7] rounded-[60px] text-[#fff] text-[45px] font-semibold px-[103px] py-[27px] flex items-center"
|
||||||
@click="
|
@click="
|
||||||
handleLink(
|
handleLink(
|
||||||
'https://www.minim.com/investor-relations/financials/'
|
'https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001467761&owner=include&count=40&hidefilings=0'
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
@ -453,7 +549,7 @@ const state = reactive({
|
|||||||
date: "2023年3月29日",
|
date: "2023年3月29日",
|
||||||
link: "收益公布",
|
link: "收益公布",
|
||||||
imgUrl: imageshow1,
|
imgUrl: imageshow1,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl: "https://spaces.hightail.com/receive/RpIYgWf2p0",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近的事件",
|
title: "最近的事件",
|
||||||
@ -461,56 +557,131 @@ const state = reactive({
|
|||||||
date: "2024年3月13日",
|
date: "2024年3月13日",
|
||||||
link: "合并协议-新闻稿最终稿2024年12月3日",
|
link: "合并协议-新闻稿最终稿2024年12月3日",
|
||||||
imgUrl: imageshow2,
|
imgUrl: imageshow2,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl:
|
||||||
|
"https://hello.minim.co/hubfs/Merger%20Agreement%20-%20Press%20Release%20Final%203-12-2024.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "股票报价",
|
title: "股票报价",
|
||||||
subTitle: "TradingView的MINM报价",
|
subTitle: "TradingView的MINM报价",
|
||||||
link: "MINM报价",
|
link: "MINM报价",
|
||||||
imgUrl: imageshow3,
|
imgUrl: imageshow3,
|
||||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
linkUrl:
|
||||||
|
"https://www.tradingview.com/symbols/NASDAQ-MINM/?utm_campaign=single-quote&utm_medium=widget_new&utm_source=ir.minim.com",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
qLink: {
|
||||||
|
"Earnings Release": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2021-Earnings-Release.pdf?hsLang=en",
|
||||||
|
Q2: "https://finance.yahoo.com/news/minim-reports-accelerating-revenue-growth-113000630.html",
|
||||||
|
Q3: "https://www.globenewswire.com/en/news-release/2021/11/02/2325230/0/en/Minim-Reports-Revenue-Growth-of-25.html",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-Earnings-Release.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-Earnings-Results.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-Earnings-Results.pdf?hsLang=en",
|
||||||
|
Q3: "https://finance.yahoo.com/news/minim-reports-third-quarter-2022-123000213.html",
|
||||||
|
Q4: "https://hello.minim.co/hubfs/docs/MINM-Q4-FY22-Earnings-Results.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"Earnings Presentation": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/Minim-Q12021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/Minim-Q22021-Earnings-Presentation-v1.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/Minim-Q3-2021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2022-Earnings-Presentation.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"Earnings Call": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/Minim-Q1-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-Q4-2021-EarningsCall.mp3?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2022-EarningsCall.mp3?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"10-Q/10-K": {
|
||||||
|
2021: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.com/hubfs/docs/MINM-Q2-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.com/hubfs/docs/MINM-Q3-2021-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.com/hubfs/docs/MINM-2021-10KA-Filing.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
2022: {
|
||||||
|
Q1: "https://hello.minim.com/hubfs/docs/MINM-Q1-2022-10QA-Filing.pdf?hsLang=en",
|
||||||
|
Q2: "https://hello.minim.co/hubfs/docs/MINM-Q2-2022-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q3: "https://hello.minim.co/hubfs/docs/MINM-Q3-2022-10Q-Filing.pdf?hsLang=en",
|
||||||
|
Q4: "https://hello.minim.co/hubfs/docs/MINM-2022-10K-Filing.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yLink: {
|
||||||
|
"Annual Report": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/docs/MINM-2021-Annual-Report-Restated.pdf?hsLang=en",
|
||||||
|
2022: "https://hello.minim.co/hubfs/docs/MINM-2022-Annual-Report.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
"Annual Meeting": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/investor/Minim-2021-Annual-Meeting.mp4?hsLang=en",
|
||||||
|
2022: "https://east.virtualshareholdermeeting.com/vsm/web?pvskey=MINM2022",
|
||||||
|
},
|
||||||
|
"Special Shareholder Meeting": {
|
||||||
|
2023: "https://central.virtualshareholdermeeting.com/vsm/web?pvskey=MINM2023SM",
|
||||||
|
},
|
||||||
|
"Proxy Statement": {
|
||||||
|
2021: "https://hello.minim.com/hubfs/docs/MINM-2021-Proxy-Statement.pdf?hsLang=en",
|
||||||
|
2022: "https://hello.minim.com/hubfs/docs/MINM-2022-Proxy-Statement.pdf?hsLang=en",
|
||||||
|
},
|
||||||
|
},
|
||||||
linkArr: [
|
linkArr: [
|
||||||
{
|
{
|
||||||
title: "高级财务人员道德守则",
|
title: "高级财务人员道德守则",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-for-Senior-Financial-Officers_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "冲突矿产声明",
|
title: "冲突矿产声明",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/docs/MINM-Conflict-Mineral-Report-FY22.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "道德和商业行为准则",
|
title: "道德和商业行为准则",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-and-Business-Conduct_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "审计委员会章程",
|
title: "审计委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Audit-Committe-Charter_Jan-2021.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "举报人政策",
|
title: "举报人政策",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Whistleblower-Policy_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "薪酬委员会章程",
|
title: "薪酬委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Compensation-Committee-Charter_Oct-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "关联方交易政策",
|
title: "关联方交易政策",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Related-Party-Transactions-Policy_Jan-2022.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "提名和治理委员会章程",
|
title: "提名和治理委员会章程",
|
||||||
link: "",
|
link: "https://hello.minim.com/hubfs/docs/MINM-Nominating-and-Governance-Committee-Charter_%20Jan-2021.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "2022年多样性矩阵",
|
title: "2022年多样性矩阵",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/2022%20Diversity%20Matrix.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "2023年多样性矩阵",
|
title: "2023年多样性矩阵",
|
||||||
link: "",
|
link: "https://hello.minim.co/hubfs/2023%20Diversity%20Matrxi.pdf?hsLang=en",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
activeYear: 2023,
|
activeYear: 2023,
|
||||||
@ -606,7 +777,7 @@ const startYearInterval = () => {
|
|||||||
if (!isPaused.value) {
|
if (!isPaused.value) {
|
||||||
nextYear();
|
nextYear();
|
||||||
}
|
}
|
||||||
}, 3000);
|
}, 5000);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 切换到下一个年份
|
// 切换到下一个年份
|
||||||
@ -861,6 +1032,28 @@ const resumeCarouselAnimation = () => {
|
|||||||
carouselAnimation.play();
|
carouselAnimation.play();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
const handleQClick = (type, subType) => {
|
||||||
|
if (state.qLink?.[type]?.[state.activeYear]?.[subType]) {
|
||||||
|
window.open(state.qLink[type][state.activeYear][subType]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const handleYClick = (type) => {
|
||||||
|
if (state.yLink?.[type]?.[state.activeYear]) {
|
||||||
|
window.open(state.yLink[type][state.activeYear]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const calcQLinkClass = (type, subType) => {
|
||||||
|
if (state.qLink?.[type]?.[state.activeYear]?.[subType]) {
|
||||||
|
return "link-Q";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
};
|
||||||
|
const calcYLinkClass = (type) => {
|
||||||
|
if (state.yLink?.[type]?.[state.activeYear]) {
|
||||||
|
return "link-Y";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@ -1021,4 +1214,10 @@ const resumeCarouselAnimation = () => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
will-change: transform, opacity;
|
will-change: transform, opacity;
|
||||||
}
|
}
|
||||||
|
.link-Q {
|
||||||
|
color: #036c85;
|
||||||
|
}
|
||||||
|
.link-Y {
|
||||||
|
color: #036c85;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user