|
|
|
@ -171,13 +171,13 @@
|
|
|
|
|
<img src="~/images/temperature.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'温度','Description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'温度','Description')}}
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'温度','description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'温度','description')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">温度:{{GetDeviceDataAttr(device.number,'温度','Value')}}{{ GetDeviceDataAttr(device.number,'温度','Unit')}}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">温度:{{GetDeviceDataAttr(device.number,'温度','value')}}{{ GetDeviceDataAttr(device.number,'温度','unit')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -188,13 +188,13 @@
|
|
|
|
|
<img src="~/images/humidity.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'湿度','Description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'湿度','Description')}}
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'湿度','description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'湿度','description')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">湿度:{{GetDeviceDataAttr(device.number,'湿度','Value')}}{{ GetDeviceDataAttr(device.number,'湿度','Unit')}}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">湿度:{{GetDeviceDataAttr(device.number,'湿度','value')}}{{ GetDeviceDataAttr(device.number,'湿度','unit')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -208,13 +208,13 @@
|
|
|
|
|
<img src="~/images/pm25.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'PM2.5','Description')==='污染'?'danger':'normal'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'PM2.5','Description')}}
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'PM2.5','description')==='污染'?'danger':'normal'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'PM2.5','description')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">PM2.5:{{GetDeviceDataAttr(device.number,'PM2.5','Value')}}{{ GetDeviceDataAttr(device.number,'PM2.5','Unit')}}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">PM2.5:{{GetDeviceDataAttr(device.number,'PM2.5','value')}}{{ GetDeviceDataAttr(device.number,'PM2.5','unit')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -227,13 +227,13 @@
|
|
|
|
|
<img src="~/images/light.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'光照度','Description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'光照度','Description')}}
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" :class="GetDeviceDataAttr(device.number,'光照度','description')==='适中'?'normal':'danger'">
|
|
|
|
|
{{GetDeviceDataAttr(device.number,'光照度','description')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">光照 {{GetDeviceDataAttr(device.number,'光照度','Value')}}{{ GetDeviceDataAttr(device.number,'光照度','Unit')}}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">光照 {{GetDeviceDataAttr(device.number,'光照度','value')}}{{ GetDeviceDataAttr(device.number,'光照度','unit')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -245,12 +245,12 @@
|
|
|
|
|
<img src="~/images/person.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<img src="~/images/warn.png" style="width:36px;height:36px;margin:32px 0 0 0;" v-if="GetDeviceDataAttr(device.number,'状态','Value')==='警报'" />
|
|
|
|
|
<img src="~/images/warn.png" style="width:36px;height:36px;margin:32px 0 0 0;" v-if="GetDeviceDataAttr(device.number,'状态','value')==='警报'" />
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" class="normal" v-else>正常</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">红外 {{GetDeviceDataAttr(device.number,'状态','Value') }}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">红外 {{GetDeviceDataAttr(device.number,'状态','value') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -262,12 +262,12 @@
|
|
|
|
|
<img src="~/images/smoke.png" style="max-width:48px;margin-top:19px;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8 col-xs-8" style="height:100px;">
|
|
|
|
|
<img src="~/images/warn.png" style="width:36px;height:36px;margin:32px 0 0 0;" v-if="GetDeviceDataAttr(device.number,'状态','Value')==='警报'" />
|
|
|
|
|
<img src="~/images/warn.png" style="width:36px;height:36px;margin:32px 0 0 0;" v-if="GetDeviceDataAttr(device.number,'状态','value')==='警报'" />
|
|
|
|
|
<h3 style="line-height:100px;margin:0;" class="normal" v-else>正常</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">烟雾 {{GetDeviceDataAttr(device.number,'状态','Value') }}</span>
|
|
|
|
|
<span style="display:inline-block;position:absolute;right:20px;bottom:5px;white-space: nowrap;">烟雾 {{GetDeviceDataAttr(device.number,'状态','value') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -333,7 +333,7 @@
|
|
|
|
|
<div class="card btns" style="height:220px;">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title">
|
|
|
|
|
<img src="~/images/light.png" />{{device.DisplayName||device.name}}
|
|
|
|
|
<img src="~/images/light.png" />{{device.displayName||device.name}}
|
|
|
|
|
</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
<img v-if="GetDataValue(device.number,'状态')=='开'" v-on:click="CallApi(device.number,'/ColorLight/Off')" src="~/images/on.png" />
|
|
|
|
@ -386,7 +386,7 @@
|
|
|
|
|
<div class="card-header" style="padding-bottom:0;">
|
|
|
|
|
<h3 class="card-title">
|
|
|
|
|
<img src="~/images/control.png" />
|
|
|
|
|
{{device.DisplayName||device.name}}
|
|
|
|
|
{{device.displayName||device.name}}
|
|
|
|
|
</h3>
|
|
|
|
|
<ul class="nav nav-tabs card-tools" role="tablist">
|
|
|
|
|
<li class="nav-item"><a class="nav-link active" :href="'#tab_1'+device.number" data-toggle="tab">空调</a></li>
|
|
|
|
@ -534,7 +534,7 @@
|
|
|
|
|
<input type="hidden" name="Type" value="5" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12 col-xs-12">
|
|
|
|
|
<label class="btn btn-sm btn-success" v-for="btn in GetButtons(device.number)"><input v-on:click="SendCode1($event)" name="Code" type="radio" :value="btn.Value" />{{btn.name}}</label>
|
|
|
|
|
<label class="btn btn-sm btn-success" v-for="btn in GetButtons(device.number)"><input v-on:click="SendCode1($event)" name="Code" type="radio" :value="btn.value" />{{btn.name}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
@ -553,7 +553,7 @@
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title">
|
|
|
|
|
<img src="~/images/serialport.png" />
|
|
|
|
|
{{device.DisplayName}}
|
|
|
|
|
{{device.displayName}}
|
|
|
|
|
</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
@ -597,14 +597,14 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('一路开关')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch1.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch1.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="row" style="text-align:center;padding:3px 0;justify-content:center;">
|
|
|
|
|
<img v-if="GetDataValue(device.number,'L1状态')=='开'" v-on:click="CallApi(device.number,'/Switch/L1Off')" src="~/images/on.png" />
|
|
|
|
|
<img v-if="GetDataValue(device.number,'L1状态')=='关'" v-on:click="CallApi(device.number,'/Switch/L1On')" src="~/images/off.png" />
|
|
|
|
|
<img v-if="GetDataValue(device.number,'状态')=='开'" v-on:click="CallApi(device.number,'/Switch/L1Off')" src="~/images/on.png" />
|
|
|
|
|
<img v-if="GetDataValue(device.number,'状态')=='关'" v-on:click="CallApi(device.number,'/Switch/L1On')" src="~/images/off.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -614,7 +614,7 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('二路开关')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch2.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch2.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
<button class="btn btn-sm btn-success" v-on:click="CallApi(device.number,'/Switch3/On')" :data-node-number="model.number">一键开</button>
|
|
|
|
|
<button class="btn btn-sm btn-success" v-on:click="CallApi(device.number,'/Switch3/Off')" :data-node-number="model.number">一键关</button>
|
|
|
|
@ -637,7 +637,7 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('三路开关')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch3.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/switch3.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
<button class="btn btn-sm btn-success" v-on:click="CallApi(device.number,'/Switch3/On')" :data-node-number="model.number">一键开</button>
|
|
|
|
|
<button class="btn btn-sm btn-success" v-on:click="CallApi(device.number,'/Switch3/Off')" :data-node-number="model.number">一键关</button>
|
|
|
|
@ -662,7 +662,7 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('插座')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/socket.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/socket.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="row">
|
|
|
|
@ -679,7 +679,7 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('智能插座')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/socket.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/socket.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
{{parseFloat(GetDataValue(device.number,'电量')).toFixed(2)}} kWh
|
|
|
|
|
</div>
|
|
|
|
@ -699,7 +699,7 @@
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('窗帘电机')" :data-device-number="device.number">
|
|
|
|
|
<div class="card block2">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title"><img src="~/images/curtain.png" />{{device.DisplayName||device.name}}</h3>
|
|
|
|
|
<h3 class="card-title"><img src="~/images/curtain.png" />{{device.displayName||device.name}}</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
{{GetDataValue(device.number,'状态')}}
|
|
|
|
|
</div>
|
|
|
|
@ -723,7 +723,7 @@
|
|
|
|
|
<div class="card" style="height:306px;">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
{{device.DisplayName}}
|
|
|
|
|
{{device.displayName}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|