|
|
|
@ -76,13 +76,6 @@
|
|
|
|
|
height: 53px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
form .label1 {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ir label input {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
@ -143,7 +136,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ir label {
|
|
|
|
|
margin: 5px 0;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<template v-if="model">
|
|
|
|
@ -159,6 +152,27 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--批量操作-->
|
|
|
|
|
<div class="col-md-12" v-if="model.Scenes&&model.Scenes.length>0">
|
|
|
|
|
<div class="box box-solid">
|
|
|
|
|
<div class="box-header with-border">
|
|
|
|
|
<h3 class="box-title"><img src="/images/batch.png" />批量操作</h3>
|
|
|
|
|
<div class="box-tools pull-right">
|
|
|
|
|
<button class="btn btn-sm bg-olive ajax NodePowerOn" :data-node-number="model.Number">一键开</button>
|
|
|
|
|
<button class="btn btn-sm bg-olive ajax NodePowerOff" :data-node-number="model.Number">一键关</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-body">
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOn">开灯</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOff">关灯</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOn">开关开</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOff">开关关</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SocketOn">插座开</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SocketOff">插座关</button>
|
|
|
|
|
<br />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--环境-->
|
|
|
|
|
<!--温湿度传感器-->
|
|
|
|
|
<template v-for="device in GetDevices('温湿度传感器')">
|
|
|
|
@ -342,7 +356,7 @@
|
|
|
|
|
<input type="hidden" name="Method" value="/ColorLight/SetColor" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4">
|
|
|
|
|
<span class="label1">色调</span>
|
|
|
|
|
<label class="btn">色调</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,device.Number,'色调')" type="range" min="0" step="1" max="255" name="Hue" class="hue" :value="GetDataValue(device.Number,'色调')" />
|
|
|
|
@ -350,7 +364,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4">
|
|
|
|
|
<span class="label1">饱和度</span>
|
|
|
|
|
<label class="btn">饱和度</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,device.Number,'饱和度')" type="range" min="0" step="1" max="254" name="Saturation" class="saturation" :value="GetDataValue(device.Number,'饱和度')" />
|
|
|
|
@ -362,7 +376,7 @@
|
|
|
|
|
<input type="hidden" name="Method" value="/ColorLight/SetBrightness" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4">
|
|
|
|
|
<span class="label1">亮度</span>
|
|
|
|
|
<label class="btn">亮度</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,device.Number,'亮度')" type="range" min="0" step="1" max="254" name="Brightness" class="brightness" :value="GetDataValue(device.Number,'亮度')" />
|
|
|
|
@ -394,47 +408,37 @@
|
|
|
|
|
<input type="hidden" name="Type" value="1" />
|
|
|
|
|
<input type="hidden" name="Code" :value="GetDataValue(device.Number,'按键')" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4"><lable style="line-height:40px;">电源</lable></div>
|
|
|
|
|
<div class="col-md-2 col-xs-8">
|
|
|
|
|
<div class="row" style="padding:5px 0">
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="power" type="radio" value="2" v-model="getCode1(GetDataValue(device.Number,'按键')).power" />开</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="power" type="radio" value="1" v-model="getCode1(GetDataValue(device.Number,'按键')).power" />关</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2 col-xs-4"><lable style="line-height:40px;">模式</lable></div>
|
|
|
|
|
<div class="col-md-6 col-xs-8">
|
|
|
|
|
<div class="row" style="padding:5px 0">
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />制冷</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="120" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />自动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="240" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />制热</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="360" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />抽湿</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="480" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />送风</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label class="btn">电源</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="power" type="radio" value="2" v-model="getCode1(GetDataValue(device.Number,'按键')).power" />开</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="power" type="radio" value="1" v-model="getCode1(GetDataValue(device.Number,'按键')).power" />关</label>
|
|
|
|
|
<label class="btn">模式</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />制冷</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="120" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />自动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="240" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />制热</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="360" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />抽湿</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="pattern" type="radio" value="480" v-model="getCode1(GetDataValue(device.Number,'按键')).pattern" />送风</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4"><span class="label1">温度</span></div>
|
|
|
|
|
<div class="col-md-10 col-xs-8">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<span class="btn">温度</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="temperature" type="range" step="1" min="1" max="15" :value="getCode1(GetDataValue(device.Number,'按键')).temperature" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-2 col-xs-4"><lable style="line-height:40px;">风向</lable></div>
|
|
|
|
|
<div class="col-md-4 col-xs-8">
|
|
|
|
|
<div class="row" style="padding:5px 0">
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />任意</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="60" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />手动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="75" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />自动</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2 col-xs-4"><lable style="line-height:40px;">风量</lable></div>
|
|
|
|
|
<div class="col-md-4 col-xs-8">
|
|
|
|
|
<div class="row" style="padding:5px 0">
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />自动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="15" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />高</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="30" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />中</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="45" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />低</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<lable class="btn">风向</lable>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />任意</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="60" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />手动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="direction" type="radio" value="75" v-model="getCode1(GetDataValue(device.Number,'按键')).direction" />自动</label>
|
|
|
|
|
<lable class="btn">风量</lable>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="0" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />自动</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="15" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />高</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="30" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />中</label>
|
|
|
|
|
<label class="btn btn-sm bg-olive"><input v-on:click="SendCode1($event)" v-on:change="SendCode1($event)" name="wind" type="radio" value="45" v-model="getCode1(GetDataValue(device.Number,'按键')).wind" />低</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
@ -564,27 +568,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!--批量操作-->
|
|
|
|
|
<div class="col-md-12" v-if="model.Scenes&&model.Scenes.length>0">
|
|
|
|
|
<div class="box box-solid">
|
|
|
|
|
<div class="box-header with-border">
|
|
|
|
|
<h3 class="box-title"><img src="/images/batch.png" />批量操作</h3>
|
|
|
|
|
<div class="box-tools pull-right">
|
|
|
|
|
<button class="btn btn-sm bg-olive ajax NodePowerOn" :data-node-number="model.Number">一键开</button>
|
|
|
|
|
<button class="btn btn-sm bg-olive ajax NodePowerOff" :data-node-number="model.Number">一键关</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-body">
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOn">开灯</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOff">关灯</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOn">开关开</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SwitchOff">开关关</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SocketOn">插座开</button>
|
|
|
|
|
<button class="btn bg-olive margin ajax SocketOff">插座关</button>
|
|
|
|
|
<br />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3 col-xs-6 control" v-for="device in GetDevices('一路开关')" :data-device-number="device.Number">
|
|
|
|
|
<div class="box box-solid">
|
|
|
|
|
<div class="box-header with-border">
|
|
|
|
|