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

@ -70,8 +70,8 @@ ul {
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding:0; padding: 0;
margin:0; margin: 0;
} }
.page { .page {
@ -720,36 +720,63 @@ ul {
border-radius: unset; border-radius: unset;
} }
/*bootstrap4+weui*/ /*bootstrap4+weui*/
.row{ .row {
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
} }
.col{ .col {
padding-left:initial; padding-left: initial;
padding-right:initial; padding-right: initial;
} }
[class^="weui"]{
box-sizing:initial; [class^="weui"] {
box-sizing: initial;
} }
p[class^="weui"]{
p[class^="weui"] {
margin-bottom: 0; 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 { .img.icon {
width: 48px; width: 48px;
height: 48px; height: 48px;
} }
.img.button{
width:48px; .img.button {
height:48px; width: 48px;
cursor:pointer; 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> <template>
<div class="card"> <div class="card" style="min-height:200px;">
<div class="card-header"> <div class="card-header">
{{device.displayName}} {{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-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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="weui-tab" style="height:100px;"> <div class="weui-tab">
<div class="weui-navbar"> <div class="weui-navbar">
<a href="javascript:;" class="weui-tabbar__item"> <a href="javascript:;" class="weui-tabbar__item">
<p class="weui-tabbar__label">空调</p> <p class="weui-tabbar__label">空调</p>
@ -21,23 +21,293 @@
<p class="weui-tabbar__label">自定义</p> <p class="weui-tabbar__label">自定义</p>
</a> </a>
</div> </div>
<div class="weui-tab__panel"> <div class="weui-tab__panel media ir">
<div class="weui-tab__content"> <div class="weui-tab__content">
{{code}} <div>{{code}}={{power.value}}+{{pattern.value}}+{{direction.value}}+{{wind.value}}+{{temperature.value}}</div>
<button type="button" :value="power.value" v-on:click="changePower($event)">开关</button>{{power.name}} <table>
<button type="button" :value="pattern.value" v-on:click="changePattern($event)">模式</button>{{pattern.name}} <tr>
<button type="button" :value="direction.value" v-on:click="changeDirection($event)">风向</button>{{direction.name}} <td>
<button type="button" :value="wind.value" v-on:click="changeWind($event)">风速</button>{{wind.name}} <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="power.value" v-on:click="changePower($event)">电源</button>
<button type="button" :value="temperature.value" v-on:click="changeTemperature($event)">温度</button>{{temperature.name}} </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>
<div class="weui-tab__content"> <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>
<div class="weui-tab__content"> <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>
<div class="weui-tab__content"> <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> </div>
</div> </div>
@ -63,14 +333,24 @@
changePower: function (e) { changePower: function (e) {
var oldValue = parseInt(e.target.value); var oldValue = parseInt(e.target.value);
if (oldValue === 1) { if (oldValue === 1) {
this.change(e, 1, 15, 1); getData(this.device, '按键').value = 3;
} }
else if (oldValue === 2) { else if (oldValue === 2) {
getData(this.device, '按键').value = 1; getData(this.device, '按键').value = 1;
} }
}, },
changeTemperature:function (e) { changeTemperature: function (e, step) {
this.change(e, 1, 15, 1); 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) { change: function (e, min, max, step) {
var oldValue = parseInt(e.target.value); var oldValue = parseInt(e.target.value);
@ -79,6 +359,9 @@
newValue = min; newValue = min;
} }
getData(this.device, '按键').value = this.code - oldValue + newValue; getData(this.device, '按键').value = this.code - oldValue + newValue;
},
tv: function (e) {
alert(e.target.value);
} }
}, },
computed: { computed: {
@ -88,16 +371,16 @@
pattern: function () { pattern: function () {
var code = this.code; var code = this.code;
var pattern = { name: '制冷', value: 0 }; var pattern = { name: '制冷', value: 0 };
if (code > 480 + 2) { if (code > 480+2) {
pattern = { name: '通风', value: 480 }; pattern = { name: '通风', value: 480 };
} }
else if (code > 360 + 2) { else if (code > 360+2) {
pattern = { name: '抽湿', value: 360 }; pattern = { name: '抽湿', value: 360 };
} }
else if (code > 240 + 2) { else if (code > 240+2) {
pattern = { name: '制热', value: 240 }; pattern = { name: '制热', value: 240 };
} }
else if (code > 120 + 2) { else if (code > 120+2) {
pattern = { name: '自动', value: 120 }; pattern = { name: '自动', value: 120 };
} }
return pattern; return pattern;

Loading…
Cancel
Save