Former-commit-id: 9b233907acc2ae9b000cefce47bde59e1a6092fb
TangShanKaiPing
wanggang 6 years ago
parent 27dc638c34
commit 10d69bdae8

@ -70,8 +70,8 @@ ul {
right: 0;
bottom: 0;
left: 0;
padding:0;
margin:0;
padding: 0;
margin: 0;
}
.page {
@ -720,36 +720,63 @@ ul {
border-radius: unset;
}
/*bootstrap4+weui*/
.row{
margin-left:auto;
margin-right:auto;
.row {
margin-left: auto;
margin-right: auto;
}
.col{
padding-left:initial;
padding-right:initial;
.col {
padding-left: initial;
padding-right: initial;
}
[class^="weui"]{
box-sizing:initial;
[class^="weui"] {
box-sizing: initial;
}
p[class^="weui"]{
p[class^="weui"] {
margin-bottom: 0;
}
a:hover{
text-decoration:none;
a:hover {
text-decoration: none;
}
label,h1{
margin-bottom:initial;
label, h1 {
margin-bottom: initial;
}
img{
margin:auto;
img {
margin: auto;
}
.img.icon {
width: 48px;
height: 48px;
}
.img.button{
width:48px;
height:48px;
cursor:pointer;
}
.img.button {
width: 48px;
height: 48px;
cursor: pointer;
}
.ir .weui-tab__content {
width: 100%;
}
.ir table,.ir .table {
border-collapse: separate;
margin: 15px auto;
padding: 15px;
border: 2px solid #ddd;
border-radius: 15px;
}
.ir table td {
padding: 5px;
text-align: center;
}
.ir .table button{
margin:5px;
}

@ -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;

Loading…
Cancel
Save