This commit is contained in:
sunmeng 2025-01-08 15:22:36 +08:00
parent b047eae23c
commit aa400289b2
2 changed files with 220 additions and 97 deletions

View File

@ -1,11 +1,11 @@
<template>
<div class="wetFan">
<div class="table-title">
<img src="../../assets/img/LED.png" alt="">{{pageName}}
<img src="../../assets/img/LED.png" alt="">{{ pageName }}
</div>
<div class="title-tips">工作方式选择
<div class="input-btn">
<div class="btn btn-tips" @click="changeOpen(0)" :class="inputData[21400] == 0 ? 'blue' : 'green'">
<div class="btn btn-tips" @click="changeOpen(0)" :class="inputData[21400] == 0 ? 'blue' : 'green'">
{{ inputData[21400] == 0 ? '无效' : '有效' }}
</div>
</div>
@ -55,7 +55,7 @@
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
{{actList3[2] == '1' ? '有效' : '无效'}}
{{ actList3[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
@ -63,7 +63,7 @@
</div>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
{{actList3[0] == '1' ? '有效' : '无效'}}
{{ actList3[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
@ -71,7 +71,7 @@
</div>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
{{actList3[1] == '1' ? '有效' : '无效'}}
{{ actList3[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
@ -81,38 +81,98 @@
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
{{actList3[3] == '1' ? '有效' : '无效'}}
{{ actList3[3] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室外光照大于</span>
<input @blur="blurChange10(21403, $event)" v-model="inputData[21403]" @input="changeCount10(21403, $event)"
type="text" placeholder="0">
<span>光照大于</span>
<input @blur="blurChange10(21403, $event)" v-model="inputData[21403]"
@input="changeCount10(21403, $event)" type="text" placeholder="0">
<span>(KLux)禁止启用补光灯 </span>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(4)" :class="actList3[4] == '1' ? 'blue' : 'off'">
{{ actList3[4] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>光照低限条件启用</span>
</div>
</div>
<div class="flex-view padding-none shrink-none border-none">
<div class="input-main-80">
<span></span> <span></span> <span></span> <span></span> <span></span>
<span>光照小于</span>
<input @blur="blurChange10(21425, $event)" v-model="inputData[21425]"
@input="changeCount10(21425, $event)" type="text" placeholder="0">
<span>开启补光灯</span>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input @blur="blurChange10(21426, $event)" v-model="inputData[21426]"
@input="changeCount10(21426, $event)" type="text" placeholder="0">
<span>停止补光灯</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-sel input-sel-w180">
<span></span> <span></span> <span></span> <span></span> <span></span>
<span>光照来源选择</span>
<el-dropdown @command="handleCommand1($event, 21427)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21427]" type="text" class="input-input" placeholder="无" />
<div class="arrow">
<img src="../../assets/image/arrow.png" alt="" />
</div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="(item, index) in typeList1" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span></span>
<span>光照确定时间</span>
<input @blur="blurChange(21428, $event)" v-model="inputData[21428]" @input="change(21428, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-main-80">
<span>多组补光灯启动时间隔</span>
<input @blur="blurChange(21424, $event)" v-model="inputData[21424]" @input="change(21424, $event)"
type="text" placeholder="0">
type="text" placeholder="0">
<span>秒顺序启动防止同时启动瞬间功率过大</span>
</div>
</div>
<div class="text-tips">时段1</div>
<div class="text-tips flex-view padding-none shrink-none border-none">时段1
<div class="input-main-80">
<span></span>
<span>光照低限条件</span>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(5)" :class="actList3[5] == '1' ? 'blue' : 'off'">
{{ actList3[5] == '1' ? '启用' : '停止' }}
</div>
</div>
</div>
</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input @blur="blurChange(startList[0]-4, $event)" v-model="inputData[startList[0]-4]" @input="change(startList[0]-4, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[0] - 4, $event)" v-model="inputData[startList[0] - 4]"
@input="change(startList[0] - 4, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[0]-3, $event)" v-model="inputData[startList[0]-3]" @input="change(startList[0]-3, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[0] - 3, $event)" v-model="inputData[startList[0] - 3]"
@input="change(startList[0] - 3, $event)" type="text" placeholder="0">
<span>-</span>
<input @blur="blurChange(startList[0]-2, $event)" v-model="inputData[startList[0]-2]" @input="change(startList[0]-2, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[0] - 2, $event)" v-model="inputData[startList[0] - 2]"
@input="change(startList[0] - 2, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[0]-1, $event)" v-model="inputData[startList[0]-1]" @input="change(startList[0]-1, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[0] - 1, $event)" v-model="inputData[startList[0] - 1]"
@input="change(startList[0] - 1, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view">
@ -144,20 +204,30 @@
</div>
</div>
<div class="text-tips">时段2</div>
<div class="text-tips flex-view padding-none shrink-none border-none">时段2
<div class="input-main-80">
<span></span>
<span>光照低限条件</span>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(6)" :class="actList3[6] == '1' ? 'blue' : 'off'">
{{ actList3[6] == '1' ? '启用' : '停止' }}
</div>
</div>
</div>
</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input @blur="blurChange(startList[1]-4, $event)" v-model="inputData[startList[1]-4]" @input="change(startList[1]-4, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[1] - 4, $event)" v-model="inputData[startList[1] - 4]"
@input="change(startList[1] - 4, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[1]-3, $event)" v-model="inputData[startList[1]-3]" @input="change(startList[1]-3, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[1] - 3, $event)" v-model="inputData[startList[1] - 3]"
@input="change(startList[1] - 3, $event)" type="text" placeholder="0">
<span>-</span>
<input @blur="blurChange(startList[1]-2, $event)" v-model="inputData[startList[1]-2]" @input="change(startList[1]-2, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[1] - 2, $event)" v-model="inputData[startList[1] - 2]"
@input="change(startList[1] - 2, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[1]-1, $event)" v-model="inputData[startList[1]-1]" @input="change(startList[1]-1, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[1] - 1, $event)" v-model="inputData[startList[1] - 1]"
@input="change(startList[1] - 1, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view">
@ -190,20 +260,31 @@
</div>
<div class="text-tips">时段3</div>
<div class="text-tips flex-view padding-none shrink-none border-none">时段3
<div class="input-main-80">
<span></span>
<span>光照低限条件</span>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(7)" :class="actList3[7] == '1' ? 'blue' : 'off'">
{{ actList3[7] == '1' ? '启用' : '停止' }}
</div>
</div>
</div>
</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input @blur="blurChange(startList[2]-4, $event)" v-model="inputData[startList[2]-4]" @input="change(startList[3]-4, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[2] - 4, $event)" v-model="inputData[startList[2] - 4]"
@input="change(startList[3] - 4, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[2]-3, $event)" v-model="inputData[startList[2]-3]" @input="change(startList[3]-3, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[2] - 3, $event)" v-model="inputData[startList[2] - 3]"
@input="change(startList[3] - 3, $event)" type="text" placeholder="0">
<span>-</span>
<input @blur="blurChange(startList[2]-2, $event)" v-model="inputData[startList[2]-2]" @input="change(startList[3]-2, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[2] - 2, $event)" v-model="inputData[startList[2] - 2]"
@input="change(startList[3] - 2, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[2]-1, $event)" v-model="inputData[startList[2]-1]" @input="change(startList[3]-1, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[2] - 1, $event)" v-model="inputData[startList[2] - 1]"
@input="change(startList[3] - 1, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view">
@ -227,7 +308,7 @@
6#
</div>
<div class="btn btn-w80" @click="changeIndexOpen13(6)" :class="actList13[6] == '1' ? 'blue' : 'off'">
7#
7#
</div>
<div class="btn btn-w80" @click="changeIndexOpen13(7)" :class="actList13[7] == '1' ? 'blue' : 'off'">
8#
@ -236,20 +317,30 @@
</div>
<div class="text-tips">时段4</div>
<div class="text-tips flex-view padding-none shrink-none border-none">时段4
<div class="input-main-80">
<span></span>
<span>光照低限条件</span>
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(8)" :class="actList3[8] == '1' ? 'blue' : 'off'">
{{ actList3[8] == '1' ? '启用' : '停止' }}
</div>
</div>
</div>
</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input @blur="blurChange(startList[3]-4, $event)" v-model="inputData[startList[3]-4]" @input="change(startList[3]-4, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[3] - 4, $event)" v-model="inputData[startList[3] - 4]"
@input="change(startList[3] - 4, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[3]-3, $event)" v-model="inputData[startList[3]-3]" @input="change(startList[3]-3, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[3] - 3, $event)" v-model="inputData[startList[3] - 3]"
@input="change(startList[3] - 3, $event)" type="text" placeholder="0">
<span>-</span>
<input @blur="blurChange(startList[3]-2, $event)" v-model="inputData[startList[3]-2]" @input="change(startList[3]-2, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[3] - 2, $event)" v-model="inputData[startList[3] - 2]"
@input="change(startList[3] - 2, $event)" type="text" placeholder="0">
<span>:</span>
<input @blur="blurChange(startList[3]-1, $event)" v-model="inputData[startList[3]-1]" @input="change(startList[3]-1, $event)"
type="text" placeholder="0">
<input @blur="blurChange(startList[3] - 1, $event)" v-model="inputData[startList[3] - 1]"
@input="change(startList[3] - 1, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none">
@ -287,6 +378,7 @@ export default {
data() {
return {
inputData: [],
inputDataNew: [],
indexs: 1,
actList1: [],
actList12: [],
@ -294,27 +386,31 @@ export default {
actList14: [],
actList2: [],
actList3: [],
startList:[21408,21413,21418,21423],
loading:null,
pageName:'补光灯'
startList: [21408, 21413, 21418, 21423],
loading: null,
pageName: '补光灯',
typeList1: [
{ label: "室外光照", value: 0 },
{ label: "室内光照", value: 1 },
],
}
},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
if(this.$route.query.name){
this.pageName=this.$route.query.name
}
if (this.$route.query.name) {
this.pageName = this.$route.query.name
}
setTimeout(() => {
that.getActive1();
}, 0);
that.getActive1();
}, 0);
},
'$store.state.equipmentIndex'(newVal, oldVal) {
this.dataInit();
},
'$store.state.equipmentIndex'(newVal, oldVal) {
this.dataInit();
},
},
mounted() {
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
@ -326,13 +422,13 @@ export default {
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
if(this.$route.query.name){
this.pageName=this.$route.query.name
}
if (this.$route.query.name) {
this.pageName = this.$route.query.name
}
},
methods: {
// x/10
blurChange10(code, el) {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
@ -399,8 +495,31 @@ export default {
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
getData1(data) {
var name = "";
this.typeList1.forEach((el, index) => {
if (el.value == data) {
name = el.label;
}
});
return name;
},
handleCommand1(command, code) {
this.typeList1.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label;
}
});
this.inputData[code] = command;
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
@ -414,11 +533,11 @@ export default {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[0]]=parseInt(num, 2)
this.inputData[this.startList[0]] = parseInt(num, 2)
this.changeBtn(this.startList[0], dataNum);
},
//
changeIndexOpen12(active) {
//
changeIndexOpen12(active) {
if (this.actList12[active] == '1') {
this.actList12[active] = '0'
} else {
@ -432,11 +551,11 @@ export default {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[1]]=parseInt(num, 2)
this.inputData[this.startList[1]] = parseInt(num, 2)
this.changeBtn(this.startList[1], dataNum);
},
//
changeIndexOpen13(active) {
//
changeIndexOpen13(active) {
if (this.actList13[active] == '1') {
this.actList13[active] = '0'
} else {
@ -450,11 +569,11 @@ export default {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[2]]=parseInt(num, 2)
this.inputData[this.startList[2]] = parseInt(num, 2)
this.changeBtn(this.startList[2], dataNum);
},
//
changeIndexOpen14(active) {
//
changeIndexOpen14(active) {
if (this.actList14[active] == '1') {
this.actList14[active] = '0'
} else {
@ -468,11 +587,11 @@ export default {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[3]]=parseInt(num, 2)
this.inputData[this.startList[3]] = parseInt(num, 2)
this.changeBtn(this.startList[3], dataNum);
},
//
changeIndexOpen1(active) {
//
changeIndexOpen1(active) {
if (this.actList2[active] == '1') {
this.actList2[active] = '0'
} else {
@ -488,8 +607,8 @@ export default {
};
this.changeBtn(21401, dataNum);
},
//
changeIndexOpen2(active) {
//
changeIndexOpen2(active) {
if (this.actList3[active] == '1') {
this.actList3[active] = '0'
} else {
@ -508,7 +627,7 @@ export default {
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[0]]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
@ -517,7 +636,7 @@ export default {
getActive12() {
this.actList12 = []
var num = this.inputData[this.startList[1]]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
@ -526,7 +645,7 @@ export default {
getActive13() {
this.actList13 = []
var num = this.inputData[this.startList[2]]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
@ -535,7 +654,7 @@ export default {
getActive14() {
this.actList14 = []
var num = this.inputData[this.startList[3]]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
@ -544,7 +663,7 @@ export default {
getActive2() {
this.actList2 = []
var num = this.inputData[21401]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
@ -553,14 +672,14 @@ export default {
getActive3() {
this.actList3 = []
var num = this.inputData[21402]
var num1 = this.padString(num.toString(2), 4)
var num1 = this.padString(num.toString(2), 9)
var openListNew = []
openListNew = num1.split("")
this.actList3 = openListNew.reverse();
},
//
changeOpen(index) {
//
changeOpen(index) {
this.inputData[21400] = index;
var dataNum = {
target: {
@ -571,11 +690,11 @@ export default {
},
dataInit() {
this.loading = this.$loading({
lock: true,
text: '加载中',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
lock: true,
text: '加载中',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
@ -584,13 +703,17 @@ export default {
this.loading.close()
if (res.data.code == 200) {
this.inputData = res.data.data;
this.inputDataNew = JSON.parse(JSON.stringify(res.data.data));
this.getActive1()
this.getActive12()
this.getActive13()
this.getActive14()
this.getActive2()
this.getActive3()
this.inputData[21403] =this.countData10(this.inputData[21403]);
this.inputData[21403] = this.countData10(this.inputData[21403]);
this.inputData[21425] = this.countData10(this.inputData[21425]);
this.inputData[21426] = this.countData10(this.inputData[21426]);
this.inputDataNew[21427] = this.getData1(this.inputData[21427]);
}
})
},
@ -697,5 +820,4 @@ export default {
}
</script>
<style lang="scss"></style>
<style lang="scss"></style>

View File

@ -42,6 +42,7 @@ module.exports = {
proxy: {
"/api": {
target: 'https://api.lihe-control.com', //地址
// target: 'http://jiaxingtest.a1.luyouxia.net:21114', //地址
changeOrigin: true,
pathRewrite: {
"^/api": "",