87 lines
3.9 KiB
HTML
87 lines
3.9 KiB
HTML
<div class="index-1-left-1">
|
||
<div class="index-title">
|
||
<span>设备信息</span>
|
||
</div>
|
||
<div class="flex justify-around border-bottom index-1-left-1-content">
|
||
<div class="flex justify-start">
|
||
<div class="index-1-left-img">
|
||
<i class="fa fa-building-o"></i>
|
||
</div>
|
||
<div>
|
||
<div class="index-number">{{indexMachineViewInfo.accessControlCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.accessControlOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe">门禁</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-start">
|
||
<div class="index-1-left-img">
|
||
<i class="fa fa-home"></i>
|
||
</div>
|
||
<div>
|
||
<div class="index-number">{{indexMachineViewInfo.barrierCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.barrierOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe">道闸</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-start">
|
||
<div class="index-1-left-img">
|
||
<i class="fa fa-cube"></i>
|
||
</div>
|
||
<div>
|
||
<div class="index-number">{{indexMachineViewInfo.chargeCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.chargeOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe">充电桩</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-start">
|
||
<div class="index-1-left-img">
|
||
<i class="fa fa-truck"></i>
|
||
</div>
|
||
<div>
|
||
<div class="index-number">{{indexMachineViewInfo.meterCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.meterOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe">水电表</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between index-1-left-1-bottom">
|
||
<div class="flex justify-between index-1-left-1-bottom-item">
|
||
<div class="text-center">
|
||
<div class="index-name">电梯</div>
|
||
<div class="index-name-ico">
|
||
<i class="fa fa-user"></i>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="index-number">{{indexMachineViewInfo.liftCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.liftOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe margin-top-sm" @click="_toLift()">查看电梯></div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between index-1-left-1-bottom-item">
|
||
<div class="text-center">
|
||
<div class="index-name">路灯</div>
|
||
<div class="index-name-ico">
|
||
<i class="fa fa-car"></i>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="index-number">{{indexMachineViewInfo.lampCount}}
|
||
<span class="index-number-unit">个</span>
|
||
<span style="font-size: 16px">（离线 {{indexMachineViewInfo.lampOfflineCount}}）</span>
|
||
</div>
|
||
<div class="index-number-describe margin-top-sm" @click="_toLamp()">查看路灯></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |