src/views/financialinformation/secfilings/size1440/index.vue

@@ -33,13 +33,11 @@
       <div class="table-container">
         <n-data-table
           :columns="columns"
-          :loading="state.tableLoading"
+          :data="paginatedData"
-          :data="state.tableData"
           :pagination="false"
           :bordered="false"
           :size="'medium'"
           :row-key="(row) => row.idx"
-          @update:sorter="handleSort"
         />
 
         <!-- 分页器 -->
@@ -49,7 +47,7 @@
             v-model:page-size="state.pageSize"
             show-size-picker
             show-quick-jumper
-            :item-count="state.total"
+            :item-count="filteredData.length"
             :page-sizes="[10, 25, 50]"
             @update:page="handlePageChange"
             @update:page-size="handlePageSizeChange"
@@ -64,106 +62,49 @@
 
           <div class="pagination-info">
             Displaying {{ startIndex }} - {{ endIndex }} of
-            {{ state.total }} results
+            {{ filteredData.length }} results
           </div>
         </div>
       </div>
     </div>
   </div>
 </template>
+
 <script setup>
 import { reactive, computed, h, onMounted } from "vue";
 import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-
+import { fileList } from "@/dict/secFiles.js";
 const { t } = useI18n();
 const router = useRouter();
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import iconLink from "@/assets/image/icon/icon-link.png";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
 // 使用 reactive 管理所有状态
 const state = reactive({
   selectedYear: null,
   pageSize: 10,
   currentPage: 1,
-  tableData: [],
-  tableLoading: false,
-  total: 0,
-  sortParams: {},
 
   // 年份选项
   yearOptions: [
     { label: "- Any -", value: null },
-    {
+    { label: "2025", value: 2025 },
-      label: "2025",
+    { label: "2024", value: 2024 },
-      value: "2025",
+    { label: "2023", value: 2023 },
-    },
+    { label: "2022", value: 2022 },
-    {
+    { label: "2021", value: 2021 },
-      label: "2024",
+    { label: "2020", value: 2020 },
-      value: "2024",
+    { label: "2019", value: 2019 },
-    },
+    { label: "2018", value: 2018 },
-    {
+    { label: "2017", value: 2017 },
-      label: "2023",
+    { label: "2016", value: 2016 },
-      value: "2023",
+    { label: "2015", value: 2015 },
-    },
+    { label: "2014", value: 2014 },
-    {
+    { label: "2013", value: 2013 },
-      label: "2022",
+    { label: "2012", value: 2012 },
-      value: "2022",
+    { label: "2011", value: 2011 },
-    },
+    { label: "2010", value: 2010 },
-    {
+    { label: "2009", value: 2009 },
-      label: "2021",
-      value: "2021",
-    },
-    {
-      label: "2020",
-      value: "2020",
-    },
-    {
-      label: "2019",
-      value: "2019",
-    },
-    {
-      label: "2018",
-      value: "2018",
-    },
-    {
-      label: "2017",
-      value: "2017",
-    },
-    {
-      label: "2016",
-      value: "2016",
-    },
-    {
-      label: "2015",
-      value: "2015",
-    },
-    {
-      label: "2014",
-      value: "2014",
-    },
-    {
-      label: "2013",
-      value: "2013",
-    },
-    {
-      label: "2012",
-      value: "2012",
-    },
-    {
-      label: "2011",
-      value: "2011",
-    },
-    {
-      label: "2010",
-      value: "2010",
-    },
-    {
-      label: "2009",
-      value: "2009",
-    },
   ],
 
   // 每页条数选项
@@ -172,8 +113,12 @@ const state = reactive({
     { label: "25", value: 25 },
     { label: "50", value: 50 },
   ],
-});
 
+  // SEC文件数据
+  secFilingsData: [],
+});
+onMounted(() => {
+  // 月份名称映射
   const monthNames = [
     "Jan",
     "Feb",
@@ -188,27 +133,15 @@ const monthNames = [
     "Nov",
     "Dec",
   ];
-onMounted(() => {
+
-  getListData();
+  state.secFilingsData = fileList.map((item, index) => {
-});
+    // 从 filingDate 中提取年份，支持两种格式：
-import axios from "axios";
+    // 1. "Feb 04, 2019" 格式（英文）
-const getListData = async () => {
+    // 2. "2025-10-24" 格式（ISO格式）转换为英文格式
-  state.tableData = [];
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/list";
-  let params = {
-    page: state.currentPage,
-    pageSize: state.pageSize,
-    year: state.selectedYear,
-  };
-  Object.assign(params, state.sortParams);
-  state.tableLoading = true;
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let resData = res.data.data?.data || [];
-    resData.forEach((item) => {
-      if (item.filingDate) {
     let year = null;
-        let filingDate = item.filingDate;
+    let formattedDate = item.filingDate;
+
+    if (item.filingDate) {
       if (item.filingDate.includes(", ")) {
         // "Feb 04, 2019" 格式，已经是英文格式，保持不变
         year = parseInt(item.filingDate.split(", ")[1]);
@@ -222,37 +155,29 @@ const getListData = async () => {
         year = yearPart;
         const monthName = monthNames[monthPart - 1]; // 月份从1开始，数组从0开始
         const dayFormatted = dayPart.toString().padStart(2, "0");
-          filingDate = `${monthName} ${dayFormatted}, ${yearPart}`;
+        formattedDate = `${monthName} ${dayFormatted}, ${yearPart}`;
-          item.year = year;
-          item.filingDate = filingDate;
-          item.filing_date = filingDate;
       }
     }
+
+    return {
+      ...item,
+      formattedDate: formattedDate, // 更新为统一的英文格式
+      year: year,
+    };
+  });
 });
-    state.tableData = resData;
-    state.total = res.data.data?.total;
-  }
-  state.tableLoading = false;
-};
-const handleSort = (sortData) => {
-  state.sortParams = {};
-  if (sortData.order !== false) {
-    state.sortParams["sortField"] = sortData.columnKey;
-    state.sortParams["sortOrder"] = sortData.order.replace("end", "");
-  }
-  getListData();
-};
 // 表格列定义
 const columns = [
   {
     title: "Filing Date",
-    key: "filing_date",
+    key: "formattedDate",
     sorter: "default",
     width: 150,
   },
   {
     title: "Form",
     key: "form",
+    sorter: "default",
     width: 120,
     render: (row) => {
       return h(
@@ -269,7 +194,7 @@ const columns = [
             router.push({
               path: "/secfilingsDefail",
               query: {
-                filingKey: row.filingKey,
+                filingDate: row.filingDate,
               },
             });
           },
@@ -287,13 +212,14 @@ const columns = [
   {
     title: "Description",
     key: "description",
+    sorter: "default",
     ellipsis: {
       tooltip: true,
     },
   },
   {
     title: "View",
-    key: "fileLink",
+    key: "view",
     width: 150,
     render: (row) => {
       return h(
@@ -305,101 +231,7 @@ const columns = [
           },
         },
         [
-          row.pdfFile
+          h(
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.pdfFile, "pdf");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: pdfFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.wordFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.wordFile, "word");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: wordFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.excelFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.excelFile, "excel");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: excelFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.fileLink
-            ? h(
             "a",
             {
               href: row.fileLink,
@@ -416,21 +248,43 @@ const columns = [
               },
             },
             h("img", {
-                  src: fileLink,
+              src: iconLink,
               alt: "link",
               style: {
                 width: "24px",
                 height: "24px",
               },
             })
-              )
+          ),
-            : null,
         ]
       );
     },
   },
 ];
 
+// 筛选后的数据
+const filteredData = computed(() => {
+  let data = state.secFilingsData;
+
+  if (state.selectedYear) {
+    data = data.filter((item) => item.year === state.selectedYear);
+  }
+
+  return data;
+});
+
+// 分页数据
+const paginatedData = computed(() => {
+  const start = (state.currentPage - 1) * state.pageSize;
+  const end = start + state.pageSize;
+  return filteredData.value.slice(start, end);
+});
+
+// 总页数
+const totalPages = computed(() => {
+  return Math.ceil(filteredData.value.length / state.pageSize);
+});
+
 // 当前页起始索引
 const startIndex = computed(() => {
   return (state.currentPage - 1) * state.pageSize + 1;
@@ -439,34 +293,24 @@ const startIndex = computed(() => {
 // 当前页结束索引
 const endIndex = computed(() => {
   const end = state.currentPage * state.pageSize;
-  return Math.min(end, state.total);
+  return Math.min(end, filteredData.value.length);
 });
 
 // 处理年份变化
 const handleYearChange = (value) => {
   state.selectedYear = value;
   state.currentPage = 1;
-  getListData();
 };
 
 // 处理页码变化
 const handlePageChange = (page) => {
   state.currentPage = page;
-  getListData();
 };
 
 // 处理每页条数变化
 const handlePageSizeChange = (size) => {
   state.pageSize = size;
   state.currentPage = 1;
-  getListData();
-};
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
 };
 </script>
 

src/views/financialinformation/secfilings/size1920/index.vue

@@ -33,13 +33,11 @@
       <div class="table-container">
         <n-data-table
           :columns="columns"
-          :loading="state.tableLoading"
+          :data="paginatedData"
-          :data="state.tableData"
           :pagination="false"
           :bordered="false"
           :size="'medium'"
           :row-key="(row) => row.idx"
-          @update:sorter="handleSort"
         />
 
         <!-- 分页器 -->
@@ -49,7 +47,7 @@
             v-model:page-size="state.pageSize"
             show-size-picker
             show-quick-jumper
-            :item-count="state.total"
+            :item-count="filteredData.length"
             :page-sizes="[10, 25, 50]"
             @update:page="handlePageChange"
             @update:page-size="handlePageSizeChange"
@@ -64,7 +62,7 @@
 
           <div class="pagination-info">
             Displaying {{ startIndex }} - {{ endIndex }} of
-            {{ state.total }} results
+            {{ filteredData.length }} results
           </div>
         </div>
       </div>
@@ -77,94 +75,37 @@ import { reactive, computed, h, onMounted } from "vue";
 import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
+import { fileList } from "@/dict/secFiles.js";
 
 const { t } = useI18n();
 const router = useRouter();
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import iconLink from "@/assets/image/icon/icon-link.png";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
 // 使用 reactive 管理所有状态
 const state = reactive({
   selectedYear: null,
   pageSize: 10,
   currentPage: 1,
-  tableData: [],
-  tableLoading: false,
-  total: 0,
-  sortParams: {},
 
   // 年份选项
   yearOptions: [
     { label: "- Any -", value: null },
-    {
+    { label: "2025", value: 2025 },
-      label: "2025",
+    { label: "2024", value: 2024 },
-      value: "2025",
+    { label: "2023", value: 2023 },
-    },
+    { label: "2022", value: 2022 },
-    {
+    { label: "2021", value: 2021 },
-      label: "2024",
+    { label: "2020", value: 2020 },
-      value: "2024",
+    { label: "2019", value: 2019 },
-    },
+    { label: "2018", value: 2018 },
-    {
+    { label: "2017", value: 2017 },
-      label: "2023",
+    { label: "2016", value: 2016 },
-      value: "2023",
+    { label: "2015", value: 2015 },
-    },
+    { label: "2014", value: 2014 },
-    {
+    { label: "2013", value: 2013 },
-      label: "2022",
+    { label: "2012", value: 2012 },
-      value: "2022",
+    { label: "2011", value: 2011 },
-    },
+    { label: "2010", value: 2010 },
-    {
+    { label: "2009", value: 2009 },
-      label: "2021",
-      value: "2021",
-    },
-    {
-      label: "2020",
-      value: "2020",
-    },
-    {
-      label: "2019",
-      value: "2019",
-    },
-    {
-      label: "2018",
-      value: "2018",
-    },
-    {
-      label: "2017",
-      value: "2017",
-    },
-    {
-      label: "2016",
-      value: "2016",
-    },
-    {
-      label: "2015",
-      value: "2015",
-    },
-    {
-      label: "2014",
-      value: "2014",
-    },
-    {
-      label: "2013",
-      value: "2013",
-    },
-    {
-      label: "2012",
-      value: "2012",
-    },
-    {
-      label: "2011",
-      value: "2011",
-    },
-    {
-      label: "2010",
-      value: "2010",
-    },
-    {
-      label: "2009",
-      value: "2009",
-    },
   ],
 
   // 每页条数选项
@@ -173,8 +114,12 @@ const state = reactive({
     { label: "25", value: 25 },
     { label: "50", value: 50 },
   ],
-});
 
+  // SEC文件数据
+  secFilingsData: [],
+});
+onMounted(() => {
+  // 月份名称映射
   const monthNames = [
     "Jan",
     "Feb",
@@ -189,27 +134,15 @@ const monthNames = [
     "Nov",
     "Dec",
   ];
-onMounted(() => {
+
-  getListData();
+  state.secFilingsData = fileList.map((item, index) => {
-});
+    // 从 filingDate 中提取年份，支持两种格式：
-import axios from "axios";
+    // 1. "Feb 04, 2019" 格式（英文）
-const getListData = async () => {
+    // 2. "2025-10-24" 格式（ISO格式）转换为英文格式
-  state.tableData = [];
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/list";
-  let params = {
-    page: state.currentPage,
-    pageSize: state.pageSize,
-    year: state.selectedYear,
-  };
-  Object.assign(params, state.sortParams);
-  state.tableLoading = true;
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let resData = res.data.data?.data || [];
-    resData.forEach((item) => {
-      if (item.filingDate) {
     let year = null;
-        let filingDate = item.filingDate;
+    let formattedDate = item.filingDate;
+
+    if (item.filingDate) {
       if (item.filingDate.includes(", ")) {
         // "Feb 04, 2019" 格式，已经是英文格式，保持不变
         year = parseInt(item.filingDate.split(", ")[1]);
@@ -223,37 +156,29 @@ const getListData = async () => {
         year = yearPart;
         const monthName = monthNames[monthPart - 1]; // 月份从1开始，数组从0开始
         const dayFormatted = dayPart.toString().padStart(2, "0");
-          filingDate = `${monthName} ${dayFormatted}, ${yearPart}`;
+        formattedDate = `${monthName} ${dayFormatted}, ${yearPart}`;
-          item.year = year;
-          item.filingDate = filingDate;
-          item.filing_date = filingDate;
       }
     }
+
+    return {
+      ...item,
+      formattedDate: formattedDate, // 更新为统一的英文格式
+      year: year,
+    };
+  });
 });
-    state.tableData = resData;
-    state.total = res.data.data?.total;
-  }
-  state.tableLoading = false;
-};
-const handleSort = (sortData) => {
-  state.sortParams = {};
-  if (sortData.order !== false) {
-    state.sortParams["sortField"] = sortData.columnKey;
-    state.sortParams["sortOrder"] = sortData.order.replace("end", "");
-  }
-  getListData();
-};
 // 表格列定义
 const columns = [
   {
     title: "Filing Date",
-    key: "filing_date",
+    key: "formattedDate",
     sorter: "default",
     width: 150,
   },
   {
     title: "Form",
     key: "form",
+    sorter: "default",
     width: 120,
     render: (row) => {
       return h(
@@ -270,7 +195,7 @@ const columns = [
             router.push({
               path: "/secfilingsDefail",
               query: {
-                filingKey: row.filingKey,
+                idx: row.idx,
               },
             });
           },
@@ -288,13 +213,14 @@ const columns = [
   {
     title: "Description",
     key: "description",
+    sorter: "default",
     ellipsis: {
       tooltip: true,
     },
   },
   {
     title: "View",
-    key: "fileLink",
+    key: "view",
     width: 150,
     render: (row) => {
       return h(
@@ -306,101 +232,7 @@ const columns = [
           },
         },
         [
-          row.pdfFile
+          h(
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.pdfFile, "pdf");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: pdfFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.wordFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.wordFile, "word");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: wordFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.excelFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.excelFile, "excel");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: excelFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.fileLink
-            ? h(
             "a",
             {
               href: row.fileLink,
@@ -417,21 +249,43 @@ const columns = [
               },
             },
             h("img", {
-                  src: fileLink,
+              src: iconLink,
               alt: "link",
               style: {
                 width: "24px",
                 height: "24px",
               },
             })
-              )
+          ),
-            : null,
         ]
       );
     },
   },
 ];
 
+// 筛选后的数据
+const filteredData = computed(() => {
+  let data = state.secFilingsData;
+
+  if (state.selectedYear) {
+    data = data.filter((item) => item.year === state.selectedYear);
+  }
+
+  return data;
+});
+
+// 分页数据
+const paginatedData = computed(() => {
+  const start = (state.currentPage - 1) * state.pageSize;
+  const end = start + state.pageSize;
+  return filteredData.value.slice(start, end);
+});
+
+// 总页数
+const totalPages = computed(() => {
+  return Math.ceil(filteredData.value.length / state.pageSize);
+});
+
 // 当前页起始索引
 const startIndex = computed(() => {
   return (state.currentPage - 1) * state.pageSize + 1;
@@ -440,34 +294,24 @@ const startIndex = computed(() => {
 // 当前页结束索引
 const endIndex = computed(() => {
   const end = state.currentPage * state.pageSize;
-  return Math.min(end, state.total);
+  return Math.min(end, filteredData.value.length);
 });
 
 // 处理年份变化
 const handleYearChange = (value) => {
   state.selectedYear = value;
   state.currentPage = 1;
-  getListData();
 };
 
 // 处理页码变化
 const handlePageChange = (page) => {
   state.currentPage = page;
-  getListData();
 };
 
 // 处理每页条数变化
 const handlePageSizeChange = (size) => {
   state.pageSize = size;
   state.currentPage = 1;
-  getListData();
-};
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
 };
 </script>
 

src/views/financialinformation/secfilings/size375/index.vue

@@ -33,11 +33,9 @@
       <div class="table-container">
         <n-data-table
           :columns="columns"
-          :loading="state.tableLoading"
+          :data="paginatedData"
-          :data="state.tableData"
           :pagination="false"
           :row-key="(row) => row.idx"
-          @update:sorter="handleSort"
           :bordered="false"
           :single-line="false"
           :scroll-x="600"
@@ -49,7 +47,7 @@
             v-model:page="state.currentPage"
             v-model:page-size="state.pageSize"
             show-size-picker
-            :item-count="state.total"
+            :item-count="filteredData.length"
             :page-sizes="[10, 25, 50]"
             @update:page="handlePageChange"
             @update:page-size="handlePageSizeChange"
@@ -64,7 +62,7 @@
 
           <div class="pagination-info mt-[40px]">
             Displaying {{ startIndex }} - {{ endIndex }} of
-            {{ state.total }} results
+            {{ filteredData.length }} results
           </div>
         </div>
       </div>
@@ -77,94 +75,36 @@ import { reactive, computed, h, onMounted } from "vue";
 import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-
+import { fileList } from "@/dict/secFiles.js";
 const { t } = useI18n();
 const router = useRouter();
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import iconLink from "@/assets/image/icon/icon-link.png";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
 // 使用 reactive 管理所有状态
 const state = reactive({
   selectedYear: null,
   pageSize: 10,
   currentPage: 1,
-  tableData: [],
-  tableLoading: false,
-  total: 0,
-  sortParams: {},
 
   // 年份选项
   yearOptions: [
     { label: "- Any -", value: null },
-    {
+    { label: "2025", value: 2025 },
-      label: "2025",
+    { label: "2024", value: 2024 },
-      value: "2025",
+    { label: "2023", value: 2023 },
-    },
+    { label: "2022", value: 2022 },
-    {
+    { label: "2021", value: 2021 },
-      label: "2024",
+    { label: "2020", value: 2020 },
-      value: "2024",
+    { label: "2019", value: 2019 },
-    },
+    { label: "2018", value: 2018 },
-    {
+    { label: "2017", value: 2017 },
-      label: "2023",
+    { label: "2016", value: 2016 },
-      value: "2023",
+    { label: "2015", value: 2015 },
-    },
+    { label: "2014", value: 2014 },
-    {
+    { label: "2013", value: 2013 },
-      label: "2022",
+    { label: "2012", value: 2012 },
-      value: "2022",
+    { label: "2011", value: 2011 },
-    },
+    { label: "2010", value: 2010 },
-    {
+    { label: "2009", value: 2009 },
-      label: "2021",
-      value: "2021",
-    },
-    {
-      label: "2020",
-      value: "2020",
-    },
-    {
-      label: "2019",
-      value: "2019",
-    },
-    {
-      label: "2018",
-      value: "2018",
-    },
-    {
-      label: "2017",
-      value: "2017",
-    },
-    {
-      label: "2016",
-      value: "2016",
-    },
-    {
-      label: "2015",
-      value: "2015",
-    },
-    {
-      label: "2014",
-      value: "2014",
-    },
-    {
-      label: "2013",
-      value: "2013",
-    },
-    {
-      label: "2012",
-      value: "2012",
-    },
-    {
-      label: "2011",
-      value: "2011",
-    },
-    {
-      label: "2010",
-      value: "2010",
-    },
-    {
-      label: "2009",
-      value: "2009",
-    },
   ],
 
   // 每页条数选项
@@ -173,8 +113,12 @@ const state = reactive({
     { label: "25", value: 25 },
     { label: "50", value: 50 },
   ],
-});
 
+  // SEC文件数据
+  secFilingsData: [],
+});
+onMounted(() => {
+  // 月份名称映射
   const monthNames = [
     "Jan",
     "Feb",
@@ -189,27 +133,15 @@ const monthNames = [
     "Nov",
     "Dec",
   ];
-onMounted(() => {
+
-  getListData();
+  state.secFilingsData = fileList.map((item, index) => {
-});
+    // 从 filingDate 中提取年份，支持两种格式：
-import axios from "axios";
+    // 1. "Feb 04, 2019" 格式（英文）
-const getListData = async () => {
+    // 2. "2025-10-24" 格式（ISO格式）转换为英文格式
-  state.tableData = [];
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/list";
-  let params = {
-    page: state.currentPage,
-    pageSize: state.pageSize,
-    year: state.selectedYear,
-  };
-  Object.assign(params, state.sortParams);
-  state.tableLoading = true;
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let resData = res.data.data?.data || [];
-    resData.forEach((item) => {
-      if (item.filingDate) {
     let year = null;
-        let filingDate = item.filingDate;
+    let formattedDate = item.filingDate;
+
+    if (item.filingDate) {
       if (item.filingDate.includes(", ")) {
         // "Feb 04, 2019" 格式，已经是英文格式，保持不变
         year = parseInt(item.filingDate.split(", ")[1]);
@@ -223,37 +155,29 @@ const getListData = async () => {
         year = yearPart;
         const monthName = monthNames[monthPart - 1]; // 月份从1开始，数组从0开始
         const dayFormatted = dayPart.toString().padStart(2, "0");
-          filingDate = `${monthName} ${dayFormatted}, ${yearPart}`;
+        formattedDate = `${monthName} ${dayFormatted}, ${yearPart}`;
-          item.year = year;
-          item.filingDate = filingDate;
-          item.filing_date = filingDate;
       }
     }
+
+    return {
+      ...item,
+      formattedDate: formattedDate, // 更新为统一的英文格式
+      year: year,
+    };
+  });
 });
-    state.tableData = resData;
-    state.total = res.data.data?.total;
-  }
-  state.tableLoading = false;
-};
-const handleSort = (sortData) => {
-  state.sortParams = {};
-  if (sortData.order !== false) {
-    state.sortParams["sortField"] = sortData.columnKey;
-    state.sortParams["sortOrder"] = sortData.order.replace("end", "");
-  }
-  getListData();
-};
 // 表格列定义
 const columns = [
   {
     title: "Filing Date",
-    key: "filing_date",
+    key: "formattedDate",
     sorter: "default",
     width: 150,
   },
   {
     title: "Form",
     key: "form",
+    sorter: "default",
     width: 120,
     render: (row) => {
       return h(
@@ -270,7 +194,7 @@ const columns = [
             router.push({
               path: "/secfilingsDefail",
               query: {
-                filingKey: row.filingKey,
+                filingDate: row.filingDate,
               },
             });
           },
@@ -288,14 +212,15 @@ const columns = [
   {
     title: "Description",
     key: "description",
+    sorter: "default",
     ellipsis: {
       tooltip: true,
     },
   },
   {
     title: "View",
-    key: "fileLink",
+    key: "view",
-    width: 150,
+    width: 80,
     render: (row) => {
       return h(
         "div",
@@ -306,101 +231,7 @@ const columns = [
           },
         },
         [
-          row.pdfFile
+          h(
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.pdfFile, "pdf");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: pdfFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.wordFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.wordFile, "word");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: wordFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.excelFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.excelFile, "excel");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: excelFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.fileLink
-            ? h(
             "a",
             {
               href: row.fileLink,
@@ -417,21 +248,43 @@ const columns = [
               },
             },
             h("img", {
-                  src: fileLink,
+              src: iconLink,
               alt: "link",
               style: {
                 width: "24px",
                 height: "24px",
               },
             })
-              )
+          ),
-            : null,
         ]
       );
     },
   },
 ];
 
+// 筛选后的数据
+const filteredData = computed(() => {
+  let data = state.secFilingsData;
+
+  if (state.selectedYear) {
+    data = data.filter((item) => item.year === state.selectedYear);
+  }
+
+  return data;
+});
+
+// 分页数据
+const paginatedData = computed(() => {
+  const start = (state.currentPage - 1) * state.pageSize;
+  const end = start + state.pageSize;
+  return filteredData.value.slice(start, end);
+});
+
+// 总页数
+const totalPages = computed(() => {
+  return Math.ceil(filteredData.value.length / state.pageSize);
+});
+
 // 当前页起始索引
 const startIndex = computed(() => {
   return (state.currentPage - 1) * state.pageSize + 1;
@@ -440,34 +293,24 @@ const startIndex = computed(() => {
 // 当前页结束索引
 const endIndex = computed(() => {
   const end = state.currentPage * state.pageSize;
-  return Math.min(end, state.total);
+  return Math.min(end, filteredData.value.length);
 });
 
 // 处理年份变化
 const handleYearChange = (value) => {
   state.selectedYear = value;
   state.currentPage = 1;
-  getListData();
 };
 
 // 处理页码变化
 const handlePageChange = (page) => {
   state.currentPage = page;
-  getListData();
 };
 
 // 处理每页条数变化
 const handlePageSizeChange = (size) => {
   state.pageSize = size;
   state.currentPage = 1;
-  getListData();
-};
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
 };
 </script>
 

src/views/financialinformation/secfilings/size768/index.vue

@@ -33,13 +33,11 @@
       <div class="table-container">
         <n-data-table
           :columns="columns"
-          :loading="state.tableLoading"
+          :data="paginatedData"
-          :data="state.tableData"
           :pagination="false"
           :bordered="false"
           :size="'medium'"
           :row-key="(row) => row.idx"
-          @update:sorter="handleSort"
         />
 
         <!-- 分页器 -->
@@ -50,7 +48,7 @@
             v-model:page-size="state.pageSize"
             show-size-picker
             show-quick-jumper
-            :item-count="state.total"
+            :item-count="filteredData.length"
             :page-sizes="[10, 25, 50]"
             @update:page="handlePageChange"
             @update:page-size="handlePageSizeChange"
@@ -65,7 +63,7 @@
 
           <div class="pagination-info w-full mt-[20px]">
             Displaying {{ startIndex }} - {{ endIndex }} of
-            {{ state.total }} results
+            {{ filteredData.length }} results
           </div>
         </div>
       </div>
@@ -78,94 +76,36 @@ import { reactive, computed, h, onMounted } from "vue";
 import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-
+import { fileList } from "@/dict/secFiles.js";
 const { t } = useI18n();
 const router = useRouter();
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import iconLink from "@/assets/image/icon/icon-link.png";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
 // 使用 reactive 管理所有状态
 const state = reactive({
   selectedYear: null,
   pageSize: 10,
   currentPage: 1,
-  tableData: [],
-  tableLoading: false,
-  total: 0,
-  sortParams: {},
 
   // 年份选项
   yearOptions: [
     { label: "- Any -", value: null },
-    {
+    { label: "2025", value: 2025 },
-      label: "2025",
+    { label: "2024", value: 2024 },
-      value: "2025",
+    { label: "2023", value: 2023 },
-    },
+    { label: "2022", value: 2022 },
-    {
+    { label: "2021", value: 2021 },
-      label: "2024",
+    { label: "2020", value: 2020 },
-      value: "2024",
+    { label: "2019", value: 2019 },
-    },
+    { label: "2018", value: 2018 },
-    {
+    { label: "2017", value: 2017 },
-      label: "2023",
+    { label: "2016", value: 2016 },
-      value: "2023",
+    { label: "2015", value: 2015 },
-    },
+    { label: "2014", value: 2014 },
-    {
+    { label: "2013", value: 2013 },
-      label: "2022",
+    { label: "2012", value: 2012 },
-      value: "2022",
+    { label: "2011", value: 2011 },
-    },
+    { label: "2010", value: 2010 },
-    {
+    { label: "2009", value: 2009 },
-      label: "2021",
-      value: "2021",
-    },
-    {
-      label: "2020",
-      value: "2020",
-    },
-    {
-      label: "2019",
-      value: "2019",
-    },
-    {
-      label: "2018",
-      value: "2018",
-    },
-    {
-      label: "2017",
-      value: "2017",
-    },
-    {
-      label: "2016",
-      value: "2016",
-    },
-    {
-      label: "2015",
-      value: "2015",
-    },
-    {
-      label: "2014",
-      value: "2014",
-    },
-    {
-      label: "2013",
-      value: "2013",
-    },
-    {
-      label: "2012",
-      value: "2012",
-    },
-    {
-      label: "2011",
-      value: "2011",
-    },
-    {
-      label: "2010",
-      value: "2010",
-    },
-    {
-      label: "2009",
-      value: "2009",
-    },
   ],
 
   // 每页条数选项
@@ -174,8 +114,12 @@ const state = reactive({
     { label: "25", value: 25 },
     { label: "50", value: 50 },
   ],
-});
 
+  // SEC文件数据
+  secFilingsData: [],
+});
+onMounted(() => {
+  // 月份名称映射
   const monthNames = [
     "Jan",
     "Feb",
@@ -190,27 +134,15 @@ const monthNames = [
     "Nov",
     "Dec",
   ];
-onMounted(() => {
+
-  getListData();
+  state.secFilingsData = fileList.map((item, index) => {
-});
+    // 从 filingDate 中提取年份，支持两种格式：
-import axios from "axios";
+    // 1. "Feb 04, 2019" 格式（英文）
-const getListData = async () => {
+    // 2. "2025-10-24" 格式（ISO格式）转换为英文格式
-  state.tableData = [];
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/list";
-  let params = {
-    page: state.currentPage,
-    pageSize: state.pageSize,
-    year: state.selectedYear,
-  };
-  Object.assign(params, state.sortParams);
-  state.tableLoading = true;
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let resData = res.data.data?.data || [];
-    resData.forEach((item) => {
-      if (item.filingDate) {
     let year = null;
-        let filingDate = item.filingDate;
+    let formattedDate = item.filingDate;
+
+    if (item.filingDate) {
       if (item.filingDate.includes(", ")) {
         // "Feb 04, 2019" 格式，已经是英文格式，保持不变
         year = parseInt(item.filingDate.split(", ")[1]);
@@ -224,37 +156,29 @@ const getListData = async () => {
         year = yearPart;
         const monthName = monthNames[monthPart - 1]; // 月份从1开始，数组从0开始
         const dayFormatted = dayPart.toString().padStart(2, "0");
-          filingDate = `${monthName} ${dayFormatted}, ${yearPart}`;
+        formattedDate = `${monthName} ${dayFormatted}, ${yearPart}`;
-          item.year = year;
-          item.filingDate = filingDate;
-          item.filing_date = filingDate;
       }
     }
+
+    return {
+      ...item,
+      formattedDate: formattedDate, // 更新为统一的英文格式
+      year: year,
+    };
+  });
 });
-    state.tableData = resData;
-    state.total = res.data.data?.total;
-  }
-  state.tableLoading = false;
-};
-const handleSort = (sortData) => {
-  state.sortParams = {};
-  if (sortData.order !== false) {
-    state.sortParams["sortField"] = sortData.columnKey;
-    state.sortParams["sortOrder"] = sortData.order.replace("end", "");
-  }
-  getListData();
-};
 // 表格列定义
 const columns = [
   {
     title: "Filing Date",
-    key: "filing_date",
+    key: "formattedDate",
     sorter: "default",
     width: 150,
   },
   {
     title: "Form",
     key: "form",
+    sorter: "default",
     width: 120,
     render: (row) => {
       return h(
@@ -271,7 +195,7 @@ const columns = [
             router.push({
               path: "/secfilingsDefail",
               query: {
-                filingKey: row.filingKey,
+                filingDate: row.filingDate,
               },
             });
           },
@@ -289,14 +213,14 @@ const columns = [
   {
     title: "Description",
     key: "description",
+    sorter: "default",
     ellipsis: {
       tooltip: true,
     },
   },
   {
     title: "View",
-    key: "fileLink",
+    key: "view",
-    width: 150,
     render: (row) => {
       return h(
         "div",
@@ -307,101 +231,7 @@ const columns = [
           },
         },
         [
-          row.pdfFile
+          h(
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.pdfFile, "pdf");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: pdfFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.wordFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.wordFile, "word");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: wordFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.excelFile
-            ? h(
-                "a",
-                {
-                  href: "javascript:void(0)",
-                  style: {
-                    color: "#0078d7",
-                    textDecoration: "none",
-                    fontSize: "12px",
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleViewDocument(row.excelFile, "excel");
-                  },
-                  onMouseover: (e) => {
-                    e.target.style.textDecoration = "underline";
-                  },
-                  onMouseout: (e) => {
-                    e.target.style.textDecoration = "none";
-                  },
-                },
-                h("img", {
-                  src: excelFile,
-                  alt: "link",
-                  style: {
-                    width: "24px",
-                    height: "24px",
-                  },
-                })
-              )
-            : null,
-          row.fileLink
-            ? h(
             "a",
             {
               href: row.fileLink,
@@ -418,21 +248,43 @@ const columns = [
               },
             },
             h("img", {
-                  src: fileLink,
+              src: iconLink,
               alt: "link",
               style: {
                 width: "24px",
                 height: "24px",
               },
             })
-              )
+          ),
-            : null,
         ]
       );
     },
   },
 ];
 
+// 筛选后的数据
+const filteredData = computed(() => {
+  let data = state.secFilingsData;
+
+  if (state.selectedYear) {
+    data = data.filter((item) => item.year === state.selectedYear);
+  }
+
+  return data;
+});
+
+// 分页数据
+const paginatedData = computed(() => {
+  const start = (state.currentPage - 1) * state.pageSize;
+  const end = start + state.pageSize;
+  return filteredData.value.slice(start, end);
+});
+
+// 总页数
+const totalPages = computed(() => {
+  return Math.ceil(filteredData.value.length / state.pageSize);
+});
+
 // 当前页起始索引
 const startIndex = computed(() => {
   return (state.currentPage - 1) * state.pageSize + 1;
@@ -441,34 +293,24 @@ const startIndex = computed(() => {
 // 当前页结束索引
 const endIndex = computed(() => {
   const end = state.currentPage * state.pageSize;
-  return Math.min(end, state.total);
+  return Math.min(end, filteredData.value.length);
 });
 
 // 处理年份变化
 const handleYearChange = (value) => {
   state.selectedYear = value;
   state.currentPage = 1;
-  getListData();
 };
 
 // 处理页码变化
 const handlePageChange = (page) => {
   state.currentPage = page;
-  getListData();
 };
 
 // 处理每页条数变化
 const handlePageSizeChange = (size) => {
   state.pageSize = size;
   state.currentPage = 1;
-  getListData();
-};
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
 };
 </script>
 

src/views/financialinformation/secfilingsdetail/size1440/index.vue

@@ -10,7 +10,7 @@
         <div class="details-grid">
           <div class="detail-item">
             <span class="detail-label">Form:</span>
-            <a :href="filingData.fileLink" class="detail-value link">{{
+            <a :href="filingData.htmlLink" class="detail-value link">{{
               filingData.form
             }}</a>
           </div>
@@ -37,39 +37,9 @@
       <div class="section">
         <h2 class="section-title">Filing Formats</h2>
         <div class="formats-list">
-          <div class="format-item" v-if="filingData.pdfFile">
+          <div class="format-item">
-            <img :src="pdfFile" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
-            <a
+            <a :href="filingData.htmlLink" class="format-link" target="_blank"
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.pdfFile, 'pdf')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.wordFile">
-            <img :src="wordFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.wordFile, 'word')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.excelFile">
-            <img :src="excelFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.excelFile, 'excel')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.fileLink">
-            <img :src="fileLink" alt="link" class="format-icon" />
-            <a :href="filingData.fileLink" class="format-link" target="_blank"
               >View HTML</a
             >
           </div>
@@ -90,7 +60,7 @@
             v-for="(item, idx) in filingData.dataFiles"
             :key="idx"
           >
-            <img :src="fileLink" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
             <a :href="item.fileUrl" class="format-link" target="_blank">{{
               item.description
             }}</a>
@@ -103,12 +73,8 @@
 
 <script setup>
 import { ref, onMounted } from "vue";
-
+import iconLink from "@/assets/image/icon/icon-link.png";
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import { fileList } from "@/dict/secFiles.js";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
-
 import { useRoute } from "vue-router";
 
 // 这里可以根据路由参数或props获取具体的文件详情
@@ -118,48 +84,27 @@ const filingData = ref({
   formDescription: "",
   company: "",
   issuer: "",
-  fileLink: "#",
+  htmlLink: "#",
 });
 
 const route = useRoute();
 
 onMounted(() => {
-  const { filingKey } = route.query;
+  const { idx } = route.query;
-  getPageData(filingKey);
+  const file = fileList.find((item) => item.idx == idx);
-});
-import axios from "axios";
-const getPageData = async (filingKey) => {
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/detail";
-  let params = {
-    filingKey,
-  };
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let file = res.data.data.data;
-    console.log(file);
   if (file) {
     filingData.value = {
       form: file.form,
       filingDate: file.filingDate,
       formDescription: file.formDescription,
-        fileLink: file.fileLink || "",
+      htmlLink: file.fileLink || "#",
-        pdfFile: file.pdfFile || "",
-        wordFile: file.wordFile || "",
-        excelFile: file.excelFile || "",
       dataFiles: file.dataFiles || [],
       company: "FiEE, Inc. ",
       issuer: "FiEE, Inc. ",
     };
   }
-  }
+  // console.log(filingData.value);
-};
+});
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
-};
 </script>
 
 <style scoped lang="scss">

src/views/financialinformation/secfilingsdetail/size1920/index.vue

@@ -10,7 +10,7 @@
         <div class="details-grid">
           <div class="detail-item">
             <span class="detail-label">Form:</span>
-            <a :href="filingData.fileLink" class="detail-value link">{{
+            <a :href="filingData.htmlLink" class="detail-value link">{{
               filingData.form
             }}</a>
           </div>
@@ -37,39 +37,9 @@
       <div class="section">
         <h2 class="section-title">Filing Formats</h2>
         <div class="formats-list">
-          <div class="format-item" v-if="filingData.pdfFile">
+          <div class="format-item">
-            <img :src="pdfFile" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
-            <a
+            <a :href="filingData.htmlLink" class="format-link" target="_blank"
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.pdfFile, 'pdf')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.wordFile">
-            <img :src="wordFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.wordFile, 'word')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.excelFile">
-            <img :src="excelFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.excelFile, 'excel')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.fileLink">
-            <img :src="fileLink" alt="link" class="format-icon" />
-            <a :href="filingData.fileLink" class="format-link" target="_blank"
               >View HTML</a
             >
           </div>
@@ -90,7 +60,7 @@
             v-for="(item, idx) in filingData.dataFiles"
             :key="idx"
           >
-            <img :src="fileLink" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
             <a :href="item.fileUrl" class="format-link" target="_blank">{{
               item.description
             }}</a>
@@ -103,12 +73,8 @@
 
 <script setup>
 import { ref, onMounted } from "vue";
-
+import iconLink from "@/assets/image/icon/icon-link.png";
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import { fileList } from "@/dict/secFiles.js";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
-
 import { useRoute } from "vue-router";
 
 // 这里可以根据路由参数或props获取具体的文件详情
@@ -118,48 +84,26 @@ const filingData = ref({
   formDescription: "",
   company: "",
   issuer: "",
-  fileLink: "#",
+  htmlLink: "#",
 });
 
 const route = useRoute();
 
 onMounted(() => {
-  const { filingKey } = route.query;
+  const { idx } = route.query;
-  getPageData(filingKey);
+  const file = fileList.find((item) => item.idx == idx);
-});
-import axios from "axios";
-const getPageData = async (filingKey) => {
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/detail";
-  let params = {
-    filingKey,
-  };
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let file = res.data.data.data;
-    console.log(file);
   if (file) {
     filingData.value = {
       form: file.form,
       filingDate: file.filingDate,
       formDescription: file.formDescription,
-        fileLink: file.fileLink || "",
+      htmlLink: file.fileLink || "#",
-        pdfFile: file.pdfFile || "",
-        wordFile: file.wordFile || "",
-        excelFile: file.excelFile || "",
       dataFiles: file.dataFiles || [],
       company: "FiEE, Inc. ",
       issuer: "FiEE, Inc. ",
     };
   }
-  }
+});
-};
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
-};
 </script>
 
 <style scoped lang="scss">

src/views/financialinformation/secfilingsdetail/size375/index.vue

@@ -10,7 +10,7 @@
         <div class="details-grid">
           <div class="detail-item">
             <span class="detail-label">Form:</span>
-            <a :href="filingData.fileLink" class="detail-value link">{{
+            <a :href="filingData.htmlLink" class="detail-value link">{{
               filingData.form
             }}</a>
           </div>
@@ -37,39 +37,9 @@
       <div class="section">
         <h2 class="section-title">Filing Formats</h2>
         <div class="formats-list">
-          <div class="format-item" v-if="filingData.pdfFile">
+          <div class="format-item">
-            <img :src="pdfFile" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
-            <a
+            <a :href="filingData.htmlLink" class="format-link" target="_blank"
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.pdfFile, 'pdf')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.wordFile">
-            <img :src="wordFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.wordFile, 'word')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.excelFile">
-            <img :src="excelFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.excelFile, 'excel')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.fileLink">
-            <img :src="fileLink" alt="link" class="format-icon" />
-            <a :href="filingData.fileLink" class="format-link" target="_blank"
               >View HTML</a
             >
           </div>
@@ -90,7 +60,7 @@
             v-for="(item, idx) in filingData.dataFiles"
             :key="idx"
           >
-            <img :src="fileLink" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
             <a :href="item.fileUrl" class="format-link" target="_blank">{{
               item.description
             }}</a>
@@ -103,12 +73,8 @@
 
 <script setup>
 import { ref, onMounted } from "vue";
-
+import iconLink from "@/assets/image/icon/icon-link.png";
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import { fileList } from "@/dict/secFiles.js";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
-
 import { useRoute } from "vue-router";
 
 // 这里可以根据路由参数或props获取具体的文件详情
@@ -118,48 +84,27 @@ const filingData = ref({
   formDescription: "",
   company: "",
   issuer: "",
-  fileLink: "#",
+  htmlLink: "#",
 });
 
 const route = useRoute();
 
 onMounted(() => {
-  const { filingKey } = route.query;
+  const { idx } = route.query;
-  getPageData(filingKey);
+  const file = fileList.find((item) => item.idx == idx);
-});
-import axios from "axios";
-const getPageData = async (filingKey) => {
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/detail";
-  let params = {
-    filingKey,
-  };
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let file = res.data.data.data;
-    console.log(file);
   if (file) {
     filingData.value = {
       form: file.form,
       filingDate: file.filingDate,
       formDescription: file.formDescription,
-        fileLink: file.fileLink || "",
+      htmlLink: file.fileLink || "#",
-        pdfFile: file.pdfFile || "",
-        wordFile: file.wordFile || "",
-        excelFile: file.excelFile || "",
       dataFiles: file.dataFiles || [],
       company: "FiEE, Inc. ",
       issuer: "FiEE, Inc. ",
     };
   }
-  }
+  // console.log(filingData.value);
-};
+});
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
-};
 </script>
 
 <style scoped lang="scss">

src/views/financialinformation/secfilingsdetail/size768/index.vue

@@ -10,7 +10,7 @@
         <div class="details-grid">
           <div class="detail-item">
             <span class="detail-label">Form:</span>
-            <a :href="filingData.fileLink" class="detail-value link">{{
+            <a :href="filingData.htmlLink" class="detail-value link">{{
               filingData.form
             }}</a>
           </div>
@@ -37,39 +37,9 @@
       <div class="section">
         <h2 class="section-title">Filing Formats</h2>
         <div class="formats-list">
-          <div class="format-item" v-if="filingData.pdfFile">
+          <div class="format-item">
-            <img :src="pdfFile" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
-            <a
+            <a :href="filingData.htmlLink" class="format-link" target="_blank"
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.pdfFile, 'pdf')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.wordFile">
-            <img :src="wordFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.wordFile, 'word')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.excelFile">
-            <img :src="excelFile" alt="link" class="format-icon" />
-            <a
-              href="javascript:void(0)"
-              class="format-link"
-              target="_blank"
-              @click="handleViewDocument(filingData.excelFile, 'excel')"
-              >View HTML</a
-            >
-          </div>
-          <div class="format-item" v-if="filingData.fileLink">
-            <img :src="fileLink" alt="link" class="format-icon" />
-            <a :href="filingData.fileLink" class="format-link" target="_blank"
               >View HTML</a
             >
           </div>
@@ -90,7 +60,7 @@
             v-for="(item, idx) in filingData.dataFiles"
             :key="idx"
           >
-            <img :src="fileLink" alt="link" class="format-icon" />
+            <img :src="iconLink" alt="link" class="format-icon" />
             <a :href="item.fileUrl" class="format-link" target="_blank">{{
               item.description
             }}</a>
@@ -103,12 +73,8 @@
 
 <script setup>
 import { ref, onMounted } from "vue";
-
+import iconLink from "@/assets/image/icon/icon-link.png";
-import pdfFile from "@/assets/image/icon/icon-pdf.png";
+import { fileList } from "@/dict/secFiles.js";
-import wordFile from "@/assets/image/icon/icon-word.png";
-import excelFile from "@/assets/image/icon/icon-excel.png";
-import fileLink from "@/assets/image/icon/icon-link.png";
-
 import { useRoute } from "vue-router";
 
 // 这里可以根据路由参数或props获取具体的文件详情
@@ -118,48 +84,27 @@ const filingData = ref({
   formDescription: "",
   company: "",
   issuer: "",
-  fileLink: "#",
+  htmlLink: "#",
 });
 
 const route = useRoute();
 
 onMounted(() => {
-  const { filingKey } = route.query;
+  const { idx } = route.query;
-  getPageData(filingKey);
+  const file = fileList.find((item) => item.idx == idx);
-});
-import axios from "axios";
-const getPageData = async (filingKey) => {
-  let url = "https://saas.fiee.com/api/fiee/sec-filing/web/detail";
-  let params = {
-    filingKey,
-  };
-  const res = await axios.post(url, params);
-  if (res.data.status === 0) {
-    let file = res.data.data.data;
-    console.log(file);
   if (file) {
     filingData.value = {
       form: file.form,
       filingDate: file.filingDate,
       formDescription: file.formDescription,
-        fileLink: file.fileLink || "",
+      htmlLink: file.fileLink || "#",
-        pdfFile: file.pdfFile || "",
-        wordFile: file.wordFile || "",
-        excelFile: file.excelFile || "",
       dataFiles: file.dataFiles || [],
       company: "FiEE, Inc. ",
       issuer: "FiEE, Inc. ",
     };
   }
-  }
+  // console.log(filingData.value);
-};
+});
-// 查看文档
-const handleViewDocument = (val, type) => {
-  window.open(
-    `${import.meta.env.VITE_PAGE_URL}/office?url=${val}&attachmentName=${type}`,
-    "_blank"
-  );
-};
 </script>
 
 <style scoped lang="scss">