|
|
|
|
@ -109,32 +109,33 @@
|
|
|
|
|
|
|
|
|
|
input[type='range'] {
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
background: cadetblue;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 15px;
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hue {
|
|
|
|
|
background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,#00F 66.66%, #F0F 83.33%, #F00 100%);
|
|
|
|
|
}
|
|
|
|
|
input[type='range'].hue {
|
|
|
|
|
background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,#00F 66.66%, #F0F 83.33%, #F00 100%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.saturation {
|
|
|
|
|
background: -webkit-linear-gradient(left, #fff 0%, green 100%);
|
|
|
|
|
}
|
|
|
|
|
input[type='range'].saturation {
|
|
|
|
|
background: -webkit-linear-gradient(left, #fff 0%, green 100%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.brightness {
|
|
|
|
|
background: -webkit-linear-gradient(left, #000 0%, #fff 100%);
|
|
|
|
|
}
|
|
|
|
|
input[type='range'].brightness {
|
|
|
|
|
background: -webkit-linear-gradient(left, #000 0%, #fff 100%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input[type='range']::-webkit-slider-thumb {
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
height: 30px;
|
|
|
|
|
width: 30px;
|
|
|
|
|
border: 15px solid rgba(230,230,230,0.8);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
input[type='range']::-webkit-slider-thumb {
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
height: 30px;
|
|
|
|
|
width: 30px;
|
|
|
|
|
border: 15px solid rgba(230,230,230,0.8);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
canvas {
|
|
|
|
|
width: 100%;
|
|
|
|
|
@ -352,7 +353,7 @@
|
|
|
|
|
<span class="label1">饱和度</span>
|
|
|
|
|
</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="Saturation" class="saturation" :value="GetDataValue(device.Number,'饱和度')" />
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,device.Number,'饱和度')" type="range" min="0" step="1" max="254" name="Saturation" class="saturation" :value="GetDataValue(device.Number,'饱和度')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
@ -364,7 +365,7 @@
|
|
|
|
|
<span class="label1">亮度</span>
|
|
|
|
|
</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="Brightness" class="brightness" :value="GetDataValue(device.Number,'亮度')" />
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,device.Number,'亮度')" type="range" min="0" step="1" max="254" name="Brightness" class="brightness" :value="GetDataValue(device.Number,'亮度')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
@ -380,13 +381,13 @@
|
|
|
|
|
<div class="nav-tabs-custom">
|
|
|
|
|
<ul class="nav nav-tabs">
|
|
|
|
|
<li class="header"><img src="/images/control.png" style="height:32px;margin-right:10px;" />{{device.DisplayName||device.Name}}</li>
|
|
|
|
|
<li class="active"><a href="#tab_1" data-toggle="tab">空调</a></li>
|
|
|
|
|
<li><a href="#tab_2" data-toggle="tab">电视</a></li>
|
|
|
|
|
<li><a href="#tab_3" data-toggle="tab">图影仪</a></li>
|
|
|
|
|
<li><a href="#tab_4" data-toggle="tab">自定义</a></li>
|
|
|
|
|
<li class="active"><a :href="'#tab_1'+device.Number" data-toggle="tab">空调</a></li>
|
|
|
|
|
<li><a :href="'#tab_2'+device.Number" data-toggle="tab">电视</a></li>
|
|
|
|
|
<li><a :href="'#tab_3'+device.Number" data-toggle="tab">图影仪</a></li>
|
|
|
|
|
<li><a :href="'#tab_4'+device.Number" data-toggle="tab">自定义</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="tab-content" style="min-height:176px;">
|
|
|
|
|
<div class="tab-pane active" id="tab_1">
|
|
|
|
|
<div class="tab-pane active" :id="'tab_1'+device.Number">
|
|
|
|
|
<form class="device ir type1" method="get" action="/App/ExecApi">
|
|
|
|
|
<input type="hidden" name="Number" :value="device.Number" />
|
|
|
|
|
<input type="hidden" name="Method" value="/Ir/Send" />
|
|
|
|
|
@ -438,7 +439,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-pane" id="tab_2">
|
|
|
|
|
<div class="tab-pane" :id="'tab_2'+device.Number">
|
|
|
|
|
<form class="device ir type2" method="get" action="/App/ExecApi">
|
|
|
|
|
<input type="hidden" name="Number" :value="device.Number" />
|
|
|
|
|
<input type="hidden" name="Method" value="/Ir/Send" />
|
|
|
|
|
@ -496,7 +497,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-pane" id="tab_3">
|
|
|
|
|
<div class="tab-pane" :id="'tab_3'+device.Number">
|
|
|
|
|
<form class="device ir type3" method="get" action="/App/ExecApi">
|
|
|
|
|
<input type="hidden" name="Number" :value="device.Number" />
|
|
|
|
|
<input type="hidden" name="Method" value="/Ir/Send" />
|
|
|
|
|
@ -554,7 +555,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-pane" id="tab_4">
|
|
|
|
|
<div class="tab-pane" :id="'tab_4'+device.Number">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
