diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
index 24869e6f..a642d8e9 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const applicationArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   //加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -128,6 +135,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -142,6 +156,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -189,8 +212,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
-          right: -3.5rem;
+          min-width: 5.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {
diff --git a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
index bd29eef3..a2c91071 100644
--- a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -75,6 +81,8 @@
   })
   const router = useRouter()
   const businessArea = ref('')
+  const deploymentLocation = ref('') //部署位置
+  const componentType = ref('') //组件类型
   // // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -124,14 +132,17 @@
       message.success('收藏成功')
     })
   }
-  const componentType = ref('')
   if (props.dataList.infoList) {
     businessArea.value = props.dataList.infoList.filter(
       (val) => val.attrType === '应用领域'
     )[0].attrValue
-    let obj = props.dataList.infoList.filter(
-      (val) => val.attrType === '组件类型'
-    )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -146,6 +157,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -197,8 +217,8 @@
 
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
-          right: -3.5rem;
+          min-width: 5.5rem;
+          right: -5.5rem;
           top: 0;
         }
 
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
index fd75008e..ca1c5777 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const applicationArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -128,6 +135,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -142,6 +156,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -188,8 +211,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
-          right: -3.5rem;
+          min-width: 5.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
index 336bc5ff..e59bdde4 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const businessArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -129,6 +136,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -145,6 +159,15 @@
         let obj = props.dataList.infoList.filter(
           (item) => item.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -191,8 +214,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
-          right: -3.5rem;
+          min-width: 5.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {