图层服务-开发组件-业务组件bug406更改
This commit is contained in:
parent
d0bbe8d909
commit
fe1c1931f0
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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)
|
||||
}
|
||||
}
|
||||
)
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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(
|
||||
|
|
Loading…
Reference in New Issue