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

update

pull/2/head
mzp 2023-10-05 11:59:23 +08:00
parent cf9f785f76
commit 5d68ca8790
13 changed files with 372 additions and 11195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11081
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

24
src/App.vue
View File

@ -3,7 +3,29 @@
<router-view /> <router-view />
</div> </div>
</template> </template>
<script>
export default {
data(){
return {
}
},
mounted(){
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue();//input放入焦点，全选文本
}
},
methods:{
//全选文本
selectValue(e) {
e.currentTarget.select();
}
},
}
</script>
<style lang="scss"> <style lang="scss">
* { * {
padding: 0; padding: 0;

10
src/assets/css/main.css
View File

@ -1362,7 +1362,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap;
} }
.realTime .page-content .flex-list > div { .realTime .page-content .flex-list > div {
@ -1405,18 +1404,19 @@
} }
.realTime .page-content .realTime-bottom .left { .realTime .page-content .realTime-bottom .left {
width: 660px; width: 43%;
height: 100%; height: 100%;
background: rgba(0, 132, 255, 0.15); background: rgba(0, 132, 255, 0.15);
border: 2px solid rgba(0, 186, 255, 0.35); border: 2px solid rgba(0, 186, 255, 0.35);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 10px;
} }
.realTime .page-content .realTime-bottom .left > div { .realTime .page-content .realTime-bottom .left > div {
width: 620px; width: 100%;
height: 400px; height: 100%;
} }
.realTime .page-content .realTime-bottom .left > div .video-js { .realTime .page-content .realTime-bottom .left > div .video-js {
@ -1425,7 +1425,7 @@
} }
.realTime .page-content .realTime-bottom .right { .realTime .page-content .realTime-bottom .right {
width: calc(100% - 660px); width: calc(100% - 43%);
min-width: 230px; min-width: 230px;
height: 100%; height: 100%;
} }

73
src/assets/css/main.scss
View File

@ -32,10 +32,12 @@
} }
} }
.el-dropdown-menu{
.el-dropdown-menu {
max-height: 300px; max-height: 300px;
@extend .scroll; @extend .scroll;
} }
.border-none { .border-none {
border: none !important; border: none !important;
} }
@ -254,7 +256,7 @@
height: 99px; height: 99px;
cursor: pointer; cursor: pointer;
} }
} }
.header-center { .header-center {
@ -498,12 +500,15 @@
flex-wrap: wrap; flex-wrap: wrap;
display: flex; display: flex;
align-items: center; align-items: center;
&.table-input{
&.table-input {
justify-content: center; justify-content: center;
>span{
>span {
color: #FF9191; color: #FF9191;
} }
} }
span { span {
padding: 0 10px; padding: 0 10px;
} }
@ -676,7 +681,8 @@
background: #00BB88; background: #00BB88;
} }
&.noSel{
&.noSel {
opacity: 0.5; opacity: 0.5;
} }
} }
@ -697,7 +703,8 @@
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
white-space: nowrap; white-space: nowrap;
>div{
>div {
justify-content: center justify-content: center
} }
} }
@ -722,7 +729,8 @@
height: 14px; height: 14px;
margin-right: 10px; margin-right: 10px;
} }
&.noSel{
&.noSel {
opacity: 0.5; opacity: 0.5;
} }
} }
@ -774,6 +782,7 @@
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
>img { >img {
margin-right: 10px; margin-right: 10px;
width: 14px; width: 14px;
@ -1170,7 +1179,8 @@
justify-content: center; justify-content: center;
} }
.input-main-80{
.input-main-80 {
width: auto; width: auto;
} }
} }
@ -1426,7 +1436,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; // flex-wrap: wrap;
>div { >div {
flex-shrink: 0; flex-shrink: 0;
@ -1460,31 +1470,38 @@
} }
} }
.realTime-bottom{
.realTime-bottom {
height: 440px; height: 440px;
margin-top: 30px; margin-top: 30px;
>div { >div {
flex-shrink: 0; flex-shrink: 0;
} }
.left{
width: 660px; .left {
height:100%; width:43%;
background: rgba(0,132,255,0.15); height: 100%;
border: 2px solid rgba(0, 186, 255, 0.35); background: rgba(0, 132, 255, 0.15);
display: flex; border: 2px solid rgba(0, 186, 255, 0.35);
align-items: center; display: flex;
justify-content: center; align-items: center;
>div{ justify-content: center;
width: 620px; padding: 10px;
height: 400px;
.video-js{ >div {
width: 100%; width:100%;
height: 100%; height: 100%;
}
} .video-js {
width: 100%;
height: 100%;
}
}
} }
.right{
width: calc(100% - 660px); .right {
width: calc(100% - 43%);
min-width: 230px; min-width: 230px;
height: 100%; height: 100%;
} }

2
src/store/index.js
View File

@ -5,7 +5,7 @@ Vue.use(Vuex)
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
lateSend: 10,//写入停止后 *100毫秒进行发送 例如10*100就是1000毫秒(1s) lateSend: 100,//写入停止后 *100毫秒进行发送 例如10*100就是1000毫秒(1s)
equipmentList: [],//当前账户施肥设备 equipmentList: [],//当前账户施肥设备
equipmentIndex: 1,//当前在第几个设备 equipmentIndex: 1,//当前在第几个设备
equipmentName: null,//当前设备 小设备的各个名字 equipmentName: null,//当前设备 小设备的各个名字

61
src/views/page/PIDSet.vue
View File

@ -15,37 +15,38 @@
<div> <div>
比例系数(P) 比例系数(P)
</div> </div>
<input v-model="inputData['0']" @input="change('0', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('0', $event)"
v-model="inputData['0']" @input="change('0', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
积分系数(I) 积分系数(I)
</div> </div>
<input v-model="inputData['1']" @input="change('1', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('1', $event)" v-model="inputData['1']" @input="change('1', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
微分系数(D) 微分系数(D)
</div> </div>
<input v-model="inputData['2']" @input="change('2', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('2', $event)" v-model="inputData['2']" @input="change('2', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
积分限制 积分限制
</div> </div>
<input v-model="inputData['3']" @input="change('3', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('3', $event)" v-model="inputData['3']" @input="change('3', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
PWM周期 PWM周期
</div> </div>
<input v-model="inputData['4']" @input="change('4', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('4', $event)" v-model="inputData['4']" @input="change('4', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
计算周期 计算周期
</div> </div>
<input v-model="inputData['11']" @input="change('11', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('11', $event)" v-model="inputData['11']" @input="change('11', $event)" type="number" placeholder="0.0">
</div> </div>
</div> </div>
</div> </div>
@ -58,37 +59,37 @@
<div> <div>
比例系数(P) 比例系数(P)
</div> </div>
<input v-model="inputData['5']" @input="change('5', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('5', $event)" v-model="inputData['5']" @input="change('5', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
积分系数(I) 积分系数(I)
</div> </div>
<input v-model="inputData['6']" @input="change('6', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('6', $event)" v-model="inputData['6']" @input="change('6', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
微分系数(D) 微分系数(D)
</div> </div>
<input v-model="inputData['7']" @input="change('7', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('7', $event)" v-model="inputData['7']" @input="change('7', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
积分限制 积分限制
</div> </div>
<input v-model="inputData['8']" @input="change('8', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('8', $event)" v-model="inputData['8']" @input="change('8', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
PWM周期 PWM周期
</div> </div>
<input v-model="inputData['9']" @input="change('9', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('9', $event)" v-model="inputData['9']" @input="change('9', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input"> <div class="PID-input">
<div> <div>
计算周期 计算周期
</div> </div>
<input v-model="inputData['12']" @input="change('12', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('12', $event)" v-model="inputData['12']" @input="change('12', $event)" type="number" placeholder="0.0">
</div> </div>
</div> </div>
</div> </div>
@ -98,25 +99,25 @@
<div> <div>
吸酸指定通道 吸酸指定通道
</div> </div>
<input v-model="inputData['10']" @input="change('10', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('10', $event)" v-model="inputData['10']" @input="change('10', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input-full"> <div class="PID-input-full">
<div> <div>
供水泵提前启动时间(s) 供水泵提前启动时间(s)
</div> </div>
<input v-model="inputData['13']" @input="change('13', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('13', $event)" v-model="inputData['13']" @input="change('13', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input-full"> <div class="PID-input-full">
<div> <div>
出水流量脉冲(P/L) 出水流量脉冲(P/L)
</div> </div>
<input v-model="inputData['14']" @input="change('14', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('14', $event)" v-model="inputData['14']" @input="change('14', $event)" type="number" placeholder="0.0">
</div> </div>
<div class="PID-input-full"> <div class="PID-input-full">
<div> <div>
旁通灌溉阀 旁通灌溉阀
</div> </div>
<input v-model="inputData['15']" @input="change('15', $event)" type="number" placeholder="0.0"> <input @blur="blurChange('15', $event)" v-model="inputData['15']" @input="change('15', $event)" type="number" placeholder="0.0">
</div> </div>
</div> </div>
</div> </div>
@ -135,7 +136,14 @@ export default {
inputData: [] inputData: []
} }
}, },
mounted() { this.dataInit() }, mounted() {
this.dataInit()
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
},
methods: { methods: {
dataInit() { dataInit() {
var store = this.$store.state var store = this.$store.state
@ -151,6 +159,24 @@ export default {
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
}); });
},
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
}, },
change(code, el) { change(code, el) {
var store = this.$store.state var store = this.$store.state
@ -188,6 +214,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
}, },

45
src/views/page/formula.vue
View File

@ -21,12 +21,14 @@
</div> </div>
<div class="input-main"> <div class="input-main">
<span>目标PH值</span> <span>目标PH值</span>
<input v-model="inputData[store.formulaNum[indexs - 1]]" <input @blur="blurChange(store.formulaNum[indexs - 1], $event)"
v-model="inputData[store.formulaNum[indexs - 1]]"
@input="changeCount(store.formulaNum[indexs - 1], $event)" type="number" placeholder="0.0"> @input="changeCount(store.formulaNum[indexs - 1], $event)" type="number" placeholder="0.0">
</div> </div>
<div class="input-main"> <div class="input-main">
<span>目标EC值</span> <span>目标EC值</span>
<input v-model="inputData[store.formulaNum[indexs - 1] + 1]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 1, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 1]"
@input="changeCount(store.formulaNum[indexs - 1] + 1, $event)" type="number" placeholder="0.0"> @input="changeCount(store.formulaNum[indexs - 1] + 1, $event)" type="number" placeholder="0.0">
</div> </div>
</div> </div>
@ -41,7 +43,8 @@
<el-table-column label="清水与肥料的比例"> <el-table-column label="清水与肥料的比例">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="input-main-80"> <div class="input-main-80">
<input v-model="inputData[store.formulaNum[indexs - 1] + 5 + scope.$index]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 5 + scope.$index, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 5 + scope.$index]"
@input="change(store.formulaNum[indexs - 1] + 5 + scope.$index, $event)" type="number" @input="change(store.formulaNum[indexs - 1] + 5 + scope.$index, $event)" type="number"
style="height: 34px;margin: 0 auto;" placeholder="0.0"> style="height: 34px;margin: 0 auto;" placeholder="0.0">
</div> </div>
@ -50,7 +53,8 @@
<el-table-column label="固定吸肥强度"> <el-table-column label="固定吸肥强度">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="input-main-80"> <div class="input-main-80">
<input v-model="inputData[store.formulaNum[indexs - 1] + 15 + scope.$index]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 15 + scope.$index, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 15 + scope.$index]"
@input="change(store.formulaNum[indexs - 1] + 15 + scope.$index, $event)" type="number" @input="change(store.formulaNum[indexs - 1] + 15 + scope.$index, $event)" type="number"
style="height: 34px;margin: 0 auto;" placeholder="0.0"> style="height: 34px;margin: 0 auto;" placeholder="0.0">
</div> </div>
@ -61,7 +65,8 @@
<div class="type0" v-if="scope.row.type == 0"> <div class="type0" v-if="scope.row.type == 0">
<div class="input-main-80 table-input"> <div class="input-main-80 table-input">
<span> {{ scope.row.data3 }}</span> <span> {{ scope.row.data3 }}</span>
<input v-model="inputData[store.formulaNum[indexs - 1] + 24]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 24 + scope.$index, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 24]"
@input="changeCount(store.formulaNum[indexs - 1] + 24, $event)" type="number" style="height: 34px;" @input="changeCount(store.formulaNum[indexs - 1] + 24, $event)" type="number" style="height: 34px;"
placeholder="0.0"> placeholder="0.0">
</div> </div>
@ -69,7 +74,8 @@
<div class="type0" v-if="scope.row.type == 1"> <div class="type0" v-if="scope.row.type == 1">
<div class="input-main-80 table-input"> <div class="input-main-80 table-input">
<span> {{ scope.row.data3 }}</span> <span> {{ scope.row.data3 }}</span>
<input v-model="inputData[store.formulaNum[indexs - 1] + 25]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 25 + scope.$index, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 25]"
@input="changeCount(store.formulaNum[indexs - 1] + 25, $event)" type="number" style="height: 34px;" @input="changeCount(store.formulaNum[indexs - 1] + 25, $event)" type="number" style="height: 34px;"
placeholder="0.0"> placeholder="0.0">
</div> </div>
@ -77,7 +83,8 @@
<div class="type1" v-if="scope.row.type == 2"> <div class="type1" v-if="scope.row.type == 2">
<div class="input-main-80"> <div class="input-main-80">
<span> 肥料通道最大值</span> <span> 肥料通道最大值</span>
<input v-model="inputData[store.formulaNum[indexs - 1] + 4]" <input @blur="blurChange(store.formulaNum[indexs - 1] + 4 + scope.$index, $event)"
v-model="inputData[store.formulaNum[indexs - 1] + 4]"
@input="change(store.formulaNum[indexs - 1] + 4, $event)" type="number" style="height: 34px;" @input="change(store.formulaNum[indexs - 1] + 4, $event)" type="number" style="height: 34px;"
placeholder="0.0"> placeholder="0.0">
</div> </div>
@ -205,6 +212,11 @@ export default {
setTimeout(() => { setTimeout(() => {
that.dataInit(); that.dataInit();
}, 0); }, 0);
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
}, },
methods: { methods: {
openType(index){ openType(index){
@ -310,6 +322,24 @@ export default {
}, },
} }
this.change(store.formulaNum[this.indexs - 1] + 2, dataSel); this.change(store.formulaNum[this.indexs - 1] + 2, dataSel);
},
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
}, },
change(code, el) { change(code, el) {
var store = this.$store.state var store = this.$store.state
@ -347,6 +377,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {

140
src/views/page/irrigateSet.vue
View File

@ -26,7 +26,7 @@
</div> </div>
<div class="input-main"> <div class="input-main">
<span>手动启动时间</span> <span>手动启动时间</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '01', $event)"
v-model="inputData[10 + (indexs - 1) + '01']" v-model="inputData[10 + (indexs - 1) + '01']"
@input="changeData10(10 + (indexs - 1) + '01', $event)" @input="changeData10(10 + (indexs - 1) + '01', $event)"
type="text" type="text"
@ -38,21 +38,21 @@
<div class="flex-view"> <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>自动运行起始日期</span> <span>自动运行起始日期</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '02', $event)"
v-model="inputData[10 + (indexs - 1) + '02']" v-model="inputData[10 + (indexs - 1) + '02']"
@input="change(10 + (indexs - 1) + '02', $event)" @input="change(10 + (indexs - 1) + '02', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>年</span> <span>年</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '03', $event)"
v-model="inputData[10 + (indexs - 1) + '03']" v-model="inputData[10 + (indexs - 1) + '03']"
@input="change(10 + (indexs - 1) + '03', $event)" @input="change(10 + (indexs - 1) + '03', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>月</span> <span>月</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '04', $event)"
v-model="inputData[10 + (indexs - 1) + '04']" v-model="inputData[10 + (indexs - 1) + '04']"
@input="change(10 + (indexs - 1) + '04', $event)" @input="change(10 + (indexs - 1) + '04', $event)"
type="number" type="number"
@ -62,7 +62,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>间隔灌溉天数</span> <span>间隔灌溉天数</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '05', $event)"
v-model="inputData[10 + (indexs - 1) + '05']" v-model="inputData[10 + (indexs - 1) + '05']"
@input="change(10 + (indexs - 1) + '05', $event)" @input="change(10 + (indexs - 1) + '05', $event)"
type="number" type="number"
@ -73,14 +73,14 @@
<div class="flex-view"> <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>灌溉</span> <span>灌溉</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '51', $event)"
v-model="inputData[10 + (indexs - 1) + '51']" v-model="inputData[10 + (indexs - 1) + '51']"
@input="change(10 + (indexs - 1) + '51', $event)" @input="change(10 + (indexs - 1) + '51', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>次清水，间隔灌溉</span> <span>次清水，间隔灌溉</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '52', $event)"
v-model="inputData[10 + (indexs - 1) + '52']" v-model="inputData[10 + (indexs - 1) + '52']"
@input="change(10 + (indexs - 1) + '52', $event)" @input="change(10 + (indexs - 1) + '52', $event)"
type="number" type="number"
@ -92,7 +92,7 @@
<div class="flex-view"> <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>施肥时采用</span> <span>施肥时采用</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '53', $event)"
v-model="inputData[10 + (indexs - 1) + '58']" v-model="inputData[10 + (indexs - 1) + '58']"
@input="change(10 + (indexs - 1) + '58', $event)" @input="change(10 + (indexs - 1) + '58', $event)"
type="number" type="number"
@ -104,31 +104,31 @@
<div class="flex-view"> <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>电磁阀控制通道</span> <span>电磁阀控制通道</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '54', $event)"
v-model="inputData[10 + (indexs - 1) + '54']" v-model="inputData[10 + (indexs - 1) + '54']"
@input="change(10 + (indexs - 1) + '54', $event)" @input="change(10 + (indexs - 1) + '54', $event)"
type="text" type="text"
placeholder="0" placeholder="0"
/> />
<input <input @blur="blurChange(10 + (indexs - 1) + '55', $event)"
v-model="inputData[10 + (indexs - 1) + '55']" v-model="inputData[10 + (indexs - 1) + '55']"
@input="change(10 + (indexs - 1) + '55', $event)" @input="change(10 + (indexs - 1) + '55', $event)"
type="text" type="text"
placeholder="0" placeholder="0"
/> />
<input <input @blur="blurChange(10 + (indexs - 1) + '56', $event)"
v-model="inputData[10 + (indexs - 1) + '56']" v-model="inputData[10 + (indexs - 1) + '56']"
@input="change(10 + (indexs - 1) + '56', $event)" @input="change(10 + (indexs - 1) + '56', $event)"
type="text" type="text"
placeholder="0" placeholder="0"
/> />
<input <input @blur="blurChange(10 + (indexs - 1) + '57', $event)"
v-model="inputData[10 + (indexs - 1) + '57']" v-model="inputData[10 + (indexs - 1) + '57']"
@input="change(10 + (indexs - 1) + '57', $event)" @input="change(10 + (indexs - 1) + '57', $event)"
type="text" type="text"
placeholder="0" placeholder="0"
/> />
<input <input @blur="blurChange(10 + (indexs - 1) + '60', $event)"
v-model="inputData[10 + (indexs - 1) + '60']" v-model="inputData[10 + (indexs - 1) + '60']"
@input="change(10 + (indexs - 1) + '60', $event)" @input="change(10 + (indexs - 1) + '60', $event)"
type="text" type="text"
@ -253,7 +253,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>每次灌溉时长</span> <span>每次灌溉时长</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '06', $event)"
v-model="inputData[10 + (indexs - 1) + '06']" v-model="inputData[10 + (indexs - 1) + '06']"
@input="changeData10(10 + (indexs - 1) + '06', $event)" @input="changeData10(10 + (indexs - 1) + '06', $event)"
type="number" type="number"
@ -268,14 +268,14 @@
<div> <div>
<div class="number">1</div> <div class="number">1</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '07', $event)"
v-model="inputData[10 + (indexs - 1) + '07']" v-model="inputData[10 + (indexs - 1) + '07']"
@input="change(10 + (indexs - 1) + '07', $event)" @input="change(10 + (indexs - 1) + '07', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '08', $event)"
v-model="inputData[10 + (indexs - 1) + '08']" v-model="inputData[10 + (indexs - 1) + '08']"
@input="change(10 + (indexs - 1) + '08', $event)" @input="change(10 + (indexs - 1) + '08', $event)"
type="number" type="number"
@ -286,14 +286,14 @@
<div> <div>
<div class="number">2</div> <div class="number">2</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '09', $event)"
v-model="inputData[10 + (indexs - 1) + '09']" v-model="inputData[10 + (indexs - 1) + '09']"
@input="change(10 + (indexs - 1) + '09', $event)" @input="change(10 + (indexs - 1) + '09', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '10', $event)"
v-model="inputData[10 + (indexs - 1) + '10']" v-model="inputData[10 + (indexs - 1) + '10']"
@input="change(10 + (indexs - 1) + '10', $event)" @input="change(10 + (indexs - 1) + '10', $event)"
type="number" type="number"
@ -304,14 +304,14 @@
<div> <div>
<div class="number">3</div> <div class="number">3</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '11', $event)"
v-model="inputData[10 + (indexs - 1) + '11']" v-model="inputData[10 + (indexs - 1) + '11']"
@input="change(10 + (indexs - 1) + '11', $event)" @input="change(10 + (indexs - 1) + '11', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '12', $event)"
v-model="inputData[10 + (indexs - 1) + '12']" v-model="inputData[10 + (indexs - 1) + '12']"
@input="change(10 + (indexs - 1) + '12', $event)" @input="change(10 + (indexs - 1) + '12', $event)"
type="number" type="number"
@ -322,14 +322,14 @@
<div> <div>
<div class="number">4</div> <div class="number">4</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '13', $event)"
v-model="inputData[10 + (indexs - 1) + '13']" v-model="inputData[10 + (indexs - 1) + '13']"
@input="change(10 + (indexs - 1) + '13', $event)" @input="change(10 + (indexs - 1) + '13', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '14', $event)"
v-model="inputData[10 + (indexs - 1) + '14']" v-model="inputData[10 + (indexs - 1) + '14']"
@input="change(10 + (indexs - 1) + '14', $event)" @input="change(10 + (indexs - 1) + '14', $event)"
type="number" type="number"
@ -340,14 +340,14 @@
<div> <div>
<div class="number">5</div> <div class="number">5</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '15', $event)"
v-model="inputData[10 + (indexs - 1) + '15']" v-model="inputData[10 + (indexs - 1) + '15']"
@input="change(10 + (indexs - 1) + '15', $event)" @input="change(10 + (indexs - 1) + '15', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '16', $event)"
v-model="inputData[10 + (indexs - 1) + '16']" v-model="inputData[10 + (indexs - 1) + '16']"
@input="change(10 + (indexs - 1) + '16', $event)" @input="change(10 + (indexs - 1) + '16', $event)"
type="number" type="number"
@ -379,7 +379,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>每次灌溉时长</span> <span>每次灌溉时长</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '17', $event)"
v-model="inputData[10 + (indexs - 1) + '17']" v-model="inputData[10 + (indexs - 1) + '17']"
@input="changeData10(10 + (indexs - 1) + '17', $event)" @input="changeData10(10 + (indexs - 1) + '17', $event)"
type="number" type="number"
@ -394,35 +394,35 @@
<div> <div>
<div class="number">1</div> <div class="number">1</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '19', $event)"
v-model="inputData[10 + (indexs - 1) + '19']" v-model="inputData[10 + (indexs - 1) + '19']"
@input="change(10 + (indexs - 1) + '19', $event)" @input="change(10 + (indexs - 1) + '19', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '20', $event)"
v-model="inputData[10 + (indexs - 1) + '20']" v-model="inputData[10 + (indexs - 1) + '20']"
@input="change(10 + (indexs - 1) + '20', $event)" @input="change(10 + (indexs - 1) + '20', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>-</span> <span>-</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '21', $event)"
v-model="inputData[10 + (indexs - 1) + '21']" v-model="inputData[10 + (indexs - 1) + '21']"
@input="change(10 + (indexs - 1) + '21', $event)" @input="change(10 + (indexs - 1) + '21', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '22', $event)"
v-model="inputData[10 + (indexs - 1) + '22']" v-model="inputData[10 + (indexs - 1) + '22']"
@input="change(10 + (indexs - 1) + '22', $event)" @input="change(10 + (indexs - 1) + '22', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '18', $event)"
v-model="inputData[10 + (indexs - 1) + '18']" v-model="inputData[10 + (indexs - 1) + '18']"
@input="change(10 + (indexs - 1) + '18', $event)" @input="change(10 + (indexs - 1) + '18', $event)"
type="number" type="number"
@ -433,35 +433,35 @@
<div> <div>
<div class="number">2</div> <div class="number">2</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '24', $event)"
v-model="inputData[10 + (indexs - 1) + '24']" v-model="inputData[10 + (indexs - 1) + '24']"
@input="change(10 + (indexs - 1) + '24', $event)" @input="change(10 + (indexs - 1) + '24', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '25', $event)"
v-model="inputData[10 + (indexs - 1) + '25']" v-model="inputData[10 + (indexs - 1) + '25']"
@input="change(10 + (indexs - 1) + '25', $event)" @input="change(10 + (indexs - 1) + '25', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>-</span> <span>-</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '26', $event)"
v-model="inputData[10 + (indexs - 1) + '26']" v-model="inputData[10 + (indexs - 1) + '26']"
@input="change(10 + (indexs - 1) + '26', $event)" @input="change(10 + (indexs - 1) + '26', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '27', $event)"
v-model="inputData[10 + (indexs - 1) + '27']" v-model="inputData[10 + (indexs - 1) + '27']"
@input="change(10 + (indexs - 1) + '27', $event)" @input="change(10 + (indexs - 1) + '27', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '23', $event)"
v-model="inputData[10 + (indexs - 1) + '23']" v-model="inputData[10 + (indexs - 1) + '23']"
@input="change(10 + (indexs - 1) + '23', $event)" @input="change(10 + (indexs - 1) + '23', $event)"
type="number" type="number"
@ -472,35 +472,35 @@
<div> <div>
<div class="number">3</div> <div class="number">3</div>
<div class="input-main-80"> <div class="input-main-80">
<input <input @blur="blurChange(10 + (indexs - 1) + '29', $event)"
v-model="inputData[10 + (indexs - 1) + '29']" v-model="inputData[10 + (indexs - 1) + '29']"
@input="change(10 + (indexs - 1) + '29', $event)" @input="change(10 + (indexs - 1) + '29', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '30', $event)"
v-model="inputData[10 + (indexs - 1) + '30']" v-model="inputData[10 + (indexs - 1) + '30']"
@input="change(10 + (indexs - 1) + '30', $event)" @input="change(10 + (indexs - 1) + '30', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>-</span> <span>-</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '31', $event)"
v-model="inputData[10 + (indexs - 1) + '31']" v-model="inputData[10 + (indexs - 1) + '31']"
@input="change(10 + (indexs - 1) + '31', $event)" @input="change(10 + (indexs - 1) + '31', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '32', $event)"
v-model="inputData[10 + (indexs - 1) + '32']" v-model="inputData[10 + (indexs - 1) + '32']"
@input="change(10 + (indexs - 1) + '32', $event)" @input="change(10 + (indexs - 1) + '32', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '28', $event)"
v-model="inputData[10 + (indexs - 1) + '28']" v-model="inputData[10 + (indexs - 1) + '28']"
@input="change(10 + (indexs - 1) + '28', $event)" @input="change(10 + (indexs - 1) + '28', $event)"
type="number" type="number"
@ -532,28 +532,28 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>有效检测时间段</span> <span>有效检测时间段</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '45', $event)"
v-model="inputData[10 + (indexs - 1) + '45']" v-model="inputData[10 + (indexs - 1) + '45']"
@input="change(10 + (indexs - 1) + '45', $event)" @input="change(10 + (indexs - 1) + '45', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '46', $event)"
v-model="inputData[10 + (indexs - 1) + '46']" v-model="inputData[10 + (indexs - 1) + '46']"
@input="change(10 + (indexs - 1) + '46', $event)" @input="change(10 + (indexs - 1) + '46', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>-</span> <span>-</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '47', $event)"
v-model="inputData[10 + (indexs - 1) + '47']" v-model="inputData[10 + (indexs - 1) + '47']"
@input="change(10 + (indexs - 1) + '47', $event)" @input="change(10 + (indexs - 1) + '47', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '48', $event)"
v-model="inputData[10 + (indexs - 1) + '48']" v-model="inputData[10 + (indexs - 1) + '48']"
@input="change(10 + (indexs - 1) + '48', $event)" @input="change(10 + (indexs - 1) + '48', $event)"
type="number" type="number"
@ -565,7 +565,7 @@
<div class="model1-content model3-content"> <div class="model1-content model3-content">
<div class="input-main-80"> <div class="input-main-80">
<span class="text">启动时灌湛时长</span> <span class="text">启动时灌湛时长</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '40', $event)"
v-model="inputData[10 + (indexs - 1) + '40']" v-model="inputData[10 + (indexs - 1) + '40']"
@input="changeData10(10 + (indexs - 1) + '40', $event)" @input="changeData10(10 + (indexs - 1) + '40', $event)"
type="number" type="number"
@ -575,7 +575,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">光积累启动值</span> <span class="text">光积累启动值</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '41', $event)"
v-model="inputData[10 + (indexs - 1) + '41']" v-model="inputData[10 + (indexs - 1) + '41']"
@input="change(10 + (indexs - 1) + '41', $event)" @input="change(10 + (indexs - 1) + '41', $event)"
type="number" type="number"
@ -584,7 +584,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最小光照值</span> <span class="text">最小光照值</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '42', $event)"
v-model="inputData[10 + (indexs - 1) + '42']" v-model="inputData[10 + (indexs - 1) + '42']"
@input="change(10 + (indexs - 1) + '42', $event)" @input="change(10 + (indexs - 1) + '42', $event)"
type="number" type="number"
@ -594,7 +594,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text" style="padding-left: 20px">最短灌溉间隔</span> <span class="text" style="padding-left: 20px">最短灌溉间隔</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '43', $event)"
v-model="inputData[10 + (indexs - 1) + '43']" v-model="inputData[10 + (indexs - 1) + '43']"
@input="changeData10(10 + (indexs - 1) + '43', $event)" @input="changeData10(10 + (indexs - 1) + '43', $event)"
type="number" type="number"
@ -603,7 +603,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最长灌溉间隔</span> <span class="text">最长灌溉间隔</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '44', $event)"
v-model="inputData[10 + (indexs - 1) + '44']" v-model="inputData[10 + (indexs - 1) + '44']"
@input="changeData10(10 + (indexs - 1) + '44', $event)" @input="changeData10(10 + (indexs - 1) + '44', $event)"
type="number" type="number"
@ -634,28 +634,28 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>有效检测时间段</span> <span>有效检测时间段</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '33', $event)"
v-model="inputData[10 + (indexs - 1) + '33']" v-model="inputData[10 + (indexs - 1) + '33']"
@input="change(10 + (indexs - 1) + '33', $event)" @input="change(10 + (indexs - 1) + '33', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '34', $event)"
v-model="inputData[10 + (indexs - 1) + '34']" v-model="inputData[10 + (indexs - 1) + '34']"
@input="change(10 + (indexs - 1) + '34', $event)" @input="change(10 + (indexs - 1) + '34', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>-</span> <span>-</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '35', $event)"
v-model="inputData[10 + (indexs - 1) + '35']" v-model="inputData[10 + (indexs - 1) + '35']"
@input="change(10 + (indexs - 1) + '35', $event)" @input="change(10 + (indexs - 1) + '35', $event)"
type="number" type="number"
placeholder="0" placeholder="0"
/> />
<span>:</span> <span>:</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '36', $event)"
v-model="inputData[10 + (indexs - 1) + '36']" v-model="inputData[10 + (indexs - 1) + '36']"
@input="change(10 + (indexs - 1) + '36', $event)" @input="change(10 + (indexs - 1) + '36', $event)"
type="number" type="number"
@ -667,7 +667,7 @@
<div class="model1-content model3-content"> <div class="model1-content model3-content">
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最低土壤湿度</span> <span class="text">最低土壤湿度</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '37', $event)"
v-model="inputData[10 + (indexs - 1) + '37']" v-model="inputData[10 + (indexs - 1) + '37']"
@input="change(10 + (indexs - 1) + '37', $event)" @input="change(10 + (indexs - 1) + '37', $event)"
type="number" type="number"
@ -677,7 +677,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最高土壤湿度</span> <span class="text">最高土壤湿度</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '38', $event)"
v-model="inputData[10 + (indexs - 1) + '38']" v-model="inputData[10 + (indexs - 1) + '38']"
@input="change(10 + (indexs - 1) + '38', $event)" @input="change(10 + (indexs - 1) + '38', $event)"
type="number" type="number"
@ -687,7 +687,7 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">灌溉时长上限</span> <span class="text">灌溉时长上限</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '39', $event)"
v-model="inputData[10 + (indexs - 1) + '39']" v-model="inputData[10 + (indexs - 1) + '39']"
@input="changeData10(10 + (indexs - 1) + '39', $event)" @input="changeData10(10 + (indexs - 1) + '39', $event)"
type="number" type="number"
@ -721,7 +721,7 @@
<div class="number">1</div> <div class="number">1</div>
<div class="input-main-80"> <div class="input-main-80">
<span>外部输入通道</span> <span>外部输入通道</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '49', $event)"
v-model="inputData[10 + (indexs - 1) + '49']" v-model="inputData[10 + (indexs - 1) + '49']"
@input="change(10 + (indexs - 1) + '49', $event)" @input="change(10 + (indexs - 1) + '49', $event)"
type="number" type="number"
@ -733,7 +733,7 @@
<div class="number">2</div> <div class="number">2</div>
<div class="input-main-80"> <div class="input-main-80">
<span>外部输入通道</span> <span>外部输入通道</span>
<input <input @blur="blurChange(10 + (indexs - 1) + '50', $event)"
v-model="inputData[10 + (indexs - 1) + '50']" v-model="inputData[10 + (indexs - 1) + '50']"
@input="change(10 + (indexs - 1) + '50', $event)" @input="change(10 + (indexs - 1) + '50', $event)"
type="number" type="number"
@ -790,6 +790,11 @@ export default {
setTimeout(() => { setTimeout(() => {
that.dataInit(); that.dataInit();
}, 0); }, 0);
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
}, },
methods: { methods: {
countData10(data){ countData10(data){
@ -970,6 +975,24 @@ export default {
} }
}); });
}, },
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//间隔灌溉天数 //间隔灌溉天数
change(code, el) { change(code, el) {
var store=this.$store.state var store=this.$store.state
@ -1007,6 +1030,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
handleClose1(done) { handleClose1(done) {

3
src/views/page/realTime.vue
View File

@ -20,7 +20,7 @@
</div> </div>
</div> --> </div> -->
</div> </div>
<div class="flex-list"> <div class="flex-list scroll">
<div class="" v-for="item, index in list " :key="index"> <div class="" v-for="item, index in list " :key="index">
<img :src="item.img" alt=""> <img :src="item.img" alt="">
<div class="text">{{ item.name }}</div> <div class="text">{{ item.name }}</div>
@ -85,6 +85,7 @@ export default {
if (this.player) { if (this.player) {
this.player.dispose(); this.player.dispose();
} }
that.timer&&clearInterval(that.timer)
}, },
methods: { methods: {
createVideo() { createVideo() {

36
src/views/page/sensorSet.vue
View File

@ -54,13 +54,13 @@
<div> <div>
<div class="input-main"> <div class="input-main">
<div>标定低点AD值</div> <div>标定低点AD值</div>
<input v-model="inputData[numberList[active] + 1]" <input @blur="blurChange(numberList[active] + 1, $event)" v-model="inputData[numberList[active] + 1]"
@input="change(numberList[active] + 1, $event)" @input="change(numberList[active] + 1, $event)"
type="number" placeholder="0.0"> type="number" placeholder="0.0">
</div> </div>
<div class="input-main"> <div class="input-main">
<div>标定低点数据</div> <div>标定低点数据</div>
<input v-model="inputData[numberList[active] + 2]" <input @blur="blurChange(numberList[active] + 2, $event)" v-model="inputData[numberList[active] + 2]"
@input="change(numberList[active] + 2, $event)" @input="change(numberList[active] + 2, $event)"
type="number" placeholder="0.0"> type="number" placeholder="0.0">
</div> </div>
@ -68,13 +68,13 @@
<div> <div>
<div class="input-main"> <div class="input-main">
<div>标定高点AD值</div> <div>标定高点AD值</div>
<input v-model="inputData[numberList[active] + 3]" <input @blur="blurChange(numberList[active] + 3, $event)" v-model="inputData[numberList[active] + 3]"
@input="change(numberList[active] + 3, $event)" @input="change(numberList[active] + 3, $event)"
type="number" placeholder="0.0"> type="number" placeholder="0.0">
</div> </div>
<div class="input-main"> <div class="input-main">
<div>标定高点数据</div> <div>标定高点数据</div>
<input v-model="inputData[numberList[active] + 4]" <input @blur="blurChange(numberList[active] + 4, $event)" v-model="inputData[numberList[active] + 4]"
@input="change(numberList[active] + 4 , $event)" @input="change(numberList[active] + 4 , $event)"
type="number" placeholder="0.0"> type="number" placeholder="0.0">
</div> </div>
@ -109,7 +109,14 @@ export default {
this.getSensorType() this.getSensorType()
}, },
}, },
mounted() { this.dataInit() }, mounted() {
this.dataInit()
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
},
methods: { methods: {
//类型选择 //类型选择
handleCommand(command){ handleCommand(command){
@ -189,6 +196,24 @@ export default {
} }
}); });
}, },
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
change(code, el) { change(code, el) {
var store = this.$store.state var store = this.$store.state
var data = { var data = {
@ -225,6 +250,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
}, },

6
src/views/page/status.vue
View File

@ -278,6 +278,10 @@ export default {
} }
} }
}, },
//清除监听
beforeDestroy(){
that.pageTimer&&clearInterval(that.pageTimer)
},
mounted() { mounted() {
const that = this; const that = this;
if (localStorage.getItem('token')) { if (localStorage.getItem('token')) {
@ -285,7 +289,7 @@ export default {
setTimeout(() => { setTimeout(() => {
that.getEqbyid(); that.getEqbyid();
that.pageTimer&&clearInterval(that.pageTimer) that.pageTimer&&clearInterval(that.pageTimer)
setInterval(() => { that.pageTimer= setInterval(() => {
that.getEqbyid(); that.getEqbyid();
}, 5000); }, 5000);
}, 0); }, 0);

62
src/views/page/systemSet.vue
View File

@ -8,39 +8,39 @@
<div class="flex-view"> <div class="flex-view">
<div class="input-main"> <div class="input-main">
<span>信号质量</span> <span>信号质量</span>
<input v-model="inputData['65']" @input="change('65', $event)" type="number" placeholder="0"> <input @blur="blurChange('65', $event)" v-model="inputData['65']" @input="change('65', $event)" type="number" placeholder="0">
</div> </div>
<div class="input-main"> <div class="input-main">
<span>SIM</span> <span>SIM</span>
<input v-model="inputData['66']" @input="change('66', $event)" type="number" placeholder="0"> <input @blur="blurChange('66', $event)" v-model="inputData['66']" @input="change('66', $event)" type="number" placeholder="0">
</div> </div>
<div class="input-main"> <div class="input-main">
<span>4G</span> <span>4G</span>
<input v-model="inputData['67']" @input="change('67', $event)" type="number" placeholder="0"> <input @blur="blurChange('67', $event)" v-model="inputData['67']" @input="change('67', $event)" type="number" placeholder="0">
</div> </div>
<br> <br>
<div class="input-main-80" style="width: 100%;"> <div class="input-main-80" style="width: 100%;">
<span>IP</span> <span>IP</span>
<input v-model="inputData['68']" @input="change('68', $event)" type="number" placeholder="0"> <input @blur="blurChange('68', $event)" v-model="inputData['68']" @input="change('68', $event)" type="number" placeholder="0">
<input v-model="inputData['69']" @input="change('69', $event)" type="number" placeholder="0"> <input @blur="blurChange('69', $event)" v-model="inputData['69']" @input="change('69', $event)" type="number" placeholder="0">
<input v-model="inputData['70']" @input="change('70', $event)" type="number" placeholder="0"> <input @blur="blurChange('70', $event)" v-model="inputData['70']" @input="change('70', $event)" type="number" placeholder="0">
<input v-model="inputData['71']" @input="change('71', $event)" type="number" placeholder="0"> <input @blur="blurChange('71', $event)" v-model="inputData['71']" @input="change('71', $event)" type="number" placeholder="0">
</div> </div>
</div> </div>
<div class="flex-view" style="border: none;"> <div class="flex-view" style="border: none;">
<div class="input-main-80"> <div class="input-main-80">
<span>ICCID</span> <span>ICCID</span>
<input v-model="inputData['55']" @input="change16to10('55', $event)" type="text" placeholder="0"> <input @blur="blurChange('55', $event)" v-model="inputData['55']" @input="change16to10('55', $event)" type="text" placeholder="0">
<input v-model="inputData['56']" @input="change16to10('56', $event)" type="text" placeholder="0"> <input @blur="blurChange('56', $event)" v-model="inputData['56']" @input="change16to10('56', $event)" type="text" placeholder="0">
<input v-model="inputData['57']" @input="change16to10('57', $event)" type="text" placeholder="0"> <input @blur="blurChange('57', $event)" v-model="inputData['57']" @input="change16to10('57', $event)" type="text" placeholder="0">
<input v-model="inputData['58']" @input="change16to10('58', $event)" type="text" placeholder="0"> <input @blur="blurChange('58', $event)" v-model="inputData['58']" @input="change16to10('58', $event)" type="text" placeholder="0">
<input v-model="inputData['59']" @input="change16to10('59', $event)" type="text" placeholder="0"> <input @blur="blurChange('59', $event)" v-model="inputData['59']" @input="change16to10('59', $event)" type="text" placeholder="0">
<input v-model="inputData['60']" @input="change16to10('60', $event)" type="text" placeholder="0"> <input @blur="blurChange('60', $event)" v-model="inputData['60']" @input="change16to10('60', $event)" type="text" placeholder="0">
<input v-model="inputData['61']" @input="change16to10('61', $event)" type="text" placeholder="0"> <input @blur="blurChange('61', $event)" v-model="inputData['61']" @input="change16to10('61', $event)" type="text" placeholder="0">
<input v-model="inputData['62']" @input="change16to10('62', $event)" type="text" placeholder="0"> <input @blur="blurChange('62', $event)" v-model="inputData['62']" @input="change16to10('62', $event)" type="text" placeholder="0">
<input v-model="inputData['63']" @input="change16to10('63', $event)" type="text" placeholder="0"> <input @blur="blurChange('63', $event)" v-model="inputData['63']" @input="change16to10('63', $event)" type="text" placeholder="0">
<input v-model="inputData['64']" @input="change16to10('64', $event)" type="text" placeholder="0"> <input @blur="blurChange('64', $event)" v-model="inputData['64']" @input="change16to10('64', $event)" type="text" placeholder="0">
</div> </div>
<div class="system-tips">说明:4G: =0，无网络:=2.2G网络了=4.4G网络SII: -0.SII卡正常;-1，无SII卡:-2.SI[卡异常(网络注册失败)信号质堡: CSQ <div class="system-tips">说明:4G: =0，无网络:=2.2G网络了=4.4G网络SII: -0.SII卡正常;-1，无SII卡:-2.SI[卡异常(网络注册失败)信号质堡: CSQ
<11,信号很差: 11<CSQ<10,信号不稳定: CSQ>18,信号稳定，最大是31.</div> <11,信号很差: 11<CSQ<10,信号不稳定: CSQ>18,信号稳定，最大是31.</div>
@ -59,7 +59,14 @@ export default {
inputData: [] inputData: []
} }
}, },
mounted() { this.dataInit() }, mounted() {
this.dataInit()
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
},
methods: { methods: {
change16to10(code,el){ change16to10(code,el){
var num=parseInt(el.target.value,16) var num=parseInt(el.target.value,16)
@ -106,6 +113,24 @@ export default {
} }
}); });
}, },
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
change(code, el) { change(code, el) {
var store = this.$store.state var store = this.$store.state
var data = { var data = {
@ -142,6 +167,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
}, },

24
src/views/page/upload.vue
View File

@ -88,6 +88,11 @@ export default {
}, },
mounted() { mounted() {
this.dataInit() this.dataInit()
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
}, },
methods: { methods: {
padString(str, length) { padString(str, length) {
@ -142,6 +147,24 @@ export default {
} }
}); });
}, },
//全选文本
selectValue(e) {
e.currentTarget.select();
},
//失去焦点
blurChange(code, el) {
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
}; //避免开启多个计时器
if(this.timer){
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
change(code, el) { change(code, el) {
var store = this.$store.state var store = this.$store.state
var data = { var data = {
@ -178,6 +201,7 @@ export default {
} else { } else {
this.$message.error("请求出错"); this.$message.error("请求出错");
} }
this.timer=null
}); });
}, },
selList1(index) { selList1(index) {