diff --git a/front/src/views/detailsAll/ApplicationDetails.vue b/front/src/views/detailsAll/ApplicationDetails.vue
index 904c5c29..5589ab37 100644
--- a/front/src/views/detailsAll/ApplicationDetails.vue
+++ b/front/src/views/detailsAll/ApplicationDetails.vue
@@ -33,7 +33,7 @@
     ></application-associated-components>
     <!-- 关联能力 -->
     <application-associated-ability
-      :associatedComponents="associatedComponents"
+      :associatedComponents="associatedComponentsFunction()"
       id="application-associated-ability"
       class="scrollBox"
     ></application-associated-ability>
@@ -172,6 +172,15 @@
       console.log('预览==============', obj)
     }
   }
+  const associatedComponentsFunction = () => {
+    if (
+      associatedComponents.value[0].dataList.length > 0 ||
+      associatedComponents.value[1].dataList.length > 0 ||
+      associatedComponents.value[2].dataList.length > 0
+    ) {
+      return associatedComponents.value
+    }
+  }
   init(id)
   onBeforeUnmount(() => {
     mybus.off('flyToView')
diff --git a/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue b/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
index d2c19f96..e73ed586 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
@@ -46,24 +46,37 @@
       },
     })
   }
-  if (
-    props.associatedComponents[0].dataList.length > 0 ||
-    props.associatedComponents[1].dataList.length > 0 ||
-    props.associatedComponents[2].dataList.length > 0
-  ) {
-    flag.value = true
-    dataFrom.value = props.associatedComponents
-    console.log('dataFrom.value', dataFrom.value)
+  if (props.associatedComponents) {
+    if (
+      props.associatedComponents[0].dataList.length > 0 ||
+      props.associatedComponents[1].dataList.length > 0 ||
+      props.associatedComponents[2].dataList.length > 0
+    ) {
+      flag.value = true
+      dataFrom.value = props.associatedComponents
+      console.log('dataFrom.value', dataFrom.value)
+    } else {
+      flag.value = false
+    }
   } else {
     flag.value = false
   }
+
   watch(
     () => props.associatedComponents,
     (val) => {
-      if (val) {
-        flag.value = true
-        dataFrom.value = props.associatedComponents
-        console.log('dataFrom.value', dataFrom.value)
+      if (props.associatedComponents) {
+        if (
+          val[0].dataList.length > 0 ||
+          val[1].dataList.length > 0 ||
+          val[2].dataList.length > 0
+        ) {
+          flag.value = true
+          dataFrom.value = props.associatedComponents
+          // console.log('dataFrom.value', dataFrom.value)
+        } else {
+          flag.value = false
+        }
       } else {
         flag.value = false
       }