wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

提交

This commit is contained in:
gongjiale 2023-01-05 16:30:32 +08:00
parent c0bb1422b1
commit 0df1914eb3
2 changed files with 719 additions and 787 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/views/home/integrationServices.vue
View File

@ -553,7 +553,10 @@ export default defineComponent({
cursor: pointer;
margin-top: 12px;
}
span:hover{
background: #0058e1;
color: #fff;
}
.down {
background: #0058e1;
color: #ffffff;

159
front/src/views/home/integrationServicesDetails.vue
View File

@ -2,27 +2,16 @@
<template>
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
<home-header></home-header>
<detail-back
v-show="!hiddenBackFlag"
:returnType="returnType"
:districtType="districtType"
></detail-back>
<detail-back v-show="!hiddenBackFlag" :returnType="returnType" :districtType="districtType"></detail-back>
<template v-if="districtType == 0 || returnType == '打包模式'">
<!-- 头部基本信息 -->
<application-top-details
:dataList="detailInfoObj"
:navList="navList"
></application-top-details>
<application-top-details :dataList="detailInfoObj" :navList="navList"></application-top-details>
<!-- 导航 -->
<div :class="{ fixed: scrollTop >= 600 }" style="z-index: 10012">
<div class="application-navigation">
<template v-for="nav in navList" :key="nav.key">
<div
class="nav"
:class="{ selectNow: nav.key == selectNow }"
@click="selectNav(nav.key)"
>
<div class="nav" :class="{ selectNow: nav.key == selectNow }" @click="selectNav(nav.key)">
{{ nav.name }}
<span class="line"></span>
</div>
@ -41,16 +30,11 @@
</div>
<div class="content" style="margin-left: 0.5rem">
<div
class="content-item"
v-for="(item, i) in painPoint"
:key="i"
style="
<div class="content-item" v-for="(item, i) in painPoint" :key="i" style="
margin-bottom: 0.2rem;
font-size: 0.18rem;
line-height: 0.3rem;
"
>
">
{{ i + 1 + '、' + item.description }}
</div>
</div>
@ -58,26 +42,17 @@
</div>
<!-- 解决方案 -->
<div
id="integration-solution"
class="solution scrollBox"
style="background: #eee"
>
<div id="integration-solution" class="solution scrollBox" style="background: #eee">
<div class="title-1">
<DetalsTitle title="解决方案" type="SOLUTION"></DetalsTitle>
</div>
<div class="flex-row-center">
<div class="content" style="background: #fff; margin-top: 0.2rem">
<div
class="content-item"
v-for="(item, i) in solution"
:key="i"
style="
<div class="content-item" v-for="(item, i) in solution" :key="i" style="
margin-bottom: 0.2rem;
font-size: 0.18rem;
line-height: 0.3rem;
"
>
">
{{ i + 1 + '、' + item.description }}
</div>
</div>
@ -89,22 +64,11 @@
<div class="title-1">
<DetalsTitle title="使用能力" type="ABILITY"></DetalsTitle>
</div>
<div
class="flex-row-center combine-content"
v-for="(item, i) in combineList"
:key="i"
style="display: block"
>
<div
class="top"
style="font-size: 0.24rem; text-align: center; margin-bottom: 0.3rem"
>
<div class="flex-row-center combine-content" v-for="(item, i) in combineList" :key="i" style="display: block">
<div class="top" style="font-size: 0.24rem; text-align: center; margin-bottom: 0.3rem">
{{ i == 0 ? '基础设施' : i == 1 ? '组件服务' : '数据资源' }}
</div>
<div
class="data-count"
style="font-size: 0.14rem; text-align: right; margin-bottom: 0.2rem"
>
<div class="data-count" style="font-size: 0.14rem; text-align: right; margin-bottom: 0.2rem">
<span style="color: #909399">
共
{{
@ -119,63 +83,23 @@
<div class="bottom" style="display: flex; align-items: flex-start">
<div class="title" :class="'title' + i"></div>
<div class="table-box" v-if="returnType == '典型赋能场景'">
<el-table
class="table"
:data="item.list"
stripe
:header-cell-style="{ 'text-align': 'center' }"
>
<el-table-column
prop="name"
label="资源名称"
align="center"
width="200"
show-overflow-tooltip="true"
></el-table-column>
<el-table-column
prop="type"
label="资源类型"
align="center"
width="100"
show-overflow-tooltip="true"
></el-table-column>
<el-table-column
prop="dept"
label="来源部门"
align="center"
width="300"
show-overflow-tooltip="true"
></el-table-column>
<el-table class="table" :data="item.list" stripe :header-cell-style="{ 'text-align': 'center' }">
<el-table-column prop="name" label="资源名称" align="center" width="200"
show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="type" label="资源类型" align="center" width="100"
show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="dept" label="来源部门" align="center" width="300"
show-overflow-tooltip="true"></el-table-column>
</el-table>
</div>
<div class="table-box" v-else>
<el-table
class="table"
:data="item.list"
stripe
:header-cell-style="{ 'text-align': 'center' }"
>
<el-table-column
prop="name"
label="资源名称"
align="center"
width="200"
show-overflow-tooltip="true"
></el-table-column>
<el-table-column
prop="platform"
label="资源类型"
align="center"
width="100"
show-overflow-tooltip="true"
></el-table-column>
<el-table-column
prop="dept"
label="能力来源"
align="center"
width="300"
show-overflow-tooltip="true"
></el-table-column>
<el-table class="table" :data="item.list" stripe :header-cell-style="{ 'text-align': 'center' }">
<el-table-column prop="name" label="资源名称" align="center" width="200"
show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="platform" label="资源类型" align="center" width="100"
show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="dept" label="能力来源" align="center" width="300"
show-overflow-tooltip="true"></el-table-column>
</el-table>
</div>
</div>
@ -231,18 +155,14 @@
</template>
<template v-else>
<div class="area">
<a-image
style="width:615px;height:345px"
:preview="false"
:src="bgImg || imgSrcYyzy"
/>
<a-image style="width:615px;height:345px" :preview="false" :src="bgImg || imgSrcYyzy" />
<div class="label-name">{{ detailInfoObj.name }} <span class="label">
{{ detailInfoObj.type }}
</span>
<span class="label1">
{{ detailInfoObj.area }}
</span></div>
</span>
</div>
<a-button class="rukou" @click="openScene(detailInfoObj.sceneUrl)">
进入场景
</a-button>
@ -522,6 +442,7 @@ if (resourceArrList.length > 0) {
padding-top: 93px;
text-align: center;
margin-bottom: 32px;
.label-name {
font-size: 26px;
color: #212121;
@ -538,6 +459,7 @@ if (resourceArrList.length > 0) {
color: #fff;
background: #7294c8;
}
.label1 {
padding: 0.01rem 0.1rem;
margin-right: 0.1rem;
@ -546,6 +468,7 @@ if (resourceArrList.length > 0) {
color: #fff;
background: #c66132;
}
.rukou {
margin-top: 24px;
background: #0058e1;
@ -558,6 +481,7 @@ if (resourceArrList.length > 0) {
}
}
.area-desc {
background: #f6f7f9;
padding: 24px;
@ -565,6 +489,7 @@ if (resourceArrList.length > 0) {
margin-left: 343px;
margin-bottom: 24px;
}
.flex-row-between {
display: flex;
flex-direction: row;
@ -677,11 +602,9 @@ if (resourceArrList.length > 0) {
height: 1.5rem;
width: 6.2rem;
border-radius: 0.2rem;
background: linear-gradient(
to right,
background: linear-gradient(to right,
rgba(113, 132, 252, 0.4),
rgba(148, 163, 252, 0.4)
);
rgba(148, 163, 252, 0.4));
padding: 0 0.3rem;
display: flex;
justify-content: center;
@ -732,6 +655,7 @@ if (resourceArrList.length > 0) {
background: url('~@/assets/home/fn/cjtd.png') no-repeat;
background-size: 100%;
}
.cjtd img {
width: 100%;
height: 100%;
@ -772,6 +696,7 @@ if (resourceArrList.length > 0) {
margin: 0.3rem 4.5rem;
padding: 0.3rem;
background: #fff;
.left-process {
padding-left: 18px;
@ -803,6 +728,7 @@ if (resourceArrList.length > 0) {
margin-left: 12px;
margin-bottom: 15px;
}
.question-son {
background: #f6f7f9;
font-size: 16px;
@ -811,6 +737,7 @@ if (resourceArrList.length > 0) {
line-height: 24px;
padding: 12px 0px 12px 16px;
}
.node {
cursor: pointer;
@ -824,7 +751,7 @@ if (resourceArrList.length > 0) {
z-index: 1;
color: #0058e1;
width: 50px;
height: 50px;
height: 41px;
position: relative;
font-size: 30px;
font-weight: bold;
@ -833,6 +760,7 @@ if (resourceArrList.length > 0) {
padding-top: 6px;
float: left;
background: url('~@/assets/home/step.png') no-repeat;
background-color: #fff;
}
@ -897,6 +825,7 @@ if (resourceArrList.length > 0) {
background: url('~@/assets/home/fn/sjzy.png') no-repeat;
background-size: 100% 100%;
}
.table-box {
height: 3.45rem;
flex: 1;
@ -907,8 +836,8 @@ if (resourceArrList.length > 0) {
// width: 100%;
font-size: 16px;
}
.data-count {
}
.data-count {}
}
.name-box {