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

pc-master #210

Merged
xiaomeng merged 2 commits from pc-master into portal 2025-01-08 09:15:42 +00:00
Conversation 0 Commits 2 Files Changed 2 +220 -97
2 changed files with 220 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

298
src/views/page/LED.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class="wetFan"> <div class="wetFan">
<div class="table-title"> <div class="table-title">
<img src="../../assets/img/LED.png" alt="">{{pageName}} <img src="../../assets/img/LED.png" alt="">{{ pageName }}
</div> </div>
<div class="title-tips">工作方式选择 <div class="title-tips">工作方式选择
<div class="input-btn"> <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 ? '无效' : '有效' }} {{ inputData[21400] == 0 ? '无效' : '有效' }}
</div> </div>
</div> </div>
@ -55,7 +55,7 @@
<div class="flex-view padding-none border-none shrink-none"> <div class="flex-view padding-none border-none shrink-none">
<div class="input-btn"> <div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'"> <div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
{{actList3[2] == '1' ? '有效' : '无效'}} {{ actList3[2] == '1' ? '有效' : '无效' }}
</div> </div>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
@ -63,7 +63,7 @@
</div> </div>
<div class="input-btn"> <div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'"> <div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
{{actList3[0] == '1' ? '有效' : '无效'}} {{ actList3[0] == '1' ? '有效' : '无效' }}
</div> </div>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
@ -71,7 +71,7 @@
</div> </div>
<div class="input-btn"> <div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'"> <div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
{{actList3[1] == '1' ? '有效' : '无效'}} {{ actList3[1] == '1' ? '有效' : '无效' }}
</div> </div>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
@ -81,38 +81,98 @@
<div class="flex-view padding-none border-none shrink-none"> <div class="flex-view padding-none border-none shrink-none">
<div class="input-btn"> <div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'"> <div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
{{actList3[3] == '1' ? '有效' : '无效'}} {{ actList3[3] == '1' ? '有效' : '无效' }}
</div> </div>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>室外光照大于</span> <span>光照大于</span>
<input @blur="blurChange10(21403, $event)" v-model="inputData[21403]" @input="changeCount10(21403, $event)" <input @blur="blurChange10(21403, $event)" v-model="inputData[21403]"
type="text" placeholder="0"> @input="changeCount10(21403, $event)" type="text" placeholder="0">
<span>(KLux)时，禁止启用补光灯。 </span> <span>(KLux)时，禁止启用补光灯。 </span>
</div> </div>
</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="flex-view padding-none shrink-none">
<div class="input-main-80"> <div class="input-main-80">
<span>多组补光灯启动时，间隔</span> <span>多组补光灯启动时，间隔</span>
<input @blur="blurChange(21424, $event)" v-model="inputData[21424]" @input="change(21424, $event)" <input @blur="blurChange(21424, $event)" v-model="inputData[21424]" @input="change(21424, $event)"
type="text" placeholder="0"> type="text" placeholder="0">
<span>秒顺序启动，防止同时启动瞬间功率过大</span> <span>秒顺序启动，防止同时启动瞬间功率过大</span>
</div> </div>
</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="flex-view border-none padding-none shrink-none">
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange(startList[0]-4, $event)" v-model="inputData[startList[0]-4]" @input="change(startList[0]-4, $event)" <input @blur="blurChange(startList[0] - 4, $event)" v-model="inputData[startList[0] - 4]"
type="text" placeholder="0"> @input="change(startList[0] - 4, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[0]-3, $event)" v-model="inputData[startList[0]-3]" @input="change(startList[0]-3, $event)" <input @blur="blurChange(startList[0] - 3, $event)" v-model="inputData[startList[0] - 3]"
type="text" placeholder="0"> @input="change(startList[0] - 3, $event)" type="text" placeholder="0">
<span>-</span> <span>-</span>
<input @blur="blurChange(startList[0]-2, $event)" v-model="inputData[startList[0]-2]" @input="change(startList[0]-2, $event)" <input @blur="blurChange(startList[0] - 2, $event)" v-model="inputData[startList[0] - 2]"
type="text" placeholder="0"> @input="change(startList[0] - 2, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[0]-1, $event)" v-model="inputData[startList[0]-1]" @input="change(startList[0]-1, $event)" <input @blur="blurChange(startList[0] - 1, $event)" v-model="inputData[startList[0] - 1]"
type="text" placeholder="0"> @input="change(startList[0] - 1, $event)" type="text" placeholder="0">
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
@ -144,20 +204,30 @@
</div> </div>
</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="flex-view border-none padding-none shrink-none">
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange(startList[1]-4, $event)" v-model="inputData[startList[1]-4]" @input="change(startList[1]-4, $event)" <input @blur="blurChange(startList[1] - 4, $event)" v-model="inputData[startList[1] - 4]"
type="text" placeholder="0"> @input="change(startList[1] - 4, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[1]-3, $event)" v-model="inputData[startList[1]-3]" @input="change(startList[1]-3, $event)" <input @blur="blurChange(startList[1] - 3, $event)" v-model="inputData[startList[1] - 3]"
type="text" placeholder="0"> @input="change(startList[1] - 3, $event)" type="text" placeholder="0">
<span>-</span> <span>-</span>
<input @blur="blurChange(startList[1]-2, $event)" v-model="inputData[startList[1]-2]" @input="change(startList[1]-2, $event)" <input @blur="blurChange(startList[1] - 2, $event)" v-model="inputData[startList[1] - 2]"
type="text" placeholder="0"> @input="change(startList[1] - 2, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[1]-1, $event)" v-model="inputData[startList[1]-1]" @input="change(startList[1]-1, $event)" <input @blur="blurChange(startList[1] - 1, $event)" v-model="inputData[startList[1] - 1]"
type="text" placeholder="0"> @input="change(startList[1] - 1, $event)" type="text" placeholder="0">
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
@ -190,20 +260,31 @@
</div> </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="flex-view border-none padding-none shrink-none">
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange(startList[2]-4, $event)" v-model="inputData[startList[2]-4]" @input="change(startList[3]-4, $event)" <input @blur="blurChange(startList[2] - 4, $event)" v-model="inputData[startList[2] - 4]"
type="text" placeholder="0"> @input="change(startList[3] - 4, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[2]-3, $event)" v-model="inputData[startList[2]-3]" @input="change(startList[3]-3, $event)" <input @blur="blurChange(startList[2] - 3, $event)" v-model="inputData[startList[2] - 3]"
type="text" placeholder="0"> @input="change(startList[3] - 3, $event)" type="text" placeholder="0">
<span>-</span> <span>-</span>
<input @blur="blurChange(startList[2]-2, $event)" v-model="inputData[startList[2]-2]" @input="change(startList[3]-2, $event)" <input @blur="blurChange(startList[2] - 2, $event)" v-model="inputData[startList[2] - 2]"
type="text" placeholder="0"> @input="change(startList[3] - 2, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[2]-1, $event)" v-model="inputData[startList[2]-1]" @input="change(startList[3]-1, $event)" <input @blur="blurChange(startList[2] - 1, $event)" v-model="inputData[startList[2] - 1]"
type="text" placeholder="0"> @input="change(startList[3] - 1, $event)" type="text" placeholder="0">
</div> </div>
</div> </div>
<div class="flex-view"> <div class="flex-view">
@ -236,20 +317,30 @@
</div> </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="flex-view border-none padding-none shrink-none">
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange(startList[3]-4, $event)" v-model="inputData[startList[3]-4]" @input="change(startList[3]-4, $event)" <input @blur="blurChange(startList[3] - 4, $event)" v-model="inputData[startList[3] - 4]"
type="text" placeholder="0"> @input="change(startList[3] - 4, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[3]-3, $event)" v-model="inputData[startList[3]-3]" @input="change(startList[3]-3, $event)" <input @blur="blurChange(startList[3] - 3, $event)" v-model="inputData[startList[3] - 3]"
type="text" placeholder="0"> @input="change(startList[3] - 3, $event)" type="text" placeholder="0">
<span>-</span> <span>-</span>
<input @blur="blurChange(startList[3]-2, $event)" v-model="inputData[startList[3]-2]" @input="change(startList[3]-2, $event)" <input @blur="blurChange(startList[3] - 2, $event)" v-model="inputData[startList[3] - 2]"
type="text" placeholder="0"> @input="change(startList[3] - 2, $event)" type="text" placeholder="0">
<span>:</span> <span>:</span>
<input @blur="blurChange(startList[3]-1, $event)" v-model="inputData[startList[3]-1]" @input="change(startList[3]-1, $event)" <input @blur="blurChange(startList[3] - 1, $event)" v-model="inputData[startList[3] - 1]"
type="text" placeholder="0"> @input="change(startList[3] - 1, $event)" type="text" placeholder="0">
</div> </div>
</div> </div>
<div class="flex-view border-none"> <div class="flex-view border-none">
@ -287,6 +378,7 @@ export default {
data() { data() {
return { return {
inputData: [], inputData: [],
inputDataNew: [],
indexs: 1, indexs: 1,
actList1: [], actList1: [],
actList12: [], actList12: [],
@ -294,25 +386,29 @@ export default {
actList14: [], actList14: [],
actList2: [], actList2: [],
actList3: [], actList3: [],
startList:[21408,21413,21418,21423], startList: [21408, 21413, 21418, 21423],
loading:null, loading: null,
pageName:'补光灯' pageName: '补光灯',
typeList1: [
{ label: "室外光照", value: 0 },
{ label: "室内光照", value: 1 },
],
} }
}, },
watch: { watch: {
$route(newVal, oldVal) { $route(newVal, oldVal) {
const that = this; const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1; this.indexs = this.$route.query.id ? this.$route.query.id : 1;
if(this.$route.query.name){ if (this.$route.query.name) {
this.pageName=this.$route.query.name this.pageName = this.$route.query.name
} }
setTimeout(() => { setTimeout(() => {
that.getActive1(); that.getActive1();
}, 0); }, 0);
},
'$store.state.equipmentIndex'(newVal, oldVal) {
this.dataInit();
}, },
'$store.state.equipmentIndex'(newVal, oldVal) {
this.dataInit();
},
}, },
mounted() { mounted() {
const that = this; const that = this;
@ -326,13 +422,13 @@ export default {
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放入焦点，全选文本
} }
if(this.$route.query.name){ if (this.$route.query.name) {
this.pageName=this.$route.query.name this.pageName = this.$route.query.name
} }
}, },
methods: { methods: {
//失去焦点 计算公式 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,
@ -399,8 +495,31 @@ export default {
} }
this.change(code, sendData) this.change(code, sendData)
}, },
//开关无效 getData1(data) {
changeIndexOpen(active) { 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') { if (this.actList1[active] == '1') {
this.actList1[active] = '0' this.actList1[active] = '0'
} else { } else {
@ -414,11 +533,11 @@ export default {
value: parseInt(num, 2), 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); this.changeBtn(this.startList[0], dataNum);
}, },
//开关无效 //开关无效
changeIndexOpen12(active) { changeIndexOpen12(active) {
if (this.actList12[active] == '1') { if (this.actList12[active] == '1') {
this.actList12[active] = '0' this.actList12[active] = '0'
} else { } else {
@ -432,11 +551,11 @@ export default {
value: parseInt(num, 2), 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); this.changeBtn(this.startList[1], dataNum);
}, },
//开关无效 //开关无效
changeIndexOpen13(active) { changeIndexOpen13(active) {
if (this.actList13[active] == '1') { if (this.actList13[active] == '1') {
this.actList13[active] = '0' this.actList13[active] = '0'
} else { } else {
@ -450,11 +569,11 @@ export default {
value: parseInt(num, 2), 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); this.changeBtn(this.startList[2], dataNum);
}, },
//开关无效 //开关无效
changeIndexOpen14(active) { changeIndexOpen14(active) {
if (this.actList14[active] == '1') { if (this.actList14[active] == '1') {
this.actList14[active] = '0' this.actList14[active] = '0'
} else { } else {
@ -468,11 +587,11 @@ export default {
value: parseInt(num, 2), 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); this.changeBtn(this.startList[3], dataNum);
}, },
//开关无效 //开关无效
changeIndexOpen1(active) { changeIndexOpen1(active) {
if (this.actList2[active] == '1') { if (this.actList2[active] == '1') {
this.actList2[active] = '0' this.actList2[active] = '0'
} else { } else {
@ -488,8 +607,8 @@ export default {
}; };
this.changeBtn(21401, dataNum); this.changeBtn(21401, dataNum);
}, },
//开关无效 //开关无效
changeIndexOpen2(active) { changeIndexOpen2(active) {
if (this.actList3[active] == '1') { if (this.actList3[active] == '1') {
this.actList3[active] = '0' this.actList3[active] = '0'
} else { } else {
@ -554,13 +673,13 @@ export default {
this.actList3 = [] this.actList3 = []
var num = this.inputData[21402] var num = this.inputData[21402]
var num1 = this.padString(num.toString(2), 4) var num1 = this.padString(num.toString(2), 9)
var openListNew = [] var openListNew = []
openListNew = num1.split("") openListNew = num1.split("")
this.actList3 = openListNew.reverse(); this.actList3 = openListNew.reverse();
}, },
// 工作方式选择 // 工作方式选择
changeOpen(index) { changeOpen(index) {
this.inputData[21400] = index; this.inputData[21400] = index;
var dataNum = { var dataNum = {
target: { target: {
@ -571,11 +690,11 @@ export default {
}, },
dataInit() { dataInit() {
this.loading = this.$loading({ this.loading = this.$loading({
lock: true, lock: true,
text: '加载中', text: '加载中',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}); });
var store = this.$store.state var store = this.$store.state
var data = { var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
@ -584,13 +703,17 @@ export default {
this.loading.close() this.loading.close()
if (res.data.code == 200) { if (res.data.code == 200) {
this.inputData = res.data.data; this.inputData = res.data.data;
this.inputDataNew = JSON.parse(JSON.stringify(res.data.data));
this.getActive1() this.getActive1()
this.getActive12() this.getActive12()
this.getActive13() this.getActive13()
this.getActive14() this.getActive14()
this.getActive2() this.getActive2()
this.getActive3() 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]);
} }
}) })
}, },
@ -698,4 +821,3 @@ export default {
} }
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

1
vue.config.js
View File

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