Merge branch 'main' of https://gitea-inner.fontree.cn/scout666/fiee-official-website into LiWenHao
This commit is contained in:
commit
fa00cdd6bc
@ -4,7 +4,7 @@ import { useWindowSize } from '@vueuse/core'
|
|||||||
|
|
||||||
import size375 from '@/components/customHeader/size375/index.vue'
|
import size375 from '@/components/customHeader/size375/index.vue'
|
||||||
import size768 from '@/components/customHeader/size375/index.vue'
|
import size768 from '@/components/customHeader/size375/index.vue'
|
||||||
import size1440 from '@/components/customHeader/size1920/index.vue'
|
import size1440 from '@/components/customHeader/size1440/index.vue'
|
||||||
import size1920 from '@/components/customHeader/size1920/index.vue'
|
import size1920 from '@/components/customHeader/size1920/index.vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
@ -17,9 +17,9 @@ const viewComponent = computed(() => {
|
|||||||
const viewWidth = width.value
|
const viewWidth = width.value
|
||||||
if (viewWidth <= 450) {
|
if (viewWidth <= 450) {
|
||||||
return size375
|
return size375
|
||||||
} else if (viewWidth <= 768) {
|
} else if (viewWidth <= 835) {
|
||||||
return size768
|
return size768
|
||||||
} else if (viewWidth <= 1500) {
|
} else if (viewWidth <= 1640) {
|
||||||
return size1440
|
return size1440
|
||||||
} else if (viewWidth <= 1920 || viewWidth > 1920) {
|
} else if (viewWidth <= 1920 || viewWidth > 1920) {
|
||||||
return size1920
|
return size1920
|
||||||
|
230
src/components/customHeader/size1440/index.vue
Normal file
230
src/components/customHeader/size1440/index.vue
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 通用页头 -->
|
||||||
|
<NLayoutHeader
|
||||||
|
class="custom-header"
|
||||||
|
:class="{ 'header-scrolled': isScrolled }"
|
||||||
|
>
|
||||||
|
<div class="header-container">
|
||||||
|
<div class="logo" @click="handleToHome">
|
||||||
|
<NImage width="160" height="50" :src="FiEELogo" preview-disabled />
|
||||||
|
</div>
|
||||||
|
<div class="header-menu">
|
||||||
|
<NMenu
|
||||||
|
mode="horizontal"
|
||||||
|
:options="menuOptions"
|
||||||
|
:inverted="isScrolled"
|
||||||
|
v-model:value="selectedKey"
|
||||||
|
@update:value="handleMenuSelect"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</NLayoutHeader>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import FiEELogo from '@/assets/image/header/logo.png'
|
||||||
|
import { ref, onMounted, onUnmounted } from 'vue'
|
||||||
|
import { NMenu, NLayoutHeader, NImage } from 'naive-ui'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useHeaderMenuConfig } from '@/config/headerMenuConfig'
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
// 使用统一的菜单配置
|
||||||
|
const menuOptions = useHeaderMenuConfig()
|
||||||
|
const selectedKey = ref(null)
|
||||||
|
|
||||||
|
const isScrolled = ref(false)
|
||||||
|
|
||||||
|
// 递归查找菜单项
|
||||||
|
function findMenuOptionByKey(options, key) {
|
||||||
|
for (const option of options) {
|
||||||
|
if (option.key === key) return option
|
||||||
|
if (option.children) {
|
||||||
|
const found = findMenuOptionByKey(option.children, key)
|
||||||
|
if (found) return found
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
|
// 菜单点击跳转
|
||||||
|
const handleMenuSelect = (key) => {
|
||||||
|
const option = findMenuOptionByKey(menuOptions, key)
|
||||||
|
if (option && option.href) {
|
||||||
|
router.push(option.href)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 监听滚动事件
|
||||||
|
const handleScroll = () => {
|
||||||
|
//滚动距离大于100px时,处理对应的header样式
|
||||||
|
isScrolled.value = window.scrollY >= 100
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('scroll', handleScroll)
|
||||||
|
})
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener('scroll', handleScroll)
|
||||||
|
})
|
||||||
|
|
||||||
|
//点击回到首页
|
||||||
|
const handleToHome = () => {
|
||||||
|
router.push('/myhome')
|
||||||
|
selectedKey.value = null // 重置菜单选中状态
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.custom-header {
|
||||||
|
--header-height: 5rem;
|
||||||
|
--primary-color: #8b59f7;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: transparent;
|
||||||
|
height: var(--header-height);
|
||||||
|
|
||||||
|
&.header-scrolled {
|
||||||
|
background: rgba(220, 207, 248, 0.95);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-container {
|
||||||
|
max-width: 1700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 40px;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
flex-shrink: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
margin-right: 100px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-menu {
|
||||||
|
display: block;
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
:deep(.n-menu) {
|
||||||
|
background: transparent;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.n-menu-item) {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 10px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 700;
|
||||||
|
// font-size: 16px;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
min-width: 120px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-color);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
opacity: 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&::after {
|
||||||
|
width: 80px;
|
||||||
|
height: 3px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 选中状态的样式
|
||||||
|
&.n-menu-item--selected {
|
||||||
|
&::after {
|
||||||
|
width: 40px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 子菜单样式
|
||||||
|
:deep(.n-submenu) {
|
||||||
|
.n-submenu-children {
|
||||||
|
backdrop-filter: blur(16px);
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||||
|
transform-origin: top;
|
||||||
|
animation: dropDown 0.3s ease;
|
||||||
|
|
||||||
|
.n-menu-item {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-color);
|
||||||
|
transform: translateX(-100%);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
opacity: 0.1;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&::before {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes dropDown {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-10px) scale(0.95);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0) scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.header-menu .n-menu .n-menu-item-content .n-menu-item-content-header {
|
||||||
|
word-break: break-word;
|
||||||
|
white-space: unset !important;
|
||||||
|
}
|
||||||
|
.header-menu .n-menu .n-submenu .n-menu-item-content{
|
||||||
|
padding: 0 8px!important;
|
||||||
|
}
|
||||||
|
</style>
|
@ -494,6 +494,7 @@ export default {
|
|||||||
title: "Annual Reports",
|
title: "Annual Reports",
|
||||||
file_name: "File Name",
|
file_name: "File Name",
|
||||||
view: "View",
|
view: "View",
|
||||||
|
date: "Date",
|
||||||
},
|
},
|
||||||
sec: {
|
sec: {
|
||||||
title: "SEC Filings",
|
title: "SEC Filings",
|
||||||
|
@ -60,11 +60,11 @@ const handleSearch = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-date-picker {
|
.search-date-picker {
|
||||||
width: 240px;
|
width: 14rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.n-date-picker) {
|
:deep(.n-date-picker) {
|
||||||
width: 240px;
|
width: 14rem;
|
||||||
.n-input__input {
|
.n-input__input {
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
@ -42,7 +42,6 @@
|
|||||||
import { ref, watch, onMounted, computed, reactive } from "vue";
|
import { ref, watch, onMounted, computed, reactive } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
|
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
|
||||||
import annualPdf2024 from "@/assets/file/2024 Annual Report.pdf";
|
|
||||||
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
|
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
|
||||||
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
|
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
@ -56,11 +55,6 @@ const state = reactive({
|
|||||||
"Unaudited First Quarter and Full Year 2025 Financial Results",
|
"Unaudited First Quarter and Full Year 2025 Financial Results",
|
||||||
url: quarterlyPdf2025Q1,
|
url: quarterlyPdf2025Q1,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "2024 Annual Report",
|
|
||||||
description: "Annual Report for the year ended December 31, 2024",
|
|
||||||
url: annualPdf2024,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "2023 Q1 Quarterly Results",
|
title: "2023 Q1 Quarterly Results",
|
||||||
description: "First Quarter and Full Year 2023 Financial Results",
|
description: "First Quarter and Full Year 2023 Financial Results",
|
||||||
|
@ -54,7 +54,6 @@ import { NButton, NInput, NTooltip } from "naive-ui";
|
|||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
|
|
||||||
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
|
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
|
||||||
import annualPdf2024 from "@/assets/file/2024 Annual Report.pdf";
|
|
||||||
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
|
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
|
||||||
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
|
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
@ -68,11 +67,6 @@ const state = reactive({
|
|||||||
"Unaudited First Quarter and Full Year 2025 Financial Results",
|
"Unaudited First Quarter and Full Year 2025 Financial Results",
|
||||||
url: quarterlyPdf2025Q1,
|
url: quarterlyPdf2025Q1,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "2024 Annual Report",
|
|
||||||
description: "Annual Report for the year ended December 31, 2024",
|
|
||||||
url: annualPdf2024,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "2023 Q1 Quarterly Results",
|
title: "2023 Q1 Quarterly Results",
|
||||||
description: "First Quarter and Full Year 2023 Financial Results",
|
description: "First Quarter and Full Year 2023 Financial Results",
|
||||||
|
@ -31,6 +31,9 @@
|
|||||||
t("financialinformation.secfilings.annual_reports.file_name")
|
t("financialinformation.secfilings.annual_reports.file_name")
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="column date">
|
||||||
|
{{ t("financialinformation.secfilings.annual_reports.date") }}
|
||||||
|
</div>
|
||||||
<div class="column download"></div>
|
<div class="column download"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -42,6 +45,7 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<div class="column file-name">{{ report.fileName }}</div>
|
<div class="column file-name">{{ report.fileName }}</div>
|
||||||
|
<div class="column date">{{ report.date }}</div>
|
||||||
<div class="column download">
|
<div class="column download">
|
||||||
<a :href="report.downloadUrl" class="download-link">{{
|
<a :href="report.downloadUrl" class="download-link">{{
|
||||||
t("financialinformation.secfilings.annual_reports.view")
|
t("financialinformation.secfilings.annual_reports.view")
|
||||||
@ -79,59 +83,100 @@ const { t } = useI18n();
|
|||||||
// 年度报告数据
|
// 年度报告数据
|
||||||
const annualReports = ref([
|
const annualReports = ref([
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_10q",
|
fileName: "2025 Annual Report",
|
||||||
|
date: "April 10, 2025",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625002538/fieeinc_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex31-1",
|
fileName: "2024 Annual Report",
|
||||||
|
date: "April 12, 2024",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912624002449/miniminc_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex31-2",
|
fileName: "2023 Annual Report",
|
||||||
|
date: "March 31, 2023",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315223010335/form10-k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex32-1",
|
fileName: "2022 Annual Report",
|
||||||
|
date: "March 31, 2022",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315222008365/form10-k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex32-2",
|
fileName: "2021 Annual Report",
|
||||||
|
date: "April 13, 2021",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495421004133/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: " ownership",
|
fileName: "2020 Annual Report",
|
||||||
|
date: "April 15, 2020",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495420004069/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "primary_doc",
|
fileName: "2019 Annual Report",
|
||||||
|
date: "April 1, 2019",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495419003878/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex1",
|
fileName: "2018 Annual Report",
|
||||||
|
date: "March 30, 2018",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495418003402/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_8ka",
|
fileName: "2017 Annual Report",
|
||||||
|
date: "March 22, 2017",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495417002279/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_ex4-1",
|
fileName: "2016 Annual Report",
|
||||||
|
date: "March 15, 2016",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448816006596/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_ex10-1",
|
fileName: "2015 Annual Report",
|
||||||
|
date: "March 24, 2015",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448815001308/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2014 Annual Report",
|
||||||
|
date: "March 31, 2014",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448814001518/zmpt_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2013 Annual Report",
|
||||||
|
date: "March 29, 2013",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448813001584/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2012 Annual Report",
|
||||||
|
date: "March 30, 2012",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448812001548/zoom_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2011 Annual Report",
|
||||||
|
date: "March 29, 2011",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448811000969/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2010 Annual Report",
|
||||||
|
date: "March 31, 2010",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448810001043/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
</script>
|
</script>
|
||||||
@ -199,6 +244,7 @@ const annualReports = ref([
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-row {
|
.table-row {
|
||||||
@ -213,16 +259,11 @@ const annualReports = ref([
|
|||||||
// overflow-y: auto;
|
// overflow-y: auto;
|
||||||
}
|
}
|
||||||
.column {
|
.column {
|
||||||
&.format {
|
|
||||||
width: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.item {
|
|
||||||
width: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.file-name {
|
&.file-name {
|
||||||
width: 50%;
|
width: 25%;
|
||||||
|
}
|
||||||
|
&.date {
|
||||||
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.download {
|
&.download {
|
||||||
|
@ -31,6 +31,9 @@
|
|||||||
t("financialinformation.secfilings.annual_reports.file_name")
|
t("financialinformation.secfilings.annual_reports.file_name")
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="column date">
|
||||||
|
{{ t("financialinformation.secfilings.annual_reports.date") }}
|
||||||
|
</div>
|
||||||
<div class="column download"></div>
|
<div class="column download"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -42,6 +45,7 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<div class="column file-name">{{ report.fileName }}</div>
|
<div class="column file-name">{{ report.fileName }}</div>
|
||||||
|
<div class="column date">{{ report.date }}</div>
|
||||||
<div class="column download">
|
<div class="column download">
|
||||||
<a :href="report.downloadUrl" class="download-link">{{
|
<a :href="report.downloadUrl" class="download-link">{{
|
||||||
t("financialinformation.secfilings.annual_reports.view")
|
t("financialinformation.secfilings.annual_reports.view")
|
||||||
@ -79,59 +83,100 @@ const { t } = useI18n();
|
|||||||
// 年度报告数据
|
// 年度报告数据
|
||||||
const annualReports = ref([
|
const annualReports = ref([
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_10q",
|
fileName: "2025 Annual Report",
|
||||||
|
date: "April 10, 2025",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625002538/fieeinc_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex31-1",
|
fileName: "2024 Annual Report",
|
||||||
|
date: "April 12, 2024",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912624002449/miniminc_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex31-2",
|
fileName: "2023 Annual Report",
|
||||||
|
date: "March 31, 2023",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315223010335/form10-k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex32-1",
|
fileName: "2022 Annual Report",
|
||||||
|
date: "March 31, 2022",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm",
|
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315222008365/form10-k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex32-2",
|
fileName: "2021 Annual Report",
|
||||||
|
date: "April 13, 2021",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495421004133/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: " ownership",
|
fileName: "2020 Annual Report",
|
||||||
|
date: "April 15, 2020",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495420004069/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "primary_doc",
|
fileName: "2019 Annual Report",
|
||||||
|
date: "April 1, 2019",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495419003878/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fieeinc_ex1",
|
fileName: "2018 Annual Report",
|
||||||
|
date: "March 30, 2018",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495418003402/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_8ka",
|
fileName: "2017 Annual Report",
|
||||||
|
date: "March 22, 2017",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000165495417002279/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_ex4-1",
|
fileName: "2016 Annual Report",
|
||||||
|
date: "March 15, 2016",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448816006596/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fileName: "fiee_ex10-1",
|
fileName: "2015 Annual Report",
|
||||||
|
date: "March 24, 2015",
|
||||||
downloadUrl:
|
downloadUrl:
|
||||||
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm",
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448815001308/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2014 Annual Report",
|
||||||
|
date: "March 31, 2014",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448814001518/zmpt_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2013 Annual Report",
|
||||||
|
date: "March 29, 2013",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448813001584/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2012 Annual Report",
|
||||||
|
date: "March 30, 2012",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448812001548/zoom_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2011 Annual Report",
|
||||||
|
date: "March 29, 2011",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448811000969/zmtp_10k.htm",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fileName: "2010 Annual Report",
|
||||||
|
date: "March 31, 2010",
|
||||||
|
downloadUrl:
|
||||||
|
"https://www.sec.gov/Archives/edgar/data/1467761/000135448810001043/zmtp_10k.htm",
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
</script>
|
</script>
|
||||||
@ -200,6 +245,7 @@ const annualReports = ref([
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-row {
|
.table-row {
|
||||||
@ -214,18 +260,12 @@ const annualReports = ref([
|
|||||||
// overflow-y: auto;
|
// overflow-y: auto;
|
||||||
}
|
}
|
||||||
.column {
|
.column {
|
||||||
&.format {
|
|
||||||
width: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.item {
|
|
||||||
width: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.file-name {
|
&.file-name {
|
||||||
width: 50%;
|
width: 35%;
|
||||||
|
}
|
||||||
|
&.date {
|
||||||
|
width: 35%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.download {
|
&.download {
|
||||||
margin-right: 100px;
|
margin-right: 100px;
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@ import customFooter from '@/components/customFooter/index.vue'
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col h-screen">
|
<div class="flex flex-col h-100svh">
|
||||||
<customHeader />
|
<customHeader />
|
||||||
<div
|
<div
|
||||||
class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto"
|
class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto"
|
||||||
|
@ -77,7 +77,7 @@ const handleSearch = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-select {
|
.search-select {
|
||||||
width: 160px;
|
width: 7rem;
|
||||||
:deep(.n-base-selection) {
|
:deep(.n-base-selection) {
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,19 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import {useStockQuote} from '@/store/stock-quote/index.js'
|
import {useStockQuote} from '@/store/stock-quote/index.js'
|
||||||
const {getStockQuate,stockQuote}=useStockQuote()
|
const {getStockQuate,stockQuote}=useStockQuote()
|
||||||
|
const date = new Date();
|
||||||
|
const options = {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: '2-digit',
|
||||||
|
hour12: true,
|
||||||
|
timeZone: 'America/New_York',
|
||||||
|
timeZoneName: 'short'
|
||||||
|
};
|
||||||
|
|
||||||
|
const formatted = date.toLocaleString('en-US', options);
|
||||||
getStockQuate()
|
getStockQuate()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -13,7 +25,8 @@ getStockQuate()
|
|||||||
<!-- 左侧大号价格 -->
|
<!-- 左侧大号价格 -->
|
||||||
<section class="flex flex-col items-center justify-center glass-card p-32 rounded-2xl shadow-xl ">
|
<section class="flex flex-col items-center justify-center glass-card p-32 rounded-2xl shadow-xl ">
|
||||||
<div class="text-9xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.[0].slice(0,4) }}</div>
|
<div class="text-9xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.[0].slice(0,4) }}</div>
|
||||||
<div class="mt-10 text-3xl text-gray-500 font-semibold tracking-widest">NASDAQ: <span class="text-black">UK</span></div>
|
<div class="mt-10 text-3xl text-gray-500 font-semibold tracking-widest mb-10px">NASDAQ: <span class="text-black">MINM</span></div>
|
||||||
|
<div class="text-gray-500">{{ formatted }}</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- 右侧信息卡片 -->
|
<!-- 右侧信息卡片 -->
|
||||||
<section class="grid grid-cols-2 gap-16">
|
<section class="grid grid-cols-2 gap-16">
|
||||||
|
Loading…
Reference in New Issue
Block a user