diff --git a/front/src/views/capacitySquare/components/algorithm.vue b/front/src/views/capacitySquare/components/algorithm.vue
index 35b6e2d0..3ad40105 100644
--- a/front/src/views/capacitySquare/components/algorithm.vue
+++ b/front/src/views/capacitySquare/components/algorithm.vue
@@ -12,11 +12,15 @@
           :width="525"
           :height="275"
           :fallback="imgSrc"
+          :preview="false"
         ></a-image>
 
         <a-tooltip>
           <template #title>{{ item.name }}</template>
-          <div class="algorithm-card-title">{{ item.name }}</div>
+          <div class="algorithm-card-title" @click="detailFunction(item.id)">
+            <span>{{ item.name }}</span>
+            <span>{{ item.deptName }}</span>
+          </div>
         </a-tooltip>
       </div>
     </div>
@@ -58,9 +62,14 @@
     })
     return url.value
   }
+  //跳转详情页
+  const detailFunction = (id) => {
+    window.open(window.SITE_CONFIG.previewUrl + `#/details?id=${id}`)
+  }
   onMounted(() => {
     const algorithmclass = document.querySelector('.algorithm-class')
     if (dataLength.value) {
+      //监听滚动事件
       algorithmclass.addEventListener('scroll', (e) => {
         var scrollTop = e.currentTarget.scrollTop
         var windowHeight = e.currentTarget.clientHeight
@@ -118,7 +127,6 @@
           position: absolute;
           height: 0.6rem;
           width: 100%;
-          line-height: 0.6rem;
           color: #ffffff;
           font-size: 0.22rem;
           font-family: alibaba;
@@ -127,10 +135,19 @@
           background: url('~@/assets/capacitySquare/algorithm-title-bg.png')
             no-repeat;
           background-size: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          cursor: pointer;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          span {
+            line-height: 0.24rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: pointer;
+          }
+          span:last-child {
+            font-size: 0.14rem;
+          }
         }
       }
     }
diff --git a/front/src/views/capacitySquare/components/layer.vue b/front/src/views/capacitySquare/components/layer.vue
index 67d4d626..a84c2878 100644
--- a/front/src/views/capacitySquare/components/layer.vue
+++ b/front/src/views/capacitySquare/components/layer.vue
@@ -12,11 +12,15 @@
           :width="525"
           :height="275"
           :fallback="imgSrc"
+          :preview="false"
         ></a-image>
 
         <a-tooltip>
           <template #title>{{ item.name }}</template>
-          <div class="algorithm-card-title">{{ item.name }}</div>
+          <div class="algorithm-card-title" @click="detailFunction(item.id)">
+            <span>{{ item.name }}</span>
+            <span>{{ item.deptName }}</span>
+          </div>
         </a-tooltip>
       </div>
     </div>
@@ -58,9 +62,14 @@
     })
     return url.value
   }
+  //跳转详情页
+  const detailFunction = (id) => {
+    window.open(window.SITE_CONFIG.previewUrl + `#/details?id=${id}`)
+  }
   onMounted(() => {
     const algorithmclass = document.querySelector('.algorithm-class')
     if (dataLength.value) {
+      //监听滚动事件
       algorithmclass.addEventListener('scroll', (e) => {
         var scrollTop = e.currentTarget.scrollTop
         var windowHeight = e.currentTarget.clientHeight
@@ -118,7 +127,6 @@
           position: absolute;
           height: 0.6rem;
           width: 100%;
-          line-height: 0.6rem;
           color: #ffffff;
           font-size: 0.22rem;
           font-family: alibaba;
@@ -127,10 +135,19 @@
           background: url('~@/assets/capacitySquare/algorithm-title-bg.png')
             no-repeat;
           background-size: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          cursor: pointer;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          span {
+            line-height: 0.24rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: pointer;
+          }
+          span:last-child {
+            font-size: 0.14rem;
+          }
         }
       }
     }