You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.5 KiB
35 lines
1.5 KiB
<template>
|
|
<div class="card" style="box-sizing:border-box;height:150px;margin:10px;">
|
|
<div class="card-header">
|
|
{{device.displayName}}
|
|
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span>
|
|
<span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row" style="height:100%;width:300px;margin: 0 auto;">
|
|
<div class="col-4 align-self-center">
|
|
<img class="mh-100" src="/IoTCenter/images/light.png" />
|
|
</div>
|
|
<div class="col-8 align-self-center">
|
|
<div class="row" style="line-height:28px;">
|
|
<span>
|
|
光照度：
|
|
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataDescription(device,'光照度')==='适中'">
|
|
{{getDeviceDataDescription(device,'光照度')}}
|
|
</span>
|
|
<span v-else class="text-danger mx-2" style="font-size:28px;">
|
|
{{getDeviceDataDescription(device,'光照度')}}
|
|
</span>
|
|
{{getDeviceData(device,'光照度')}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
({
|
|
props: ['device']
|
|
});
|
|
</script> |