|
|
|
@ -15,11 +15,11 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12 py-2">环境</div>
|
|
|
|
|
<!--环境-->
|
|
|
|
|
<div class="col-md-12 my-2">环境</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!--光强检测器-->
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6" v-for="device in getDevices('光强检测器')">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4" v-for="device in getDevices('光强检测器')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
{{device.displayName}}
|
|
|
|
@ -50,7 +50,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--温湿度传感器-->
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6" v-for="device in getDevices('温湿度传感器')">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('温湿度传感器')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
{{device.displayName}}
|
|
|
|
@ -93,7 +93,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--烟雾报警器-->
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6" v-for="device in getDevices('烟雾报警器')">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('烟雾报警器')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
{{device.displayName}}
|
|
|
|
@ -123,7 +123,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--人体感应器-->
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6" v-for="device in getDevices('人体感应器')">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('人体感应器')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
{{device.displayName}}
|
|
|
|
@ -153,6 +153,87 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--电器-->
|
|
|
|
|
<div class="col-md-12 my-2">用电</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!--窗帘电机-->
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('窗帘电机')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<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:100px;">
|
|
|
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
|
|
|
<img class="mh-100" src="/IoTCenter/images/switch1.png" style="width:48px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 col-sm-6">
|
|
|
|
|
<div class="row" style="line-height:28px;">
|
|
|
|
|
<img style="height:32px;" v-on:click="callApi(device.number,'/Curtain/On')" src="/IoTCenter/images/left.png" />
|
|
|
|
|
<img style="height:32px;" v-on:click="callApi(device.number,'/Curtain/Stop')" src="/IoTCenter/images/stop.png" />
|
|
|
|
|
<img style="height:32px;" v-on:click="callApi(device.number,'/Curtain/Off')" src="/IoTCenter/images/right.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--一路开关-->
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('三路开关')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<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:100px;">
|
|
|
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
|
|
|
<img class="mh-100" src="/IoTCenter/images/switch1.png" style="width:48px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 col-sm-6">
|
|
|
|
|
<div class="row" style="line-height:28px;">
|
|
|
|
|
<img v-if="getDataValue(device.number,'L1状态')=='开'" v-on:click="callApi(device.number,'/Switch3/L1Off')" src="/IoTCenter/images/on.png" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'L1状态')=='关'" v-on:click="callApi(device.number,'/Switch3/L1On')" src="/IoTCenter/images/off.png" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'L2状态')=='开'" v-on:click="callApi(device.number,'/Switch3/L2Off')" src="/IoTCenter/images/on.png" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'L2状态')=='关'" v-on:click="callApi(device.number,'/Switch3/L2On')" src="/IoTCenter/images/off.png" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'L3状态')=='开'" v-on:click="callApi(device.number,'/Switch3/L3Off')" src="/IoTCenter/images/on.png" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'L3状态')=='关'" v-on:click="callApi(device.number,'/Switch3/L3On')" src="/IoTCenter/images/off.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--智能插座-->
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="device in getDevices('智能插座')">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<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:100px;">
|
|
|
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
|
|
|
<img class="mh-100" src="/IoTCenter/images/switch1.png" style="width:48px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 col-sm-6">
|
|
|
|
|
<div class="row" style="line-height:28px;">
|
|
|
|
|
<img v-if="getDataValue(device.number,'状态')==='开'" v-on:click="CallApi(device.number,'/Socket/Off')" src="/IoTCenter/images/on.png" :data-status="getDataValue(device.number,'状态')" />
|
|
|
|
|
<img v-if="getDataValue(device.number,'状态')==='关'" v-on:click="CallApi(device.number,'/Socket/On')" src="/IoTCenter/images/off.png" :data-status="getDataValue(device.number,'状态')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--test-->
|
|
|
|
|
<hr />
|
|
|
|
|
<div class="col-md-12" v-if="node">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<template v-if="node">
|
|
|
|
|