|
|
|
|
@ -0,0 +1,245 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="card" style="box-sizing:border-box;height:550px;margin:10px;">
|
|
|
|
|
<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" style="padding:0;">
|
|
|
|
|
<div class="button-sp-area cell" style="width:100%;height:450px;overflow:auto;">
|
|
|
|
|
<button v-for="button in getCustomButtons()" type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" :value="button.value" v-on:click="send($event.target.value,5)">{{button.name}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="edit" class="card" style="box-sizing:border-box;margin:10px;">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
自定义指令
|
|
|
|
|
<div class="float-right">
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2" v-on:click="add()">添加</button>
|
|
|
|
|
<button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2" v-on:click="save($event)">保存</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="weui-cells weui-cells_form" v-for="button in getCustomButtons()">
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">名称</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="name" placeholder="名称" :value="button.name">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">串口</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="portName" :value="button.portName" placeholder="串口" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">波特率</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="baudRate" :value="button.baudRate" placeholder="波特率" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">数据位</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="dataBits" :value="button.dataBits" placeholder="数据位" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">校验位</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="parity" :value="button.parity" placeholder="校验位" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">停止位</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="stopBits" :value="button.stopBits" placeholder="停止位" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">消息</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="message" :value="button.message" placeholder="消息" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-cell">
|
|
|
|
|
<div class="weui-cell__hd"><label class="weui-label">序号</label></div>
|
|
|
|
|
<div class="weui-cell__bd">
|
|
|
|
|
<input class="weui-input" type="text" name="order" :value="button.order" placeholder="序号" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" v-on:click="test(button.value)">测试</a>
|
|
|
|
|
<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" v-on:click="remove(button.name)">移除</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
({
|
|
|
|
|
props: ['device', 'edit'],
|
|
|
|
|
mounted: function () {
|
|
|
|
|
weui.tab('.weui-tab');
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
changePattern: function (v) {
|
|
|
|
|
this.change(v, 0, 480, 120);
|
|
|
|
|
},
|
|
|
|
|
changeDirection(v) {
|
|
|
|
|
this.change(v, 0, 60, 60);
|
|
|
|
|
},
|
|
|
|
|
changeWind(v) {
|
|
|
|
|
this.change(v, 0, 45, 15);
|
|
|
|
|
},
|
|
|
|
|
changePower: function (v) {
|
|
|
|
|
var oldValue = parseInt(v);
|
|
|
|
|
if (oldValue === 1) {
|
|
|
|
|
this.send(3, 1);
|
|
|
|
|
getData(this.device, '按键').value = 3;
|
|
|
|
|
}
|
|
|
|
|
else if (oldValue === 2) {
|
|
|
|
|
this.send(1, 1);
|
|
|
|
|
getData(this.device, '按键').value = 1;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
changeTemperature: function (v, step) {
|
|
|
|
|
var oldValue = parseInt(v);
|
|
|
|
|
var min = 1;
|
|
|
|
|
var max = 15;
|
|
|
|
|
var newValue = oldValue + step;
|
|
|
|
|
if (step > 0 && newValue > max) {
|
|
|
|
|
newValue = max;
|
|
|
|
|
}
|
|
|
|
|
else if (step < 0 && newValue < min) {
|
|
|
|
|
newValue = min;
|
|
|
|
|
}
|
|
|
|
|
var newCode = this.code - oldValue + newValue;
|
|
|
|
|
this.send(newCode, 1);
|
|
|
|
|
getData(this.device, '按键').value = newCode;
|
|
|
|
|
},
|
|
|
|
|
change: function (v, min, max, step) {
|
|
|
|
|
alert(v);
|
|
|
|
|
var oldValue = parseInt(v);
|
|
|
|
|
var newValue = oldValue + step;
|
|
|
|
|
if (newValue > max) {
|
|
|
|
|
newValue = min;
|
|
|
|
|
}
|
|
|
|
|
var newCode = this.code - oldValue + newValue;
|
|
|
|
|
this.send(newCode, 1);
|
|
|
|
|
getData(this.device, '按键').value = newCode;
|
|
|
|
|
},
|
|
|
|
|
send: function (value, type) {
|
|
|
|
|
execApi(this.device.number, '/Ir/Send', 'type=' + type + '&code=' + value);
|
|
|
|
|
},
|
|
|
|
|
getCustomButtons: function () {
|
|
|
|
|
return Enumerable.from(JSON.parse(getDeviceDataValue(this.device, "指令")))
|
|
|
|
|
.orderBy(function (o) { return o.order; })
|
|
|
|
|
.toArray();
|
|
|
|
|
},
|
|
|
|
|
add: function () {
|
|
|
|
|
var data = Enumerable.from(this.device.data)
|
|
|
|
|
.where(function (o) { return o.name === "指令"; })
|
|
|
|
|
.firstOrDefault();
|
|
|
|
|
var buttons = this.getCustomButtons();
|
|
|
|
|
var newBtn = { name: "测试", value: "603", order: 100 };
|
|
|
|
|
buttons.push(newBtn);
|
|
|
|
|
data.value = JSON.stringify(buttons);
|
|
|
|
|
},
|
|
|
|
|
remove: function (name) {
|
|
|
|
|
var data = Enumerable.from(this.device.data)
|
|
|
|
|
.where(function (o) { return o.name === "指令"; })
|
|
|
|
|
.firstOrDefault();
|
|
|
|
|
var buttons = this.getCustomButtons();
|
|
|
|
|
for (var i = buttons.length - 1; i >= 0; i--) {
|
|
|
|
|
if (buttons[i].name === name) {
|
|
|
|
|
buttons.splice(i, 1);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
data.value = JSON.stringify(buttons);
|
|
|
|
|
},
|
|
|
|
|
study: function (code) {
|
|
|
|
|
execApi(this.device.number, '/Ir/Study', 'type=' + 5 + '&code=' + code);
|
|
|
|
|
},
|
|
|
|
|
test: function (code) {
|
|
|
|
|
execApi(this.device.number, '/Ir/Send', 'type=' + 5 + '&code=' + code);
|
|
|
|
|
},
|
|
|
|
|
save: function (e) {
|
|
|
|
|
var buttons = [];
|
|
|
|
|
$(e.target).parents('.card').find('.row').each(function () {
|
|
|
|
|
buttons.push({
|
|
|
|
|
name: $(this).find("input[name='name']").val(),
|
|
|
|
|
value: $(this).find("input[name='value']").val(),
|
|
|
|
|
order: $(this).find("input[name='order']").val()
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
var value = JSON.stringify(buttons);
|
|
|
|
|
execApi(this.device.number, '/Ir/Buttons', 'buttons=' + value);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
code: function () {
|
|
|
|
|
return getDeviceDataValue(this.device, '按键');
|
|
|
|
|
},
|
|
|
|
|
pattern: function () {
|
|
|
|
|
var code = this.code;
|
|
|
|
|
var pattern = { name: '制冷', value: 0 };
|
|
|
|
|
if (code > 480 + 2) {
|
|
|
|
|
pattern = { name: '通风', value: 480 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 360 + 2) {
|
|
|
|
|
pattern = { name: '抽湿', value: 360 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 240 + 2) {
|
|
|
|
|
pattern = { name: '制热', value: 240 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 120 + 2) {
|
|
|
|
|
pattern = { name: '自动', value: 120 };
|
|
|
|
|
}
|
|
|
|
|
return pattern;
|
|
|
|
|
},
|
|
|
|
|
direction: function () {
|
|
|
|
|
var code = this.code - this.pattern.value;
|
|
|
|
|
var direction = { name: '自动', value: 0 };;
|
|
|
|
|
if (code > 60 + 2) {
|
|
|
|
|
direction = { name: '手动', value: 60 };
|
|
|
|
|
}
|
|
|
|
|
return direction;
|
|
|
|
|
},
|
|
|
|
|
wind: function () {
|
|
|
|
|
var code = this.code - this.pattern.value - this.direction.value;
|
|
|
|
|
var wind = { name: '自动', value: 0 };
|
|
|
|
|
if (code > 45 + 2) {
|
|
|
|
|
wind = { name: '低', value: 45 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 30 + 2) {
|
|
|
|
|
wind = { name: '中', value: 30 };
|
|
|
|
|
}
|
|
|
|
|
else if (code > 15 + 2) {
|
|
|
|
|
wind = { name: '高', value: 15 };
|
|
|
|
|
}
|
|
|
|
|
return wind;
|
|
|
|
|
},
|
|
|
|
|
power: function () {
|
|
|
|
|
var code = this.code - this.pattern.value - this.direction.value - this.wind.value;
|
|
|
|
|
var power = { name: '关', value: 1 };
|
|
|
|
|
if (code > 1) {
|
|
|
|
|
power = { name: '开', value: 2 };
|
|
|
|
|
}
|
|
|
|
|
return power;
|
|
|
|
|
},
|
|
|
|
|
temperature: function () {
|
|
|
|
|
var code = this.code - this.pattern.value - this.direction.value - this.wind.value - this.power.value;
|
|
|
|
|
var temperature = { name: '16℃', value: 1 };
|
|
|
|
|
if (code > 1) {
|
|
|
|
|
temperature = { name: parseInt(code + 15) + '℃', value: code };
|
|
|
|
|
}
|
|
|
|
|
return temperature;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
