融合服务修改

This commit is contained in:
gongjiale 2022-12-16 14:16:37 +08:00
parent 68ad04a198
commit 18dbbfc42d
7 changed files with 80 additions and 49 deletions

View File

@ -58,6 +58,7 @@ function toView(item) {
path: '/integrationServicesDetails', path: '/integrationServicesDetails',
query: { query: {
id: item.id, id: item.id,
type:'典型赋能场景'
}, },
}) })
} }

View File

@ -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;

View File

@ -627,6 +627,7 @@
path: '/integrationServicesDetails', path: '/integrationServicesDetails',
query: { query: {
id: item.id, id: item.id,
type:'打包模式'
}, },
}) })
} else { } else {

View File

@ -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>

View File

@ -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;
} }
} }

View File

@ -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

View File

@ -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 })