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.
81 lines
3.3 KiB
81 lines
3.3 KiB
<div class="page js_show" v-if="node">
|
|
<mt-header :title="node.name">
|
|
<router-link to="/pages/iot/nodes" slot="left">
|
|
<mt-button icon="back">back</mt-button>
|
|
</router-link>
|
|
</mt-header>
|
|
<!--场景-->
|
|
<div class="row">
|
|
<div class="col col-md-12">
|
|
<div class="card">
|
|
<div class="card-header">场景</div>
|
|
<div class="card-body">
|
|
<button class="btn btn-success mr-4" v-for="scene in scenes" v-on:click="execScene(scene.id)">{{scene.name}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--环境-->
|
|
<div class="col col-md-12 my-2 px-3">环境</div>
|
|
<div class="row">
|
|
<!--光强检测器-->
|
|
<div v-for="device in getDevices('光强检测器')" class="col" style="min-width:320px;">
|
|
<iot-light v-bind:device="device"></iot-light>
|
|
</div>
|
|
<!--温湿度传感器-->
|
|
<div v-for="device in getDevices('温湿度传感器')" class="col" style="min-width:320px;">
|
|
<iot-humiture v-bind:device="device"></iot-humiture>
|
|
</div>
|
|
<!--烟雾报警器-->
|
|
<div v-for="device in getDevices('烟雾报警器')" class="col" style="min-width:320px;">
|
|
<iot-smoke v-bind:device="device"></iot-smoke>
|
|
</div>
|
|
<!--人体感应器-->
|
|
<div v-for="device in getDevices('人体感应器')" class="col" style="min-width:320px;">
|
|
<iot-person v-bind:device="device"></iot-person>
|
|
</div>
|
|
</div>
|
|
<!--电器-->
|
|
<div class="col col-md-12 my-2 px-3">用电</div>
|
|
<div class="row">
|
|
<!--调色灯-->
|
|
<div v-for="device in getDevices('调色灯')" class="col" style="min-width:320px;">
|
|
<iot-color-light v-bind:device="device"></iot-color-light>
|
|
</div>
|
|
<!--窗帘电机-->
|
|
<div v-for="device in getDevices('窗帘电机')" class="col" style="min-width:320px;">
|
|
<iot-curtain v-bind:device="device"></iot-curtain>
|
|
</div>
|
|
<!--三路开关-->
|
|
<div v-for="device in getDevices('三路开关')" class="col" style="min-width:320px;">
|
|
<iot-switch3 v-bind:device="device"></iot-switch3>
|
|
</div>
|
|
<!--智能插座-->
|
|
<div v-for="device in getDevices('智能插座')" class="col" style="min-width:320px;">
|
|
<iot-socket v-bind:device="device"></iot-socket>
|
|
</div>
|
|
</div>
|
|
<div class="col col-md-12 my-2 px-3">遥控器</div>
|
|
<!--红外转发器-->
|
|
<div class="row">
|
|
<div v-for="device in getDevices('红外转发器')" class="col" style="min-width:320px;">
|
|
<iot-ir v-bind:device="device"></iot-ir>
|
|
</div>
|
|
</div>
|
|
<!--红外转发器-->
|
|
<div class="row">
|
|
<div v-for="device in getDevices('摄像头')" class="col" style="min-width:320px;">
|
|
<iot-camera v-bind:device="device"></iot-camera>
|
|
</div>
|
|
</div>
|
|
<!--test-->
|
|
<!--<hr />
|
|
<div class="row" v-if="node">
|
|
<div v-for="device in node.devices" class="col-lg-3 col col-md-4 col-sm-6">
|
|
<div class="weui-grid__icon">
|
|
<img :src="'/IoTCenter'+device.product.image" />
|
|
</div>
|
|
<p class="weui-grid__label">{{device.displayName}}</p>
|
|
</div>
|
|
</div>-->
|
|
</div> |