diff --git a/front/src/assets/home/integration/jcssDetail.png b/front/src/assets/home/integration/jcssDetail.png new file mode 100644 index 00000000..4ea77922 Binary files /dev/null and b/front/src/assets/home/integration/jcssDetail.png differ diff --git a/front/src/assets/home/integration/sjzyDetail.png b/front/src/assets/home/integration/sjzyDetail.png new file mode 100644 index 00000000..d6575499 Binary files /dev/null and b/front/src/assets/home/integration/sjzyDetail.png differ diff --git a/front/src/assets/home/integration/zjfwDetail.png b/front/src/assets/home/integration/zjfwDetail.png new file mode 100644 index 00000000..7eaa5108 Binary files /dev/null and b/front/src/assets/home/integration/zjfwDetail.png differ diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue index bb59648a..faadcd15 100644 --- a/front/src/views/home/components/header.vue +++ b/front/src/views/home/components/header.vue @@ -151,6 +151,8 @@ // eslint-disable-next-line no-undef const navList = ref(navListManagement.navList) + console.log('navList------------>', navList); + const props = defineProps({ showView: { type: String, default: '' }, }) diff --git a/front/src/views/home/components/packageAbilityList.vue b/front/src/views/home/components/packageAbilityList.vue new file mode 100644 index 00000000..051ad962 --- /dev/null +++ b/front/src/views/home/components/packageAbilityList.vue @@ -0,0 +1,30 @@ + + + \ No newline at end of file diff --git a/front/src/views/home/packagingDetails.vue b/front/src/views/home/packagingDetails.vue index da672d45..14a6cf19 100644 --- a/front/src/views/home/packagingDetails.vue +++ b/front/src/views/home/packagingDetails.vue @@ -2,7 +2,58 @@
-
+
+
打包模式
+
+
+
+ 基本信息 +
+
+
+
+
名称：{{ detailInfoObj.name || '--' }}
+
+
应用领域：
+
+ {{ detailInfoObj.applicationArea }} +
+
+
+ +
描述：{{ detailInfoObj.description + + '哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊哈啊啊啊啊啊啊啊啊啊啊啊啊' + || '--' + }}
+
+
+ + + 申请使用 + + + + 收藏 + +
+
+
+
+ +
+
+
+ 服务使用能力列表 +
+
+ +
+
+
@@ -11,143 +62,169 @@ import HomeFooter from '@/views/newHome/components/Footer' import mybus from '@/myplugins/mybus' import { defineComponent, reactive, ref, toRefs, onMounted, watch } from 'vue' - import { getIntegrationServicesList } from '@/api/home.js' import { useRouter } from 'vue-router' import HomeHeader from '@/views/home/components/header' import searchResultList from '@/views/home/components/searchResultList.vue' +import packageAbilityList from '@/views/home/components/packageAbilityList.vue' import { message } from 'ant-design-vue' +import { getIntegrationDetail } from '@/api/home' + + +const router = useRouter() +const id = router.currentRoute.value.query.id + +const detailInfoObj = ref({}) +const abilityList = ref([ + { + name: '数据资源', + // bgImg: require('../../assets/home/integration/jcssDetail.png'), + list: [] + }, + { + name: '组件服务', + list: [] + }, + { + name: '基础设施', + list: [] + }, +]) + +// 融合服务--详情 +const getIntegrationServicesDeatil = (id) => { + getIntegrationDetail(id).then( + (res) => { + if (res.data.code !== 0) { + return message.error(res.data.msg) + } + detailInfoObj.value = res.data.data || {} + console.log('detailInfoObj------------>', detailInfoObj); + + let fuseResourceList = detailInfoObj.value.fuseResourceList || [] + abilityList.value.map(v => { + let list = fuseResourceList.filter(x => x.type == v.name) || []; + v.list = list.map(v => v.resource && v.resource.channelName) + }) + console.log('abilityList.value------------>', abilityList.value); + }, + (err) => { + message.error(err) + } + ) +} +getIntegrationServicesDeatil(id)