添加跳转链接
This commit is contained in:
张 元山
parent
fdca54133f
commit
4dbed70a50
@ -183,46 +183,133 @@
|
||||
</div>
|
||||
<div
|
||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
> <div
|
||||
:class="calcQLinkClass('Earnings Release', 'Q1')"
|
||||
@click="handleQClick('Earnings Release', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('Earnings Presentation', 'Q1')"
|
||||
@click="handleQClick('Earnings Presentation', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('Earnings Call', 'Q1')"
|
||||
@click="handleQClick('Earnings Call', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[13px] px-[51px] py-[72px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('10-Q/10-K', 'Q1')"
|
||||
@click="handleQClick('10-Q/10-K', 'Q1')"
|
||||
>
|
||||
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 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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
@ -294,7 +381,7 @@
|
||||
class="bg-[#8B59F7] rounded-[123px] text-[#fff] text-[82px] font-semibold px-[143px] py-[51px] flex items-center"
|
||||
@click="
|
||||
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日",
|
||||
link: "收益公布",
|
||||
imgUrl: imageshow1,
|
||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
||||
linkUrl: "https://spaces.hightail.com/receive/RpIYgWf2p0",
|
||||
},
|
||||
{
|
||||
title: "最近的事件",
|
||||
@ -481,56 +568,132 @@ const state = reactive({
|
||||
date: "2024年3月13日",
|
||||
link: "合并协议-新闻稿最终稿2024年12月3日",
|
||||
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: "股票报价",
|
||||
subTitle: "TradingView的MINM报价",
|
||||
link: "MINM报价",
|
||||
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: [
|
||||
{
|
||||
title: "高级财务人员道德守则",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-for-Senior-Financial-Officers_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "冲突矿产声明",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/docs/MINM-Conflict-Mineral-Report-FY22.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "道德和商业行为准则",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-and-Business-Conduct_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "审计委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Audit-Committe-Charter_Jan-2021.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "举报人政策",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Whistleblower-Policy_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "薪酬委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Compensation-Committee-Charter_Oct-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "关联方交易政策",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Related-Party-Transactions-Policy_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "提名和治理委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Nominating-and-Governance-Committee-Charter_%20Jan-2021.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "2022年多样性矩阵",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/2022%20Diversity%20Matrix.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "2023年多样性矩阵",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/2023%20Diversity%20Matrxi.pdf?hsLang=en",
|
||||
},
|
||||
],
|
||||
activeYear: 2023,
|
||||
@ -626,7 +789,7 @@ const startYearInterval = () => {
|
||||
if (!isPaused.value) {
|
||||
nextYear();
|
||||
}
|
||||
}, 3000);
|
||||
}, 5000);
|
||||
};
|
||||
|
||||
// 切换到下一个年份
|
||||
@ -881,6 +1044,29 @@ const resumeCarouselAnimation = () => {
|
||||
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>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@ -1040,4 +1226,10 @@ const resumeCarouselAnimation = () => {
|
||||
position: relative;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.link-Q {
|
||||
color: #036c85;
|
||||
}
|
||||
.link-Y {
|
||||
color: #036c85;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -168,45 +168,141 @@
|
||||
<div
|
||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('Earnings Release', 'Q1')"
|
||||
@click="handleQClick('Earnings Release', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('Earnings Presentation', 'Q1')"
|
||||
@click="handleQClick('Earnings Presentation', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('Earnings Call', 'Q1')"
|
||||
@click="handleQClick('Earnings Call', 'Q1')"
|
||||
>
|
||||
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
|
||||
class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
|
||||
>
|
||||
<div>Q1</div>
|
||||
<div>Q2</div>
|
||||
<div>Q3</div>
|
||||
<div>Q4</div>
|
||||
<div
|
||||
:class="calcQLinkClass('10-Q/10-K', 'Q1')"
|
||||
@click="handleQClick('10-Q/10-K', 'Q1')"
|
||||
>
|
||||
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 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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
@ -278,7 +374,7 @@
|
||||
class="bg-[#8B59F7] rounded-[60px] text-[#fff] text-[45px] font-semibold px-[103px] py-[27px] flex items-center"
|
||||
@click="
|
||||
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日",
|
||||
link: "收益公布",
|
||||
imgUrl: imageshow1,
|
||||
linkUrl: "https://www.minim.com/investor-relations/financials/",
|
||||
linkUrl: "https://spaces.hightail.com/receive/RpIYgWf2p0",
|
||||
},
|
||||
{
|
||||
title: "最近的事件",
|
||||
@ -461,56 +557,131 @@ const state = reactive({
|
||||
date: "2024年3月13日",
|
||||
link: "合并协议-新闻稿最终稿2024年12月3日",
|
||||
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: "股票报价",
|
||||
subTitle: "TradingView的MINM报价",
|
||||
link: "MINM报价",
|
||||
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: [
|
||||
{
|
||||
title: "高级财务人员道德守则",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-for-Senior-Financial-Officers_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "冲突矿产声明",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/docs/MINM-Conflict-Mineral-Report-FY22.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "道德和商业行为准则",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Code-of-Ethics-and-Business-Conduct_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "审计委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Audit-Committe-Charter_Jan-2021.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "举报人政策",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Whistleblower-Policy_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "薪酬委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Compensation-Committee-Charter_Oct-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "关联方交易政策",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Related-Party-Transactions-Policy_Jan-2022.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "提名和治理委员会章程",
|
||||
link: "",
|
||||
link: "https://hello.minim.com/hubfs/docs/MINM-Nominating-and-Governance-Committee-Charter_%20Jan-2021.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "2022年多样性矩阵",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/2022%20Diversity%20Matrix.pdf?hsLang=en",
|
||||
},
|
||||
{
|
||||
title: "2023年多样性矩阵",
|
||||
link: "",
|
||||
link: "https://hello.minim.co/hubfs/2023%20Diversity%20Matrxi.pdf?hsLang=en",
|
||||
},
|
||||
],
|
||||
activeYear: 2023,
|
||||
@ -606,7 +777,7 @@ const startYearInterval = () => {
|
||||
if (!isPaused.value) {
|
||||
nextYear();
|
||||
}
|
||||
}, 3000);
|
||||
}, 5000);
|
||||
};
|
||||
|
||||
// 切换到下一个年份
|
||||
@ -861,6 +1032,28 @@ const resumeCarouselAnimation = () => {
|
||||
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>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@ -1021,4 +1214,10 @@ const resumeCarouselAnimation = () => {
|
||||
position: relative;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.link-Q {
|
||||
color: #036c85;
|
||||
}
|
||||
.link-Y {
|
||||
color: #036c85;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user