|
|
|
@ -40,7 +40,7 @@
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="scene in _.orderBy(model.Sences,['DisplayOrder','Name'])">
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="sendSence(scene.Id)" v-if="isAdmin"><img class="btn" src="~/iot/button.png" /></a></div>
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="sendSence(scene.Id)" v-if="isAdmin"><img class="btn" src="~/images/button.png" /></a></div>
|
|
|
|
|
<div class="btn">{{scene.Name}} </div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -59,32 +59,32 @@
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('温湿度检测器')">
|
|
|
|
|
<div><img class="icon" src="~/iot/temperature.png" /></div>
|
|
|
|
|
<div><img class="icon" src="~/images/temperature.png" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"温度")}} {{getDeviceDataValue(d,"湿度")}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-for="d in getDevices('二氧化碳监测器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"二氧化碳")}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-for="d in getDevices('光强检测器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"光照强度")}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-for="d in getDevices('粉尘检测器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"粉尘")}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-for="d in getDevices('烟雾感应器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"状态")}} </div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-for="d in getDevices('红外感应器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
</div>
|
|
|
|
@ -97,14 +97,14 @@
|
|
|
|
|
主机
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('主机','21boot')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('主机','22shutdown')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('主机','21boot')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('主机','22shutdown')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('主机')">
|
|
|
|
|
<div><img class="icon" src="~/iot/pc.png" /></div>
|
|
|
|
|
<div><img class="icon" src="~/images/pc.png" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"计算机名")}}</div>
|
|
|
|
@ -114,9 +114,9 @@
|
|
|
|
|
<div>发送:{{getDeviceDataValue(d,"发送")}} 接收{{getDeviceDataValue(d,"接收")}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21boot')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'23shot')"><img class="btn" src="~/iot/shot.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22shutdown')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21boot')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'23shot')"><img class="btn" src="~/images/shot.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22shutdown')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -131,7 +131,7 @@
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('AP')">
|
|
|
|
|
<div><img class="icon" src="~/iot/ap.png" /></div>
|
|
|
|
|
<div><img class="icon" src="~/images/ap.png" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{getDeviceDataValue(d,"名称")}}</div>
|
|
|
|
|
<div>
|
|
|
|
@ -152,20 +152,20 @@
|
|
|
|
|
窗帘
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','21on')"><img class="btn" src="~/iot/left.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','23stop')"><img class="btn" src="~/iot/stop.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','22off')"><img class="btn" src="~/iot/right.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','21on')"><img class="btn" src="~/images/left.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','23stop')"><img class="btn" src="~/images/stop.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路可调窗帘','22off')"><img class="btn" src="~/images/right.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('一路可调窗帘')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/left.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'23stop')"><img class="btn" src="~/iot/stop.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/right.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/left.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'23stop')"><img class="btn" src="~/images/stop.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/right.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -176,65 +176,65 @@
|
|
|
|
|
开关
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendGroup('开关','21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendGroup('开关','22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendGroup('开关','21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendGroup('开关','22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('计量开关')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('一路照明开关')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('二路灯开关')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'L1状态')==='关'" v-on:click="send(d.Id,'23l1on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'24l1off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'L2状态')==='关'" v-on:click="send(d.Id,'25l2on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'26l2off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'L1状态')==='关'" v-on:click="send(d.Id,'23l1on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'24l1off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'L2状态')==='关'" v-on:click="send(d.Id,'25l2on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'26l2off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('三路照明开关')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态4')==='关'" v-on:click="send(d.Id,'23on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'24off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态5')==='关'" v-on:click="send(d.Id,'25on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'26off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态6')==='关'" v-on:click="send(d.Id,'27on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'28off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态4')==='关'" v-on:click="send(d.Id,'23on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'24off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态5')==='关'" v-on:click="send(d.Id,'25on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'26off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a v-if="getDeviceDataValue(d,'状态6')==='关'" v-on:click="send(d.Id,'27on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a v-else v-on:click="send(d.Id,'28off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -245,18 +245,18 @@
|
|
|
|
|
插座
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('墙面插座','21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('墙面插座','22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('墙面插座','21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('墙面插座','22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('墙面插座')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -267,18 +267,18 @@
|
|
|
|
|
插座
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路插座','21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路插座','22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路插座','21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('一路插座','22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('一路插座')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -289,18 +289,18 @@
|
|
|
|
|
插座
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('二路插座','21on')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('二路插座','22off')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('二路插座','21on')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('二路插座','22off')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('二路插座')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/iot/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/iot/on.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-if="getDeviceDataValue(d,'状态')==='关'" v-on:click="send(d.Id,'21on')"><img class="btn" src="~/images/off.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-else v-on:click="send(d.Id,'22off')"><img class="btn" src="~/images/on.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -311,16 +311,16 @@
|
|
|
|
|
门锁
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('密码门锁','21open')"><img class="btn" src="~/iot/open.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="sendAll('密码门锁','21open')"><img class="btn" src="~/images/open.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('密码门锁')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}} {{getDeviceDataValue(d,"状态")}}</div>
|
|
|
|
|
<div v-if="isAdmin">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21open')"><img class="btn" src="~/iot/open.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'21open')"><img class="btn" src="~/images/open.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -333,14 +333,14 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('红外转发器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}}</div>
|
|
|
|
|
<div class="row" v-if="isAdmin">
|
|
|
|
|
<template v-for="data in _.orderBy(d.Data,['DisplayOrder','Name'])">
|
|
|
|
|
<template v-if="data.Key==='code[]'">
|
|
|
|
|
<div class="col" v-for="key in JSON.parse(data.Value)">
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="send(d.Id,'22call','code='+key.value)"><img class="btn" src="~/iot/button.png" /></a></div>
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="send(d.Id,'22call','code='+key.value)"><img class="btn" src="~/images/button.png" /></a></div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
{{key.text}}
|
|
|
|
|
</div>
|
|
|
|
@ -359,7 +359,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('串口控制器')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><i :class="d.IsOnline?'fa fa-toggle-on':'fa fa-toggle-off'" :style="d.IsOnline?'color:green;':'color:red;'"></i></div>
|
|
|
|
|
<div>{{d.DisplayName}}</div>
|
|
|
|
|
<div class="row" v-if="isAdmin">
|
|
|
|
@ -369,7 +369,7 @@
|
|
|
|
|
<div>{{key}}</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="btn in value">
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="send(d.Id,'send','code='+btn.value)"><img class="btn" src="~/iot/button.png" /></a></div>
|
|
|
|
|
<div><a href="javascript: ;" v-on:click="send(d.Id,'send','code='+btn.value)"><img class="btn" src="~/images/button.png" /></a></div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
{{btn.text.indexOf('-')>0?btn.text.split('-')[1]:btn.text}}
|
|
|
|
|
</div>
|
|
|
|
@ -393,14 +393,14 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" v-for="d in getDevices('摄像头')">
|
|
|
|
|
<div><img class="icon" :src="'/iot/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div><img class="icon" :src="'/images/'+d.Icon+'.png'" /></div>
|
|
|
|
|
<div>{{d.DisplayName}}</div>
|
|
|
|
|
<div class="row" v-if="isAdmin">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<a href="javascript: ;" v-on:click="play(d.Id)"><img class="btn" src="~/iot/play.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="play(d.Id)"><img class="btn" src="~/images/play.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'20shot')"><img class="btn" src="~/iot/shot.png" /></a>
|
|
|
|
|
<a href="javascript: ;" v-on:click="send(d.Id,'20shot')"><img class="btn" src="~/images/shot.png" /></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -426,7 +426,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<audio id="alarm" muted style="display:none;" src="~/iot/warning.wav"></audio>
|
|
|
|
|
<audio id="alarm" muted style="display:none;" src="~/images/warning.wav"></audio>
|
|
|
|
|
<script src="~/lib/isMobile/isMobile.js"></script>
|
|
|
|
|
<script src="~/lib/jquery/jquery.min.js"></script>
|
|
|
|
|
<script src="~/lib/lodash/lodash.min.js"></script>
|
|
|
|
|