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