应用资源详情页跳转

front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue

@@ -18,11 +18,15 @@
         <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
-            <span class="label">
-              {{ componentType || props.dataList.type }}
+            <span class="label" v-if="props.dataList.type">
+              {{ props.dataList.type }}
+            </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">{{ props.dataList.shareType }}</span>
-            <span class="label">{{ props.dataList.shareCondition }}</span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->

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

@@ -2,17 +2,34 @@
 <template>
   <div class="application-deployment-and-security">
     <div class="title">
-      <DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
+      <DetalsTitle
+        :title="dataFrom.title"
+        :type="dataFrom.englishTitle"
+      ></DetalsTitle>
     </div>
     <div class="content">
-      <div v-for="(item, index) in dataFrom.content" :key="index" class="content-card">
+      <div
+        v-for="(item, index) in dataFrom.content"
+        :key="index"
+        class="content-card"
+      >
         <div class="card-title">{{ item.childrenTitle }}</div>
         <div class="card-content">
-          <div v-for="carditem in item.childrenContent" :key="carditem">
+          <div
+            v-for="carditem in item.childrenContent"
+            :key="carditem"
+            :class="
+              carditem.attrType == '访问地址' ? 'access-to-the-address' : ''
+            "
+          >
             <span>{{ carditem.attrType }}：</span>
             <a-tooltip>
               <template #title>{{ carditem.attrValue }}</template>
-              <span>{{ carditem.attrValue }}</span>
+              <span
+                @click="addressFunction(carditem.attrType, carditem.attrValue)"
+              >
+                {{ carditem.attrValue }}
+              </span>
             </a-tooltip>
           </div>
         </div>
@@ -22,10 +39,10 @@
 </template>
 
 <script setup>
-import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
-import { ref, defineProps, watch } from 'vue'
+  import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
+  import { ref, defineProps, watch } from 'vue'
 
-let dataFrom = ref({
+  let dataFrom = ref({
     title: '部署与安全',
     englishTitle: 'DEPLOY&SAFE',
     content: [
@@ -38,12 +55,12 @@ let dataFrom = ref({
         childrenContent: [],
       },
     ],
-})
-//数据初始化
-const props = defineProps({
+  })
+  //数据初始化
+  const props = defineProps({
     dataList: { type: Object, default: null },
-})
-if (props.dataList.infoList) {
+  })
+  if (props.dataList.infoList) {
     props.dataList.infoList.map((item) => {
       if (
         item.attrType === '部署区域' ||
@@ -79,8 +96,14 @@ if (props.dataList.infoList) {
         dataFrom.value.content[1].childrenContent.push(itemContent)
       })
     }
-}
-watch(
+  }
+  //访问地址跳转方法
+  const addressFunction = (name, itemValue) => {
+    if (name == '访问地址') {
+      window.open(itemValue)
+    }
+  }
+  watch(
     () => props.dataList,
     (val) => {
       if (val) {
@@ -128,11 +151,11 @@ watch(
         // dataFrom.value.content[0].childrenContent.push(obj)
       }
     }
-)
+  )
 </script>
 
 <style lang="less" scoped>
-.application-deployment-and-security {
+  .application-deployment-and-security {
     padding: 0.8rem 0;
     display: flex;
     flex-direction: column;
@@ -151,9 +174,11 @@ watch(
         height: 1.5rem;
         width: 6.2rem;
         border-radius: 0.2rem;
-      background: linear-gradient(to right,
+        background: linear-gradient(
+          to right,
           rgba(113, 132, 252, 0.4),
-          rgba(148, 163, 252, 0.4));
+          rgba(148, 163, 252, 0.4)
+        );
         padding: 0 0.3rem;
         display: flex;
         flex-direction: column;
@@ -190,8 +215,11 @@ watch(
               /*超出的设置为省略号*/
             }
           }
+          .access-to-the-address {
+            cursor: pointer;
+          }
+        }
       }
     }
   }
-}
 </style>

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

@@ -18,9 +18,15 @@
         <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
-            <span class="label">{{ props.dataList.type }}</span>
-            <span class="label">{{ props.dataList.shareType }}</span>
-            <span class="label">{{ props.dataList.shareCondition }}</span>
+            <span class="label" v-if="props.dataList.type">
+              {{ props.dataList.type }}
+            </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>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->

front/src/views/detailsAll/components/Business/BusinessTopDetails.vue

@@ -18,11 +18,15 @@
         <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
-            <span class="label">
-              {{ componentType || props.dataList.type }}
+            <span class="label" v-if="props.dataList.type">
+              {{ props.dataList.type }}
+            </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">{{ props.dataList.shareType }}</span>
-            <span class="label">{{ props.dataList.shareCondition }}</span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -59,20 +63,20 @@
   </div>
 </template>
 <script setup>
-import { ShoppingCartOutlined } from '@ant-design/icons-vue'
-import { defineProps, ref, watch } from 'vue'
-import { scInsert } from '@/api/personalCenter'
-import { sgcInsert } from '@/api/home'
-import { useRouter } from 'vue-router'
-import mybus from '@/myplugins/mybus'
-import { message } from 'ant-design-vue'
-const props = defineProps({
+  import { ShoppingCartOutlined } from '@ant-design/icons-vue'
+  import { defineProps, ref, watch } from 'vue'
+  import { scInsert } from '@/api/personalCenter'
+  import { sgcInsert } from '@/api/home'
+  import { useRouter } from 'vue-router'
+  import mybus from '@/myplugins/mybus'
+  import { message } from 'ant-design-vue'
+  const props = defineProps({
     dataList: { type: Object, default: null },
-})
-const router = useRouter()
-const businessArea = ref('')
-// // 加入申购车
-const addShoppingCart = () => {
+  })
+  const router = useRouter()
+  const businessArea = ref('')
+  // // 加入申购车
+  const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
     sgcInsert({
       delFlag: '0',
@@ -83,9 +87,9 @@ const addShoppingCart = () => {
       message.success('添加申购车成功！')
       mybus.emit('getSgcNum')
     })
-}
-// // 立即申请
-function toView() {
+  }
+  // // 立即申请
+  function toView() {
     // window.open(newpage.href, '_blank')
     console.log('一键申请===================>', props.dataList)
     localStorage.setItem(
@@ -111,17 +115,17 @@ function toView() {
     router.push({
       path: '/apply',
     })
-}
-// 收藏
-const goTOCollection = () => {
+  }
+  // 收藏
+  const goTOCollection = () => {
     console.log('收藏===================》', props.dataList)
     scInsert([{ resourceId: props.dataList.id }]).then((res) => {
       console.log(res)
       message.success('收藏成功')
     })
-}
-const componentType = ref('')
-if (props.dataList.infoList) {
+  }
+  const componentType = ref('')
+  if (props.dataList.infoList) {
     businessArea.value = props.dataList.infoList.filter(
       (val) => val.attrType === '应用领域'
     )[0].attrValue
@@ -131,8 +135,8 @@ if (props.dataList.infoList) {
     if (obj) {
       componentType.value = obj.attrValue
     }
-}
-watch(
+  }
+  watch(
     () => props.dataList,
     (val) => {
       if (val) {
@@ -147,10 +151,10 @@ watch(
         }
       }
     }
-)
+  )
 </script>
 <style lang="less" scoped>
-.algorithm-top-details {
+  .algorithm-top-details {
     height: 6rem;
     padding: 1.8rem 0 0;
     background: url('~@/assets/detailsAll/sf_top_bg.png') no-repeat;
@@ -211,13 +215,13 @@ watch(
         font-size: 0.18rem;
         line-height: 0.34rem;
 
-      &>div:nth-of-type(1) {
+        & > div:nth-of-type(1) {
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
 
-      &>div:nth-of-type(2) {
+        & > div:nth-of-type(2) {
           max-height: 1rem;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -265,9 +269,10 @@ watch(
     .right {
       width: 5.8rem;
       height: 4rem;
-    background: url('~@/assets/detailsAll/business/business_right_bg.png') no-repeat;
+      background: url('~@/assets/detailsAll/business/business_right_bg.png')
+        no-repeat;
       background-size: 100%;
       margin-top: -0.4rem;
     }
-}
+  }
 </style>

front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue

@@ -18,11 +18,15 @@
         <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
-            <span class="label">
-              {{ componentType || props.dataList.type }}
+            <span class="label" v-if="props.dataList.type">
+              {{ props.dataList.type }}
+            </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">{{ props.dataList.shareType }}</span>
-            <span class="label">{{ props.dataList.shareCondition }}</span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->

front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue

@@ -18,11 +18,15 @@
         <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
-            <span class="label">
-              {{ componentType || props.dataList.type }}
+            <span class="label" v-if="props.dataList.type">
+              {{ props.dataList.type }}
+            </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">{{ props.dataList.shareType }}</span>
-            <span class="label">{{ props.dataList.shareCondition }}</span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->