admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

湖里大屏(CIM+)：完成 icon 填充

Browse Source
This commit is contained in:
Jack 2022-08-05 17:56:14 +08:00
parent b02199a35c
commit 770514930d
4 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/projectAdmin/dataBoard/projectHuScreen/CIM/leftTop.vue
View File

@ -1,6 +1,10 @@
<template>
<Card :title="title">
<CountList :allCount="{ value: 22, label: '塔吊总数' }" :todayCount="{ value: 65, label: '今日报警总数' }" :list="[]" />
<CountList
:allCount="{ value: 22, label: '塔吊总数', img: 'towercrane' }"
:todayCount="{ value: 65, label: '今日报警总数', img: 'warring' }"
:list="[]"
/>
</Card>
</template>

4
src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightTop.vue
View File

@ -2,8 +2,8 @@
<Card :title="title">
<CountList
type="persons"
:allCount="{ value: 22, label: '人脸闸机总数' }"
:todayCount="{ value: 65, label: '今日报警总数' }"
:allCount="{ value: 22, label: '人脸闸机总数', img: 'facegate' }"
:todayCount="{ value: 65, label: '今日报警总数', img: 'inout' }"
:list="[]"
/>
</Card>

19
src/views/projectAdmin/dataBoard/projectHuScreen/components/CountList.vue
View File

@ -2,14 +2,14 @@
<div class="h-count-list">
<div class="counts">
<div class="count">
<div class="icon"></div>
<div class="icon" :class="[allCount.img]"></div>
<div class="info">
<div class="num blue">{{ allCount.value }}</div>
<div class="label">{{ allCount.label }}</div>
</div>
</div>
<div class="count">
<div class="icon"></div>
<div class="icon" :class="[todayCount.img]"></div>
<div class="info">
<div class="num red">{{ todayCount.value }}</div>
<div class="label">{{ todayCount.label }}</div>
@ -80,7 +80,20 @@ export default {
margin-right: 10px;
width: 52px;
height: 52px;
border: 1px solid red;
background-size: contain;
background-repeat: no-repeat;
&.towercrane {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane.png');
}
&.warring {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring.png');
}
&.facegate {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-face-gate.png');
}
&.inout {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-in-out.png');
}
}
.info {
color: #fff;

6
src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
View File

@ -66,15 +66,9 @@ export default {
height: 52px;
background-size: contain;
background-repeat: no-repeat;
&.towercrane {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane.png');
}
&.towercrane2 {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane2.png');
}
&.warring {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring.png');
}
&.warring2 {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring2.png');
}