bug

front/src/views/detailsAll/ApplicationDetails.vue

@@ -8,66 +8,35 @@
 <template>
   <div class="application-details" :class="{ fixed2: scrollTop >= 600 }">
     <!-- 头部基本信息 -->
-    <application-top-details
+    <application-top-details :dataList="dataList.data"></application-top-details>
-      :dataList="dataList.data"
-    ></application-top-details>
     <!-- 导航 -->
-    <application-navigation
+    <application-navigation :dataList="dataList.data" :associatedComponents="associatedComponents"
-      :dataList="dataList.data"
+      :class="{ fixed: scrollTop >= 600 }" :selectNow="selectNow"></application-navigation>
-      :associatedComponents="associatedComponents"
-      :class="{ fixed: scrollTop >= 600 }"
-      :selectNow="selectNow"
-    ></application-navigation>
-    <!-- 应用展示  视频 -->
-    <application-presentation
-      :dataList="dataList.data"
-      id="application-presentation"
-      class="scrollBox"
-    ></application-presentation>
-    <!-- 关联组件 -->
-    <application-associated-components
-      :dataList="dataList.data"
-      id="application-associated-components"
-      class="scrollBox"
-      v-if="false"
-    ></application-associated-components>
     <!-- 关联能力 -->
-    <application-associated-ability
+    <application-associated-ability v-if="!loading" :associatedComponents="associatedComponents"
-      v-if="!loading"
+      id="application-associated-ability" class="scrollBox"></application-associated-ability>
-      :associatedComponents="associatedComponents"
+    <!-- 应用展示  视频 -->
-      id="application-associated-ability"
+    <application-presentation :dataList="dataList.data" id="application-presentation" class="scrollBox">
-      class="scrollBox"
+    </application-presentation>
-    ></application-associated-ability>
+    <!-- 关联组件 -->
+    <application-associated-components :dataList="dataList.data" id="application-associated-components"
+      class="scrollBox" v-if="false"></application-associated-components>
+
     <!-- 功能介绍-->
-    <application-function-intorduction
+    <application-function-intorduction :dataList="dataList.data" id="function-introduction" class="scrollBox">
-      :dataList="dataList.data"
+    </application-function-intorduction>
-      id="function-introduction"
-      class="scrollBox"
-    ></application-function-intorduction>
     <!-- 使用能力 -->
-    <application-ability-toise
+    <application-ability-toise :dataList="dataList.data" id="ability-to-use" class="scrollBox">
-      :dataList="dataList.data"
+    </application-ability-toise>
-      id="ability-to-use"
-      class="scrollBox"
-    ></application-ability-toise>
     <!-- 部署与安全-->
-    <application-deployment-and-security
+    <application-deployment-and-security :dataList="dataList.data" id="deployment-and-security" class="scrollBox">
-      :dataList="dataList.data"
+    </application-deployment-and-security>
-      id="deployment-and-security"
-      class="scrollBox"
-    ></application-deployment-and-security>
     <!-- 归属部门与服务商-->
-    <application-owning-department-and-service-provider
+    <application-owning-department-and-service-provider :dataList="dataList.data" id="department-and-service-provider"
-      :dataList="dataList.data"
+      class="scrollBox"></application-owning-department-and-service-provider>
-      id="department-and-service-provider"
-      class="scrollBox"
-    ></application-owning-department-and-service-provider>
     <!-- 常见问题-->
-    <application-common-problem
+    <application-common-problem :dataList="dataList.data" id="common-problem" class="scrollBox">
-      :dataList="dataList.data"
+    </application-common-problem>
-      id="common-problem"
-      class="scrollBox"
-    ></application-common-problem>
   </div>
 </template>
 <script setup>
@@ -192,6 +161,7 @@
   top: 0;
   left: 0;
 }
+
 .fixed2>div:nth-of-type(3) {
   margin-top: 0.84rem;
 }

front/src/views/detailsAll/components/Application/ApplicationDeploymentAndSecurity.vue

@@ -39,11 +39,6 @@ let dataFrom = ref({
     },
   ],
 })
-let objUrl = {
-  attrType: '访问地址',
-  attrValue: '' || '------',
-}
-dataFrom.value.content[0].childrenContent.push(objUrl)
 //数据初始化
 const props = defineProps({
   dataList: { type: Object, default: null },
@@ -62,7 +57,11 @@ if (props.dataList.infoList) {
     ) {
       dataFrom.value.content[1].childrenContent.push(item)
     } else if (item.attrType === '访问地址') {
-      objUrl.value = item.value
+      let obj = {
+        attrType: '访问地址',
+        attrValue: item.attrValue || '------',
+      }
+      dataFrom.value.content[0].childrenContent.push(obj)
     }
   })
   if (dataFrom.value.content[1].childrenContent.length <= 0) {
@@ -85,11 +84,6 @@ watch(
   () => props.dataList,
   (val) => {
     if (val) {
-      let obj = {
-        attrType: '访问地址',
-        attrValue: props.dataList.link || '------',
-      }
-      dataFrom.value.content[0].childrenContent.push(obj)
       dataFrom.value.content[0].childrenContent = []
       dataFrom.value.content[1].childrenContent = []
       props.dataList.infoList.map((item) => {
@@ -105,7 +99,11 @@ watch(
         ) {
           dataFrom.value.content[1].childrenContent.push(item)
         } else if (item.attrType === '访问地址') {
-          objUrl.value = item.value
+          let obj = {
+            attrType: '访问地址',
+            attrValue: item.attrValue || '------',
+          }
+          dataFrom.value.content[0].childrenContent.push(obj)
         }
       })
       if (dataFrom.value.content[1].childrenContent.length <= 0) {
@@ -123,6 +121,11 @@ watch(
           dataFrom.value.content[1].childrenContent.push(itemContent)
         })
       }
+      // let obj = {
+      //   attrType: '访问地址',
+      //   attrValue: props.dataList.link || '------',
+      // }
+      // dataFrom.value.content[0].childrenContent.push(obj)
     }
   }
 )