diff --git a/front/src/api/home.js b/front/src/api/home.js
index 3ba5a76a..9f715249 100644
--- a/front/src/api/home.js
+++ b/front/src/api/home.js
@@ -305,3 +305,12 @@ export function queryPartAppByKeyId(params) {
     params,
   })
 }
+//组件详情列表
+export function queryPartAppByKeyId2(params) {
+  return request({
+    url: 'dataResourceRel/queryApp4PartByKeyId',
+    method: 'get',
+    params,
+  })
+}
+
diff --git a/front/src/views/detailsAll/AlgorithmDetails.vue b/front/src/views/detailsAll/AlgorithmDetails.vue
index 1bac95d9..caa53ed5 100644
--- a/front/src/views/detailsAll/AlgorithmDetails.vue
+++ b/front/src/views/detailsAll/AlgorithmDetails.vue
@@ -88,7 +88,7 @@
   import AlgorithmCommonProblem from '@/views/detailsAll/components/Algorithm/AlgorithmCommonProblem' //常见问题
   import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
   import { useRouter } from 'vue-router'
-  import { updateVisits, selectOne, queryPartAppByKeyId } from '@/api/home'
+  import { updateVisits, selectOne, queryPartAppByKeyId2 } from '@/api/home'
   import mybus from '@/myplugins/mybus'
   const router = useRouter()
   const scrollTop = ref(0)
@@ -97,11 +97,7 @@
   const dataList = reactive({ data: {} })
   const id = router.currentRoute.value.query.id
   const obj = JSON.parse(window.sessionStorage.getItem('preview'))
-  const associatedComponents = ref([
-    { type: '应用资源', dataList: [] },
-    { type: '数据资源', dataList: [] },
-    { type: '基础设施', dataList: [] },
-  ])
+  const associatedComponents = ref([{ type: '应用资源', dataList: [] }])
   document.documentElement.style.transition = 'all 0.3s ease'
   document.documentElement.scrollTop = 0
   document.body.style.transition = 'all 0.3s ease'
@@ -163,9 +159,8 @@
       associatedComponents.value.map((item, index) => {
         let queryPartAppByKeyIdParams = {
           keyId: id,
-          type: item.type,
         }
-        queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
+        queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
           associatedComponents.value[index].dataList = res.data.data
         })
       })
diff --git a/front/src/views/detailsAll/BusinessDetails.vue b/front/src/views/detailsAll/BusinessDetails.vue
index 8cbd5352..bd36f021 100644
--- a/front/src/views/detailsAll/BusinessDetails.vue
+++ b/front/src/views/detailsAll/BusinessDetails.vue
@@ -71,7 +71,7 @@
   import BusinessCommonProblem from '@/views/detailsAll/components/Business/BusinessCommonProblem' //常见问题
   import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
   import { useRouter } from 'vue-router'
-  import { updateVisits, selectOne, queryPartAppByKeyId } from '@/api/home'
+  import { updateVisits, selectOne, queryPartAppByKeyId2 } from '@/api/home'
   import mybus from '@/myplugins/mybus'
   const router = useRouter()
   const scrollTop = ref(0)
@@ -80,11 +80,7 @@
   const dataList = reactive({ data: {} })
   const id = router.currentRoute.value.query.id
   const obj = JSON.parse(window.sessionStorage.getItem('preview'))
-  const associatedComponents = ref([
-    { type: '应用资源', dataList: [] },
-    { type: '数据资源', dataList: [] },
-    { type: '基础设施', dataList: [] },
-  ])
+  const associatedComponents = ref([{ type: '应用资源', dataList: [] }])
   document.documentElement.style.transition = 'all 0.3s ease'
   document.documentElement.scrollTop = 0
   document.body.style.transition = 'all 0.3s ease'
@@ -146,9 +142,8 @@
       associatedComponents.value.map((item, index) => {
         let queryPartAppByKeyIdParams = {
           keyId: id,
-          type: item.type,
         }
-        queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
+        queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
           associatedComponents.value[index].dataList = res.data.data
         })
       })
diff --git a/front/src/views/detailsAll/DeveloperComponents.vue b/front/src/views/detailsAll/DeveloperComponents.vue
index 1c7c5c9e..d4cf3941 100644
--- a/front/src/views/detailsAll/DeveloperComponents.vue
+++ b/front/src/views/detailsAll/DeveloperComponents.vue
@@ -78,7 +78,7 @@
   import DeveloperTrial from '@/views/detailsAll/components/Developer/DeveloperTrial' //组件试用
   import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
   import { useRouter } from 'vue-router'
-  import { updateVisits, selectOne, queryPartAppByKeyId } from '@/api/home'
+  import { updateVisits, selectOne, queryPartAppByKeyId2 } from '@/api/home'
   import mybus from '@/myplugins/mybus'
   const router = useRouter()
   const scrollTop = ref(0)
@@ -87,11 +87,7 @@
   const dataList = reactive({ data: {} })
   const id = router.currentRoute.value.query.id
   const obj = JSON.parse(window.sessionStorage.getItem('preview'))
-  const associatedComponents = ref([
-    { type: '应用资源', dataList: [] },
-    { type: '数据资源', dataList: [] },
-    { type: '基础设施', dataList: [] },
-  ])
+  const associatedComponents = ref([{ type: '应用资源', dataList: [] }])
   document.documentElement.style.transition = 'all 0.3s ease'
   document.documentElement.scrollTop = 0
   document.body.style.transition = 'all 0.3s ease'
@@ -153,9 +149,8 @@
       associatedComponents.value.map((item, index) => {
         let queryPartAppByKeyIdParams = {
           keyId: id,
-          type: item.type,
         }
-        queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
+        queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
           associatedComponents.value[index].dataList = res.data.data
         })
       })
diff --git a/front/src/views/detailsAll/LayerService.vue b/front/src/views/detailsAll/LayerService.vue
index 126e17cb..bc5ab295 100644
--- a/front/src/views/detailsAll/LayerService.vue
+++ b/front/src/views/detailsAll/LayerService.vue
@@ -80,7 +80,7 @@
   import LayerServiceUsageMode from '@/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue' //使用方式
   import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
   import { useRouter } from 'vue-router'
-  import { updateVisits, selectOne, queryPartAppByKeyId } from '@/api/home'
+  import { updateVisits, selectOne, queryPartAppByKeyId2 } from '@/api/home'
   import mybus from '@/myplugins/mybus'
   const router = useRouter()
   const scrollTop = ref(0)
@@ -89,11 +89,7 @@
   const dataList = reactive({ data: {} })
   const id = router.currentRoute.value.query.id
   const obj = JSON.parse(window.sessionStorage.getItem('preview'))
-  const associatedComponents = ref([
-    { type: '应用资源', dataList: [] },
-    { type: '数据资源', dataList: [] },
-    { type: '基础设施', dataList: [] },
-  ])
+  const associatedComponents = ref([{ type: '应用资源', dataList: [] }])
   document.documentElement.style.transition = 'all 0.3s ease'
   document.documentElement.scrollTop = 0
   document.body.style.transition = 'all 0.3s ease'
@@ -155,9 +151,8 @@
       associatedComponents.value.map((item, index) => {
         let queryPartAppByKeyIdParams = {
           keyId: id,
-          type: item.type,
         }
-        queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
+        queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
           associatedComponents.value[index].dataList = res.data.data
         })
       })
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
index 4740f254..e405b3dd 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
@@ -87,7 +87,7 @@
       margin-top: 0.4rem;
       width: 13.14rem;
       display: flex;
-      justify-content: space-between;
+      justify-content: center;
       .associated-ability-card {
         width: 4.28rem;
         display: flex;
diff --git a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
index 4740f254..e405b3dd 100644
--- a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
@@ -87,7 +87,7 @@
       margin-top: 0.4rem;
       width: 13.14rem;
       display: flex;
-      justify-content: space-between;
+      justify-content: center;
       .associated-ability-card {
         width: 4.28rem;
         display: flex;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
index 4740f254..e405b3dd 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
@@ -87,7 +87,7 @@
       margin-top: 0.4rem;
       width: 13.14rem;
       display: flex;
-      justify-content: space-between;
+      justify-content: center;
       .associated-ability-card {
         width: 4.28rem;
         display: flex;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
index c436c734..32d723e1 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
@@ -66,7 +66,6 @@
     }
   }
   const clickLink = (link) => {
-    debugger
     window.open(link)
   }
   //复制方法
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
index 4740f254..e405b3dd 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
@@ -87,7 +87,7 @@
       margin-top: 0.4rem;
       width: 13.14rem;
       display: flex;
-      justify-content: space-between;
+      justify-content: center;
       .associated-ability-card {
         width: 4.28rem;
         display: flex;