xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

五防页面接口逻辑更换 #74

Merged
xiaomeng merged 1 commits from pc-master into portal 2023-12-15 08:55:51 +00:00
Conversation 0 Commits 1 Files Changed 11
11 changed files with 1627 additions and 1258 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/setParamsControl.vue
View File

@ -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"
) { ) {
//调取数据
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` }); this.$router.push({ path: `/waterPump` });
});
} }
} }

2
src/store/index.js
View File

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

2
src/utils/util.js
View File

@ -0,0 +1,2 @@
import Vue from 'vue';
export const util = new Vue();

12
src/views/control.vue
View File

@ -4,7 +4,6 @@
<div class="page-content"> <div class="page-content">
<router-view></router-view> <router-view></router-view>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
@ -13,16 +12,19 @@ import setParamsControl from "../components/setParamsControl.vue";
components: { components: {
setParamsControl, setParamsControl,
}, },
// 当控制器整体页面关闭时 清楚控制器数据
beforeDestroy() {
var store = this.$store.state;
store.ControlData = null;
},
data() { data() {
return {} return {};
}, },
mounted() {}, mounted() {},
methods: {}, methods: {},
};
}
</script> </script>
<style lang="scss"> <style lang="scss">
</style> </style>

1
src/views/index.vue
View File

@ -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') })

191
src/views/wufang/downtake.vue
View File

@ -1,25 +1,40 @@
<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>
<div class="title-tips">下风口有效性设置</div> <div class="title-tips">下风口有效性设置</div>
<div class="flex-view"> <div class="flex-view">
<div class="input-btn"> <div class="input-btn">
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(1)"
:class="openIndex == 1 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行 <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div> </div>
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(2)"
:class="openIndex == 2 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开 <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div> </div>
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(3)"
:class="openIndex == 3 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭 <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div> </div>
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(4)"
:class="openIndex == 4 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />停止 <img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div> </div>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
@ -29,36 +44,66 @@
</div> </div>
<div class="input-main"> <div class="input-main">
<span>室外温度大于</span> <span>室外温度大于</span>
<input @blur="blurChangeCount('21544', $event)" v-model="inputData['21544']" @input="changeCountData('21544', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChangeCount('21544', $event)"
v-model="inputData['21544']"
@input="changeCountData('21544', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>℃，打开下风口</span> <span>℃，打开下风口</span>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="input-main"> <div class="input-main">
<div>上风口全部打开 (100%) 时</div> <div>上风口全部打开 (100%) 时</div>
<input @blur="blurChange('21543', $event)" v-model="inputData['21543']" @input="change('21543', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21543', $event)"
v-model="inputData['21543']"
@input="change('21543', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分钟温度降不下来，打开下风口</span> <span>分钟温度降不下来，打开下风口</span>
</div> </div>
</div> </div>
<div class="flex-view border-none"> <div class="flex-view border-none">
<div class="input-main"> <div class="input-main">
<div>下风口的行程时间</div> <div>下风口的行程时间</div>
<input @blur="blurChange('21545', $event)" v-model="inputData['21545']" @input="change('21545', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21545', $event)"
v-model="inputData['21545']"
@input="change('21545', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>秒</span> <span>秒</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>打开的通道</div> <div>打开的通道</div>
<input @blur="blurChange('21546', $event)" v-model="inputData['21546']" @input="change('21546', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21546', $event)"
v-model="inputData['21546']"
@input="change('21546', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>关闭的通道</div> <div>关闭的通道</div>
<input @blur="blurChange('21547', $event)" v-model="inputData['21547']" @input="change('21547', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21547', $event)"
v-model="inputData['21547']"
@input="change('21547', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
</div> </div>
@ -71,31 +116,47 @@ export default {
openIndex: 1, openIndex: 1,
inputData: {}, inputData: {},
openTrue: false, openTrue: false,
} };
}, },
mounted() { mounted() {
var store = this.$store.state;
// this.dataInit();
if(store.ControlData){
this.dataInit(); this.dataInit();
//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++) {
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本 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: { methods: {
changeOpenTrue() { changeOpenTrue() {
this.openTrue = !this.openTrue this.openTrue = !this.openTrue;
var dataNum = { var dataNum = {
target: { target: {
value: this.openTrue ? 1 : 0, value: this.openTrue ? 1 : 0,
}, },
}; };
this.changeBtn('21542', dataNum); this.changeBtn("21542", dataNum);
}, },
padString(str, length) { padString(str, length) {
return str.padStart(length, '0'); return str.padStart(length, "0");
}, },
changeOpen(index) { changeOpen(index) {
this.openIndex = index this.openIndex = index;
var dataNum = { var dataNum = {
target: { target: {
value: this.openIndex, value: this.openIndex,
@ -105,7 +166,7 @@ export default {
}, },
//失去焦点 计算公式 x/10 //失去焦点 计算公式 x/10
blurChange10(code, el) { blurChange10(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,
@ -115,83 +176,79 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
//反向计算 计算公式 x/10 //反向计算 计算公式 x/10
changeCount10(code, el) { changeCount10(code, el) {
var data = el.target.value * 10 var data = el.target.value * 10;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
//失去焦点 //失去焦点
blurChangeCount(code, el) { blurChangeCount(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 * 10) + 400, num: el.target.value * 10 + 400,
}; //避免开启多个计时器 }; //避免开启多个计时器
if (this.timer) { if (this.timer) {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeCountData(code, el) { changeCountData(code, el) {
var data = (el.target.value * 10) + 400 var data = el.target.value * 10 + 400;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
countData(data) { countData(data) {
if (data) { if (data) {
return (data - 400) / 10 return (data - 400) / 10;
} else { } else {
return 0 return 0;
} }
}, },
// 计算展示值 计算公式 x/10 // 计算展示值 计算公式 x/10
countData10(data) { countData10(data) {
if (data) { if (data) {
return data / 10 return data / 10;
} else { } else {
return 0 return 0;
} }
}, },
dataInit() { dataInit() {
var store = this.$store.state;
var store = this.$store.state var store = this.$store.state
var data = { this.inputData = store.ControlData
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, 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) {
}; // }
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) { 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,
@ -201,10 +258,9 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeBtn(code, el) { changeBtn(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,
@ -229,7 +285,7 @@ export default {
}, 100); }, 100);
}, },
change(code, el) { change(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,
@ -254,7 +310,7 @@ export default {
}, 100); }, 100);
}, },
changeData(data) { changeData(data) {
var store = this.$store.state var store = this.$store.state;
this.api.postControlWrite(data).then((res) => { this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
@ -262,18 +318,17 @@ export default {
message: res.data.msg, message: res.data.msg,
type: "success", type: "success",
}); });
store.nowInput='' store.nowInput = "";
// this.dataInit(); // this.dataInit();
} else { } else {
this.inputData[data.regAddress]=store.nowInput this.inputData[data.regAddress] = store.nowInput;
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
this.timer = null this.timer = null;
}); });
}, },
}, },
};
}
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

41
src/views/wufang/geothermalFan.vue
View File

@ -57,8 +57,24 @@ export default {
inputData: {}, inputData: {},
} }
}, },
mounted() { //如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
watch: {
"$store.state.ControlData"(newVal) {
this.dataInit(); this.dataInit();
},
},
// 当前页面关闭前将数据存入vuex
beforeDestroy() {
var store = this.$store.state;
this.inputData['21526']=this.openIndex
store.ControlData = this.inputData;
},
mounted() {
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) {

290
src/views/wufang/rollByRoll.vue
View File

@ -1,7 +1,7 @@
<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>
@ -9,93 +9,172 @@
<div class="title-tips">卷被有效性设置</div> <div class="title-tips">卷被有效性设置</div>
<div class="flex-view"> <div class="flex-view">
<div class="input-btn"> <div class="input-btn">
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(1)"
:class="openIndex == 1 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行 <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div> </div>
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(2)"
:class="openIndex == 2 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开 <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div> </div>
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(3)"
:class="openIndex == 3 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭 <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div> </div>
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(4)"
:class="openIndex == 4 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />停止 <img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div> </div>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(0)"> <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-if="openTrue[0] == 0" class="no-sel margin-none"></div>
<div v-else class="sel margin-none"></div> <div v-else class="sel margin-none"></div>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>①室外光照大于</span> <span>①室外光照大于</span>
<input @blur="blurChange10('21550', $event)" v-model="inputData['21550']" <input
@input="changeCount10('21550', $event)" type="text" value="60" placeholder="60" /> @blur="blurChange10('21550', $event)"
v-model="inputData['21550']"
@input="changeCount10('21550', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>klx，收拢卷被</span> <span>klx，收拢卷被</span>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(1)"> <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-if="openTrue[1] == 0" class="no-sel margin-none"></div>
<div v-else class="sel margin-none"></div> <div v-else class="sel margin-none"></div>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>②日出</span> <span>②日出</span>
<input @blur="blurChange('21551', $event)" v-model="inputData['21551']" @input="change('21551', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21551', $event)"
v-model="inputData['21551']"
@input="change('21551', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分钟，收拢卷被</span> <span>分钟，收拢卷被</span>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(2)"> <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-if="openTrue[2] == 0" class="no-sel margin-none"></div>
<div v-else class="sel margin-none"></div> <div v-else class="sel margin-none"></div>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>③室内1#平均温度低于</span> <span>③室内1#平均温度低于</span>
<input @blur="blurChangeCount('21552', $event)" v-model="inputData['21552']" <input
@input="changeCountData('21552', $event)" type="text" value="60" placeholder="60" /> @blur="blurChangeCount('21552', $event)"
v-model="inputData['21552']"
@input="changeCountData('21552', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>℃时，展开卷被</span> <span>℃时，展开卷被</span>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="flex-sel padding-none" v-if="openTrue.length" @click="changeOpenTrue(3)"> <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-if="openTrue[3] == 0" class="no-sel margin-none"></div>
<div v-else class="sel margin-none"></div> <div v-else class="sel margin-none"></div>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>④日落前</span> <span>④日落前</span>
<input @blur="blurChange('21553', $event)" v-model="inputData['21553']" @input="change('21553', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21553', $event)"
v-model="inputData['21553']"
@input="change('21553', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分钟，展开卷被</span> <span>分钟，展开卷被</span>
</div> </div>
</div> </div>
<div class="flex-view border-none"> <div class="flex-view border-none">
<div class="input-main"> <div class="input-main">
<div>卷被的行程时间</div> <div>卷被的行程时间</div>
<input @blur="blurChange('21554', $event)" v-model="inputData['21554']" @input="change('21554', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21554', $event)"
v-model="inputData['21554']"
@input="change('21554', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>秒</span> <span>秒</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>卷被开窗的行程时间</div> <div>卷被开窗的行程时间</div>
<input @blur="blurChange('21555', $event)" v-model="inputData['21555']" @input="change('21555', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21555', $event)"
v-model="inputData['21555']"
@input="change('21555', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>秒</span> <span>秒</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>展开的输出通道</div> <div>展开的输出通道</div>
<input @blur="blurChange('21556', $event)" v-model="inputData['21556']" @input="change('21556', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21556', $event)"
v-model="inputData['21556']"
@input="change('21556', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>收拢的输出通道</div> <div>收拢的输出通道</div>
<input @blur="blurChange('21557', $event)" v-model="inputData['21557']" @input="change('21557', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21557', $event)"
v-model="inputData['21557']"
@input="change('21557', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
</div> </div>
@ -108,14 +187,32 @@ export default {
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();
},
},
// 当前页面关闭前将数据存入vuex
beforeDestroy() {
var store = this.$store.state;
this.inputData["21548"] = this.openIndex;
var num = this.myReverse(this.openTrue).join("");
this.inputData["21549"] = parseInt(num, 2);
store.ControlData = this.inputData;
}, },
mounted() { mounted() {
var store = this.$store.state;
// this.dataInit();
if (store.ControlData) {
this.dataInit(); 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++) {
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本 inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
} }
@ -123,32 +220,32 @@ export default {
methods: { methods: {
//反转数组 不影响原数组 //反转数组 不影响原数组
myReverse(arr) { myReverse(arr) {
return [...arr].reverse() return [...arr].reverse();
}, },
padString(str, length) { padString(str, length) {
return str.padStart(length, '0'); return str.padStart(length, "0");
}, },
changeOpenTrue(index) { changeOpenTrue(index) {
if (this.openTrue[index] == 0) { if (this.openTrue[index] == 0) {
this.openTrue[index] = 1 this.openTrue[index] = 1;
} else { } else {
this.openTrue[index] = 0 this.openTrue[index] = 0;
} }
this.$forceUpdate(); this.$forceUpdate();
var num = this.myReverse(this.openTrue).join("") 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); this.changeBtn("21549", dataNum);
}, },
padString(str, length) { padString(str, length) {
return str.padStart(length, '0'); return str.padStart(length, "0");
}, },
changeOpen(index) { changeOpen(index) {
this.openIndex = index this.openIndex = index;
var dataNum = { var dataNum = {
target: { target: {
value: this.openIndex, value: this.openIndex,
@ -158,7 +255,7 @@ export default {
}, },
//失去焦点 计算公式 x/10 //失去焦点 计算公式 x/10
blurChange10(code, el) { blurChange10(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,
@ -168,70 +265,72 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
//反向计算 计算公式 x/10 //反向计算 计算公式 x/10
changeCount10(code, el) { changeCount10(code, el) {
var data = el.target.value * 10 var data = el.target.value * 10;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
//失去焦点 //失去焦点
blurChangeCount(code, el) { blurChangeCount(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 * 10) + 400, num: el.target.value * 10 + 400,
}; //避免开启多个计时器 }; //避免开启多个计时器
if (this.timer) { if (this.timer) {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeCountData(code, el) { changeCountData(code, el) {
var data = (el.target.value * 10) + 400 var data = el.target.value * 10 + 400;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
countData(data) { countData(data) {
if (data) { if (data) {
return (data - 400) / 10 return (data - 400) / 10;
} else { } else {
return 0 return 0;
} }
}, },
// 计算展示值 计算公式 x/10 // 计算展示值 计算公式 x/10
countData10(data) { countData10(data) {
if (data) { if (data) {
return data / 10 return data / 10;
} else { } else {
return 0 return 0;
} }
}, },
get21549() { get21549() {
var num1 = this.inputData['21549'] var num1 = this.inputData["21549"];
var num11 = this.padString(num1.toString(2), 4) var num11 = this.padString(num1.toString(2), 4);
var openList1New var openList1New;
openList1New = num11.split("") openList1New = num11.split("");
this.openTrue = openList1New.reverse() this.openTrue = openList1New.reverse();
}, },
getStatus(data) { getStatus(data) {
this.api.getControlGetState(data).then(res => { this.api.getControlGetState(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.sunrise = this.insertColonEveryTwoDigits(this.convertToTimeMinutes(res.data.data['1021'])) this.sunrise = this.insertColonEveryTwoDigits(
this.sunset = this.insertColonEveryTwoDigits(this.convertToTimeMinutes(res.data.data['1022'])) this.convertToTimeMinutes(res.data.data["1021"])
);
this.sunset = this.insertColonEveryTwoDigits(
this.convertToTimeMinutes(res.data.data["1022"])
);
} }
}) });
}, },
//16进制转为时间 16位无符号高字节是时，低字节是分 //16进制转为时间 16位无符号高字节是时，低字节是分
convertToTimeMinutes(hexValue) { convertToTimeMinutes(hexValue) {
@ -240,48 +339,47 @@ export default {
// 补零，确保结果是4位16进制数 // 补零，确保结果是4位16进制数
while (hexString.length < 4) { while (hexString.length < 4) {
hexString = '0' + hexString; hexString = "0" + hexString;
} }
return hexString; return hexString;
}, },
insertColonEveryTwoDigits(inputString) { insertColonEveryTwoDigits(inputString) {
// 使用正则表达式将字符串每两位切割 // 使用正则表达式将字符串每两位切割
const chunks = inputString.match(/.{1,2}/g); const chunks = inputString.match(/.{1,2}/g);
return chunks.join(':') return chunks.join(":");
// 使用join方法将切割后的数组元素用冒号连接起来 // 使用join方法将切割后的数组元素用冒号连接起来
}, },
dataInit() { dataInit() {
var store = this.$store.state var store = this.$store.state;
var data = { var store = this.$store.state;
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, this.inputData = store.ControlData;
this.openIndex = this.inputData["21548"];
this.get21549();
// this.inputData['21552'] = this.countData(this.inputData['21552'])
// this.inputData['21550'] = this.countData10(this.inputData['21550'])
// var data = {
// deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
}; // };
this.api.readControl_fiveControl(data).then(res => { // this.api.readControl_fiveControl(data).then(res => {
console.log(res, 111); // console.log(res, 111);
if (res.data.code == 200) { // 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);
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,
@ -291,10 +389,9 @@ return hexString;
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeBtn(code, el) { changeBtn(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,
@ -319,7 +416,7 @@ return hexString;
}, 100); }, 100);
}, },
change(code, el) { change(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,
@ -344,25 +441,24 @@ return hexString;
}, 100); }, 100);
}, },
changeData(data) { changeData(data) {
var store = this.$store.state var store = this.$store.state;
this.api.postControlWrite(data).then((res) => { this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: "success", type: "success",
}); });
store.nowInput='' store.nowInput = "";
// this.dataInit(); // this.dataInit();
} else { } else {
this.inputData[data.regAddress]=store.nowInput this.inputData[data.regAddress] = store.nowInput;
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
this.timer = null this.timer = null;
}); });
}, },
}, },
};
}
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

157
src/views/wufang/snowRemoval.vue
View File

@ -1,22 +1,33 @@
<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>
<div class="title-tips">除雪有效性设置</div> <div class="title-tips">除雪有效性设置</div>
<div class="flex-view"> <div class="flex-view">
<div class="input-btn"> <div class="input-btn">
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(1)"
:class="openIndex == 1 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet2.png" alt="" />自动除雪 <img src="../../assets/image/irrigateSet2.png" alt="" />自动除雪
</div> </div>
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(2)"
:class="openIndex == 2 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开 <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div> </div>
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(3)"
:class="openIndex == 3 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭 <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div> </div>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
@ -24,12 +35,20 @@
<span>一键除雪</span> <span>一键除雪</span>
</div> </div>
<div class="flex-sel"> <div class="flex-sel">
<div v-if="!openTrue" class="no-sel" @click="changeOpenTrue(true)"></div> <div
v-if="!openTrue"
class="no-sel"
@click="changeOpenTrue(true)"
></div>
<div v-else class="sel"></div> <div v-else class="sel"></div>
启动 启动
</div> </div>
<div class="flex-sel"> <div class="flex-sel">
<div v-if="openTrue" class="no-sel" @click="changeOpenTrue(false)"></div> <div
v-if="openTrue"
class="no-sel"
@click="changeOpenTrue(false)"
></div>
<div v-else class="sel"></div> <div v-else class="sel"></div>
关闭 关闭
</div> </div>
@ -38,18 +57,26 @@
<div class="flex-view border-none"> <div class="flex-view border-none">
<div class="input-main"> <div class="input-main">
<div>除雪时间</div> <div>除雪时间</div>
<input @blur="blurChange('21560', $event)" <input
@blur="blurChange('21560', $event)"
v-model="inputData['21560']" v-model="inputData['21560']"
@input="change('21560', $event)" @input="change('21560', $event)"
type="text" value="60" placeholder="60" /> type="text"
value="60"
placeholder="60"
/>
<span>秒</span> <span>秒</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>打开或关闭输出通道</div> <div>打开或关闭输出通道</div>
<input @blur="blurChange('21561', $event)" <input
@blur="blurChange('21561', $event)"
v-model="inputData['21561']" v-model="inputData['21561']"
@input="change('21561', $event)" @input="change('21561', $event)"
type="text" value="60" placeholder="60" /> type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
</div> </div>
@ -62,19 +89,36 @@ export default {
openIndex: 1, openIndex: 1,
inputData: {}, inputData: {},
openTrue: false, openTrue: false,
} };
},
//如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
watch: {
"$store.state.ControlData"(newVal) {
this.dataInit();
},
},
// 当前页面关闭前将数据存入vuex
beforeDestroy() {
var store = this.$store.state;
this.inputData["21558"]= this.openIndex
this.inputData["21559"] = this.openTrue ? 1 : 0;
store.ControlData = this.inputData;
}, },
mounted() { mounted() {
var store = this.$store.state;
// this.dataInit();
if (store.ControlData) {
this.dataInit(); 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++) {
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本 inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
} }
}, },
methods: { methods: {
changeOpenTrue(istrue) { changeOpenTrue(istrue) {
this.openTrue = istrue this.openTrue = istrue;
var dataNum = { var dataNum = {
target: { target: {
value: this.openTrue ? 1 : 0, value: this.openTrue ? 1 : 0,
@ -83,10 +127,10 @@ export default {
this.changeBtn(21559, dataNum); this.changeBtn(21559, dataNum);
}, },
padString(str, length) { padString(str, length) {
return str.padStart(length, '0'); return str.padStart(length, "0");
}, },
changeOpen(index) { changeOpen(index) {
this.openIndex = index this.openIndex = index;
var dataNum = { var dataNum = {
target: { target: {
value: this.openIndex, value: this.openIndex,
@ -96,7 +140,7 @@ export default {
}, },
//失去焦点 计算公式 x/10 //失去焦点 计算公式 x/10
blurChange10(code, el) { blurChange10(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,
@ -106,81 +150,78 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
//反向计算 计算公式 x/10 //反向计算 计算公式 x/10
changeCount10(code, el) { changeCount10(code, el) {
var data = el.target.value * 10 var data = el.target.value * 10;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
//失去焦点 //失去焦点
blurChangeCount(code, el) { blurChangeCount(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 * 10) + 400, num: el.target.value * 10 + 400,
}; //避免开启多个计时器 }; //避免开启多个计时器
if (this.timer) { if (this.timer) {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeCountData(code, el) { changeCountData(code, el) {
var data = (el.target.value * 10) + 400 var data = el.target.value * 10 + 400;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
countData(data) { countData(data) {
if (data) { if (data) {
return (data - 400) / 10 return (data - 400) / 10;
} else { } else {
return 0 return 0;
} }
}, },
// 计算展示值 计算公式 x/10 // 计算展示值 计算公式 x/10
countData10(data) { countData10(data) {
if (data) { if (data) {
return data / 10 return data / 10;
} else { } else {
return 0 return 0;
} }
}, },
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.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,
}; // };
this.api.readControl_fiveControl(data).then(res => { // this.api.readControl_fiveControl(data).then(res => {
console.log(res, 111); // 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,
@ -190,10 +231,9 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeBtn(code, el) { changeBtn(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,
@ -218,7 +258,7 @@ export default {
}, 100); }, 100);
}, },
change(code, el) { change(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,
@ -243,25 +283,24 @@ export default {
}, 100); }, 100);
}, },
changeData(data) { changeData(data) {
var store = this.$store.state var store = this.$store.state;
this.api.postControlWrite(data).then((res) => { this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: "success", type: "success",
}); });
store.nowInput='' store.nowInput = "";
// this.dataInit(); // this.dataInit();
} else { } else {
this.inputData[data.regAddress]=store.nowInput this.inputData[data.regAddress] = store.nowInput;
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
this.timer = null this.timer = null;
}); });
}, },
}, },
};
}
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

279
src/views/wufang/uptake.vue
View File

@ -1,49 +1,88 @@
<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>
<div class="title-tips">上风口有效性设置</div> <div class="title-tips">上风口有效性设置</div>
<div class="flex-view"> <div class="flex-view">
<div class="input-btn"> <div class="input-btn">
<div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(1)"
:class="openIndex == 1 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行 <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div> </div>
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(2)"
:class="openIndex == 2 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开 <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div> </div>
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(3)"
:class="openIndex == 3 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭 <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div> </div>
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'"> <div
class="btn"
@click="changeOpen(4)"
:class="openIndex == 4 ? 'blue' : 'green'"
>
<img src="../../assets/image/irrigateSet1.png" alt="" />停止 <img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div> </div>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="input-main border-right"> <div class="input-main border-right">
<span>室内1#平均温度达到</span> <span>室内1#平均温度达到</span>
<input @blur="blurChangeCount('21532', $event)" v-model="inputData['21532']" <input
@input="changeCountData('21532', $event)" type="text" value="60" placeholder="60" /> @blur="blurChangeCount('21532', $event)"
v-model="inputData['21532']"
@input="changeCountData('21532', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>℃启动</span> <span>℃启动</span>
</div> </div>
<div class="input-main border-right"> <div class="input-main border-right">
<span>滞回带</span> <span>滞回带</span>
<input @blur="blurChange10('21533', $event)" v-model="inputData['21533']" <input
@input="changeCount10('21533', $event)" type="text" value="60" placeholder="60" /> @blur="blurChange10('21533', $event)"
v-model="inputData['21533']"
@input="changeCount10('21533', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>℃</span> <span>℃</span>
</div> </div>
<div class="input-main border-right"> <div class="input-main border-right">
<span>分</span> <span>分</span>
<input @blur="blurChange('21534', $event)" v-model="inputData['21534']" @input="change('21534', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21534', $event)"
v-model="inputData['21534']"
@input="change('21534', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>步打开</span> <span>步打开</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>分步打开间隔时间</span> <span>分步打开间隔时间</span>
<input @blur="blurChange('21537', $event)" v-model="inputData['21537']" @input="change('21537', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21537', $event)"
v-model="inputData['21537']"
@input="change('21537', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分</span> <span>分</span>
</div> </div>
</div> </div>
@ -75,49 +114,89 @@
</div> </div>
<div class="input-main"> <div class="input-main">
<span>开度系数</span> <span>开度系数</span>
<input @blur="blurChange('21536', $event)" v-model="inputData['21536']" @input="change('21536', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21536', $event)"
v-model="inputData['21536']"
@input="change('21536', $event)"
type="text"
value="60"
placeholder="60"
/>
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="input-main"> <div class="input-main">
<div>上风口的行程时间</div> <div>上风口的行程时间</div>
<input @blur="blurChange('21538', $event)" v-model="inputData['21538']" @input="change('21538', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21538', $event)"
v-model="inputData['21538']"
@input="change('21538', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>秒</span> <span>秒</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>打开的通道</div> <div>打开的通道</div>
<input @blur="blurChange('21539', $event)" v-model="inputData['21539']" @input="change('21539', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21539', $event)"
v-model="inputData['21539']"
@input="change('21539', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
<div class="input-main"> <div class="input-main">
<div>关闭的通道</div> <div>关闭的通道</div>
<input @blur="blurChange('21540', $event)" v-model="inputData['21540']" @input="change('21540', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21540', $event)"
v-model="inputData['21540']"
@input="change('21540', $event)"
type="text"
value="60"
placeholder="60"
/>
<span></span> <span></span>
</div> </div>
</div> </div>
<div class="flex-view border-none"> <div class="flex-view border-none">
<div class="input-main border-right"> <div class="input-main border-right">
<span>上风口风速大于多少</span> <span>上风口风速大于多少</span>
<input @blur="blurChange10('21562', $event)" <input
@blur="blurChange10('21562', $event)"
v-model="inputData['21562']" v-model="inputData['21562']"
@input="changeCount10('21562', $event)" @input="changeCount10('21562', $event)"
type="text" value="60" placeholder="60" /> type="text"
value="60"
placeholder="60"
/>
<span>m/s,禁止开窗</span> <span>m/s,禁止开窗</span>
</div> </div>
<div class="input-main border-right"> <div class="input-main border-right">
<span>大风保护时间</span> <span>大风保护时间</span>
<input @blur="blurChange('21563', $event)" v-model="inputData['21563']" @input="change('21563', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21563', $event)"
v-model="inputData['21563']"
@input="change('21563', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分</span> <span>分</span>
</div> </div>
<div class="input-main"> <div class="input-main">
<span>下雨检测时间</span> <span>下雨检测时间</span>
<input @blur="blurChange('21564', $event)" v-model="inputData['21564']" @input="change('21564', $event)" <input
type="text" value="60" placeholder="60" /> @blur="blurChange('21564', $event)"
v-model="inputData['21564']"
@input="change('21564', $event)"
type="text"
value="60"
placeholder="60"
/>
<span>分</span> <span>分</span>
</div> </div>
</div> </div>
@ -132,15 +211,33 @@ export default {
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() { beforeDestroy() {
clearInterval(this.statusInterval)&&this.statusInterval clearInterval(this.statusInterval) && this.statusInterval;
}, },
mounted() { mounted() {
var store = this.$store.state;
// this.dataInit();
if (store.ControlData) {
this.dataInit(); 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++) {
inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本 inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
} }
@ -148,36 +245,36 @@ export default {
methods: { methods: {
//反转数组 不影响原数组 //反转数组 不影响原数组
myReverse(arr) { myReverse(arr) {
return [...arr].reverse() return [...arr].reverse();
}, },
changeOpenTrue(index) { changeOpenTrue(index) {
if (this.openTrue[index] == 0) { if (this.openTrue[index] == 0) {
this.openTrue[index] = 1 this.openTrue[index] = 1;
} else { } else {
this.openTrue[index] = 0 this.openTrue[index] = 0;
} }
this.$forceUpdate(); this.$forceUpdate();
var num = this.myReverse(this.openTrue).join("") var num = this.myReverse(this.openTrue).join("");
var dataNum = { var dataNum = {
target: { target: {
value: parseInt(num, 2), value: parseInt(num, 2),
}, },
}; };
this.changeBtn('21531', dataNum); this.changeBtn("21531", dataNum);
}, },
get21531() { get21531() {
var num1 = this.inputData['21531'] var num1 = this.inputData["21531"];
var num11 = this.padString(num1.toString(2), 4) var num11 = this.padString(num1.toString(2), 4);
var openList1New var openList1New;
openList1New = num11.split("") openList1New = num11.split("");
this.openTrue = openList1New.reverse() this.openTrue = openList1New.reverse();
}, },
padString(str, length) { padString(str, length) {
return str.padStart(length, '0'); return str.padStart(length, "0");
}, },
changeOpen(index) { changeOpen(index) {
this.openIndex = index this.openIndex = index;
var dataNum = { var dataNum = {
target: { target: {
value: this.openIndex, value: this.openIndex,
@ -187,7 +284,7 @@ export default {
}, },
//失去焦点 计算公式 x/10 //失去焦点 计算公式 x/10
blurChange10(code, el) { blurChange10(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,
@ -197,95 +294,94 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
//反向计算 计算公式 x/10 //反向计算 计算公式 x/10
changeCount10(code, el) { changeCount10(code, el) {
var data = el.target.value * 10 var data = el.target.value * 10;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
//失去焦点 //失去焦点
blurChangeCount(code, el) { blurChangeCount(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 * 10) + 400, num: el.target.value * 10 + 400,
}; //避免开启多个计时器 }; //避免开启多个计时器
if (this.timer) { if (this.timer) {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeCountData(code, el) { changeCountData(code, el) {
var data = (el.target.value * 10) + 400 var data = el.target.value * 10 + 400;
var sendData = { var sendData = {
target: { target: {
value: data value: data,
} },
} };
this.change(code, sendData) this.change(code, sendData);
}, },
countData(data) { countData(data) {
if (data) { if (data) {
return (data - 400) / 10 return (data - 400) / 10;
} else { } else {
return 0 return 0;
} }
}, },
// 计算展示值 计算公式 x/10 // 计算展示值 计算公式 x/10
countData10(data) { countData10(data) {
if (data) { if (data) {
return data / 10 return data / 10;
} else { } else {
return 0 return 0;
} }
}, },
dataInit() { dataInit() {
var store = this.$store.state 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 = { var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
}; };
this.api.readControl_fiveControl(data).then(res => { // this.api.readControl_fiveControl(data).then(res => {
if(res.data.code==200){ // if(res.data.code==200){
this.inputData = res.data.data // 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.getStatus(data);
clearInterval(this.statusInterval) && this.statusInterval;
this.statusInterval = setInterval(() => { this.statusInterval = setInterval(() => {
this.getStatus(data) this.getStatus(data);
}, 3000); }, 3000);
}, },
getStatus(data) { getStatus(data) {
this.api.getControlGetState(data).then(res=>{ this.api.getControlGetState(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.statusNum=res.data.data['1015'] 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,
@ -295,10 +391,9 @@ export default {
this.timer && clearInterval(this.timer); this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
}, },
changeBtn(code, el) { changeBtn(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,
@ -323,7 +418,7 @@ export default {
}, 100); }, 100);
}, },
change(code, el) { change(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,
@ -348,25 +443,25 @@ export default {
}, 100); }, 100);
}, },
changeData(data) { changeData(data) {
var store = this.$store.state var store = this.$store.state;
this.api.postControlWrite(data).then((res) => { this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: "success", type: "success",
}); });
store.nowInput='' store.nowInput = "";
// this.dataInit(); // this.dataInit();
} else { } else {
this.inputData[data.regAddress]=store.nowInput this.inputData[data.regAddress] = store.nowInput;
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
this.timer = null this.timer = null;
}); });
}, },
}, },
};
}
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

44
src/views/wufang/waterPump.vue
View File

@ -65,8 +65,24 @@ export default {
inputData: {}, inputData: {},
} }
}, },
mounted() { //如果接口还未调通 跳转到页面后 监听到数据变化就触发数据读取
watch: {
"$store.state.ControlData"(newVal) {
this.dataInit(); this.dataInit();
},
},
// 当前页面关闭前将数据存入vuex
beforeDestroy() {
var store = this.$store.state;
this.inputData['21520']= this.openIndex
store.ControlData = this.inputData;
},
mounted() {
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) {