bug修复

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

@@ -8,12 +8,7 @@
 <template>
   <div class="application-navigation" v-if="navList.length > 0">
     <template v-for="nav in navList" :key="nav.key">
-      <div
-        class="nav"
-        :class="{ select: nav.key == select }"
-        v-if="nav.show"
-        @click="selectNav(nav.key)"
-      >
+      <div class="nav" :class="{ select: nav.key == select }" v-if="nav.show" @click="selectNav(nav.key)">
         {{ nav.name }}
         <span class="line"></span>
       </div>
@@ -88,7 +83,7 @@
   list.value = []
   props.dataList.infoList.map((item) => {
     if (
-        item.attrType === '算法优势' ||
+      item.attrType === '功能介绍' ||
       item.attrType === '常见问题' ||
       item.attrType === '使用能力' ||
       item.attrType === '关联组件'
@@ -99,6 +94,8 @@
     }
   })
   list.value.unshift('关联组件')
+  list.value.push('部署与安全')
+  list.value.push('归属部门与服务商')
   navList.value.forEach((item) => {
     console.log(item)
     if (list.value.indexOf(item.name) > -1) {

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

@@ -8,15 +8,10 @@
 <template>
   <div class="application-presentation" v-if="flag">
     <detals-title title="应用展示" type="IMAGE&VIDEO"></detals-title>
-    <div class="main">
+    <div class="main" :style="`${img}background-position:center;background-size:cover;`">
       <div class="play" @click="showModal"></div>
     </div>
-    <a-modal
-      v-model:visible="visible"
-      title="视频预览"
-      :width="750"
-      destroyOnClose
-    >
+    <a-modal v-model:visible="visible" title="视频预览" :width="750" destroyOnClose>
       <template #footer></template>
       <div style="width: 100%; display: flex; justify-content: center">
         <div style="width: 100%; height: 100%">
@@ -63,6 +58,7 @@
   dataList: { type: Object, default: null },
 })
 const flag = ref(true)
+const img = ref({})
 console.log('111111111111111111111,', props.dataList)
 if (props.dataList.infoList) {
   let obj = props.dataList.infoList.filter(
@@ -72,7 +68,13 @@
   if (!obj) {
     flag.value = false
   } else {
+    let imgindex = props.dataList.infoList.filter(
+      (item) => item.attrType === '应用图片'
+    )[0]
     options.src = obj.attrValue
+    if (imgindex) {
+      img.value = 'background:' + 'url(' + imgindex.attrValue + ') no-repeat;'
+    }
   }
 }
 watch(
@@ -86,7 +88,14 @@
       if (!obj) {
         flag.value = false
       } else {
+        let imgindex = props.dataList.infoList.filter(
+          (item) => item.attrType === '应用图片'
+        )[0]
         options.src = obj.attrValue
+        if (imgindex) {
+          img.value =
+            'background:' + 'url(' + imgindex.attrValue + ') no-repeat;'
+        }
       }
     }
   }
@@ -95,6 +104,7 @@
 <style lang="less" scoped>
 .application-presentation {
   padding: 0.8rem 3rem 0;
+
   .main {
     height: 3.4rem;
     border-radius: 0.1rem;
@@ -104,6 +114,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+
     .play {
       width: 0.96rem;
       height: 0.96rem;