|
|
|
@ -6,18 +6,25 @@
|
|
|
|
|
<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">
|
|
|
|
|
<div class="row" style="height:100%;width:250px;margin: 0 auto;">
|
|
|
|
|
<div class="col-3 align-self-center">
|
|
|
|
|
<img class="mh-100" :src="device.product.image" style="width:48px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-8 align-self-center">
|
|
|
|
|
<div class="col-2 align-self-center">
|
|
|
|
|
<div class="row" style="line-height:28px;">
|
|
|
|
|
<span class="badge badge-info" style="line-height:26px; margin-right: 10px;" v-if="isSmart">{{electricity}} kW‧h</span>
|
|
|
|
|
<span class="badge badge-info" style="line-height:26px; margin-right: 10px;" v-if="isSmart">{{power}} W</span>
|
|
|
|
|
<img class="pointer" v-if="getDeviceDataValue(device,'状态')==='开'" @click="execApi(device.number,'/Socket/Off')" src="images/on.svg" />
|
|
|
|
|
<img class="pointer" v-else="getDeviceDataValue(device,'状态')==='关'" @click="execApi(device.number,'/Socket/On')" src="images/off.svg" />
|
|
|
|
|
<img class="pointer" v-if="getDeviceDataValue(device,'状态')==='开'"
|
|
|
|
|
@click="execApi(device.number,'/Socket/Off')" src="images/on.svg" />
|
|
|
|
|
<img class="pointer" v-else="getDeviceDataValue(device,'状态')==='关'"
|
|
|
|
|
@click="execApi(device.number,'/Socket/On')" src="images/off.svg" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-7 align-self-center">
|
|
|
|
|
<div class="row" style="height: 25px; line-height: 25px;"><span
|
|
|
|
|
style="line-height:26px; margin-right: 10px;" v-if="isSmart">{{electricity}} kW‧h</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" style="height: 25px; line-height: 20px;"> <span
|
|
|
|
|
style="line-height:26px; margin-right: 10px;" v-if="isSmart">{{power}} W</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|