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

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
parent 9a8be5272e b5a94cd6a7
commit f59460da3a
3 changed files with 69 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
front/src/views/detailsAll/components/Application/ApplicationPresentation.vue
View File

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

23
front/src/views/home/components/searchResultList.vue
View File

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

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

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