Compare commits

...

4 Commits

Author SHA1 Message Date
gongjiale dbdb6d7cea Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
# Conflicts:
#	front/src/views/assertReport/components/ReservoirBottom.vue
#	front/src/views/assertReport/components/ReservoirRight.vue
#	front/src/views/assertReport/components/ReservoirThumbnail.vue
#	front/src/views/assertReport/index.vue
2022-11-29 13:56:18 +08:00
gongjiale 4a6ea361b6 Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
# Conflicts:
#	front/src/views/assertReport/components/ReservoirBottom.vue
#	front/src/views/assertReport/components/ReservoirRight.vue
#	front/src/views/assertReport/components/ReservoirThumbnail.vue
#	front/src/views/assertReport/index.vue
2022-11-29 13:51:02 +08:00
gongjiale 9acaa0e8d3 修改大屏 2022-11-29 13:14:43 +08:00
gongjiale 1d5e82356e 111 2022-11-29 12:36:15 +08:00
3 changed files with 136 additions and 158 deletions

View File

@ -1,8 +1,11 @@
<template> <template>
<div class="right-survey"> <div class="right-survey">
<div class="platform-overview-bottom"> <div class="platform-overview-bottom">
<div class="top"><span class="title">资源汇聚总量</span></div> <div class="top"><span class="title">资源汇聚总量</span></div>
<div class="jiesheng"> <img src="../image/xing2.png" /><span style="padding-left:2px;">{{total}} </span><img src="../image/xing2.png" /></div>
<div class="bottom"> <div class="bottom">
<div <div
v-for="(item, index) in servicesNum" v-for="(item, index) in servicesNum"
:key="index" :key="index"
@ -17,8 +20,11 @@
</template> </template>
<script> <script>
import { selectTotal } from '@/api/assertReport' import {
export default { selectTotal
} from '@/api/assertReport'
export default {
components: {}, components: {},
mounted() { mounted() {
@ -27,22 +33,32 @@
data() { data() {
// //
return { return {
total:'',
servicesNum: [], servicesNum: [],
} }
}, },
methods: { methods: {
selectAllTotal() {
selectAllTotal(){
selectTotal().then((res) => { selectTotal().then((res) => {
this.servicesNum = res.data.data.total.filter( let result=res.data.data.total
(item) => item.type !== '知识库' let now=[]
) let num=0;
}) for(let i=0;i<result.length;i++){
}, if(result[i].type!=='知识库'){
}, now.push(result[i])
num=num+Number(result[i].count)
} }
}
this.servicesNum=now
this.total=num
})
}
}
}
</script> </script>
<style lang="less" scoped> <style lang='less' scoped>
@keyframes turn { @keyframes turn {
0% { 0% {
border-image: linear-gradient(to right, #003194, #00ffea) 1; border-image: linear-gradient(to right, #003194, #00ffea) 1;
@ -59,38 +75,46 @@
100% { 100% {
border-image: linear-gradient(to right, #003194, #00ffea) 1; border-image: linear-gradient(to right, #003194, #00ffea) 1;
} }
}
.jiesheng{
margin:8px 8px;
text-align: center;
color: #f4fcfe; border-color: #107bb0;
box-shadow: 1px 1px 5px 1px RGB(16, 123, 176, 0.8) inset
} }
.top5-content::-webkit-scrollbar { .top5-content::-webkit-scrollbar {
width: 6px; width: 6px;
/*height: 4px;*/ /*height: 4px;*/
} }
.top5-content::-webkit-scrollbar-thumb { .top5-content::-webkit-scrollbar-thumb {
background-color: #00deff; background-color: #00deff;
} }
.map-search-result::-webkit-scrollbar-track, .map-search-result::-webkit-scrollbar-track,
.top5-content::-webkit-scrollbar-track { .top5-content::-webkit-scrollbar-track {
background-color: #424748; background-color: #424748;
} }
@keyframes topup50 { @keyframes topup50 {
from { from {
top: 50%; top: 50%;
} }
to { to {
top: -100%; top: -100%;
} }
} }
.right-survey { .right-survey {
height: 100%; height: 100%;
color: #f0fafa; color: #f0fafa;
font-size: 18px; font-size: 18px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.platform-overview-bottom { .platform-overview-bottom {
margin-top: 20px; margin-top: 5px;
width: 100%; width: 100%;
height: 1.7rem; height: 1.78rem;
background: rgba(0, 108, 188, 0.2); background: rgba(0, 108, 188, 0.2);
border-radius: 2px; border-radius: 2px;
border: 1px solid rgba(0, 108, 188, 0.7); border: 1px solid rgba(0, 108, 188, 0.7);
@ -101,17 +125,17 @@
transition: all 100ms ease-out; transition: all 100ms ease-out;
.top { .top {
font-size: 24px; font-size: 24px;
background: url('~@/assets/capabilityCloud/infrastructure_title.png') background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
text-align: center; text-align: center;
} }
.bottom { .bottom {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0rem 0.2rem; padding: 0px 10px;
.component-services-content-right-left-content-son { .component-services-content-right-left-content-son {
background: url('~@/assets/capabilityCloud/Component_services_snum.png') background: url('~@/assets/capabilityCloud/Component_services_snum.png')
no-repeat; no-repeat;
@ -138,6 +162,6 @@
.platform-overview-bottom:hover { .platform-overview-bottom:hover {
border: 2px solid; border: 2px solid;
animation: turn 5s linear infinite; animation: turn 5s linear infinite;
} }
} }
</style> </style>

View File

@ -14,6 +14,7 @@
<div class="left-list1">应用数</div> <div class="left-list1">应用数</div>
<div class="left-list1" style="color: #1ffefd">贡献金额</div> <div class="left-list1" style="color: #1ffefd">贡献金额</div>
</div> </div>
<div style=" height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
<div class="left-list" v-for="(item, index) in top5DistrictList"> <div class="left-list" v-for="(item, index) in top5DistrictList">
<div class="left-list1" v-if="item.img"> <div class="left-list1" v-if="item.img">
<img :src="item.img" /> <img :src="item.img" />
@ -30,60 +31,11 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="bottom-item">
<div class="inner-title">
<p style="width: 220px">市级部门审评节省资金排行</p>
</div> </div>
<div class="left-list">
<div class="left-list1">排行</div>
<div class="left-list2">部门名称</div>
<div class="left-list1">应用数</div>
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
</div>
<div class="left-list" v-for="(item, index) in top5DeptFundList">
<div class="left-list1" v-if="item.img">
<img :src="item.img" />
</div>
<div class="left-list1" v-else>{{ index + 1 }}</div>
<a-tooltip>
<template #title>{{ item.deptName }}</template>
<div class="left-list2">{{ item.deptName }}</div>
</a-tooltip>
<div class="left-list1">{{ item.applyCount }}</div>
<div class="left-list1" style="color: #1ffefd">
{{ item.applyPrice }}
</div>
</div>
</div> -->
</div> </div>
<div class="bottom1"> <div class="bottom1">
<!-- <div class="bottom-item">
<div class="inner-title">
<p style="width: 220px">市级部门共享贡献资金排行</p>
</div>
<div class="left-list">
<div class="left-list1">排行</div>
<div class="left-list2">部门名称</div>
<div class="left-list1">应用数</div>
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
</div>
<div class="left-list" v-for="(item, index) in top5DistrictList">
<div class="left-list1" v-if="item.img">
<img :src="item.img" />
</div>
<div class="left-list1" v-else>{{ index + 1 }}</div>
<a-tooltip>
<template #title>{{ item.deptName }}</template>
<div class="left-list2">{{ item.deptName }}</div>
</a-tooltip>
<div class="left-list1">{{ item.resourceCount }}</div>
<div class="left-list1" style="color: #1ffefd">
{{ item.applyPrice }}
</div>
</div>
</div> -->
<div class="bottom-item"> <div class="bottom-item">
<div class="inner-title"> <div class="inner-title">
<p style="width: 220px">市级部门申请节省资金排行</p> <p style="width: 220px">市级部门申请节省资金排行</p>
@ -94,6 +46,7 @@
<div class="left-list1">应用数</div> <div class="left-list1">应用数</div>
<div class="left-list1" style="color: #1ffefd">贡献金额</div> <div class="left-list1" style="color: #1ffefd">贡献金额</div>
</div> </div>
<div style=" height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
<div class="left-list" v-for="(item, index) in top5DeptFundList"> <div class="left-list" v-for="(item, index) in top5DeptFundList">
<div class="left-list1" v-if="item.img"> <div class="left-list1" v-if="item.img">
<img :src="item.img" /> <img :src="item.img" />
@ -111,6 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="bottom2"> <div class="bottom2">
<div class="bottom-item"> <div class="bottom-item">
<div class="inner-title"> <div class="inner-title">

Binary file not shown.

After

Width:  |  Height:  |  Size: 442 B