五防页面接口逻辑更换 #74
|
|
@ -78,6 +78,21 @@ export default {
|
||||||
this.dataInit();
|
this.dataInit();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
countData(data) {
|
||||||
|
if (data) {
|
||||||
|
return (data - 400) / 10
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 计算展示值 计算公式 x/10
|
||||||
|
countData10(data) {
|
||||||
|
if (data) {
|
||||||
|
return data / 10
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
},
|
||||||
dataInit() {
|
dataInit() {
|
||||||
var store = this.$store.state;
|
var store = this.$store.state;
|
||||||
var data = store.equipmentList[store.equipmentIndex - 1].deviceId;
|
var data = store.equipmentList[store.equipmentIndex - 1].deviceId;
|
||||||
|
|
@ -112,7 +127,40 @@ export default {
|
||||||
this.routerNow != "/rollByRoll" &&
|
this.routerNow != "/rollByRoll" &&
|
||||||
this.routerNow != "/snowRemoval"
|
this.routerNow != "/snowRemoval"
|
||||||
) {
|
) {
|
||||||
this.$router.push({ path: `/waterPump` });
|
//调取数据
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
};
|
||||||
|
this.api.readControl_fiveControl(data).then((res) => {
|
||||||
|
store.ControlData=res.data.data
|
||||||
|
//加热水泵数据处理waterPump
|
||||||
|
store.ControlData['21521'] = this.countData(store.ControlData['21521'])
|
||||||
|
store.ControlData['21522'] = this.countData10(store.ControlData['21522'])
|
||||||
|
store.ControlData['21523'] = this.countData(store.ControlData['21523'])
|
||||||
|
store.ControlData['21524'] = this.countData(store.ControlData['21524'])
|
||||||
|
|
||||||
|
//下风口downtake
|
||||||
|
store.ControlData["21544"] = this.countData(store.ControlData["21544"]);
|
||||||
|
|
||||||
|
//地热风机geothermalFan
|
||||||
|
store.ControlData['21527'] = this.countData(store.ControlData['21527'])
|
||||||
|
store.ControlData['21528'] = this.countData10(store.ControlData['21528'])
|
||||||
|
|
||||||
|
//卷被rollByRoll
|
||||||
|
store.ControlData['21552'] = this.countData(store.ControlData['21552'])
|
||||||
|
store.ControlData['21550'] = this.countData10(store.ControlData['21550'])
|
||||||
|
|
||||||
|
//除雪snowRemoval
|
||||||
|
store.ControlData['21544'] = this.countData(store.ControlData['21544'])
|
||||||
|
|
||||||
|
//上风口
|
||||||
|
store.ControlData['21532'] = this.countData(store.ControlData['21532'])
|
||||||
|
store.ControlData['21533'] = this.countData10(store.ControlData['21533'])
|
||||||
|
store.ControlData['21562'] = this.countData10(store.ControlData['21562'])
|
||||||
|
|
||||||
|
this.$router.push({ path: `/waterPump` });
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ export default new Vuex.Store({
|
||||||
equipmentName: null,//当前设备 小设备的各个名字
|
equipmentName: null,//当前设备 小设备的各个名字
|
||||||
nameList: ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Elven', 'Twelve', 'Thirteen', 'Fourteen', 'Fifteen', 'Sixteen'],
|
nameList: ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Elven', 'Twelve', 'Thirteen', 'Fourteen', 'Fifteen', 'Sixteen'],
|
||||||
formulaNum: [16, 48, 80, 112, 144, 176, 208, 240],
|
formulaNum: [16, 48, 80, 112, 144, 176, 208, 240],
|
||||||
|
ControlData:null,//控制器五方数据
|
||||||
activeNames:[],//组件内active
|
activeNames:[],//组件内active
|
||||||
//label是名称
|
//label是名称
|
||||||
//value是code码
|
//value是code码
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
import Vue from 'vue';
|
||||||
|
export const util = new Vue();
|
||||||
|
|
@ -1,29 +1,31 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="formula control">
|
<div class="formula control">
|
||||||
<setParamsControl></setParamsControl>
|
<setParamsControl></setParamsControl>
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import setParamsControl from "../components/setParamsControl.vue";
|
import setParamsControl from "../components/setParamsControl.vue";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
setParamsControl,
|
setParamsControl,
|
||||||
},
|
},
|
||||||
data(){
|
// 当控制器整体页面关闭时 清楚控制器数据
|
||||||
return {}
|
beforeDestroy() {
|
||||||
},
|
var store = this.$store.state;
|
||||||
mounted(){},
|
store.ControlData = null;
|
||||||
methods:{},
|
},
|
||||||
|
data() {
|
||||||
}
|
return {};
|
||||||
</script>
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
</style>
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -143,7 +143,6 @@ export default {
|
||||||
this.limitUserId = res.data.data;
|
this.limitUserId = res.data.data;
|
||||||
const foundObject = this.limitUserId.find(item => item.id == 3);
|
const foundObject = this.limitUserId.find(item => item.id == 3);
|
||||||
const foundName = this.headerList.findIndex(item => item.name == '二维码追溯');
|
const foundName = this.headerList.findIndex(item => item.name == '二维码追溯');
|
||||||
console.log(foundObject,foundName,123456);
|
|
||||||
if(foundObject){
|
if(foundObject){
|
||||||
if(foundName==-1){
|
if(foundName==-1){
|
||||||
this.headerList.push({ name: '二维码追溯', router: 'setsuyuan', index: 1, routerList: ['setsuyuan'], img: require('../assets/image/header-img4.png') })
|
this.headerList.push({ name: '二维码追溯', router: 'setsuyuan', index: 1, routerList: ['setsuyuan'], img: require('../assets/image/header-img4.png') })
|
||||||
|
|
|
||||||
|
|
@ -1,279 +1,334 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="waterPump wufang">
|
<div class="waterPump wufang">
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<img src="../../assets/img/downtake.png" alt=""> 下风口
|
<img src="../../assets/img/downtake.png" alt="" /> 下风口
|
||||||
</div>
|
|
||||||
<div class="title-tips">下风口有效性设置</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-btn">
|
|
||||||
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel padding-none" @click="changeOpenTrue()">
|
|
||||||
<div v-if="!openTrue" class="no-sel margin-none"></div>
|
|
||||||
<div v-else class="sel margin-none"></div>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>室外温度大于</span>
|
|
||||||
<input @blur="blurChangeCount('21544', $event)" v-model="inputData['21544']" @input="changeCountData('21544', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>℃，打开下风口</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-main">
|
|
||||||
<div>上风口全部打开 (100%) 时</div>
|
|
||||||
<input @blur="blurChange('21543', $event)" v-model="inputData['21543']" @input="change('21543', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分钟温度降不下来，打开下风口</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view border-none">
|
|
||||||
<div class="input-main">
|
|
||||||
<div>下风口的行程时间</div>
|
|
||||||
<input @blur="blurChange('21545', $event)" v-model="inputData['21545']" @input="change('21545', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>秒</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>打开的通道</div>
|
|
||||||
<input @blur="blurChange('21546', $event)" v-model="inputData['21546']" @input="change('21546', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>关闭的通道</div>
|
|
||||||
<input @blur="blurChange('21547', $event)" v-model="inputData['21547']" @input="change('21547', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="title-tips">下风口有效性设置</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-btn">
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(1)"
|
||||||
|
:class="openIndex == 1 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(2)"
|
||||||
|
:class="openIndex == 2 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(3)"
|
||||||
|
:class="openIndex == 3 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(4)"
|
||||||
|
:class="openIndex == 4 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="flex-sel padding-none" @click="changeOpenTrue()">
|
||||||
|
<div v-if="!openTrue" class="no-sel margin-none"></div>
|
||||||
|
<div v-else class="sel margin-none"></div>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>室外温度大于</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChangeCount('21544', $event)"
|
||||||
|
v-model="inputData['21544']"
|
||||||
|
@input="changeCountData('21544', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>℃，打开下风口</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-main">
|
||||||
|
<div>上风口全部打开 (100%) 时</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21543', $event)"
|
||||||
|
v-model="inputData['21543']"
|
||||||
|
@input="change('21543', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分钟温度降不下来，打开下风口</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view border-none">
|
||||||
|
<div class="input-main">
|
||||||
|
<div>下风口的行程时间</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21545', $event)"
|
||||||
|
v-model="inputData['21545']"
|
||||||
|
@input="change('21545', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>秒</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>打开的通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21546', $event)"
|
||||||
|
v-model="inputData['21546']"
|
||||||
|
@input="change('21546', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>关闭的通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21547', $event)"
|
||||||
|
v-model="inputData['21547']"
|
||||||
|
@input="change('21547', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
openIndex: 1,
|
openIndex: 1,
|
||||||
inputData: {},
|
inputData: {},
|
||||||
openTrue: false,
|
openTrue: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if(store.ControlData){
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
|
let inputList = document.querySelectorAll("input");
|
||||||
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 当前页面关闭前将数据存入vuex
|
||||||
|
beforeDestroy() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData["21541"]= this.openIndex;
|
||||||
|
this.inputData["21542"] = this.openTrue ? 1 : 0;
|
||||||
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeOpenTrue() {
|
||||||
|
this.openTrue = !this.openTrue;
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: this.openTrue ? 1 : 0,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.changeBtn("21542", dataNum);
|
||||||
|
},
|
||||||
|
padString(str, length) {
|
||||||
|
return str.padStart(length, "0");
|
||||||
|
},
|
||||||
|
changeOpen(index) {
|
||||||
|
this.openIndex = index;
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: this.openIndex,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.changeBtn(21541, dataNum);
|
||||||
|
},
|
||||||
|
//失去焦点 计算公式 x/10
|
||||||
|
blurChange10(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//反向计算 计算公式 x/10
|
||||||
|
changeCount10(code, el) {
|
||||||
|
var data = el.target.value * 10;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.change(code, sendData);
|
||||||
|
},
|
||||||
|
//失去焦点
|
||||||
|
blurChangeCount(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10 + 400,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeCountData(code, el) {
|
||||||
|
var data = el.target.value * 10 + 400;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.change(code, sendData);
|
||||||
|
},
|
||||||
|
countData(data) {
|
||||||
|
if (data) {
|
||||||
|
return (data - 400) / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 计算展示值 计算公式 x/10
|
||||||
|
countData10(data) {
|
||||||
|
if (data) {
|
||||||
|
return data / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataInit() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var store = this.$store.state
|
||||||
|
this.inputData = store.ControlData
|
||||||
|
this.openIndex = this.inputData["21541"];
|
||||||
|
this.openTrue = this.inputData["21542"] == 0 ? false : true;
|
||||||
|
// this.inputData["21544"] = this.countData(this.inputData["21544"]);
|
||||||
|
// var data = {
|
||||||
|
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
// };
|
||||||
|
// this.api.readControl_fiveControl(data).then((res) => {
|
||||||
|
// if (res.data.code == 200) {
|
||||||
|
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
//全选文本
|
||||||
|
selectValue(e) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
store.nowInput = e.target.value;
|
||||||
|
e.currentTarget.select();
|
||||||
|
},
|
||||||
|
//失去焦点
|
||||||
|
blurChange(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeBtn(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value,
|
||||||
|
};
|
||||||
|
this.delayTimerBtn(0, data);
|
||||||
|
},
|
||||||
|
//切换btn的限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimerBtn(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSendBtn;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
++i;
|
||||||
|
if (i == j) {
|
||||||
|
that.changeData(data);
|
||||||
|
clearInterval(this.timer);
|
||||||
}
|
}
|
||||||
|
}, 100);
|
||||||
},
|
},
|
||||||
mounted() {
|
change(code, el) {
|
||||||
this.dataInit();
|
var store = this.$store.state;
|
||||||
//input获取焦点后全选
|
var data = {
|
||||||
let inputList = document.querySelectorAll('input');
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
regAddress: code,
|
||||||
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
|
num: el.target.value,
|
||||||
|
};
|
||||||
|
this.delayTimer(0, data);
|
||||||
|
},
|
||||||
|
//限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimer(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSend;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
++i;
|
||||||
|
if (i == j) {
|
||||||
|
that.changeData(data);
|
||||||
|
clearInterval(this.timer);
|
||||||
}
|
}
|
||||||
|
}, 100);
|
||||||
},
|
},
|
||||||
methods: {
|
changeData(data) {
|
||||||
changeOpenTrue() {
|
var store = this.$store.state;
|
||||||
this.openTrue = !this.openTrue
|
|
||||||
var dataNum = {
|
|
||||||
target: {
|
|
||||||
value: this.openTrue ? 1 : 0,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
this.changeBtn('21542', dataNum);
|
|
||||||
},
|
|
||||||
padString(str, length) {
|
|
||||||
return str.padStart(length, '0');
|
|
||||||
},
|
|
||||||
changeOpen(index) {
|
|
||||||
this.openIndex = index
|
|
||||||
var dataNum = {
|
|
||||||
target: {
|
|
||||||
value: this.openIndex,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
this.changeBtn(21541, dataNum);
|
|
||||||
},
|
|
||||||
//失去焦点 计算公式 x/10
|
|
||||||
blurChange10(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: el.target.value * 10,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
this.api.postControlWrite(data).then((res) => {
|
||||||
//反向计算 计算公式 x/10
|
if (res.data.code == 200) {
|
||||||
changeCount10(code, el) {
|
this.$message({
|
||||||
var data = el.target.value * 10
|
message: res.data.msg,
|
||||||
var sendData = {
|
type: "success",
|
||||||
target: {
|
});
|
||||||
value: data
|
store.nowInput = "";
|
||||||
}
|
// this.dataInit();
|
||||||
}
|
} else {
|
||||||
this.change(code, sendData)
|
this.inputData[data.regAddress] = store.nowInput;
|
||||||
},
|
this.$message.error(res.data.msg);
|
||||||
//失去焦点
|
}
|
||||||
blurChangeCount(code, el) {
|
this.timer = null;
|
||||||
var store = this.$store.state
|
});
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: (el.target.value * 10) + 400,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
changeCountData(code, el) {
|
|
||||||
var data = (el.target.value * 10) + 400
|
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
countData(data) {
|
|
||||||
if (data) {
|
|
||||||
return (data - 400) / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 计算展示值 计算公式 x/10
|
|
||||||
countData10(data) {
|
|
||||||
if (data) {
|
|
||||||
return data / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dataInit() {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
|
||||||
if(res.data.code==200){
|
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21541']
|
|
||||||
this.openTrue = this.inputData['21542'] == 0 ? false : true
|
|
||||||
this.inputData['21544'] = this.countData(this.inputData['21544'])
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//全选文本
|
|
||||||
selectValue(e) {
|
|
||||||
var store = this.$store.state
|
|
||||||
store.nowInput=e.target.value
|
|
||||||
e.currentTarget.select();
|
|
||||||
},
|
|
||||||
//失去焦点
|
|
||||||
blurChange(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: el.target.value,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
changeBtn(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: el.target.value,
|
|
||||||
};
|
|
||||||
this.delayTimerBtn(0, data);
|
|
||||||
},
|
|
||||||
//切换btn的限制 写入停止后j*100毫秒调取函数
|
|
||||||
delayTimerBtn(i, data) {
|
|
||||||
const that = this;
|
|
||||||
//整体接口
|
|
||||||
let j = this.$store.state.lateSendBtn;
|
|
||||||
//避免开启多个计时器
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
++i;
|
|
||||||
if (i == j) {
|
|
||||||
that.changeData(data);
|
|
||||||
clearInterval(this.timer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
change(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: el.target.value,
|
|
||||||
};
|
|
||||||
this.delayTimer(0, data);
|
|
||||||
},
|
|
||||||
//限制 写入停止后j*100毫秒调取函数
|
|
||||||
delayTimer(i, data) {
|
|
||||||
const that = this;
|
|
||||||
//整体接口
|
|
||||||
let j = this.$store.state.lateSend;
|
|
||||||
//避免开启多个计时器
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
++i;
|
|
||||||
if (i == j) {
|
|
||||||
that.changeData(data);
|
|
||||||
clearInterval(this.timer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
changeData(data) {
|
|
||||||
var store = this.$store.state
|
|
||||||
|
|
||||||
this.api.postControlWrite(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message({
|
|
||||||
message: res.data.msg,
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
store.nowInput=''
|
|
||||||
// this.dataInit();
|
|
||||||
} else {
|
|
||||||
this.inputData[data.regAddress]=store.nowInput
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
this.timer = null
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss"></style>
|
<style lang="scss"></style>
|
||||||
|
|
||||||
|
|
@ -57,8 +57,24 @@ export default {
|
||||||
inputData: {},
|
inputData: {},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 当前页面关闭前将数据存入vuex
|
||||||
|
beforeDestroy() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData['21526']=this.openIndex
|
||||||
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.dataInit();
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if(store.ControlData){
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
//input获取焦点后全选
|
//input获取焦点后全选
|
||||||
let inputList = document.querySelectorAll('input');
|
let inputList = document.querySelectorAll('input');
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
|
@ -142,19 +158,20 @@ export default {
|
||||||
},
|
},
|
||||||
dataInit() {
|
dataInit() {
|
||||||
var store = this.$store.state
|
var store = this.$store.state
|
||||||
var data = {
|
this.inputData = store.ControlData
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
|
||||||
if(res.data.code==200){
|
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21526']
|
this.openIndex = this.inputData['21526']
|
||||||
this.inputData['21527'] = this.countData(this.inputData['21527'])
|
// this.inputData['21527'] = this.countData(this.inputData['21527'])
|
||||||
this.inputData['21528'] = this.countData10(this.inputData['21528'])
|
// this.inputData['21528'] = this.countData10(this.inputData['21528'])
|
||||||
}
|
// var data = {
|
||||||
|
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
|
||||||
})
|
// };
|
||||||
|
// this.api.readControl_fiveControl(data).then(res => {
|
||||||
|
// if(res.data.code==200){
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// })
|
||||||
},
|
},
|
||||||
//全选文本
|
//全选文本
|
||||||
selectValue(e) {
|
selectValue(e) {
|
||||||
|
|
|
||||||
|
|
@ -1,368 +1,464 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="waterPump wufang">
|
<div class="waterPump wufang">
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<img src="../../assets/img/rollByRoll.png" alt=""> 卷被
|
<img src="../../assets/img/rollByRoll.png" alt="" /> 卷被
|
||||||
|
|
||||||
<div class="title-text">日出:{{ sunrise }}</div>
|
<div class="title-text">日出:{{ sunrise }}</div>
|
||||||
<div class="title-text">日落:{{ sunset }}</div>
|
<div class="title-text">日落:{{ sunset }}</div>
|
||||||
</div>
|
|
||||||
<div class="title-tips">卷被有效性设置</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-btn">
|
|
||||||
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(0)">
|
|
||||||
<div v-if="openTrue[0] == 0" class="no-sel margin-none"></div>
|
|
||||||
<div v-else class="sel margin-none"></div>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>①室外光照大于</span>
|
|
||||||
<input @blur="blurChange10('21550', $event)" v-model="inputData['21550']"
|
|
||||||
@input="changeCount10('21550', $event)" type="text" value="60" placeholder="60" />
|
|
||||||
<span>klx，收拢卷被</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(1)">
|
|
||||||
<div v-if="openTrue[1] == 0" class="no-sel margin-none"></div>
|
|
||||||
<div v-else class="sel margin-none"></div>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>②日出</span>
|
|
||||||
<input @blur="blurChange('21551', $event)" v-model="inputData['21551']" @input="change('21551', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分钟，收拢卷被</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(2)">
|
|
||||||
<div v-if="openTrue[2] == 0" class="no-sel margin-none"></div>
|
|
||||||
<div v-else class="sel margin-none"></div>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>③室内1#平均温度低于</span>
|
|
||||||
<input @blur="blurChangeCount('21552', $event)" v-model="inputData['21552']"
|
|
||||||
@input="changeCountData('21552', $event)" type="text" value="60" placeholder="60" />
|
|
||||||
<span>℃时，展开卷被</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(3)">
|
|
||||||
<div v-if="openTrue[3] == 0" class="no-sel margin-none"></div>
|
|
||||||
<div v-else class="sel margin-none"></div>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>④日落前</span>
|
|
||||||
<input @blur="blurChange('21553', $event)" v-model="inputData['21553']" @input="change('21553', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分钟，展开卷被</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view border-none">
|
|
||||||
<div class="input-main">
|
|
||||||
<div>卷被的行程时间</div>
|
|
||||||
<input @blur="blurChange('21554', $event)" v-model="inputData['21554']" @input="change('21554', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>秒</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>卷被开窗的行程时间</div>
|
|
||||||
<input @blur="blurChange('21555', $event)" v-model="inputData['21555']" @input="change('21555', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>秒</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>展开的输出通道</div>
|
|
||||||
<input @blur="blurChange('21556', $event)" v-model="inputData['21556']" @input="change('21556', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>收拢的输出通道</div>
|
|
||||||
<input @blur="blurChange('21557', $event)" v-model="inputData['21557']" @input="change('21557', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="title-tips">卷被有效性设置</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-btn">
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(1)"
|
||||||
|
:class="openIndex == 1 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(2)"
|
||||||
|
:class="openIndex == 2 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(3)"
|
||||||
|
:class="openIndex == 3 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(4)"
|
||||||
|
:class="openIndex == 4 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-view">
|
||||||
|
<div
|
||||||
|
class="flex-sel padding-none"
|
||||||
|
v-if="openTrue.length"
|
||||||
|
@click="changeOpenTrue(0)"
|
||||||
|
>
|
||||||
|
<div v-if="openTrue[0] == 0" class="no-sel margin-none"></div>
|
||||||
|
<div v-else class="sel margin-none"></div>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>①室外光照大于</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange10('21550', $event)"
|
||||||
|
v-model="inputData['21550']"
|
||||||
|
@input="changeCount10('21550', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>klx，收拢卷被</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div
|
||||||
|
class="flex-sel padding-none"
|
||||||
|
v-if="openTrue.length"
|
||||||
|
@click="changeOpenTrue(1)"
|
||||||
|
>
|
||||||
|
<div v-if="openTrue[1] == 0" class="no-sel margin-none"></div>
|
||||||
|
<div v-else class="sel margin-none"></div>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>②日出</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21551', $event)"
|
||||||
|
v-model="inputData['21551']"
|
||||||
|
@input="change('21551', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分钟，收拢卷被</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div
|
||||||
|
class="flex-sel padding-none"
|
||||||
|
v-if="openTrue.length"
|
||||||
|
@click="changeOpenTrue(2)"
|
||||||
|
>
|
||||||
|
<div v-if="openTrue[2] == 0" class="no-sel margin-none"></div>
|
||||||
|
<div v-else class="sel margin-none"></div>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>③室内1#平均温度低于</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChangeCount('21552', $event)"
|
||||||
|
v-model="inputData['21552']"
|
||||||
|
@input="changeCountData('21552', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>℃时，展开卷被</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div
|
||||||
|
class="flex-sel padding-none"
|
||||||
|
v-if="openTrue.length"
|
||||||
|
@click="changeOpenTrue(3)"
|
||||||
|
>
|
||||||
|
<div v-if="openTrue[3] == 0" class="no-sel margin-none"></div>
|
||||||
|
<div v-else class="sel margin-none"></div>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>④日落前</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21553', $event)"
|
||||||
|
v-model="inputData['21553']"
|
||||||
|
@input="change('21553', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分钟，展开卷被</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view border-none">
|
||||||
|
<div class="input-main">
|
||||||
|
<div>卷被的行程时间</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21554', $event)"
|
||||||
|
v-model="inputData['21554']"
|
||||||
|
@input="change('21554', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>秒</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>卷被开窗的行程时间</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21555', $event)"
|
||||||
|
v-model="inputData['21555']"
|
||||||
|
@input="change('21555', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>秒</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>展开的输出通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21556', $event)"
|
||||||
|
v-model="inputData['21556']"
|
||||||
|
@input="change('21556', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>收拢的输出通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21557', $event)"
|
||||||
|
v-model="inputData['21557']"
|
||||||
|
@input="change('21557', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
openIndex: 1,
|
openIndex: 1,
|
||||||
inputData: {},
|
inputData: {},
|
||||||
openTrue: [],
|
openTrue: [],
|
||||||
sunrise: '00:00',
|
sunrise: "00:00",
|
||||||
sunset: '00:00'
|
sunset: "00:00",
|
||||||
}
|
};
|
||||||
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
},
|
},
|
||||||
mounted() {
|
},
|
||||||
this.dataInit();
|
// 当前页面关闭前将数据存入vuex
|
||||||
//input获取焦点后全选
|
beforeDestroy() {
|
||||||
let inputList = document.querySelectorAll('input');
|
var store = this.$store.state;
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
this.inputData["21548"] = this.openIndex;
|
||||||
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
|
var num = this.myReverse(this.openTrue).join("");
|
||||||
}
|
this.inputData["21549"] = parseInt(num, 2);
|
||||||
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if (store.ControlData) {
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
|
//input获取焦点后全选
|
||||||
|
let inputList = document.querySelectorAll("input");
|
||||||
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//反转数组 不影响原数组
|
||||||
|
myReverse(arr) {
|
||||||
|
return [...arr].reverse();
|
||||||
},
|
},
|
||||||
methods: {
|
padString(str, length) {
|
||||||
//反转数组 不影响原数组
|
return str.padStart(length, "0");
|
||||||
myReverse(arr) {
|
},
|
||||||
return [...arr].reverse()
|
changeOpenTrue(index) {
|
||||||
},
|
if (this.openTrue[index] == 0) {
|
||||||
padString(str, length) {
|
this.openTrue[index] = 1;
|
||||||
return str.padStart(length, '0');
|
} else {
|
||||||
},
|
this.openTrue[index] = 0;
|
||||||
changeOpenTrue(index) {
|
}
|
||||||
if (this.openTrue[index] == 0) {
|
this.$forceUpdate();
|
||||||
this.openTrue[index] = 1
|
var num = this.myReverse(this.openTrue).join("");
|
||||||
} else {
|
|
||||||
this.openTrue[index] = 0
|
|
||||||
}
|
|
||||||
this.$forceUpdate();
|
|
||||||
var num = this.myReverse(this.openTrue).join("")
|
|
||||||
|
|
||||||
var dataNum = {
|
var dataNum = {
|
||||||
target: {
|
target: {
|
||||||
value: parseInt(num, 2),
|
value: parseInt(num, 2),
|
||||||
},
|
|
||||||
};
|
|
||||||
this.changeBtn('21549', dataNum);
|
|
||||||
},
|
},
|
||||||
padString(str, length) {
|
};
|
||||||
return str.padStart(length, '0');
|
this.changeBtn("21549", dataNum);
|
||||||
|
},
|
||||||
|
padString(str, length) {
|
||||||
|
return str.padStart(length, "0");
|
||||||
|
},
|
||||||
|
changeOpen(index) {
|
||||||
|
this.openIndex = index;
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: this.openIndex,
|
||||||
},
|
},
|
||||||
changeOpen(index) {
|
};
|
||||||
this.openIndex = index
|
this.changeBtn(21548, dataNum);
|
||||||
var dataNum = {
|
},
|
||||||
target: {
|
//失去焦点 计算公式 x/10
|
||||||
value: this.openIndex,
|
blurChange10(code, el) {
|
||||||
},
|
var store = this.$store.state;
|
||||||
};
|
var data = {
|
||||||
this.changeBtn(21548, dataNum);
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//反向计算 计算公式 x/10
|
||||||
|
changeCount10(code, el) {
|
||||||
|
var data = el.target.value * 10;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
},
|
},
|
||||||
//失去焦点 计算公式 x/10
|
};
|
||||||
blurChange10(code, el) {
|
this.change(code, sendData);
|
||||||
var store = this.$store.state
|
},
|
||||||
var data = {
|
//失去焦点
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
blurChangeCount(code, el) {
|
||||||
regAddress: code,
|
var store = this.$store.state;
|
||||||
num: el.target.value * 10,
|
var data = {
|
||||||
}; //避免开启多个计时器
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
if (this.timer) {
|
regAddress: code,
|
||||||
this.timer && clearInterval(this.timer);
|
num: el.target.value * 10 + 400,
|
||||||
this.changeData(data);
|
}; //避免开启多个计时器
|
||||||
}
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeCountData(code, el) {
|
||||||
|
var data = el.target.value * 10 + 400;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.change(code, sendData);
|
||||||
|
},
|
||||||
|
countData(data) {
|
||||||
|
if (data) {
|
||||||
|
return (data - 400) / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 计算展示值 计算公式 x/10
|
||||||
|
countData10(data) {
|
||||||
|
if (data) {
|
||||||
|
return data / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
get21549() {
|
||||||
|
var num1 = this.inputData["21549"];
|
||||||
|
var num11 = this.padString(num1.toString(2), 4);
|
||||||
|
var openList1New;
|
||||||
|
openList1New = num11.split("");
|
||||||
|
this.openTrue = openList1New.reverse();
|
||||||
|
},
|
||||||
|
getStatus(data) {
|
||||||
|
this.api.getControlGetState(data).then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.sunrise = this.insertColonEveryTwoDigits(
|
||||||
|
this.convertToTimeMinutes(res.data.data["1021"])
|
||||||
|
);
|
||||||
|
this.sunset = this.insertColonEveryTwoDigits(
|
||||||
|
this.convertToTimeMinutes(res.data.data["1022"])
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//16进制转为时间 16位无符号高字节是时，低字节是分
|
||||||
|
convertToTimeMinutes(hexValue) {
|
||||||
|
// 将十进制数转换为16进制字符串
|
||||||
|
let hexString = hexValue.toString(16);
|
||||||
|
|
||||||
},
|
// 补零，确保结果是4位16进制数
|
||||||
//反向计算 计算公式 x/10
|
while (hexString.length < 4) {
|
||||||
changeCount10(code, el) {
|
hexString = "0" + hexString;
|
||||||
var data = el.target.value * 10
|
}
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
//失去焦点
|
|
||||||
blurChangeCount(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: (el.target.value * 10) + 400,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
return hexString;
|
||||||
changeCountData(code, el) {
|
},
|
||||||
var data = (el.target.value * 10) + 400
|
insertColonEveryTwoDigits(inputString) {
|
||||||
var sendData = {
|
// 使用正则表达式将字符串每两位切割
|
||||||
target: {
|
const chunks = inputString.match(/.{1,2}/g);
|
||||||
value: data
|
return chunks.join(":");
|
||||||
}
|
// 使用join方法将切割后的数组元素用冒号连接起来
|
||||||
}
|
},
|
||||||
this.change(code, sendData)
|
dataInit() {
|
||||||
},
|
var store = this.$store.state;
|
||||||
countData(data) {
|
var store = this.$store.state;
|
||||||
if (data) {
|
this.inputData = store.ControlData;
|
||||||
return (data - 400) / 10
|
this.openIndex = this.inputData["21548"];
|
||||||
} else {
|
this.get21549();
|
||||||
return 0
|
// this.inputData['21552'] = this.countData(this.inputData['21552'])
|
||||||
}
|
// this.inputData['21550'] = this.countData10(this.inputData['21550'])
|
||||||
},
|
// var data = {
|
||||||
// 计算展示值 计算公式 x/10
|
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
countData10(data) {
|
|
||||||
if (data) {
|
|
||||||
return data / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
get21549() {
|
|
||||||
var num1 = this.inputData['21549']
|
|
||||||
var num11 = this.padString(num1.toString(2), 4)
|
|
||||||
var openList1New
|
|
||||||
openList1New = num11.split("")
|
|
||||||
this.openTrue = openList1New.reverse()
|
|
||||||
},
|
|
||||||
getStatus(data) {
|
|
||||||
this.api.getControlGetState(data).then(res => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.sunrise = this.insertColonEveryTwoDigits(this.convertToTimeMinutes(res.data.data['1021']))
|
|
||||||
this.sunset = this.insertColonEveryTwoDigits(this.convertToTimeMinutes(res.data.data['1022']))
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//16进制转为时间 16位无符号高字节是时，低字节是分
|
|
||||||
convertToTimeMinutes(hexValue) {
|
|
||||||
// 将十进制数转换为16进制字符串
|
|
||||||
let hexString = hexValue.toString(16);
|
|
||||||
|
|
||||||
// 补零，确保结果是4位16进制数
|
// };
|
||||||
while (hexString.length < 4) {
|
// this.api.readControl_fiveControl(data).then(res => {
|
||||||
hexString = '0' + hexString;
|
// console.log(res, 111);
|
||||||
}
|
// if (res.data.code == 200) {
|
||||||
|
|
||||||
return hexString;
|
// }
|
||||||
|
|
||||||
},
|
|
||||||
insertColonEveryTwoDigits(inputString) {
|
|
||||||
// 使用正则表达式将字符串每两位切割
|
|
||||||
const chunks = inputString.match(/.{1,2}/g);
|
|
||||||
return chunks.join(':')
|
|
||||||
// 使用join方法将切割后的数组元素用冒号连接起来
|
|
||||||
},
|
|
||||||
dataInit() {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
// })
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
this.getStatus(data);
|
||||||
console.log(res, 111);
|
},
|
||||||
if (res.data.code == 200) {
|
//全选文本
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21548']
|
|
||||||
this.get21549()
|
|
||||||
this.inputData['21552'] = this.countData(this.inputData['21552'])
|
|
||||||
this.inputData['21550'] = this.countData10(this.inputData['21550'])
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
})
|
|
||||||
this.getStatus(data)
|
|
||||||
},
|
|
||||||
//全选文本
|
|
||||||
selectValue(e) {
|
selectValue(e) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
store.nowInput=e.target.value
|
store.nowInput = e.target.value;
|
||||||
e.currentTarget.select();
|
e.currentTarget.select();
|
||||||
},
|
},
|
||||||
//失去焦点
|
//失去焦点
|
||||||
blurChange(code, el) {
|
blurChange(code, el) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
var data = {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
regAddress: code,
|
regAddress: code,
|
||||||
num: el.target.value,
|
num: el.target.value,
|
||||||
}; //避免开启多个计时器
|
}; //避免开启多个计时器
|
||||||
if (this.timer) {
|
if (this.timer) {
|
||||||
this.timer && clearInterval(this.timer);
|
this.timer && clearInterval(this.timer);
|
||||||
this.changeData(data);
|
this.changeData(data);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
changeBtn(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value,
|
||||||
|
};
|
||||||
|
this.delayTimerBtn(0, data);
|
||||||
|
},
|
||||||
|
//切换btn的限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimerBtn(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSendBtn;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
},
|
this.timer = setInterval(() => {
|
||||||
changeBtn(code, el) {
|
++i;
|
||||||
var store = this.$store.state
|
if (i == j) {
|
||||||
var data = {
|
that.changeData(data);
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
clearInterval(this.timer);
|
||||||
regAddress: code,
|
}
|
||||||
num: el.target.value,
|
}, 100);
|
||||||
};
|
},
|
||||||
this.delayTimerBtn(0, data);
|
change(code, el) {
|
||||||
},
|
var store = this.$store.state;
|
||||||
//切换btn的限制 写入停止后j*100毫秒调取函数
|
var data = {
|
||||||
delayTimerBtn(i, data) {
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
const that = this;
|
regAddress: code,
|
||||||
//整体接口
|
num: el.target.value,
|
||||||
let j = this.$store.state.lateSendBtn;
|
};
|
||||||
//避免开启多个计时器
|
this.delayTimer(0, data);
|
||||||
this.timer && clearInterval(this.timer);
|
},
|
||||||
|
//限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimer(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSend;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
this.timer = setInterval(() => {
|
||||||
++i;
|
++i;
|
||||||
if (i == j) {
|
if (i == j) {
|
||||||
that.changeData(data);
|
that.changeData(data);
|
||||||
clearInterval(this.timer);
|
clearInterval(this.timer);
|
||||||
}
|
}
|
||||||
}, 100);
|
}, 100);
|
||||||
},
|
},
|
||||||
change(code, el) {
|
changeData(data) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
this.api.postControlWrite(data).then((res) => {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
if (res.data.code == 200) {
|
||||||
regAddress: code,
|
this.$message({
|
||||||
num: el.target.value,
|
message: res.data.msg,
|
||||||
};
|
type: "success",
|
||||||
this.delayTimer(0, data);
|
|
||||||
},
|
|
||||||
//限制 写入停止后j*100毫秒调取函数
|
|
||||||
delayTimer(i, data) {
|
|
||||||
const that = this;
|
|
||||||
//整体接口
|
|
||||||
let j = this.$store.state.lateSend;
|
|
||||||
//避免开启多个计时器
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
++i;
|
|
||||||
if (i == j) {
|
|
||||||
that.changeData(data);
|
|
||||||
clearInterval(this.timer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
changeData(data) {
|
|
||||||
var store = this.$store.state
|
|
||||||
this.api.postControlWrite(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message({
|
|
||||||
message: res.data.msg,
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
store.nowInput=''
|
|
||||||
// this.dataInit();
|
|
||||||
} else {
|
|
||||||
this.inputData[data.regAddress]=store.nowInput
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
this.timer = null
|
|
||||||
});
|
});
|
||||||
},
|
store.nowInput = "";
|
||||||
|
// this.dataInit();
|
||||||
|
} else {
|
||||||
|
this.inputData[data.regAddress] = store.nowInput;
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
}
|
||||||
|
this.timer = null;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss"></style>
|
<style lang="scss"></style>
|
||||||
|
|
||||||
|
|
@ -1,267 +1,306 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="waterPump wufang">
|
<div class="waterPump wufang">
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<img src="../../assets/img/snowRemoval.png" alt=""> 除雪
|
<img src="../../assets/img/snowRemoval.png" alt="" /> 除雪
|
||||||
</div>
|
|
||||||
<div class="title-tips">除雪有效性设置</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-btn">
|
|
||||||
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动除雪
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-main">
|
|
||||||
<span>一键除雪</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex-sel">
|
|
||||||
<div v-if="!openTrue" class="no-sel" @click="changeOpenTrue(true)"></div>
|
|
||||||
<div v-else class="sel" ></div>
|
|
||||||
启动
|
|
||||||
</div>
|
|
||||||
<div class="flex-sel">
|
|
||||||
<div v-if="openTrue" class="no-sel" @click="changeOpenTrue(false)"></div>
|
|
||||||
<div v-else class="sel" ></div>
|
|
||||||
关闭
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex-view border-none">
|
|
||||||
<div class="input-main">
|
|
||||||
<div>除雪时间</div>
|
|
||||||
<input @blur="blurChange('21560', $event)"
|
|
||||||
v-model="inputData['21560']"
|
|
||||||
@input="change('21560', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>秒</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>打开或关闭输出通道</div>
|
|
||||||
<input @blur="blurChange('21561', $event)"
|
|
||||||
v-model="inputData['21561']"
|
|
||||||
@input="change('21561', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="title-tips">除雪有效性设置</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-btn">
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(1)"
|
||||||
|
:class="openIndex == 1 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet2.png" alt="" />自动除雪
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(2)"
|
||||||
|
:class="openIndex == 2 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(3)"
|
||||||
|
:class="openIndex == 3 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-main">
|
||||||
|
<span>一键除雪</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex-sel">
|
||||||
|
<div
|
||||||
|
v-if="!openTrue"
|
||||||
|
class="no-sel"
|
||||||
|
@click="changeOpenTrue(true)"
|
||||||
|
></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
启动
|
||||||
|
</div>
|
||||||
|
<div class="flex-sel">
|
||||||
|
<div
|
||||||
|
v-if="openTrue"
|
||||||
|
class="no-sel"
|
||||||
|
@click="changeOpenTrue(false)"
|
||||||
|
></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
关闭
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-view border-none">
|
||||||
|
<div class="input-main">
|
||||||
|
<div>除雪时间</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21560', $event)"
|
||||||
|
v-model="inputData['21560']"
|
||||||
|
@input="change('21560', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>秒</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>打开或关闭输出通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21561', $event)"
|
||||||
|
v-model="inputData['21561']"
|
||||||
|
@input="change('21561', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
openIndex: 1,
|
openIndex: 1,
|
||||||
inputData: {},
|
inputData: {},
|
||||||
openTrue: false,
|
openTrue: false,
|
||||||
}
|
};
|
||||||
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
},
|
},
|
||||||
mounted() {
|
},
|
||||||
this.dataInit();
|
// 当前页面关闭前将数据存入vuex
|
||||||
//input获取焦点后全选
|
beforeDestroy() {
|
||||||
let inputList = document.querySelectorAll('input');
|
var store = this.$store.state;
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
this.inputData["21558"]= this.openIndex
|
||||||
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
|
this.inputData["21559"] = this.openTrue ? 1 : 0;
|
||||||
}
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if (store.ControlData) {
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
|
//input获取焦点后全选
|
||||||
|
let inputList = document.querySelectorAll("input");
|
||||||
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeOpenTrue(istrue) {
|
||||||
|
this.openTrue = istrue;
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: this.openTrue ? 1 : 0,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.changeBtn(21559, dataNum);
|
||||||
},
|
},
|
||||||
methods: {
|
padString(str, length) {
|
||||||
changeOpenTrue(istrue) {
|
return str.padStart(length, "0");
|
||||||
this.openTrue = istrue
|
},
|
||||||
var dataNum = {
|
changeOpen(index) {
|
||||||
target: {
|
this.openIndex = index;
|
||||||
value: this.openTrue ? 1 : 0,
|
var dataNum = {
|
||||||
},
|
target: {
|
||||||
};
|
value: this.openIndex,
|
||||||
this.changeBtn(21559, dataNum);
|
|
||||||
},
|
},
|
||||||
padString(str, length) {
|
};
|
||||||
return str.padStart(length, '0');
|
this.changeBtn(21558, dataNum);
|
||||||
|
},
|
||||||
|
//失去焦点 计算公式 x/10
|
||||||
|
blurChange10(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//反向计算 计算公式 x/10
|
||||||
|
changeCount10(code, el) {
|
||||||
|
var data = el.target.value * 10;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
},
|
},
|
||||||
changeOpen(index) {
|
};
|
||||||
this.openIndex = index
|
this.change(code, sendData);
|
||||||
var dataNum = {
|
},
|
||||||
target: {
|
//失去焦点
|
||||||
value: this.openIndex,
|
blurChangeCount(code, el) {
|
||||||
},
|
var store = this.$store.state;
|
||||||
};
|
var data = {
|
||||||
this.changeBtn(21558, dataNum);
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10 + 400,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeCountData(code, el) {
|
||||||
|
var data = el.target.value * 10 + 400;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
},
|
},
|
||||||
//失去焦点 计算公式 x/10
|
};
|
||||||
blurChange10(code, el) {
|
this.change(code, sendData);
|
||||||
var store = this.$store.state
|
},
|
||||||
var data = {
|
countData(data) {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
if (data) {
|
||||||
regAddress: code,
|
return (data - 400) / 10;
|
||||||
num: el.target.value * 10,
|
} else {
|
||||||
}; //避免开启多个计时器
|
return 0;
|
||||||
if (this.timer) {
|
}
|
||||||
this.timer && clearInterval(this.timer);
|
},
|
||||||
this.changeData(data);
|
// 计算展示值 计算公式 x/10
|
||||||
}
|
countData10(data) {
|
||||||
|
if (data) {
|
||||||
|
return data / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataInit() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData = store.ControlData;
|
||||||
|
this.openIndex = this.inputData["21558"];
|
||||||
|
this.openTrue = this.inputData["21559"] == 0 ? false : true;
|
||||||
|
// this.inputData['21544'] = this.countData(this.inputData['21544'])
|
||||||
|
// var data = {
|
||||||
|
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
|
||||||
},
|
// };
|
||||||
//反向计算 计算公式 x/10
|
// this.api.readControl_fiveControl(data).then(res => {
|
||||||
changeCount10(code, el) {
|
// console.log(res, 111);
|
||||||
var data = el.target.value * 10
|
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
//失去焦点
|
|
||||||
blurChangeCount(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: (el.target.value * 10) + 400,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
// })
|
||||||
changeCountData(code, el) {
|
},
|
||||||
var data = (el.target.value * 10) + 400
|
//全选文本
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
countData(data) {
|
|
||||||
if (data) {
|
|
||||||
return (data - 400) / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 计算展示值 计算公式 x/10
|
|
||||||
countData10(data) {
|
|
||||||
if (data) {
|
|
||||||
return data / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dataInit() {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
|
||||||
console.log(res, 111);
|
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21558']
|
|
||||||
this.openTrue = this.inputData['21559'] == 0 ? false : true
|
|
||||||
this.inputData['21544'] = this.countData(this.inputData['21544'])
|
|
||||||
|
|
||||||
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//全选文本
|
|
||||||
selectValue(e) {
|
selectValue(e) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
store.nowInput=e.target.value
|
store.nowInput = e.target.value;
|
||||||
e.currentTarget.select();
|
e.currentTarget.select();
|
||||||
},
|
},
|
||||||
//失去焦点
|
//失去焦点
|
||||||
blurChange(code, el) {
|
blurChange(code, el) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
var data = {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
regAddress: code,
|
regAddress: code,
|
||||||
num: el.target.value,
|
num: el.target.value,
|
||||||
}; //避免开启多个计时器
|
}; //避免开启多个计时器
|
||||||
if (this.timer) {
|
if (this.timer) {
|
||||||
this.timer && clearInterval(this.timer);
|
this.timer && clearInterval(this.timer);
|
||||||
this.changeData(data);
|
this.changeData(data);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
changeBtn(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value,
|
||||||
|
};
|
||||||
|
this.delayTimerBtn(0, data);
|
||||||
|
},
|
||||||
|
//切换btn的限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimerBtn(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSendBtn;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
},
|
this.timer = setInterval(() => {
|
||||||
changeBtn(code, el) {
|
++i;
|
||||||
var store = this.$store.state
|
if (i == j) {
|
||||||
var data = {
|
that.changeData(data);
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
clearInterval(this.timer);
|
||||||
regAddress: code,
|
}
|
||||||
num: el.target.value,
|
}, 100);
|
||||||
};
|
},
|
||||||
this.delayTimerBtn(0, data);
|
change(code, el) {
|
||||||
},
|
var store = this.$store.state;
|
||||||
//切换btn的限制 写入停止后j*100毫秒调取函数
|
var data = {
|
||||||
delayTimerBtn(i, data) {
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
const that = this;
|
regAddress: code,
|
||||||
//整体接口
|
num: el.target.value,
|
||||||
let j = this.$store.state.lateSendBtn;
|
};
|
||||||
//避免开启多个计时器
|
this.delayTimer(0, data);
|
||||||
this.timer && clearInterval(this.timer);
|
},
|
||||||
|
//限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimer(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSend;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
this.timer = setInterval(() => {
|
||||||
++i;
|
++i;
|
||||||
if (i == j) {
|
if (i == j) {
|
||||||
that.changeData(data);
|
that.changeData(data);
|
||||||
clearInterval(this.timer);
|
clearInterval(this.timer);
|
||||||
}
|
}
|
||||||
}, 100);
|
}, 100);
|
||||||
},
|
},
|
||||||
change(code, el) {
|
changeData(data) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
this.api.postControlWrite(data).then((res) => {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
if (res.data.code == 200) {
|
||||||
regAddress: code,
|
this.$message({
|
||||||
num: el.target.value,
|
message: res.data.msg,
|
||||||
};
|
type: "success",
|
||||||
this.delayTimer(0, data);
|
|
||||||
},
|
|
||||||
//限制 写入停止后j*100毫秒调取函数
|
|
||||||
delayTimer(i, data) {
|
|
||||||
const that = this;
|
|
||||||
//整体接口
|
|
||||||
let j = this.$store.state.lateSend;
|
|
||||||
//避免开启多个计时器
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
++i;
|
|
||||||
if (i == j) {
|
|
||||||
that.changeData(data);
|
|
||||||
clearInterval(this.timer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
changeData(data) {
|
|
||||||
var store = this.$store.state
|
|
||||||
this.api.postControlWrite(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message({
|
|
||||||
message: res.data.msg,
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
store.nowInput=''
|
|
||||||
// this.dataInit();
|
|
||||||
} else {
|
|
||||||
this.inputData[data.regAddress]=store.nowInput
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
this.timer = null
|
|
||||||
});
|
});
|
||||||
},
|
store.nowInput = "";
|
||||||
|
// this.dataInit();
|
||||||
|
} else {
|
||||||
|
this.inputData[data.regAddress] = store.nowInput;
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
}
|
||||||
|
this.timer = null;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss"></style>
|
<style lang="scss"></style>
|
||||||
|
|
||||||
|
|
@ -1,372 +1,467 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="waterPump wufang">
|
<div class="waterPump wufang">
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<img src="../../assets/img/uptake.png" alt=""> 上风口
|
<img src="../../assets/img/uptake.png" alt="" /> 上风口
|
||||||
</div>
|
|
||||||
<div class="title-tips">上风口有效性设置</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-btn">
|
|
||||||
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
|
||||||
</div>
|
|
||||||
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'">
|
|
||||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>室内1#平均温度达到</span>
|
|
||||||
<input @blur="blurChangeCount('21532', $event)" v-model="inputData['21532']"
|
|
||||||
@input="changeCountData('21532', $event)" type="text" value="60" placeholder="60" />
|
|
||||||
<span>℃启动</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>滞回带</span>
|
|
||||||
<input @blur="blurChange10('21533', $event)" v-model="inputData['21533']"
|
|
||||||
@input="changeCount10('21533', $event)" type="text" value="60" placeholder="60" />
|
|
||||||
<span>℃</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>分</span>
|
|
||||||
<input @blur="blurChange('21534', $event)" v-model="inputData['21534']" @input="change('21534', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>步打开</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>分步打开间隔时间</span>
|
|
||||||
<input @blur="blurChange('21537', $event)" v-model="inputData['21537']" @input="change('21537', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="flex-sel border-right" @click="changeOpenTrue(0)">
|
|
||||||
<div v-if="openTrue[0] == 0" class="no-sel"></div>
|
|
||||||
<div v-else class="sel"></div>
|
|
||||||
计算的最大开度
|
|
||||||
</div>
|
|
||||||
<div class="flex-sel border-right" @click="changeOpenTrue(1)">
|
|
||||||
<div v-if="openTrue[1] == 0" class="no-sel"></div>
|
|
||||||
<div v-else class="sel"></div>
|
|
||||||
大风保护有效
|
|
||||||
</div>
|
|
||||||
<div class="flex-sel border-right" @click="changeOpenTrue(2)">
|
|
||||||
<div v-if="openTrue[2] == 0" class="no-sel"></div>
|
|
||||||
<div v-else class="sel"></div>
|
|
||||||
下雨保护
|
|
||||||
</div>
|
|
||||||
<div class="flex-sel border-right" @click="changeOpenTrue(3)">
|
|
||||||
<div v-if="openTrue[3] == 0" class="no-sel"></div>
|
|
||||||
<div v-else class="sel"></div>
|
|
||||||
有雨量桶检测
|
|
||||||
</div>
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>最大开度</span>
|
|
||||||
<span>{{ statusNum }}</span>
|
|
||||||
<span>%</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>开度系数</span>
|
|
||||||
<input @blur="blurChange('21536', $event)" v-model="inputData['21536']" @input="change('21536', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view">
|
|
||||||
<div class="input-main">
|
|
||||||
<div>上风口的行程时间</div>
|
|
||||||
<input @blur="blurChange('21538', $event)" v-model="inputData['21538']" @input="change('21538', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>秒</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>打开的通道</div>
|
|
||||||
<input @blur="blurChange('21539', $event)" v-model="inputData['21539']" @input="change('21539', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<div>关闭的通道</div>
|
|
||||||
<input @blur="blurChange('21540', $event)" v-model="inputData['21540']" @input="change('21540', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view border-none">
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>上风口风速大于多少</span>
|
|
||||||
<input @blur="blurChange10('21562', $event)"
|
|
||||||
v-model="inputData['21562']"
|
|
||||||
@input="changeCount10('21562', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>m/s,禁止开窗</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main border-right">
|
|
||||||
<span>大风保护时间</span>
|
|
||||||
<input @blur="blurChange('21563', $event)" v-model="inputData['21563']" @input="change('21563', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分</span>
|
|
||||||
</div>
|
|
||||||
<div class="input-main">
|
|
||||||
<span>下雨检测时间</span>
|
|
||||||
<input @blur="blurChange('21564', $event)" v-model="inputData['21564']" @input="change('21564', $event)"
|
|
||||||
type="text" value="60" placeholder="60" />
|
|
||||||
<span>分</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="title-tips">上风口有效性设置</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-btn">
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(1)"
|
||||||
|
:class="openIndex == 1 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(2)"
|
||||||
|
:class="openIndex == 2 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(3)"
|
||||||
|
:class="openIndex == 3 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="btn"
|
||||||
|
@click="changeOpen(4)"
|
||||||
|
:class="openIndex == 4 ? 'blue' : 'green'"
|
||||||
|
>
|
||||||
|
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>室内1#平均温度达到</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChangeCount('21532', $event)"
|
||||||
|
v-model="inputData['21532']"
|
||||||
|
@input="changeCountData('21532', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>℃启动</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>滞回带</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange10('21533', $event)"
|
||||||
|
v-model="inputData['21533']"
|
||||||
|
@input="changeCount10('21533', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>℃</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>分</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21534', $event)"
|
||||||
|
v-model="inputData['21534']"
|
||||||
|
@input="change('21534', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>步打开</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>分步打开间隔时间</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21537', $event)"
|
||||||
|
v-model="inputData['21537']"
|
||||||
|
@input="change('21537', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="flex-sel border-right" @click="changeOpenTrue(0)">
|
||||||
|
<div v-if="openTrue[0] == 0" class="no-sel"></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
计算的最大开度
|
||||||
|
</div>
|
||||||
|
<div class="flex-sel border-right" @click="changeOpenTrue(1)">
|
||||||
|
<div v-if="openTrue[1] == 0" class="no-sel"></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
大风保护有效
|
||||||
|
</div>
|
||||||
|
<div class="flex-sel border-right" @click="changeOpenTrue(2)">
|
||||||
|
<div v-if="openTrue[2] == 0" class="no-sel"></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
下雨保护
|
||||||
|
</div>
|
||||||
|
<div class="flex-sel border-right" @click="changeOpenTrue(3)">
|
||||||
|
<div v-if="openTrue[3] == 0" class="no-sel"></div>
|
||||||
|
<div v-else class="sel"></div>
|
||||||
|
有雨量桶检测
|
||||||
|
</div>
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>最大开度</span>
|
||||||
|
<span>{{ statusNum }}</span>
|
||||||
|
<span>%</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>开度系数</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21536', $event)"
|
||||||
|
v-model="inputData['21536']"
|
||||||
|
@input="change('21536', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view">
|
||||||
|
<div class="input-main">
|
||||||
|
<div>上风口的行程时间</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21538', $event)"
|
||||||
|
v-model="inputData['21538']"
|
||||||
|
@input="change('21538', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>秒</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>打开的通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21539', $event)"
|
||||||
|
v-model="inputData['21539']"
|
||||||
|
@input="change('21539', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<div>关闭的通道</div>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21540', $event)"
|
||||||
|
v-model="inputData['21540']"
|
||||||
|
@input="change('21540', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-view border-none">
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>上风口风速大于多少</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange10('21562', $event)"
|
||||||
|
v-model="inputData['21562']"
|
||||||
|
@input="changeCount10('21562', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>m/s,禁止开窗</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main border-right">
|
||||||
|
<span>大风保护时间</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21563', $event)"
|
||||||
|
v-model="inputData['21563']"
|
||||||
|
@input="change('21563', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-main">
|
||||||
|
<span>下雨检测时间</span>
|
||||||
|
<input
|
||||||
|
@blur="blurChange('21564', $event)"
|
||||||
|
v-model="inputData['21564']"
|
||||||
|
@input="change('21564', $event)"
|
||||||
|
type="text"
|
||||||
|
value="60"
|
||||||
|
placeholder="60"
|
||||||
|
/>
|
||||||
|
<span>分</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
openIndex: 1,
|
openIndex: 1,
|
||||||
inputData: {},
|
inputData: {},
|
||||||
openTrue: [],
|
openTrue: [],
|
||||||
statusNum:0,
|
statusNum: 0,
|
||||||
statusInterval:null,
|
statusInterval: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 当前页面关闭前将数据存入vuex
|
||||||
|
beforeDestroy() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData["21530"] = this.openIndex;
|
||||||
|
var num = this.myReverse(this.openTrue).join("");
|
||||||
|
this.inputData["21531"] = parseInt(num, 2);
|
||||||
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
clearInterval(this.statusInterval) && this.statusInterval;
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if (store.ControlData) {
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
|
//input获取焦点后全选
|
||||||
|
let inputList = document.querySelectorAll("input");
|
||||||
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//反转数组 不影响原数组
|
||||||
|
myReverse(arr) {
|
||||||
|
return [...arr].reverse();
|
||||||
|
},
|
||||||
|
changeOpenTrue(index) {
|
||||||
|
if (this.openTrue[index] == 0) {
|
||||||
|
this.openTrue[index] = 1;
|
||||||
|
} else {
|
||||||
|
this.openTrue[index] = 0;
|
||||||
|
}
|
||||||
|
this.$forceUpdate();
|
||||||
|
var num = this.myReverse(this.openTrue).join("");
|
||||||
|
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: parseInt(num, 2),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.changeBtn("21531", dataNum);
|
||||||
|
},
|
||||||
|
get21531() {
|
||||||
|
var num1 = this.inputData["21531"];
|
||||||
|
var num11 = this.padString(num1.toString(2), 4);
|
||||||
|
var openList1New;
|
||||||
|
openList1New = num11.split("");
|
||||||
|
this.openTrue = openList1New.reverse();
|
||||||
|
},
|
||||||
|
padString(str, length) {
|
||||||
|
return str.padStart(length, "0");
|
||||||
|
},
|
||||||
|
changeOpen(index) {
|
||||||
|
this.openIndex = index;
|
||||||
|
var dataNum = {
|
||||||
|
target: {
|
||||||
|
value: this.openIndex,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.changeBtn(21530, dataNum);
|
||||||
|
},
|
||||||
|
//失去焦点 计算公式 x/10
|
||||||
|
blurChange10(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//反向计算 计算公式 x/10
|
||||||
|
changeCount10(code, el) {
|
||||||
|
var data = el.target.value * 10;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.change(code, sendData);
|
||||||
|
},
|
||||||
|
//失去焦点
|
||||||
|
blurChangeCount(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value * 10 + 400,
|
||||||
|
}; //避免开启多个计时器
|
||||||
|
if (this.timer) {
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
this.changeData(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeCountData(code, el) {
|
||||||
|
var data = el.target.value * 10 + 400;
|
||||||
|
var sendData = {
|
||||||
|
target: {
|
||||||
|
value: data,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.change(code, sendData);
|
||||||
|
},
|
||||||
|
countData(data) {
|
||||||
|
if (data) {
|
||||||
|
return (data - 400) / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 计算展示值 计算公式 x/10
|
||||||
|
countData10(data) {
|
||||||
|
if (data) {
|
||||||
|
return data / 10;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataInit() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData = store.ControlData;
|
||||||
|
this.openIndex = this.inputData["21530"];
|
||||||
|
this.get21531();
|
||||||
|
// this.inputData['21532'] = this.countData(this.inputData['21532'])
|
||||||
|
// this.inputData['21533'] = this.countData10(this.inputData['21533'])
|
||||||
|
// this.inputData['21562'] = this.countData10(this.inputData['21562'])
|
||||||
|
var data = {
|
||||||
|
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
};
|
||||||
|
// this.api.readControl_fiveControl(data).then(res => {
|
||||||
|
// if(res.data.code==200){
|
||||||
|
// this.inputData = res.data.data
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// })
|
||||||
|
this.getStatus(data);
|
||||||
|
clearInterval(this.statusInterval) && this.statusInterval;
|
||||||
|
this.statusInterval = setInterval(() => {
|
||||||
|
this.getStatus(data);
|
||||||
|
}, 3000);
|
||||||
|
},
|
||||||
|
getStatus(data) {
|
||||||
|
this.api.getControlGetState(data).then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.statusNum = res.data.data["1015"];
|
||||||
}
|
}
|
||||||
|
});
|
||||||
},
|
},
|
||||||
beforeDestroy(){
|
//全选文本
|
||||||
clearInterval(this.statusInterval)&&this.statusInterval
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.dataInit();
|
|
||||||
//input获取焦点后全选
|
|
||||||
let inputList = document.querySelectorAll('input');
|
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
|
||||||
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
//反转数组 不影响原数组
|
|
||||||
myReverse(arr) {
|
|
||||||
return [...arr].reverse()
|
|
||||||
},
|
|
||||||
changeOpenTrue(index) {
|
|
||||||
if (this.openTrue[index] == 0) {
|
|
||||||
this.openTrue[index] = 1
|
|
||||||
} else {
|
|
||||||
this.openTrue[index] = 0
|
|
||||||
}
|
|
||||||
this.$forceUpdate();
|
|
||||||
var num = this.myReverse(this.openTrue).join("")
|
|
||||||
|
|
||||||
var dataNum = {
|
|
||||||
target: {
|
|
||||||
value: parseInt(num, 2),
|
|
||||||
},
|
|
||||||
};
|
|
||||||
this.changeBtn('21531', dataNum);
|
|
||||||
},
|
|
||||||
get21531() {
|
|
||||||
var num1 = this.inputData['21531']
|
|
||||||
var num11 = this.padString(num1.toString(2), 4)
|
|
||||||
var openList1New
|
|
||||||
openList1New = num11.split("")
|
|
||||||
this.openTrue = openList1New.reverse()
|
|
||||||
},
|
|
||||||
padString(str, length) {
|
|
||||||
return str.padStart(length, '0');
|
|
||||||
},
|
|
||||||
changeOpen(index) {
|
|
||||||
this.openIndex = index
|
|
||||||
var dataNum = {
|
|
||||||
target: {
|
|
||||||
value: this.openIndex,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
this.changeBtn(21530, dataNum);
|
|
||||||
},
|
|
||||||
//失去焦点 计算公式 x/10
|
|
||||||
blurChange10(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: el.target.value * 10,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
//反向计算 计算公式 x/10
|
|
||||||
changeCount10(code, el) {
|
|
||||||
var data = el.target.value * 10
|
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
//失去焦点
|
|
||||||
blurChangeCount(code, el) {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
regAddress: code,
|
|
||||||
num: (el.target.value * 10) + 400,
|
|
||||||
}; //避免开启多个计时器
|
|
||||||
if (this.timer) {
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
this.changeData(data);
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
changeCountData(code, el) {
|
|
||||||
var data = (el.target.value * 10) + 400
|
|
||||||
var sendData = {
|
|
||||||
target: {
|
|
||||||
value: data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.change(code, sendData)
|
|
||||||
},
|
|
||||||
countData(data) {
|
|
||||||
if (data) {
|
|
||||||
return (data - 400) / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 计算展示值 计算公式 x/10
|
|
||||||
countData10(data) {
|
|
||||||
if (data) {
|
|
||||||
return data / 10
|
|
||||||
} else {
|
|
||||||
return 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dataInit() {
|
|
||||||
var store = this.$store.state
|
|
||||||
var data = {
|
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
|
||||||
if(res.data.code==200){
|
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21530']
|
|
||||||
this.get21531()
|
|
||||||
this.inputData['21532'] = this.countData(this.inputData['21532'])
|
|
||||||
this.inputData['21533'] = this.countData10(this.inputData['21533'])
|
|
||||||
this.inputData['21562'] = this.countData10(this.inputData['21562'])
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
this.getStatus(data)
|
|
||||||
clearInterval(this.statusInterval)&&this.statusInterval
|
|
||||||
this.statusInterval=setInterval(() => {
|
|
||||||
this.getStatus(data)
|
|
||||||
}, 3000);
|
|
||||||
},
|
|
||||||
getStatus(data){
|
|
||||||
this.api.getControlGetState(data).then(res=>{
|
|
||||||
if(res.data.code==200){
|
|
||||||
this.statusNum=res.data.data['1015']
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//全选文本
|
|
||||||
selectValue(e) {
|
selectValue(e) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
store.nowInput=e.target.value
|
store.nowInput = e.target.value;
|
||||||
e.currentTarget.select();
|
e.currentTarget.select();
|
||||||
},
|
},
|
||||||
//失去焦点
|
//失去焦点
|
||||||
blurChange(code, el) {
|
blurChange(code, el) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
var data = {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
regAddress: code,
|
regAddress: code,
|
||||||
num: el.target.value,
|
num: el.target.value,
|
||||||
}; //避免开启多个计时器
|
}; //避免开启多个计时器
|
||||||
if (this.timer) {
|
if (this.timer) {
|
||||||
this.timer && clearInterval(this.timer);
|
this.timer && clearInterval(this.timer);
|
||||||
this.changeData(data);
|
this.changeData(data);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
changeBtn(code, el) {
|
||||||
|
var store = this.$store.state;
|
||||||
|
var data = {
|
||||||
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
regAddress: code,
|
||||||
|
num: el.target.value,
|
||||||
|
};
|
||||||
|
this.delayTimerBtn(0, data);
|
||||||
|
},
|
||||||
|
//切换btn的限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimerBtn(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSendBtn;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
},
|
this.timer = setInterval(() => {
|
||||||
changeBtn(code, el) {
|
++i;
|
||||||
var store = this.$store.state
|
if (i == j) {
|
||||||
var data = {
|
that.changeData(data);
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
clearInterval(this.timer);
|
||||||
regAddress: code,
|
}
|
||||||
num: el.target.value,
|
}, 100);
|
||||||
};
|
},
|
||||||
this.delayTimerBtn(0, data);
|
change(code, el) {
|
||||||
},
|
var store = this.$store.state;
|
||||||
//切换btn的限制 写入停止后j*100毫秒调取函数
|
var data = {
|
||||||
delayTimerBtn(i, data) {
|
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
const that = this;
|
regAddress: code,
|
||||||
//整体接口
|
num: el.target.value,
|
||||||
let j = this.$store.state.lateSendBtn;
|
};
|
||||||
//避免开启多个计时器
|
this.delayTimer(0, data);
|
||||||
this.timer && clearInterval(this.timer);
|
},
|
||||||
|
//限制 写入停止后j*100毫秒调取函数
|
||||||
|
delayTimer(i, data) {
|
||||||
|
const that = this;
|
||||||
|
//整体接口
|
||||||
|
let j = this.$store.state.lateSend;
|
||||||
|
//避免开启多个计时器
|
||||||
|
this.timer && clearInterval(this.timer);
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
this.timer = setInterval(() => {
|
||||||
++i;
|
++i;
|
||||||
if (i == j) {
|
if (i == j) {
|
||||||
that.changeData(data);
|
that.changeData(data);
|
||||||
clearInterval(this.timer);
|
clearInterval(this.timer);
|
||||||
}
|
}
|
||||||
}, 100);
|
}, 100);
|
||||||
},
|
},
|
||||||
change(code, el) {
|
changeData(data) {
|
||||||
var store = this.$store.state
|
var store = this.$store.state;
|
||||||
var data = {
|
this.api.postControlWrite(data).then((res) => {
|
||||||
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
if (res.data.code == 200) {
|
||||||
regAddress: code,
|
this.$message({
|
||||||
num: el.target.value,
|
message: res.data.msg,
|
||||||
};
|
type: "success",
|
||||||
this.delayTimer(0, data);
|
|
||||||
},
|
|
||||||
//限制 写入停止后j*100毫秒调取函数
|
|
||||||
delayTimer(i, data) {
|
|
||||||
const that = this;
|
|
||||||
//整体接口
|
|
||||||
let j = this.$store.state.lateSend;
|
|
||||||
//避免开启多个计时器
|
|
||||||
this.timer && clearInterval(this.timer);
|
|
||||||
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
++i;
|
|
||||||
if (i == j) {
|
|
||||||
that.changeData(data);
|
|
||||||
clearInterval(this.timer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
changeData(data) {
|
|
||||||
var store = this.$store.state
|
|
||||||
this.api.postControlWrite(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message({
|
|
||||||
message: res.data.msg,
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
store.nowInput=''
|
|
||||||
// this.dataInit();
|
|
||||||
} else {
|
|
||||||
this.inputData[data.regAddress]=store.nowInput
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
this.timer = null
|
|
||||||
});
|
});
|
||||||
},
|
store.nowInput = "";
|
||||||
},
|
// this.dataInit();
|
||||||
|
} else {
|
||||||
|
this.inputData[data.regAddress] = store.nowInput;
|
||||||
|
|
||||||
}
|
this.$message.error(res.data.msg);
|
||||||
|
}
|
||||||
|
this.timer = null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss"></style>
|
<style lang="scss"></style>
|
||||||
|
|
||||||
|
|
@ -65,8 +65,24 @@ export default {
|
||||||
inputData: {},
|
inputData: {},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
|
||||||
|
watch: {
|
||||||
|
"$store.state.ControlData"(newVal) {
|
||||||
|
this.dataInit();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 当前页面关闭前将数据存入vuex
|
||||||
|
beforeDestroy() {
|
||||||
|
var store = this.$store.state;
|
||||||
|
this.inputData['21520']= this.openIndex
|
||||||
|
store.ControlData = this.inputData;
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.dataInit();
|
var store = this.$store.state;
|
||||||
|
// this.dataInit();
|
||||||
|
if(store.ControlData){
|
||||||
|
this.dataInit();
|
||||||
|
}
|
||||||
//input获取焦点后全选
|
//input获取焦点后全选
|
||||||
let inputList = document.querySelectorAll('input');
|
let inputList = document.querySelectorAll('input');
|
||||||
for (let index = 0; index < inputList.length; index++) {
|
for (let index = 0; index < inputList.length; index++) {
|
||||||
|
|
@ -150,22 +166,22 @@ export default {
|
||||||
},
|
},
|
||||||
dataInit() {
|
dataInit() {
|
||||||
var store = this.$store.state
|
var store = this.$store.state
|
||||||
var data = {
|
this.inputData = store.ControlData
|
||||||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
|
||||||
|
|
||||||
};
|
|
||||||
this.api.readControl_fiveControl(data).then(res => {
|
|
||||||
if(res.data.code==200){
|
|
||||||
this.inputData = res.data.data
|
|
||||||
this.openIndex = this.inputData['21520']
|
this.openIndex = this.inputData['21520']
|
||||||
this.inputData['21521'] = this.countData(this.inputData['21521'])
|
// this.inputData['21521'] = this.countData(this.inputData['21521'])
|
||||||
this.inputData['21522'] = this.countData10(this.inputData['21522'])
|
// this.inputData['21522'] = this.countData10(this.inputData['21522'])
|
||||||
this.inputData['21523'] = this.countData(this.inputData['21523'])
|
// this.inputData['21523'] = this.countData(this.inputData['21523'])
|
||||||
this.inputData['21524'] = this.countData(this.inputData['21524'])
|
// this.inputData['21524'] = this.countData(this.inputData['21524'])
|
||||||
}
|
// var data = {
|
||||||
|
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||||||
|
// };
|
||||||
|
// this.api.readControl_fiveControl(data).then(res => {
|
||||||
|
// if(res.data.code==200){
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
})
|
// })
|
||||||
},
|
},
|
||||||
//全选文本
|
//全选文本
|
||||||
selectValue(e) {
|
selectValue(e) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue