diff --git a/pages/secfilingsDefail.vue b/pages/secfilingsDefail.vue
new file mode 100644
index 0000000..2d8e6d7
--- /dev/null
+++ b/pages/secfilingsDefail.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { defineAsyncComponent } from "vue";
+
+const size375 = defineAsyncComponent(
+  () => import("@/views/financialinformation/secfilingsdetail/index.vue"),
+);
+const size1920 = defineAsyncComponent(
+  () => import("@/views/financialinformation/secfilingsdetail/index.vue"),
+);
+
+const { viewComponent, componentKey } = useViewSelector({
+  size375,
+  size1920,
+});
+</script>
+
+<template>
+  <component :is="viewComponent" :key="componentKey" />
+</template>
diff --git a/src/views/financialinformation/secfilings/size1440/index.vue b/src/views/financialinformation/secfilings/size1440/index.vue
index df77dc9..d289721 100644
--- a/src/views/financialinformation/secfilings/size1440/index.vue
+++ b/src/views/financialinformation/secfilings/size1440/index.vue
@@ -330,7 +330,25 @@ const columns = [
         {
           href: "javascript:void(0)",
           style: {
+            color: "#FF7BAC",
             textDecoration: "none",
+            cursor: "pointer",
+            borderRight: "1px dashed #E7E7E7",
+          },
+          onClick: (e) => {
+            e.preventDefault();
+            router.push({
+              path: "/secfilingsDefail",
+              query: {
+                filingKey: row.filingKey,
+              },
+            });
+          },
+          onMouseover: (e) => {
+            e.target.style.textDecoration = "underline";
+          },
+          onMouseout: (e) => {
+            e.target.style.textDecoration = "none";
           },
         },
         row.form,
diff --git a/src/views/financialinformation/secfilings/size1920/index.vue b/src/views/financialinformation/secfilings/size1920/index.vue
index df77dc9..d289721 100644
--- a/src/views/financialinformation/secfilings/size1920/index.vue
+++ b/src/views/financialinformation/secfilings/size1920/index.vue
@@ -330,7 +330,25 @@ const columns = [
         {
           href: "javascript:void(0)",
           style: {
+            color: "#FF7BAC",
             textDecoration: "none",
+            cursor: "pointer",
+            borderRight: "1px dashed #E7E7E7",
+          },
+          onClick: (e) => {
+            e.preventDefault();
+            router.push({
+              path: "/secfilingsDefail",
+              query: {
+                filingKey: row.filingKey,
+              },
+            });
+          },
+          onMouseover: (e) => {
+            e.target.style.textDecoration = "underline";
+          },
+          onMouseout: (e) => {
+            e.target.style.textDecoration = "none";
           },
         },
         row.form,
diff --git a/src/views/financialinformation/secfilings/size375/index.vue b/src/views/financialinformation/secfilings/size375/index.vue
index 5a23806..a00b11b 100644
--- a/src/views/financialinformation/secfilings/size375/index.vue
+++ b/src/views/financialinformation/secfilings/size375/index.vue
@@ -331,7 +331,25 @@ const columns = [
         {
           href: "javascript:void(0)",
           style: {
+            color: "#FF7BAC",
             textDecoration: "none",
+            cursor: "pointer",
+            borderRight: "1px dashed #E7E7E7",
+          },
+          onClick: (e) => {
+            e.preventDefault();
+            router.push({
+              path: "/secfilingsDefail",
+              query: {
+                filingKey: row.filingKey,
+              },
+            });
+          },
+          onMouseover: (e) => {
+            e.target.style.textDecoration = "underline";
+          },
+          onMouseout: (e) => {
+            e.target.style.textDecoration = "none";
           },
         },
         row.form,
diff --git a/src/views/financialinformation/secfilings/size768/index.vue b/src/views/financialinformation/secfilings/size768/index.vue
index e94e9c2..5fa77fe 100644
--- a/src/views/financialinformation/secfilings/size768/index.vue
+++ b/src/views/financialinformation/secfilings/size768/index.vue
@@ -330,7 +330,25 @@ const columns = [
         {
           href: "javascript:void(0)",
           style: {
+            color: "#FF7BAC",
             textDecoration: "none",
+            cursor: "pointer",
+            borderRight: "1px dashed #E7E7E7",
+          },
+          onClick: (e) => {
+            e.preventDefault();
+            router.push({
+              path: "/secfilingsDefail",
+              query: {
+                filingKey: row.filingKey,
+              },
+            });
+          },
+          onMouseover: (e) => {
+            e.target.style.textDecoration = "underline";
+          },
+          onMouseout: (e) => {
+            e.target.style.textDecoration = "none";
           },
         },
         row.form,