diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
index 702c3d61..bffc1b64 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@@ -33,6 +33,9 @@
             <span class="label" v-if="deploymentLocation">
               {{ deploymentLocation }}
             </span>
+            <span class="label" v-if="classOfAlgorithm.attrValue">
+              {{ classOfAlgorithm.attrValue }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -77,6 +80,7 @@
   const props = defineProps({
     dataList: { type: Object, default: null },
   })
+  const classOfAlgorithm = ref('')
   // console.log('==================>', props.dataList.isCollect)
   const router = useRouter()
   const applicationArea = ref('')
@@ -164,6 +168,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '算法类别')[0]
+    ) {
+      classOfAlgorithm.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '算法类别'
+      )[0]
+    }
     if (
       props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
     ) {
@@ -185,6 +196,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '算法类别'
+          )[0]
+        ) {
+          classOfAlgorithm.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '算法类别'
+          )[0]
+        }
         if (
           props.dataList.infoList.filter(
             (val) => val.attrType === '部署位置'