融合服务修改
This commit is contained in:
parent
68ad04a198
commit
18dbbfc42d
|
@ -58,6 +58,7 @@ function toView(item) {
|
||||||
path: '/integrationServicesDetails',
|
path: '/integrationServicesDetails',
|
||||||
query: {
|
query: {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
|
type:'典型赋能场景'
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -557,6 +557,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
|
cursor: pointer;
|
||||||
width: 0.3rem;
|
width: 0.3rem;
|
||||||
height: 0.3rem;
|
height: 0.3rem;
|
||||||
border-radius: 0.1rem;
|
border-radius: 0.1rem;
|
||||||
|
|
|
@ -627,6 +627,7 @@
|
||||||
path: '/integrationServicesDetails',
|
path: '/integrationServicesDetails',
|
||||||
query: {
|
query: {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
|
type:'打包模式'
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -17,66 +17,79 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive, ref, watch, defineProps } from 'vue'
|
import { reactive, ref, watch, defineProps } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useStore } from 'vuex'
|
import { useStore } from 'vuex'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const oldValue1 = ref('')
|
const oldValue1 = ref('')
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
textColor: { type: String, default: '' },
|
textColor: { type: String, default: '' },
|
||||||
})
|
returnType: { type: String, default: '' },
|
||||||
|
})
|
||||||
const previousPage = () => {
|
const returnType = props.returnType
|
||||||
|
const previousPage = () => {
|
||||||
|
if (returnType =='典型赋能场景'|| returnType =='打包模式') {
|
||||||
|
router.push({
|
||||||
|
path: '/integrationServices',
|
||||||
|
query: {
|
||||||
|
returnType: returnType,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
} else {
|
||||||
if (window.history.state.back) {
|
if (window.history.state.back) {
|
||||||
window.history.go(-1)
|
window.history.go(-1)
|
||||||
} else {
|
} else {
|
||||||
|
debugger
|
||||||
router.push({
|
router.push({
|
||||||
path: '/integrationServices',
|
path: '/integrationServices',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const detailName = ref('应用资源1')
|
const detailName = ref('应用资源1')
|
||||||
|
|
||||||
const goToDetailsPageconetent = () => {
|
const goToDetailsPageconetent = () => {
|
||||||
let pathData = {
|
let pathData = {
|
||||||
path: '/DetailsPageconetent',
|
path: '/DetailsPageconetent',
|
||||||
}
|
|
||||||
mybus.emit('changeMenuStyle', pathData)
|
|
||||||
}
|
}
|
||||||
|
mybus.emit('changeMenuStyle', pathData)
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.detail-back {
|
.detail-back {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1rem;
|
top: 1rem;
|
||||||
left: 100px;
|
left: 100px;
|
||||||
font-size: 0.18rem;
|
font-size: 0.18rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-image: url('~@/assets/detailsAll/back.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 0.6rem;
|
||||||
|
left: 100px;
|
||||||
|
font-size: 0.18rem;
|
||||||
|
color: #fff;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(244, 245, 248, 0.8);
|
||||||
|
padding-left: 145px;
|
||||||
|
padding-top: 5px;
|
||||||
|
|
||||||
|
.bread-crumb-span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
background-image: url('~@/assets/detailsAll/back.png');
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.nav-box {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.6rem;
|
|
||||||
left: 100px;
|
|
||||||
font-size: 0.18rem;
|
|
||||||
color: #fff;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 14px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background: rgba(244, 245, 248, 0.8);
|
|
||||||
padding-left: 145px;
|
|
||||||
padding-top: 5px;
|
|
||||||
.bread-crumb-span {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -121,6 +121,7 @@
|
||||||
const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
|
const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const select = router.currentRoute.value.query.select
|
const select = router.currentRoute.value.query.select
|
||||||
|
const returnType = router.currentRoute.value.query.returnType
|
||||||
const searchValue = ref('')
|
const searchValue = ref('')
|
||||||
const Cardsname = ref(select)
|
const Cardsname = ref(select)
|
||||||
const resourceList = reactive({ data: [] })
|
const resourceList = reactive({ data: [] })
|
||||||
|
@ -290,11 +291,22 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
if (storageSearchInfo) {
|
if(returnType=='典型赋能场景'){
|
||||||
|
changeCards(0)
|
||||||
|
}else if(returnType=='打包模式'){
|
||||||
|
changeCards(1)
|
||||||
|
}else{
|
||||||
|
if (storageSearchInfo) {
|
||||||
handleSetSearchData()
|
handleSetSearchData()
|
||||||
} else {
|
} else {
|
||||||
getIntegrationList()
|
getIntegrationList()
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
// if (storageSearchInfo) {
|
||||||
|
// handleSetSearchData()
|
||||||
|
// } else {
|
||||||
|
// getIntegrationList()
|
||||||
|
// }
|
||||||
})
|
})
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
@ -312,6 +324,7 @@
|
||||||
loading,
|
loading,
|
||||||
titleName,
|
titleName,
|
||||||
changeCards,
|
changeCards,
|
||||||
|
returnType,
|
||||||
number,
|
number,
|
||||||
loadingData,
|
loadingData,
|
||||||
onShowSizeChange,
|
onShowSizeChange,
|
||||||
|
@ -366,7 +379,7 @@
|
||||||
height: 17px;
|
height: 17px;
|
||||||
background: url('~@/assets/home/searchInner.png');
|
background: url('~@/assets/home/searchInner.png');
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 139px;
|
top: 119px;
|
||||||
left: 500px;
|
left: 500px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
|
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
|
||||||
<home-header></home-header>
|
<home-header></home-header>
|
||||||
<detail-back v-show="!hiddenBackFlag"></detail-back>
|
<detail-back v-show="!hiddenBackFlag" :returnType="returnType"></detail-back>
|
||||||
<!-- 头部基本信息 -->
|
<!-- 头部基本信息 -->
|
||||||
<application-top-details
|
<application-top-details
|
||||||
:dataList="detailInfoObj"
|
:dataList="detailInfoObj"
|
||||||
|
@ -190,6 +190,7 @@
|
||||||
const infrastructureCount = ref(0)
|
const infrastructureCount = ref(0)
|
||||||
const componentCount = ref(0)
|
const componentCount = ref(0)
|
||||||
const id = router.currentRoute.value.query.id
|
const id = router.currentRoute.value.query.id
|
||||||
|
const returnType = router.currentRoute.value.query.type
|
||||||
const hiddenBackFlag = router.currentRoute.value.query.hiddenBackFlag
|
const hiddenBackFlag = router.currentRoute.value.query.hiddenBackFlag
|
||||||
document.documentElement.style.transition = 'all 0.3s ease'
|
document.documentElement.style.transition = 'all 0.3s ease'
|
||||||
document.documentElement.scrollTop = 0
|
document.documentElement.scrollTop = 0
|
||||||
|
|
|
@ -368,6 +368,7 @@
|
||||||
})
|
})
|
||||||
window.open(detailPage.href, '_blank')
|
window.open(detailPage.href, '_blank')
|
||||||
} else if (delFlag === undefined) {
|
} else if (delFlag === undefined) {
|
||||||
|
|
||||||
// 融合服务
|
// 融合服务
|
||||||
// mybus.emit('tabsChange', { flag: item.resourceId })
|
// mybus.emit('tabsChange', { flag: item.resourceId })
|
||||||
mybus.emit('tabsChange', { flag: id })
|
mybus.emit('tabsChange', { flag: id })
|
||||||
|
|
Loading…
Reference in New Issue