Merge branch 'hi-ucs-dev' of http://124.222.94.39:3000/wuhongjian/hi-ucs into hi-ucs-dev

This commit is contained in:
guoyue 2022-08-01 18:24:55 +08:00
commit f59460da3a
3 changed files with 69 additions and 42 deletions

View File

@ -1,12 +1,16 @@
<!--
* @Author: hisense.liangjunhua
* @Date: 2022-06-08 15:25:33
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-07-16 17:03:24
* @LastEditors: hisense.liangjunhua
* @LastEditTime: 2022-08-01 17:52:20
* @Description: 应用展示 视频播放
-->
<template>
<div class="application-presentation" v-if="flag">
<div
class="application-presentation"
id="application-presentation"
v-if="flag"
>
<detals-title title="应用展示" type="IMAGE&VIDEO"></detals-title>
<div class="box">
<div class="left" @click="chagneShow()"></div>
@ -33,6 +37,7 @@
</div>
<a-modal
v-model:visible="visible"
:getContainer="() => document.getElementById('application-presentation')"
title="视频预览"
:width="750"
destroyOnClose
@ -84,7 +89,19 @@
}
}
const showModal = () => {
// console.log(
// '==================>',
// document.documentElement.scrollTop,
// document.body.scrollTop
// )
visible.value = true
// window.setTimeout(() => {
// console.log(
// '==================>',
// document.documentElement.scrollTop,
// document.body.scrollTop
// )
// }, 1000)
}
const props = defineProps({
dataList: { type: Object, default: null },

View File

@ -10,7 +10,7 @@
}}
</div>
<div class="condition" :key="showKey">
<ul v-if="selectCardsname === '融合服务'">
<ul v-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'">
<li v-for="(item, i) in orderList" :key="item.value" @click="changeOrder(i, item.value, item.orderType)">
{{ item.name }}
<span class="arrow" :class="item.orderType == 'ASC' ? 'down' : ''"></span>
@ -42,7 +42,7 @@
</div>
<div class="left" style="display: flex;
align-items: center"
v-else-if="selectCardsname === '融合服务' && item.fuseAttrList && item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]">
v-else-if="(selectCardsname === '融合服务' || selectCardsname === '赋能场景') && item.fuseAttrList && item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]">
<a-image :width="106" :preview="false"
:src="item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0].attrValue" />
</div>
@ -72,10 +72,10 @@
? 'ywzj'
: ''
" v-else-if="
selectCardsname !== '基础设施' && selectCardsname !== '融合服务'
selectCardsname !== '基础设施' && selectCardsname !== '融合服务' && selectCardsname !== '赋能场景'
"></div>
<div class="left jcss" v-else-if="selectCardsname === '基础设施'"></div>
<div class="left rhfw" v-else-if="selectCardsname === '融合服务'"></div>
<div class="left rhfw" v-else-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'"></div>
<div class="right">
<div class="header">
<span style="display: flex; align-items: center; width: 680px">
@ -95,7 +95,7 @@
</svg>
</span>
<div class="header-right">
<div v-if="selectCardsname === '融合服务'" class="label-content">
<div v-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'" class="label-content">
<template v-if="item.fuseAttrList && item.fuseAttrList.filter((val) => val.attrType == '应用领域')[0]">
<span class="label"
v-for="(data, index) in item.fuseAttrList.filter((val) => val.attrType == '应用领域')[0].attrValue.split(';')"
@ -132,7 +132,7 @@
<span>{{ item.shareType || '--' }}</span>
</div> -->
<div v-if="
selectCardsname !== '融合服务' && selectCardsname !== '基础设施'
selectCardsname !== '融合服务' && selectCardsname !== '赋能场景' && selectCardsname !== '基础设施'
">
<span>{{ item.deptName || '--' }}</span>
</div>
@ -148,20 +148,23 @@
<div>
<div v-if="
selectCardsname !== '数据资源' &&
selectCardsname !== '融合服务'
selectCardsname !== '融合服务' &&
selectCardsname !== '赋能场景'
">
浏览量{{ item.visits || 0 }}
</div>
<div v-if="
selectCardsname !== '数据资源' &&
selectCardsname !== '融合服务' &&
selectCardsname !== '赋能场景' &&
(selectCardsname !== '应用资源' || whoShow1.itShowQingDao)
">
申请量{{ item.applyCount || 0 }}
</div>
<div v-if="
selectCardsname === '数据资源' &&
selectCardsname !== '融合服务'
selectCardsname !== '融合服务' &&
selectCardsname !== '赋能场景'
">
数据量{{ item.sjlCount || 0 }}
</div>
@ -201,7 +204,7 @@
<a-button type="primary" @click="toView('details', item)" v-if="!whoShow1.itShowBaoTou">
查看详情
</a-button>
<a-button style="margin-left: 10px" v-show="selectCardsname === '融合服务'"
<a-button style="margin-left: 10px" v-show="selectCardsname === '融合服务' || selectCardsname === '赋能场景'"
@click="handleAKeyApplication(item)">
一键申请
</a-button>
@ -675,7 +678,7 @@ export default {
if (!typeObj) {
selData.value = 'total'
}
if (typeObj && typeObj.type === '融合服务') {
if (typeObj && (typeObj.type === '融合服务' || typeObj.type === '赋能场景')) {
orderList.value = [
{
value: 'collectCount',

View File

@ -63,37 +63,38 @@
<div class="title-1">
<DetalsTitle title="使用能力" type="ABILITY"></DetalsTitle>
</div>
<template v-for="(item, i) in combineList" :key="i">
<div class="flex-row-center combine-content" v-if="item.list.length>0">
<div class="title">{{item.title}}</div>
<div class="flex-row-center combine-content" v-for="(item, i) in combineList" :key="i">
<div class="title"></div>
<div>
<el-table
class="table"
:data="item.list"
stripe
style="width: 100%"
:header-cell-style="{'text-align': 'center'}"
@row-click="openResourceDetail">
:header-cell-style="{'text-align': 'center'}">
<el-table-column
prop="name"
label="数据"
align="center"
width="100">
width="200"
show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="dept"
label="能力来源"
align="center"
width="180">
width="300"
show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="platform"
label="申请平台"
align="center">
align="center"
width="100"
show-overflow-tooltip="true">
</el-table-column>
</el-table>
</div>
</div>
</template>
</div>
<!-- 构建步骤 -->
@ -105,14 +106,11 @@
<DetalsTitle title="构建步骤" type="STEP"></DetalsTitle>
</div>
<div class="flex-row-center step-content">
<div style="height: 300px;">
<el-steps direction="vertical" :active="step.length">
<el-step v-for="(item, i) in step" :key="i" :title="item.question" :description="item.answer"></el-step>
</el-steps>
</div>
<el-steps direction="vertical" :space="150" :active="step.length">
<el-step v-for="(item, i) in step" :key="i" :title="item.question" :description="item.answer"></el-step>
</el-steps>
</div>
</div>
<home-footer></home-footer>
</div>
</template>
@ -271,7 +269,7 @@
}))
}else if(item.title==='数据资源'){
arr=resource.map(res=>({
id: res.resource.zycode, name: res.resource.zyname, dept: res.resource.TGBM, platform: 'UCS'
id: res.resource.zycode, name: res.resource.zyname, dept: res.resource.TGBM, platform: '共享交换平台'
}))
}
}
@ -288,10 +286,6 @@
}
getIntegrationServicesDeatil(id)
function openResourceDetail(row, column, event){
console.log(row)
}
function handleOpenUrl(type) {
let obj =
(detailInfoObj.value.fuseAttrList || []).find(
@ -467,17 +461,20 @@
padding: 0.8rem 0;
background: rgb(247, 248, 250);
.bg {
height: 2rem;
width: 2rem;
height: 3rem;
width: 3rem;
background: url('~@/assets/home/rhfw_square.png') no-repeat;
background-size: 100%;
margin-top: 0.3rem;
}
.content {
height: 2rem;
overflow: auto;
height: 3rem;
width: 6rem;
margin-top: 0.3rem;
.content-item {
margin: 0.1rem;
font-size: 16px;
margin: 0rem 0rem 0.1rem 0.1rem;
}
}
}
@ -486,9 +483,9 @@
padding: 0.8rem 0;
background: rgb(247, 248, 250);
.content {
height: 2rem;
width: 8rem;
width: 9rem;
.content-item {
font-size: 16px;
margin: 0.3rem;
}
}
@ -499,6 +496,12 @@
background: rgb(247, 248, 250);
.step-content {
margin-top: 0.3rem;
/deep/ .el-step__title {
font-size: 16px;
}
/deep/ .el-step__description {
font-size: 14px;
}
}
}
@ -514,12 +517,16 @@
margin-top: 0.3rem;
align-items: flex-start;
.title {
height: 2rem;
width: 2rem;
height: 3rem;
width: 3rem;
margin-right: 0.5rem;
background: url('~@/assets/home/rhfw_square.png') no-repeat;
background-size: 100%;
}
.table {
width: 100%;
font-size: 16px
}
}
.name-box {