湖里大屏(数字工地):完成升降机设备 icon 填充

This commit is contained in:
Jack 2022-08-05 17:35:12 +08:00
parent 0eb056c8ad
commit c494e01365
3 changed files with 16 additions and 3 deletions

View File

@ -65,12 +65,22 @@ export default {
width: 52px;
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');
}
&.elevator {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-elevator.png');
}
}
.info {
color: #fff;

View File

@ -1,8 +1,8 @@
<template>
<Card :title="title">
<DeviceCard
:leftCount="{ value: 22, label: '塔吊设备数', img: 'towercrane' }"
:rightCount="{ value: 65, label: '今日报警数', img: 'warring' }"
:leftCount="{ value: 22, label: '塔吊设备数', img: 'towercrane2' }"
:rightCount="{ value: 65, label: '今日报警数', img: 'warring2' }"
>
<div class="legend">
<div class="item">报警数</div>

View File

@ -1,6 +1,9 @@
<template>
<Card :title="title">
<DeviceCard :leftCount="{ value: 22, label: '塔吊设备数' }" :rightCount="{ value: 65, label: '今日报警数' }">
<DeviceCard
:leftCount="{ value: 22, label: '升降机设备数', img: 'elevator' }"
:rightCount="{ value: 65, label: '今日报警数', img: 'warring2' }"
>
<div class="legend">
<div class="item">报警数</div>
<div class="item">离线</div>