湖里大屏(数字工地):完成升降机设备 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; width: 52px;
height: 52px; height: 52px;
background-size: contain; background-size: contain;
background-repeat: no-repeat;
&.towercrane { &.towercrane {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane.png'); 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 { &.warring {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring.png'); 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 { .info {
color: #fff; color: #fff;

View File

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

View File

@ -1,6 +1,9 @@
<template> <template>
<Card :title="title"> <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="legend">
<div class="item">报警数</div> <div class="item">报警数</div>
<div class="item">离线</div> <div class="item">离线</div>