|
|
|
@ -1,12 +1,12 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card" style="min-height:200px;">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
{{device.displayName}}
|
|
|
|
|
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
<span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="weui-tab" style="height:100px;">
|
|
|
|
|
<div class="weui-tab">
|
|
|
|
|
<div class="weui-navbar">
|
|
|
|
|
<a href="javascript:;" class="weui-tabbar__item">
|
|
|
|
|
<p class="weui-tabbar__label">空调</p>
|
|
|
|
@ -21,23 +21,293 @@
|
|
|
|
|
<p class="weui-tabbar__label">自定义</p>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-tab__panel">
|
|
|
|
|
<div class="weui-tab__panel media ir">
|
|
|
|
|
<div class="weui-tab__content">
|
|
|
|
|
{{code}}
|
|
|
|
|
<button type="button" :value="power.value" v-on:click="changePower($event)">开关</button>{{power.name}}
|
|
|
|
|
<button type="button" :value="pattern.value" v-on:click="changePattern($event)">模式</button>{{pattern.name}}
|
|
|
|
|
<button type="button" :value="direction.value" v-on:click="changeDirection($event)">风向</button>{{direction.name}}
|
|
|
|
|
<button type="button" :value="wind.value" v-on:click="changeWind($event)">风速</button>{{wind.name}}
|
|
|
|
|
<button type="button" :value="temperature.value" v-on:click="changeTemperature($event)">温度</button>{{temperature.name}}
|
|
|
|
|
<div>{{code}}={{power.value}}+{{pattern.value}}+{{direction.value}}+{{wind.value}}+{{temperature.value}}</div>
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="power.value" v-on:click="changePower($event)">电源</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td>{{power.name}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="pattern.value" v-on:click="changePattern($event)">模式</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td>{{pattern.name}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="wind.value" v-on:click="changeWind($event)">风速</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td>{{wind.name}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="direction.value" v-on:click="changeDirection($event)">风向</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td>{{direction.name}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event,-1)">-</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
{{temperature.name}}
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event,1)">+</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-tab__content">
|
|
|
|
|
2
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">AV</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">电源</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">1</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">2</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="tv($event)">3</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="tv($event)">4</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="tv($event)">5</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="tv($event)">6</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="tv($event)">7</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="tv($event)">8</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="tv($event)">9</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="tv($event)">上</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="tv($event)">左</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="tv($event)">OK</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="tv($event)">右</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="tv($event)">下</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="tv($event)">+</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="tv($event)">↑</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
音量
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="tv($event)">菜单</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
频道
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="tv($event)">-</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-tab__content">
|
|
|
|
|
3
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">关</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">开</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">1</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">2</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="tv($event)">3</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="tv($event)">4</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="tv($event)">5</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="tv($event)">6</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="tv($event)">7</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="tv($event)">8</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="tv($event)">9</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="tv($event)">上</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="tv($event)">左</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="tv($event)">OK</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="tv($event)">右</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="tv($event)">下</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="tv($event)">+</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="tv($event)">↑</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
音量
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="tv($event)">菜单</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
频道
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="tv($event)">-</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-tab__content">
|
|
|
|
|
4
|
|
|
|
|
<div class="table">
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default">btn</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -63,14 +333,24 @@
|
|
|
|
|
changePower: function (e) {
|
|
|
|
|
var oldValue = parseInt(e.target.value);
|
|
|
|
|
if (oldValue === 1) {
|
|
|
|
|
this.change(e, 1, 15, 1);
|
|
|
|
|
getData(this.device, '按键').value = 3;
|
|
|
|
|
}
|
|
|
|
|
else if (oldValue === 2) {
|
|
|
|
|
getData(this.device, '按键').value = 1;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
changeTemperature:function (e) {
|
|
|
|
|
this.change(e, 1, 15, 1);
|
|
|
|
|
changeTemperature: function (e, step) {
|
|
|
|
|
var min = 1;
|
|
|
|
|
var max = 15;
|
|
|
|
|
var oldValue = parseInt(e.target.value);
|
|
|
|
|
var newValue = oldValue + step;
|
|
|
|
|
if (step > 0 && newValue > max) {
|
|
|
|
|
newValue = max;
|
|
|
|
|
}
|
|
|
|
|
else if (step < 0 && newValue < min) {
|
|
|
|
|
newValue = min;
|
|
|
|
|
}
|
|
|
|
|
getData(this.device, '按键').value = this.code - oldValue + newValue;
|
|
|
|
|
},
|
|
|
|
|
change: function (e, min, max, step) {
|
|
|
|
|
var oldValue = parseInt(e.target.value);
|
|
|
|
@ -79,6 +359,9 @@
|
|
|
|
|
newValue = min;
|
|
|
|
|
}
|
|
|
|
|
getData(this.device, '按键').value = this.code - oldValue + newValue;
|
|
|
|
|
},
|
|
|
|
|
tv: function (e) {
|
|
|
|
|
alert(e.target.value);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
@ -88,16 +371,16 @@
|
|
|
|
|
pattern: function () {
|
|
|
|
|
var code = this.code;
|
|
|
|
|
var pattern = { name: '制冷', value: 0 };
|
|
|
|
|
if (code > 480 + 2) {
|
|
|
|
|
if (code > 480+2) {
|
|
|
|
|
pattern = { name: '通风', value: 480 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 360 + 2) {
|
|
|
|
|
else if (code > 360+2) {
|
|
|
|
|
pattern = { name: '抽湿', value: 360 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 240 + 2) {
|
|
|
|
|
else if (code > 240+2) {
|
|
|
|
|
pattern = { name: '制热', value: 240 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 120 + 2) {
|
|
|
|
|
else if (code > 120+2) {
|
|
|
|
|
pattern = { name: '自动', value: 120 };
|
|
|
|
|
}
|
|
|
|
|
return pattern;
|
|
|
|
|