图层服务-开发组件-业务组件bug406更改

This commit is contained in:
851673013@qq.com 2022-07-01 17:22:37 +08:00
parent d0bbe8d909
commit fe1c1931f0
10 changed files with 81 additions and 46 deletions

View File

@ -11,6 +11,7 @@
<algorithm-top-details :dataList="dataList.data"></algorithm-top-details>
<!-- 导航 -->
<algorithm-navigation
:associatedComponents="associatedComponents"
:dataList="dataList.data"
:class="{ fixed: scrollTop >= 600 }"
:selectNow="selectNow"

View File

@ -12,21 +12,22 @@
<!-- 导航 -->
<business-navigation
:dataList="dataList.data"
:associatedComponents="associatedComponents"
:class="{ fixed: scrollTop >= 600 }"
:selectNow="selectNow"
></business-navigation>
<!-- 组件展示 -->
<business-presentation
:dataList="dataList.data"
id="business-presentation"
class="scrollBox"
></business-presentation>
<!-- 关联能力 -->
<business-associated-ability
:associatedComponents="associatedComponents"
id="business-associated-ability"
class="scrollBox"
></business-associated-ability>
<!-- 组件展示 -->
<business-presentation
:dataList="dataList.data"
id="business-presentation"
class="scrollBox"
></business-presentation>
<!-- 功能介绍-->
<business-function-intorduction
:dataList="dataList.data"

View File

@ -14,9 +14,16 @@
<!-- 导航 -->
<layer-service-navigation
:dataList="dataList.data"
:associatedComponents="associatedComponents"
:class="{ fixed: scrollTop >= 600 }"
:selectNow="selectNow"
></layer-service-navigation>
<!-- 关联能力 -->
<layer-service-associated-ability
:associatedComponents="associatedComponents"
id="layer-service-associated-ability"
class="scrollBox"
></layer-service-associated-ability>
<!-- 图层展示 视频 -->
<layer-service-presentation
:dataList="dataList.data"
@ -29,12 +36,6 @@
id="service-information"
class="scrollBox"
></layer-service-information>
<!-- 关联能力 -->
<layer-service-associated-ability
:associatedComponents="associatedComponents"
id="layer-service-associated-ability"
class="scrollBox"
></layer-service-associated-ability>
<!-- 应用场景 -->
<layer-service-application-scenarios
:dataList="dataList.data"

View File

@ -26,8 +26,8 @@
import mybus from '@/myplugins/mybus'
import { queryPartAppByKeyId2 } from '@/api/home'
//
const router = useRouter();
const keyId = router.currentRoute.value.query.id;
const router = useRouter()
const keyId = router.currentRoute.value.query.id
console.log('123', keyId)
const navList = ref([
{
@ -65,15 +65,14 @@
])
const list = ref([])
// id
queryPartAppByKeyId2({keyId: keyId}).then(
res=>{
queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
console.log('ressssssss', res)
if (res.data.data.length > 0) {
//
navList.value.unshift({
name: '关联应用',
key: 'algorithm-associated-ability',
show: true
show: true,
})
// list.value.push('')
console.log('navList', navList)
@ -82,8 +81,7 @@
const props = defineProps({
selectNow: { type: String, default: '' },
dataList: { type: Object, default: null },
}
)
})
const select = ref('algorithm-display')
@ -163,11 +161,17 @@
}
})
if (list.value.length > 0) {
console.log(
'11111111111111111111111111',
(select.value = navList.value.filter(
(item) => item.name === list.value[0]
)[0])
)
debugger
select.value = navList.value.filter(
(item) => item.name === list.value[0]
)[0].key
}
console.log('11111111111111111111111111', list.value, navList.value)
}
}
)

View File

@ -1,6 +1,6 @@
<template>
<div class="application-associated-ability" v-if="flag">
<detals-title title="关联能力" type="RELEVANCE"></detals-title>
<detals-title title="关联应用" type="RELEVANCE"></detals-title>
<div class="application-associated-ability-main">
<div
class="associated-ability-card"
@ -41,9 +41,10 @@
},
})
}
if (props.associatedComponents) {
if (props.associatedComponents[0].dataList.length != 0) {
flag.value = true
dataFrom.value = props.associatedComponents
debugger
console.log('dataFrom.value', dataFrom.value)
} else {
flag.value = false

View File

@ -29,7 +29,7 @@
key: 'business-presentation',
},
{
name: '关联能力',
name: '关联应用',
key: 'business-associated-ability',
},
{
@ -55,6 +55,7 @@
},
])
const props = defineProps({
associatedComponents: { type: Array, default: null },
selectNow: { type: String, default: '' },
dataList: { type: Object, default: null },
})
@ -69,7 +70,7 @@
list.value = []
let arr = [
'组件视频介绍',
'关联能力',
'关联应用',
'功能介绍',
'应用场景',
'应用案例',
@ -93,13 +94,19 @@
list.value.push('组件展示')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
list.value.push('使用方式')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}
} else {
item.show = true
}
}
})
select.value = navList.value.filter(
(item) => item.name === list.value[0]
@ -119,7 +126,7 @@
list.value = []
let arr = [
'组件视频介绍',
'关联能力',
'关联应用',
'功能介绍',
'应用场景',
'应用案例',
@ -144,13 +151,19 @@
list.value.push('组件展示')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
list.value.push('使用方式')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}
} else {
item.show = true
}
}
})
if (list.value.length > 0) {
select.value = navList.value.filter(

View File

@ -1,6 +1,6 @@
<template>
<div class="application-associated-ability" v-if="flag">
<detals-title title="关联能力" type="RELEVANCE"></detals-title>
<detals-title title="关联应用" type="RELEVANCE"></detals-title>
<div class="application-associated-ability-main">
<div
class="associated-ability-card"

View File

@ -29,7 +29,7 @@
key: 'eveloper-presentation',
},
{
name: '关联能力',
name: '关联应用',
key: 'developer-associated-ability',
},
{
@ -81,11 +81,11 @@
list.value.push('组件展示')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联能力') {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}
@ -122,13 +122,13 @@
list.value.push('组件展示')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
list.value.push('组件试用')
list.value.push('使用方式')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联能力') {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}

View File

@ -1,6 +1,6 @@
<template>
<div class="application-associated-ability" v-if="flag">
<detals-title title="关联能力" type="RELEVANCE"></detals-title>
<detals-title title="关联应用" type="RELEVANCE"></detals-title>
<div class="application-associated-ability-main">
<div
class="associated-ability-card"
@ -41,9 +41,10 @@
},
})
}
if (props.associatedComponents) {
if (props.associatedComponents[0].dataList.length != 0) {
flag.value = true
dataFrom.value = props.associatedComponents
debugger
console.log('dataFrom.value', dataFrom.value)
} else {
flag.value = false

View File

@ -24,6 +24,10 @@
import { ref, defineProps, watch } from 'vue'
import mybus from '@/myplugins/mybus'
const navList = ref([
{
name: '关联应用',
key: 'layer-service-associated-ability',
},
{
name: '图层展示',
key: 'service-presentation',
@ -32,10 +36,6 @@
name: '图层信息',
key: 'service-information',
},
{
name: '关联能力',
key: 'layer-service-associated-ability',
},
{
name: '应用场景',
key: 'service-application-scenarios',
@ -60,6 +60,7 @@
const props = defineProps({
selectNow: { type: String, default: '' },
dataList: { type: Object, default: null },
associatedComponents: { type: Array, default: null },
})
const select = ref('service-presentation')
const list = ref([])
@ -121,12 +122,18 @@
list.value.push('使用方式')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}
} else {
item.show = true
}
}
})
select.value = navList.value.filter(
(item) => item.name === '图层展示'
@ -196,12 +203,18 @@
list.value.push('使用方式')
}
})
list.value.push('关联能力')
list.value.push('关联应用')
navList.value.forEach((item) => {
console.log(item)
if (list.value.indexOf(item.name) > -1) {
if (item.name == '关联应用') {
if (props.associatedComponents[0].dataList.length != 0) {
item.show = true
}
} else {
item.show = true
}
}
})
if (list.value.length > 0) {
select.value = navList.value.filter(