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

1

pull/163/head
sunmeng 2024-08-23 14:58:59 +08:00
parent f6f5ae4357
commit 64b715fe3f
10 changed files with 914 additions and 1084 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/index.js
View File

@ -671,5 +671,13 @@ getIccid(data){
readFi_datauploadfi(data) { readFi_datauploadfi(data) {
return sendGetRequest("/readFi/datauploadfi", data); return sendGetRequest("/readFi/datauploadfi", data);
}, },
//智能灌溉固有参数
readFi_intrinsicparameterfi(data) {
return sendGetRequest("/readFi/intrinsicparameterfi", data);
},
//智能灌溉传感器通道
readFi_sensorchannelfi(data) {
return sendGetRequest("/readFi/sensorchannelfi", data);
},
}; };

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

@ -1221,6 +1221,10 @@
cursor: pointer; cursor: pointer;
} }
.irrigateSet .open-btn.w-250 {
width: 250px;
}
.irrigateSet .open-btn > img { .irrigateSet .open-btn > img {
margin-right: 10px; margin-right: 10px;
} }

2
src/assets/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

@ -1284,7 +1284,9 @@
color: #00C8FF; color: #00C8FF;
margin: 7.5px 10px; margin: 7.5px 10px;
cursor: pointer; cursor: pointer;
&.w-250{
width: 250px;
}
>img { >img {
margin-right: 10px; margin-right: 10px;
} }

11
src/components/setParamsSoil.vue
View File

@ -3,9 +3,10 @@
<div class="set-top"> <div class="set-top">
<img src="../assets/image/set-icon.png" alt="">设定值参数 <img src="../assets/image/set-icon.png" alt="">设定值参数
</div> </div>
<div class="set-tips"> <!-- -->
<div @click="toHome($store.state.equipmentIndex)"> <div class="set-tips" @click="toHome($store.state.equipmentIndex)">
{{ $store.state.equipmentList[$store.state.equipmentIndex - 1].deviceTypeName }}状态显示</div> <div >
{{ $store.state.equipmentList[$store.state.equipmentIndex - 1].deviceTypeName }}</div>
</div> </div>
<el-collapse v-model="$store.state.activeNames"> <el-collapse v-model="$store.state.activeNames">
<template v-for="item, index in routerList"> <template v-for="item, index in routerList">
@ -39,6 +40,7 @@ export default {
return { return {
routerList: [ routerList: [
// { name: '施肥机配方设置', list: [], router: 'formula' }, // { name: '施肥机配方设置', list: [], router: 'formula' },
{ name: `${ this.$store.state.equipmentList[this.$store.state.equipmentIndex - 1].deviceTypeName }状态显示`, list: [], router: 'status-soil', isRouter: true, },
{ {
name: '灌溉组配置', router: 'irrigateSet-soil', list: [ name: '灌溉组配置', router: 'irrigateSet-soil', list: [
{ name: '1#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 1 }, { name: '1#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 1 },
@ -58,6 +60,7 @@ export default {
{ name: '15#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 15 }, { name: '15#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 15 },
{ name: '16#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 16 }] { name: '16#灌溉组配置', status: -1, router: 'irrigateSet-soil', index: 16 }]
}, },
{ name: '固有参数', list: [], router: 'intrinsicParameter-soil', isRouter: true, }, { name: '固有参数', list: [], router: 'intrinsicParameter-soil', isRouter: true, },
{ name: '系统参数配置', list: [], router: 'systemSet-soil', isRouter: true, }, { name: '系统参数配置', list: [], router: 'systemSet-soil', isRouter: true, },
{ name: '传感器通道配置', list: [], router: 'sensorSet-soil', isRouter: true, }, { name: '传感器通道配置', list: [], router: 'sensorSet-soil', isRouter: true, },
@ -130,7 +133,7 @@ export default {
}, },
//去首页 //去首页
toHome(index) { toHome(index) {
this.$router.push({ path: `/status?eqbyIndex=` + index }) this.$router.push({ path: `/status-soil` })
}, },
gerRouter() { gerRouter() {
this.routerNow = this.$route.name; this.routerNow = this.$route.name;

4
src/router/index.js
View File

@ -285,6 +285,10 @@ const routes = [
path: '/sensorSet-soil', path: '/sensorSet-soil',
name: 'sensorSet-soil', name: 'sensorSet-soil',
component: () => import('../views/page/sensorSet-soil.vue') component: () => import('../views/page/sensorSet-soil.vue')
},{
path: '/status-soil',
name: 'status-soil',
component: () => import('../views/page/status-soil.vue')
},] },]
},] },]
}, },

692
src/views/page/intrinsicParameter-soil.vue
View File

@ -4,11 +4,25 @@
<img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数 <img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
</div> </div>
<div class="flex-view border-none shrink-none padding-none"> <div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>出水脉冲:</span>
<input @blur="blurChange(10030, $event)" v-model="inputData[10030]" @input="change(10030, $event)"
type="text" placeholder="0">
</div>
<div class="input-main-80">
<span>土壤参数:</span>
<input @blur="blurChange(10031, $event)" v-model="inputData[10031]" @input="change(10031, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none" v-for="item,index in 40" :key="index">
<div class="input-sel input-sel-w180"> <div class="input-sel input-sel-w180">
<span>1#电磁阀自控传感器选择</span> <span>{{index+1}}#灌溉组土壤温度传感器选择</span>
<el-dropdown @command="handleCommand($event,20650)"> <el-dropdown @command="handleCommand($event,10080+index)">
<div class="el-dropdown-link"> <div class="el-dropdown-link">
<input v-model="inputDataNew[20650]" type="text" class="input-input" placeholder="无"> <input v-model="inputDataNew[10080+index]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div> <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div> </div>
<el-dropdown-menu class="input-menu-180" slot="dropdown"> <el-dropdown-menu class="input-menu-180" slot="dropdown">
@ -17,16 +31,11 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<div class="input-main-80">
<span>输出通道：</span>
<input @blur="blurChange(20651, $event)" v-model="inputData[20651]" @input="change(20651, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180"> <div class="input-sel input-sel-w180">
<span>2#电磁阀自控传感器选择</span> <span>{{index+1}}#灌溉组土壤湿度传感器选择</span>
<el-dropdown @command="handleCommand($event,20652)"> <el-dropdown @command="handleCommand($event,10040+index)">
<div class="el-dropdown-link"> <div class="el-dropdown-link">
<input v-model="inputDataNew[20652]" type="text" class="input-input" placeholder="无"> <input v-model="inputDataNew[10040+index]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div> <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div> </div>
<el-dropdown-menu class="input-menu-180" slot="dropdown"> <el-dropdown-menu class="input-menu-180" slot="dropdown">
@ -35,601 +44,9 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<div class="input-main-80">
<span>输出通道：</span> </div>
<input @blur="blurChange(20653, $event)" v-model="inputData[20653]" @input="change(20653, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-sel input-sel-w180">
<span>3#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20654)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20654]" 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>
<input @blur="blurChange(20655, $event)" v-model="inputData[20655]" @input="change(20655, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>4#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20656)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20656]" 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>
<input @blur="blurChange(20657, $event)" v-model="inputData[20657]" @input="change(20657, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-sel input-sel-w180">
<span>5#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20658)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20658]" 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>
<input @blur="blurChange(20659, $event)" v-model="inputData[20659]" @input="change(20659, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>6#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20660)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20660]" 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>
<input @blur="blurChange(20661, $event)" v-model="inputData[20661]" @input="change(20661, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-sel input-sel-w180">
<span>7#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20662)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20662]" 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>
<input @blur="blurChange(20663, $event)" v-model="inputData[20663]" @input="change(20663, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>8#电磁阀自控传感器选择</span>
<el-dropdown @command="handleCommand($event,20664)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20664]" 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>
<input @blur="blurChange(20665, $event)" v-model="inputData[20665]" @input="change(20665, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>湿帘水泵1-2组输出通道：</span>
<input @blur="blurChange(20724, $event)" v-model="inputData[20724]" @input="change(20724, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20725, $event)" v-model="inputData[20725]" @input="change(20725, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>环流风扇1-2组输出通道：</span>
<input @blur="blurChange(20722, $event)" v-model="inputData[20722]" @input="change(20722, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20723, $event)" v-model="inputData[20723]" @input="change(20723, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>高压微雾1-2组输出通道：</span>
<input @blur="blurChange(20720, $event)" v-model="inputData[20720]" @input="change(20720, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20721, $event)" v-model="inputData[20721]" @input="change(20721, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>&nbsp;&nbsp;&nbsp;CO2补气1-2输出通道：</span>
<input @blur="blurChange(20731, $event)" v-model="inputData[20731]" @input="change(20731, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20732, $event)" v-model="inputData[20732]" @input="change(20732, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>冷暖风机1-2组输出通道：</span>
<input @blur="blurChange(20727, $event)" v-model="inputData[20727]" @input="change(20727, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20728, $event)" v-model="inputData[20728]" @input="change(20728, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20729, $event)" v-model="inputData[20729]" @input="change(20729, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20730, $event)" v-model="inputData[20730]" @input="change(20730, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>模式选择</span>
<el-dropdown @command="handleCommand1($event,20726)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20726]" 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 typeList3" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<!-- <div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>CO2补气1-2组输出通道：</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div> -->
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>轴流风机1-5组输出通道：</span>
<input @blur="blurChange(20707, $event)" v-model="inputData[20707]" @input="change(20707, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20708, $event)" v-model="inputData[20708]" @input="change(20708, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20709, $event)" v-model="inputData[20709]" @input="change(20709, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20710, $event)" v-model="inputData[20710]" @input="change(20710, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20711, $event)" v-model="inputData[20711]" @input="change(20711, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>&nbsp;&nbsp;&nbsp;补光灯1-8组输出通道：</span>
<input @blur="blurChange(20712, $event)" v-model="inputData[20712]" @input="change(20712, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20713, $event)" v-model="inputData[20713]" @input="change(20713, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20714, $event)" v-model="inputData[20714]" @input="change(20714, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20715, $event)" v-model="inputData[20715]" @input="change(20715, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20716, $event)" v-model="inputData[20716]" @input="change(20716, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20717, $event)" v-model="inputData[20717]" @input="change(20717, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20718, $event)" v-model="inputData[20718]" @input="change(20718, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20719, $event)" v-model="inputData[20719]" @input="change(20719, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#通风窗全程运行时间</span>
<input @blur="blurChange(20667, $event)" v-model="inputData[20667]" @input="change(20667, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20669, $event)" v-model="inputData[20669]" @input="change(20669, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20670, $event)" v-model="inputData[20670]" @input="change(20670, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20668)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20668]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20892, $event)" v-model="inputData[20892]" @input="change(20892, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#通风窗全程运行时间</span>
<input @blur="blurChange(20671, $event)" v-model="inputData[20671]" @input="change(20671, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20673, $event)" v-model="inputData[20673]" @input="change(20673, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20674, $event)" v-model="inputData[20674]" @input="change(20674, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20672)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20672]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20893, $event)" v-model="inputData[20893]" @input="change(20893, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#通风窗全程运行时间</span>
<input @blur="blurChange(20675, $event)" v-model="inputData[20675]" @input="change(20675, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20677, $event)" v-model="inputData[20677]" @input="change(20677, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20678, $event)" v-model="inputData[20678]" @input="change(20678, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20676)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20676]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20894, $event)" v-model="inputData[20894]" @input="change(20894, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>4#通风窗全程运行时间</span>
<input @blur="blurChange(20679, $event)" v-model="inputData[20679]" @input="change(20679, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20681, $event)" v-model="inputData[20681]" @input="change(20681, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20682, $event)" v-model="inputData[20682]" @input="change(20682, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20680)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20680]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20895, $event)" v-model="inputData[20895]" @input="change(20895, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>5#通风窗全程运行时间</span>
<input @blur="blurChange(20733, $event)" v-model="inputData[20733]" @input="change(20733, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20735, $event)" v-model="inputData[20735]" @input="change(20735, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20736, $event)" v-model="inputData[20736]" @input="change(20736, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20734)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20734]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20898, $event)" v-model="inputData[20898]" @input="change(20898, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>6#通风窗全程运行时间</span>
<input @blur="blurChange(20737, $event)" v-model="inputData[20737]" @input="change(20737, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20739, $event)" v-model="inputData[20739]" @input="change(20739, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20740, $event)" v-model="inputData[20740]" @input="change(20740, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w140">
<span>通风窗朝向</span>
<el-dropdown @command="handleCommand2($event,20738)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20738]" 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 typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-main-80">
<span>开度基础值：</span>
<input @blur="blurChange(20899, $event)" v-model="inputData[20899]" @input="change(20899, $event)"
type="text" placeholder="0">
<span>秒</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>所有设备的行程保护时间</span>
<input @blur="blurChange(20666, $event)" v-model="inputData[20666]" @input="change(20666, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="title-tips-bold">设备位置</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>经度</span>
<input @blur="blurChange10(20896, $event)" v-model="inputData[20896]" @input="changeCount10(20896, $event)"
type="text" placeholder="0">
<span>维度</span>
<input @blur="blurChange10(20897, $event)" v-model="inputData[20897]" @input="changeCount10(20897, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#内遮阳全程运行时间</span>
<input @blur="blurChange(20683, $event)" v-model="inputData[20683]" @input="change(20683, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20684, $event)" v-model="inputData[20684]" @input="change(20684, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20685, $event)" v-model="inputData[20685]" @input="change(20685, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#内遮阳全程运行时间</span>
<input @blur="blurChange(20686, $event)" v-model="inputData[20686]" @input="change(20686, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20687, $event)" v-model="inputData[20687]" @input="change(20687, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20688, $event)" v-model="inputData[20688]" @input="change(20688, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#外遮阳全程运行时间</span>
<input @blur="blurChange(20689, $event)" v-model="inputData[20689]" @input="change(20689, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20690, $event)" v-model="inputData[20690]" @input="change(20690, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20691, $event)" v-model="inputData[20691]" @input="change(20691, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#外遮阳全程运行时间</span>
<input @blur="blurChange(20692, $event)" v-model="inputData[20692]" @input="change(20692, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20693, $event)" v-model="inputData[20693]" @input="change(20693, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20694, $event)" v-model="inputData[20694]" @input="change(20694, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#内保温全程运行时间</span>
<input @blur="blurChange(20695, $event)" v-model="inputData[20695]" @input="change(20695, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20696, $event)" v-model="inputData[20696]" @input="change(20696, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20697, $event)" v-model="inputData[20697]" @input="change(20697, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#内保温全程运行时间</span>
<input @blur="blurChange(20698, $event)" v-model="inputData[20698]" @input="change(20698, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20699, $event)" v-model="inputData[20699]" @input="change(20699, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20700, $event)" v-model="inputData[20700]" @input="change(20700, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#湿帘窗全程运行时间</span>
<input @blur="blurChange(20701, $event)" v-model="inputData[20701]" @input="change(20701, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20702, $event)" v-model="inputData[20702]" @input="change(20702, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20703, $event)" v-model="inputData[20703]" @input="change(20703, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#湿帘窗全程运行时间</span>
<input @blur="blurChange(20704, $event)" v-model="inputData[20704]" @input="change(20704, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20705, $event)" v-model="inputData[20705]" @input="change(20705, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20706, $event)" v-model="inputData[20706]" @input="change(20706, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>立面保温1全程运行时间</span>
<input @blur="blurChange(20741, $event)" v-model="inputData[20741]" @input="change(20741, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20742, $event)" v-model="inputData[20742]" @input="change(20742, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20743, $event)" v-model="inputData[20743]" @input="change(20743, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>立面保温2全程运行时间</span>
<input @blur="blurChange(20744, $event)" v-model="inputData[20744]" @input="change(20744, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20745, $event)" v-model="inputData[20745]" @input="change(20745, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20746, $event)" v-model="inputData[20746]" @input="change(20746, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>立面保温3全程运行时间</span>
<input @blur="blurChange(20747, $event)" v-model="inputData[20747]" @input="change(20747, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20748, $event)" v-model="inputData[20748]" @input="change(20748, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20749, $event)" v-model="inputData[20749]" @input="change(20749, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>立面保温4全程运行时间</span>
<input @blur="blurChange(20750, $event)" v-model="inputData[20750]" @input="change(20750, $event)"
type="text" placeholder="0">
<span>打开输出通道：</span>
<input @blur="blurChange(20751, $event)" v-model="inputData[20751]" @input="change(20751, $event)"
type="text" placeholder="0">
<span>关闭输出通道：</span>
<input @blur="blurChange(20752, $event)" v-model="inputData[20752]" @input="change(20752, $event)"
type="text" placeholder="0">
</div>
</div>
<el-dialog title="请输入密码" class="vrcode-model confirm-psw" top="30vh" :close-on-click-modal="false" :append-to-body="true" :visible.sync="warnModel" <el-dialog title="请输入密码" class="vrcode-model confirm-psw" top="30vh" :close-on-click-modal="false" :append-to-body="true" :visible.sync="warnModel"
width="700px"> width="700px">
<div class="vrcode-model-title vrcode-model-title-282">请输入密码</div> <div class="vrcode-model-title vrcode-model-title-282">请输入密码</div>
@ -655,7 +72,8 @@ export default {
warnModel: true, warnModel: true,
modelPassword:'', modelPassword:'',
sensorType: '', sensorType: '',
typeList1: [{ label: '平均1#土壤湿度', value: 0 }, typeList1: [
// { label: '平均1#土壤湿度', value: 0 },
{ label: '1#土壤湿度', value: 1 }, { label: '1#土壤湿度', value: 1 },
{ label: '2#土壤湿度', value: 2 }, { label: '2#土壤湿度', value: 2 },
{ label: '3#土壤湿度', value: 3 }, { label: '3#土壤湿度', value: 3 },
@ -663,18 +81,31 @@ export default {
{ label: '5#土壤湿度', value: 5 }, { label: '5#土壤湿度', value: 5 },
{ label: '6#土壤湿度', value: 6 }, { label: '6#土壤湿度', value: 6 },
{ label: '7#土壤湿度', value: 7 }, { label: '7#土壤湿度', value: 7 },
{ label: '8#土壤湿度', value: 8 },], { label: '8#土壤湿度', value: 8 },
list1:[20650,20652,20654,20656,20658,20660,20662,20664], { label: '9#土壤湿度', value: 9 },
{ label: '10#土壤湿度', value: 10 },
{ label: '11#土壤湿度', value: 11 },
{ label: '12#土壤湿度', value: 12 },
{ label: '13#土壤湿度', value: 13 },
{ label: '14#土壤湿度', value: 14 },],
list1:40,
typeList2: [ typeList2: [
{ label: '东', value: 1 }, // { label: '平均1#土壤湿度', value: 0 },
{ label: '西', value: 2 }, { label: '1#土壤温度', value: 1 },
{ label: '南', value: 3 }, { label: '2#土壤温度', value: 2 },
{ label: '北', value: 4 }, { label: '3#土壤温度', value: 3 },
{ label: '东南', value: 5 }, { label: '4#土壤温度', value: 4 },
{ label: '东北', value: 6 }, { label: '5#土壤温度', value: 5 },
{ label: '西南', value: 7 }, { label: '6#土壤温度', value: 6 },
{ label: '西北', value: 8 },], { label: '7#土壤温度', value: 7 },
list2:[20668,20672,20676,20680,20734,20738], { label: '8#土壤温度', value: 8 },
{ label: '9#土壤温度', value: 9 },
{ label: '10#土壤温度', value: 10 },
{ label: '11#土壤温度', value: 11 },
{ label: '12#土壤温度', value: 12 },
{ label: '13#土壤温度', value: 13 },
{ label: '14#土壤温度', value: 14 },],
list2:40,
typeList3: [ typeList3: [
{ label: '加热模式', value: 1 }, { label: '加热模式', value: 1 },
{ label: '制冷模式', value: 2 },], { label: '制冷模式', value: 2 },],
@ -782,20 +213,25 @@ modelConfirm(){
var data = { var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
}; };
this.api.intrinsicParameter(data).then(res => { this.api.readFi_intrinsicparameterfi(data).then(res => {
this.loading.close() this.loading.close()
if (res.data.code == 200) { if (res.data.code == 200) {
this.inputData =JSON.parse(JSON.stringify(res.data.data)); this.inputData =JSON.parse(JSON.stringify(res.data.data));
this.inputDataNew=JSON.parse(JSON.stringify(res.data.data)) this.inputDataNew=JSON.parse(JSON.stringify(res.data.data))
this.inputData[20896] =this.countData10(this.inputData[20896]);
this.inputData[20897] =this.countData10(this.inputData[20897]); for (let i = 0; i < 40; i++) {
this.list1.forEach((el,index)=>{ this.inputDataNew[10080+i]=this.getData1(this.inputData[10080+i])
this.inputDataNew[el]=this.getData1(this.inputData[el]) this.inputDataNew[10040+i]=this.getData2(this.inputData[10040+i])
})
this.list2.forEach((el,index)=>{
this.inputDataNew[el]=this.getData2(this.inputData[el]) }
}) // this.list1.forEach((el,index)=>{
this.inputDataNew[20726]=this.getData3(this.inputData[20726]) // this.inputDataNew[el]=this.getData1(this.inputData[el])
// })
// this.list2.forEach((el,index)=>{
// this.inputDataNew[el]=this.getData2(this.inputData[el])
// })
// this.inputDataNew[20726]=this.getData3(this.inputData[20726])
console.log(this.inputData, this.inputDataNew); console.log(this.inputData, this.inputDataNew);
} }

485
src/views/page/irrigateSet-soil.vue
View File

@ -1,50 +1,57 @@
<template> <template>
<div class="irrigateSet"> <div class="irrigateSet">
<div class="table-title"> <div class="table-title">
<img src="../../assets/image/irrigateSet.png" alt="" /> <img src="../../assets/image/irrigateSet.png" alt="" />
{{this.indexs}}#智能灌溉组 {{ this.indexs }}#智能灌溉组
<!-- <div class="tips"></div> --> <!-- <div class="tips"></div> -->
</div> </div>
<div class="flex-view"> <div class="flex-view">
<div class="input-btn"> <div class="input-btn">
<span>控制模式选择</span> <span>控制模式选择</span>
<div class="btn" @click="change00(3)" :class="inputData['1' + (10 + (indexs - 1)) + '00'] == 3 ? 'blue' : 'green'"> <div class="btn" @click="change00(3)"
<img src="../../assets/image/irrigateSet1.png" alt="" />停止 :class="inputData['1' + (10 + (indexs - 1)) + '00'] == 3 ? 'blue' : 'green'">
</div> <img src="../../assets/image/irrigateSet1.png" alt="" />停止
<div class="btn" @click="change00(2)" :class="inputData['1' + (10 + (indexs - 1)) + '00'] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动启动
</div>
<div class="btn" @click="change00(1)" :class="inputData['1' + (10 + (indexs - 1)) + '00'] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动
</div>
</div> </div>
<div class="input-main"> <div class="btn" @click="change00(2)"
<span>手动启动时间</span> :class="inputData['1' + (10 + (indexs - 1)) + '00'] == 2 ? 'blue' : 'green'">
<input @blur="blurChange10('1' + (10 + (indexs - 1)) + '01', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '01']" <img src="../../assets/image/irrigateSet3.png" alt="" />手动启动
@input="changeData10('1' + (10 + (indexs - 1)) + '01', $event)" type="text" value="60" placeholder="60" /> </div>
<div class="btn" @click="change00(1)"
:class="inputData['1' + (10 + (indexs - 1)) + '00'] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动
</div> </div>
</div> </div>
<div class="flex-view"> <div class="input-main">
<div class="input-main-80"> <span>手动启动时间</span>
<span>自动运行起始日期</span> <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '01', $event)"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '02', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '02']" v-model="inputData['1' + (10 + (indexs - 1)) + '01']"
@input="change('1' + (10 + (indexs - 1)) + '02', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '01', $event)" type="text" value="60" placeholder="60" />
<span>年</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '03', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '03']"
@input="change('1' + (10 + (indexs - 1)) + '03', $event)" type="number" placeholder="0" />
<span>月</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '04', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '04']"
@input="change('1' + (10 + (indexs - 1)) + '04', $event)" type="number" placeholder="0" />
<span>日</span>
</div>
<div class="input-main-80">
<span>间隔灌溉天数</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '05', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '05']"
@input="change('1' + (10 + (indexs - 1)) + '05', $event)" type="number" placeholder="0" />
</div>
</div> </div>
<!-- <div class="flex-view"> </div>
<div class="flex-view">
<div class="input-main-80">
<span>自动运行起始日期</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '02', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '02']"
@input="change('1' + (10 + (indexs - 1)) + '02', $event)" type="number" placeholder="0" />
<span>年</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '03', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '03']"
@input="change('1' + (10 + (indexs - 1)) + '03', $event)" type="number" placeholder="0" />
<span>月</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '04', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '04']"
@input="change('1' + (10 + (indexs - 1)) + '04', $event)" type="number" placeholder="0" />
<span>日</span>
</div>
<div class="input-main-80">
<span>间隔灌溉天数</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '05', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '05']"
@input="change('1' + (10 + (indexs - 1)) + '05', $event)" type="number" placeholder="0" />
</div>
</div>
<!-- <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>灌溉</span> <span>灌溉</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '51', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '51']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '51', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '51']"
@ -67,38 +74,48 @@
<span>(秒)电磁阀开始输出</span> <span>(秒)电磁阀开始输出</span>
</div> </div>
</div> --> </div> -->
<div class="flex-view"> <div class="flex-view">
<div class="input-main-80"> <div class="input-main-80">
<span>电磁阀控制通道</span> <span>电磁阀控制通道</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '52', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '52']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '52', $event)"
@input="change('1' + (10 + (indexs - 1)) + '52', $event)" type="text" placeholder="0" /> v-model="inputData['1' + (10 + (indexs - 1)) + '52']"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '53', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '53']" @input="change('1' + (10 + (indexs - 1)) + '52', $event)" type="text" placeholder="0" />
@input="change('1' + (10 + (indexs - 1)) + '53', $event)" type="text" placeholder="0" /> <input @blur="blurChange('1' + (10 + (indexs - 1)) + '53', $event)"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '54', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '54']" v-model="inputData['1' + (10 + (indexs - 1)) + '53']"
@input="change('1' + (10 + (indexs - 1)) + '54', $event)" type="text" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '53', $event)" type="text" placeholder="0" />
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '55', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '55']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '54', $event)"
@input="change('1' + (10 + (indexs - 1)) + '55', $event)" type="text" placeholder="0" /> v-model="inputData['1' + (10 + (indexs - 1)) + '54']"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '56', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '56']" @input="change('1' + (10 + (indexs - 1)) + '54', $event)" type="text" placeholder="0" />
@input="change('1' + (10 + (indexs - 1)) + '56', $event)" type="text" placeholder="0" /> <input @blur="blurChange('1' + (10 + (indexs - 1)) + '55', $event)"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '57', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '57']" v-model="inputData['1' + (10 + (indexs - 1)) + '55']"
@input="change('1' + (10 + (indexs - 1)) + '57', $event)" type="text" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '55', $event)" type="text" placeholder="0" />
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '58', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '58']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '56', $event)"
@input="change('1' + (10 + (indexs - 1)) + '58', $event)" type="text" placeholder="0" /> v-model="inputData['1' + (10 + (indexs - 1)) + '56']"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '59', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '59']" @input="change('1' + (10 + (indexs - 1)) + '56', $event)" type="text" placeholder="0" />
@input="change('1' + (10 + (indexs - 1)) + '59', $event)" type="text" placeholder="0" /> <input @blur="blurChange('1' + (10 + (indexs - 1)) + '57', $event)"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '60', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '60']" v-model="inputData['1' + (10 + (indexs - 1)) + '57']"
@input="change('1' + (10 + (indexs - 1)) + '60', $event)" type="text" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '57', $event)" type="text" placeholder="0" />
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '61', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '61']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '58', $event)"
@input="change('1' + (10 + (indexs - 1)) + '61', $event)" type="text" placeholder="0" /> v-model="inputData['1' + (10 + (indexs - 1)) + '58']"
@input="change('1' + (10 + (indexs - 1)) + '58', $event)" type="text" placeholder="0" />
</div> <input @blur="blurChange('1' + (10 + (indexs - 1)) + '59', $event)"
<!-- <div class="btn green"> v-model="inputData['1' + (10 + (indexs - 1)) + '59']"
@input="change('1' + (10 + (indexs - 1)) + '59', $event)" type="text" placeholder="0" />
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '60', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '60']"
@input="change('1' + (10 + (indexs - 1)) + '60', $event)" type="text" placeholder="0" />
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '61', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '61']"
@input="change('1' + (10 + (indexs - 1)) + '61', $event)" type="text" placeholder="0" />
</div>
<!-- <div class="btn green">
<img src="../../assets/image/rotate.png" alt="" />轮模式启用 <img src="../../assets/image/rotate.png" alt="" />轮模式启用
</div> --> </div> -->
</div> </div>
<div class="flex-view"> <div class="flex-view">
<!-- <div @click="(open1 = !open1), change59()" class="open-btn" :class="open1 ? 'active' : ''"> <!-- <div @click="(open1 = !open1), change59()" class="open-btn" :class="open1 ? 'active' : ''">
<img v-if="!open1" src="../../assets/image/irrigateSet-icon1.png" alt="" /> <img v-if="!open1" src="../../assets/image/irrigateSet-icon1.png" alt="" />
<img v-else src="../../assets/image/irrigateSet-icon1-act.png" alt="" /> <img v-else src="../../assets/image/irrigateSet-icon1-act.png" alt="" />
灌溉清水时不启动施肥机 灌溉清水时不启动施肥机
@ -108,37 +125,38 @@
<img v-else src="../../assets/image/irrigateSet-icon2-act.png" alt="" /> <img v-else src="../../assets/image/irrigateSet-icon2-act.png" alt="" />
灌溉结束时，清空混液罐 灌溉结束时，清空混液罐
</div> --> </div> -->
<div @click="change59()" class="open-btn" :class="inputData['1' + (10 + (indexs - 1)) + '62'] ? 'active' : ''"> <div @click="change59()" class="open-btn" :class="inputData['1' + (10 + (indexs - 1)) + '62'] ? 'active' : ''">
<img v-if="inputData['1' + (10 + (indexs - 1)) + '62']==0" src="../../assets/image/irrigateSet-icon2.png" alt="" /> <img v-if="inputData['1' + (10 + (indexs - 1)) + '62'] == 0" src="../../assets/image/irrigateSet-icon2.png"
<img v-else src="../../assets/image/irrigateSet-icon2-act.png" alt="" /> alt="" />
轮灌模式 <img v-else src="../../assets/image/irrigateSet-icon2-act.png" alt="" />
</div> 轮灌模式
<!-- <div @click="(open4 = !open4), change59()" class="open-btn" :class="open4 ? 'active' : ''"> </div>
<!-- <div @click="(open4 = !open4), change59()" class="open-btn" :class="open4 ? 'active' : ''">
<img v-if="!open4" src="../../assets/image/irrigateSet-icon0.png" alt="" /> <img v-if="!open4" src="../../assets/image/irrigateSet-icon0.png" alt="" />
<img v-else src="../../assets/image/irrigateSet-icon0-act.png" alt="" /> <img v-else src="../../assets/image/irrigateSet-icon0-act.png" alt="" />
灌溉清水时不启动进水泵 灌溉清水时不启动进水泵
</div> --> </div> -->
</div> </div>
<div class="input-view"> <div class="input-view">
<div class="input-sel"> <div class="input-sel">
<span>施肥机自动运行模式选择</span> <span>施肥机自动运行模式选择</span>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<div class="el-dropdown-link"> <div class="el-dropdown-link">
<input type="text" value="选择设定弹窗" v-model="data53" class="input-input" placeholder="无" /> <input type="text" value="选择设定弹窗" v-model="data53" class="input-input" placeholder="无" />
<div class="arrow"> <div class="arrow">
<img src="../../assets/image/arrow.png" alt="" /> <img src="../../assets/image/arrow.png" alt="" />
</div>
</div> </div>
<el-dropdown-menu slot="dropdown"> </div>
<el-dropdown-item command="1">预定时间点启动</el-dropdown-item> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="2">预定时间段启动</el-dropdown-item> <el-dropdown-item command="1">预定时间点启动</el-dropdown-item>
<el-dropdown-item command="3">依据土壤传感器</el-dropdown-item> <el-dropdown-item command="2">预定时间段启动</el-dropdown-item>
<el-dropdown-item command="4">依据光照传感器</el-dropdown-item> <el-dropdown-item command="3">依据土壤传感器</el-dropdown-item>
<el-dropdown-item command="5">依据外控信号</el-dropdown-item> <el-dropdown-item command="4">依据光照传感器</el-dropdown-item>
</el-dropdown-menu> <el-dropdown-item command="5">依据外控信号</el-dropdown-item>
</el-dropdown> </el-dropdown-menu>
</div> </el-dropdown>
</div> </div>
</div>
<el-dialog :modal-append-to-body="false" :show-close="false" :close-on-click-modal="true" :visible.sync="model1" <el-dialog :modal-append-to-body="false" :show-close="false" :close-on-click-modal="true" :visible.sync="model1"
width="440px" :before-close="handleClose1"> width="440px" :before-close="handleClose1">
@ -149,7 +167,8 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>每次灌溉时长</span> <span>每次灌溉时长</span>
<input @blur="blurChange10('1' + (10 + (indexs - 1)) + '06', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '06']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '06', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '06']"
@input="changeData10('1' + (10 + (indexs - 1)) + '06', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '06', $event)" type="number" placeholder="0" />
<span>分</span> <span>分</span>
</div> </div>
@ -160,50 +179,60 @@
<div> <div>
<div class="number">1</div> <div class="number">1</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '07', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '07']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '07', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '07']"
@input="change('1' + (10 + (indexs - 1)) + '07', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '07', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '08', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '08']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '08', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '08']"
@input="change('1' + (10 + (indexs - 1)) + '08', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '08', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">2</div> <div class="number">2</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '09', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '09']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '09', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '09']"
@input="change('1' + (10 + (indexs - 1)) + '09', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '09', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '10', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '10']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '10', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '10']"
@input="change('1' + (10 + (indexs - 1)) + '10', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '10', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">3</div> <div class="number">3</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '11', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '11']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '11', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '11']"
@input="change('1' + (10 + (indexs - 1)) + '11', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '11', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '12', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '12']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '12', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '12']"
@input="change('1' + (10 + (indexs - 1)) + '12', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '12', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">4</div> <div class="number">4</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '13', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '13']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '13', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '13']"
@input="change('1' + (10 + (indexs - 1)) + '13', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '13', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '14', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '14']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '14', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '14']"
@input="change('1' + (10 + (indexs - 1)) + '14', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '14', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">5</div> <div class="number">5</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '15', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '15']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '15', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '15']"
@input="change('1' + (10 + (indexs - 1)) + '15', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '15', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '16', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '16']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '16', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '16']"
@input="change('1' + (10 + (indexs - 1)) + '16', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '16', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -225,7 +254,8 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>每次灌溉时长</span> <span>每次灌溉时长</span>
<input @blur="blurChange10('1' + (10 + (indexs - 1)) + '17', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '17']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '17', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '17']"
@input="changeData10('1' + (10 + (indexs - 1)) + '17', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '17', $event)" type="number" placeholder="0" />
<span>分</span> <span>分</span>
</div> </div>
@ -236,57 +266,72 @@
<div> <div>
<div class="number">1</div> <div class="number">1</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '19', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '19']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '19', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '19']"
@input="change('1' + (10 + (indexs - 1)) + '19', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '19', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '20', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '20']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '20', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '20']"
@input="change('1' + (10 + (indexs - 1)) + '20', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '20', $event)" type="number" placeholder="0" />
<span>-</span> <span>-</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '21', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '21']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '21', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '21']"
@input="change('1' + (10 + (indexs - 1)) + '21', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '21', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '22', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '22']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '22', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '22']"
@input="change('1' + (10 + (indexs - 1)) + '22', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '22', $event)" type="number" placeholder="0" />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '18', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '18']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '18', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '18']"
@input="change('1' + (10 + (indexs - 1)) + '18', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '18', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">2</div> <div class="number">2</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '24', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '24']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '24', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '24']"
@input="change('1' + (10 + (indexs - 1)) + '24', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '24', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '25', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '25']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '25', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '25']"
@input="change('1' + (10 + (indexs - 1)) + '25', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '25', $event)" type="number" placeholder="0" />
<span>-</span> <span>-</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '26', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '26']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '26', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '26']"
@input="change('1' + (10 + (indexs - 1)) + '26', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '26', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '27', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '27']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '27', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '27']"
@input="change('1' + (10 + (indexs - 1)) + '27', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '27', $event)" type="number" placeholder="0" />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '23', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '23']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '23', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '23']"
@input="change('1' + (10 + (indexs - 1)) + '23', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '23', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="number">3</div> <div class="number">3</div>
<div class="input-main-80"> <div class="input-main-80">
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '29', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '29']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '29', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '29']"
@input="change('1' + (10 + (indexs - 1)) + '29', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '29', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '30', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '30']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '30', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '30']"
@input="change('1' + (10 + (indexs - 1)) + '30', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '30', $event)" type="number" placeholder="0" />
<span>-</span> <span>-</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '31', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '31']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '31', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '31']"
@input="change('1' + (10 + (indexs - 1)) + '31', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '31', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '32', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '32']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '32', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '32']"
@input="change('1' + (10 + (indexs - 1)) + '32', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '32', $event)" type="number" placeholder="0" />
<span style="font-size: 16px">时间段里启动次数</span> <span style="font-size: 16px">时间段里启动次数</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '28', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '28']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '28', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '28']"
@input="change('1' + (10 + (indexs - 1)) + '28', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '28', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -308,16 +353,20 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>有效检测时间段</span> <span>有效检测时间段</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '45', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '45']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '45', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '45']"
@input="change('1' + (10 + (indexs - 1)) + '45', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '45', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '46', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '46']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '46', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '46']"
@input="change('1' + (10 + (indexs - 1)) + '46', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '46', $event)" type="number" placeholder="0" />
<span>-</span> <span>-</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '47', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '47']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '47', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '47']"
@input="change('1' + (10 + (indexs - 1)) + '47', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '47', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '48', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '48']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '48', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '48']"
@input="change('1' + (10 + (indexs - 1)) + '48', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '48', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -325,29 +374,34 @@
<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 @blur="blurChange10('1' + (10 + (indexs - 1)) + '40', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '40']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '40', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '40']"
@input="changeData10('1' + (10 + (indexs - 1)) + '40', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '40', $event)" type="number" placeholder="0" />
<span class="text">分</span> <span class="text">分</span>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">光积累启动值</span> <span class="text">光积累启动值</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '41', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '41']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '41', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '41']"
@input="change('1' + (10 + (indexs - 1)) + '41', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '41', $event)" type="number" placeholder="0" />
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最小光照值</span> <span class="text">最小光照值</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '42', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '42']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '42', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '42']"
@input="change('1' + (10 + (indexs - 1)) + '42', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '42', $event)" type="number" placeholder="0" />
<span class="text">Klux</span> <span class="text">Klux</span>
</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 @blur="blurChange10('1' + (10 + (indexs - 1)) + '43', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '43']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '43', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '43']"
@input="changeData10('1' + (10 + (indexs - 1)) + '43', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '43', $event)" type="number" placeholder="0" />
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最长灌溉间隔</span> <span class="text">最长灌溉间隔</span>
<input @blur="blurChange10('1' + (10 + (indexs - 1)) + '44', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '44']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '44', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '44']"
@input="changeData10('1' + (10 + (indexs - 1)) + '44', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '44', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -368,16 +422,20 @@
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span>有效检测时间段</span> <span>有效检测时间段</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '33', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '33']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '33', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '33']"
@input="change('1' + (10 + (indexs - 1)) + '33', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '33', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '34', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '34']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '34', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '34']"
@input="change('1' + (10 + (indexs - 1)) + '34', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '34', $event)" type="number" placeholder="0" />
<span>-</span> <span>-</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '35', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '35']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '35', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '35']"
@input="change('1' + (10 + (indexs - 1)) + '35', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '35', $event)" type="number" placeholder="0" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '36', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '36']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '36', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '36']"
@input="change('1' + (10 + (indexs - 1)) + '36', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '36', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -385,19 +443,22 @@
<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 @blur="blurChange('1' + (10 + (indexs - 1)) + '37', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '37']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '37', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '37']"
@input="change('1' + (10 + (indexs - 1)) + '37', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '37', $event)" type="number" placeholder="0" />
<span class="text">%</span> <span class="text">%</span>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">最高土壤湿度</span> <span class="text">最高土壤湿度</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '38', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '38']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '38', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '38']"
@input="change('1' + (10 + (indexs - 1)) + '38', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '38', $event)" type="number" placeholder="0" />
<span class="text">%</span> <span class="text">%</span>
</div> </div>
<div class="input-main-80"> <div class="input-main-80">
<span class="text">灌溉时长上限</span> <span class="text">灌溉时长上限</span>
<input @blur="blurChange10('1' + (10 + (indexs - 1)) + '39', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '39']" <input @blur="blurChange10('1' + (10 + (indexs - 1)) + '39', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '39']"
@input="changeData10('1' + (10 + (indexs - 1)) + '39', $event)" type="number" placeholder="0" /> @input="changeData10('1' + (10 + (indexs - 1)) + '39', $event)" type="number" placeholder="0" />
<span class="text">分</span> <span class="text">分</span>
</div> </div>
@ -417,37 +478,47 @@
<img src="../../assets/image/model4-icon.png" alt="" />外控模式 <img src="../../assets/image/model4-icon.png" alt="" />外控模式
</div> </div>
<div> <div>
<div class="input-main-80"> <div class="input-main-80">
<span>有效时间：</span> <span>有效时间：</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '67', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '67']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '67', $event)"
@input="change('1' + (10 + (indexs - 1)) + '67', $event)" type="number" placeholder="0" min="0" max="23" /> v-model="inputData['1' + (10 + (indexs - 1)) + '67']"
<span>:</span> @input="change('1' + (10 + (indexs - 1)) + '67', $event)" type="number" placeholder="0" min="0"
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '68', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '68']" max="23" />
@input="change('1' + (10 + (indexs - 1)) + '68', $event)" type="number" placeholder="0" min="0" max="59" />
<span>--</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '69', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '69']"
@input="change('1' + (10 + (indexs - 1)) + '69', $event)" type="number" placeholder="0" min="0" max="23" />
<span>:</span> <span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '70', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '70']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '68', $event)"
@input="change('1' + (10 + (indexs - 1)) + '70', $event)" type="number" placeholder="0" min="0" max="59" /> v-model="inputData['1' + (10 + (indexs - 1)) + '68']"
@input="change('1' + (10 + (indexs - 1)) + '68', $event)" type="number" placeholder="0" min="0"
max="59" />
<span>--</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '69', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '69']"
@input="change('1' + (10 + (indexs - 1)) + '69', $event)" type="number" placeholder="0" min="0"
max="23" />
<span>:</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '70', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '70']"
@input="change('1' + (10 + (indexs - 1)) + '70', $event)" type="number" placeholder="0" min="0"
max="59" />
</div>
</div> </div>
</div> </div>
</div>
<div class="model1-top model4-top"> <div class="model1-top model4-top">
<div class="model-left"> <div class="model-left">
<div class="btn btn-w80" @click="blurChange('1' + (10 + (indexs - 1)) + '71', {target:{value:1}}),model4Sel=1" :class="model4Sel==1?'blue':'off'"> <div class="btn btn-w80" @click="blurChange('1' + (10 + (indexs - 1)) + '71', { target: { value: 1 } }), model4Sel = 1"
{{model4Sel==1?'有效':'无效'}} :class="model4Sel == 1 ? 'blue' : 'off'">
{{ model4Sel == 1 ? '有效' : '无效' }}
</div>
<span>外部数字量控制方式:</span>
</div> </div>
<span>外部数字量控制方式:</span>
</div>
<div class="model-right"> <div class="model-right">
<div> <div>
<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 @blur="blurChange('1' + (10 + (indexs - 1)) + '49', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '49']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '49', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '49']"
@input="change('1' + (10 + (indexs - 1)) + '49', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '49', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -455,7 +526,8 @@
<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 @blur="blurChange('1' + (10 + (indexs - 1)) + '50', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '50']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '50', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '50']"
@input="change('1' + (10 + (indexs - 1)) + '50', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '50', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
@ -463,36 +535,41 @@
</div> </div>
<div class="model1-top model4-top"> <div class="model1-top model4-top">
<div class="model-left"> <div class="model-left">
<div class="btn btn-w80 " @click="blurChange('1' + (10 + (indexs - 1)) + '71', {target:{value:2}}),model4Sel=2" :class="model4Sel==2?'blue':'off'"> <div class="btn btn-w80 "
{{model4Sel==2?'有效':'无效'}} @click="blurChange('1' + (10 + (indexs - 1)) + '71', { target: { value: 2 } }), model4Sel = 2"
:class="model4Sel == 2 ? 'blue' : 'off'">
{{ model4Sel == 2 ? '有效' : '无效' }}
</div>
<span>液位传感器控制方式:</span>
</div> </div>
<span>液位传感器控制方式:</span>
</div>
<div class="model-right"> <div class="model-right">
<div> <div>
<div class="input-main-80"> <div class="input-main-80">
<span>液位信号通道</span> <span>液位信号通道</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '72', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '72']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '72', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '72']"
@input="change('1' + (10 + (indexs - 1)) + '72', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '72', $event)" type="number" placeholder="0" />
</div> </div>
</div> </div>
<div> <div>
<div class="input-main-80"> <div class="input-main-80">
<span>启动低液位值</span> <span>启动低液位值</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '73', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '73']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '73', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '73']"
@input="change('1' + (10 + (indexs - 1)) + '73', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '73', $event)" type="number" placeholder="0" />
<span>cm</span> <span>cm</span>
</div> </div>
</div> </div>
<div> <div>
<div class="input-main-80"> <div class="input-main-80">
<span>停止高液位值</span> <span>停止高液位值</span>
<input @blur="blurChange('1' + (10 + (indexs - 1)) + '74', $event)" v-model="inputData['1' + (10 + (indexs - 1)) + '74']" <input @blur="blurChange('1' + (10 + (indexs - 1)) + '74', $event)"
v-model="inputData['1' + (10 + (indexs - 1)) + '74']"
@input="change('1' + (10 + (indexs - 1)) + '74', $event)" type="number" placeholder="0" /> @input="change('1' + (10 + (indexs - 1)) + '74', $event)" type="number" placeholder="0" />
<span>cm</span> <span>cm</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -506,7 +583,7 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
topActive: 1, topActive: 1,
@ -518,24 +595,24 @@ export default {
model2: false, model2: false,
model3: false, model3: false,
model4: false, model4: false,
model4Sel:0, model4Sel: 0,
model5: false, model5: false,
timer: null, timer: null,
indexs: 2, indexs: 2,
data53: "", data53: "",
inputData: {}, inputData: {},
loading:null, loading: null,
}; };
}, },
watch: { watch: {
'$store.state.equipmentIndex': function (newValue, oldValue) { '$store.state.equipmentIndex': function (newValue, oldValue) {
const that = this; const that = this;
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)'
}); });
setTimeout(() => { setTimeout(() => {
that.dataInit(); that.dataInit();
}, 0); }, 0);
@ -544,11 +621,11 @@ export default {
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;
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)'
}); });
setTimeout(() => { setTimeout(() => {
that.dataInit(); that.dataInit();
}, 0); }, 0);
@ -558,11 +635,11 @@ export default {
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;
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)'
}); });
setTimeout(() => { setTimeout(() => {
that.dataInit(); that.dataInit();
}, 0); }, 0);
@ -645,11 +722,11 @@ export default {
// } else { // } else {
// list[2] = "0"; // list[2] = "0";
// } // }
this.inputData['1' + (10 + (this.indexs - 1)) + '00']= index this.inputData['1' + (10 + (this.indexs - 1)) + '00'] = index
// var num = list.join(""); // var num = list.join("");
var dataNum = { var dataNum = {
target: { target: {
value:index, value: index,
}, },
}; };
this.changeBtn('1' + (10 + (this.indexs - 1)) + "00", dataNum); this.changeBtn('1' + (10 + (this.indexs - 1)) + "00", dataNum);
@ -693,18 +770,18 @@ export default {
// } else { // } else {
// list[0] = "0"; // list[0] = "0";
// } // }
var num=0 var num = 0
if(this.inputData['1' + (10 + (this.indexs - 1)) + '62']==1){ if (this.inputData['1' + (10 + (this.indexs - 1)) + '62'] == 1) {
this.inputData['1' + (10 + (this.indexs - 1)) + '62']=0 this.inputData['1' + (10 + (this.indexs - 1)) + '62'] = 0
num=0 num = 0
}else{ } else {
this.inputData['1' + (10 + (this.indexs - 1)) + '62']=1 this.inputData['1' + (10 + (this.indexs - 1)) + '62'] = 1
num=1 num = 1
} }
var dataNum = { var dataNum = {
target: { target: {
value:num, value: num,
}, },
}; };
this.changeBtn('1' + (10 + (this.indexs - 1)) + "62", dataNum); this.changeBtn('1' + (10 + (this.indexs - 1)) + "62", dataNum);
@ -733,7 +810,7 @@ export default {
this.open4 = true; this.open4 = true;
} else { } else {
this.open4 = false; this.open4 = false;
} }
}, },
dataInit() { dataInit() {
var indexs = this.indexs var indexs = this.indexs
@ -742,7 +819,7 @@ export default {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
}; };
// this.api.readFi_irrigate() // this.api.readFi_irrigate()
this.api.readFi_irrigate(`/readFi/irrigate${indexs}`,data).then((res) => { this.api.readFi_irrigate(`/readFi/irrigate${indexs}`, data).then((res) => {
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;
@ -756,7 +833,7 @@ export default {
this.inputData['1' + (10 + (indexs - 1)) + '40'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '40']) this.inputData['1' + (10 + (indexs - 1)) + '40'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '40'])
this.inputData['1' + (10 + (indexs - 1)) + '43'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '43']) this.inputData['1' + (10 + (indexs - 1)) + '43'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '43'])
this.inputData['1' + (10 + (indexs - 1)) + '44'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '44']) this.inputData['1' + (10 + (indexs - 1)) + '44'] = this.countData10(this.inputData['1' + (10 + (indexs - 1)) + '44'])
this.model4Sel= this.inputData['1' + (10 + (indexs - 1)) + '71'] this.model4Sel = this.inputData['1' + (10 + (indexs - 1)) + '71']
} else { } else {
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
@ -827,7 +904,7 @@ export default {
} }
}, 100); }, 100);
}, },
changeModel4(){ changeModel4() {
}, },
//间隔灌溉天数 //间隔灌溉天数

539
src/views/page/sensorSet-soil.vue
View File

@ -1,41 +1,41 @@
<template> <template>
<div class="irrigateSet sensorSet"> <div class="irrigateSet sensorSet">
<div class="table-title"> <div class="table-title">
<img src="../../assets/image/sensor.png" alt=""> 传感器配置界面 <img src="../../assets/image/sensor.png" alt=""> 传感器配置界面
</div> </div>
<div class="sensor-view"> <div class="sensor-view">
<div class="left scroll"> <div class="left scroll">
<div @click="toIndex(index)" :class="active == index ? 'active' : ''" v-for="item, index in 6" <div @click="toIndex(index)" :class="active == index ? 'active' : ''" v-for="item, index in 96"
:key="index"> :key="index">
<div> <div>
{{ index + 1 }}#传感器通道 {{ index + 1 }}#传感器通道
</div>
</div> </div>
</div> </div>
<div class="right"> </div>
<div class="right-top"> <div class="right">
<div class="right-sel"> <div class="right-top">
<div @click="changeOpen()"> <div class="right-sel">
<div v-if="openList.indexOf(active) == -1" class="no-sel"></div> <div @click="changeOpen()">
<div v-else class="sel"></div> <div v-if="openList.indexOf(active) == -1" class="no-sel"></div>
有效性 <div v-else class="sel"></div>
有效性
</div>
</div>
<div class="input-sel">
<div class="title">传感器类型</div>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="选择传感器类型">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div> </div>
</div> <el-dropdown-menu slot="dropdown">
<div class="input-sel"> <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
<div class="title">传感器类型</div> item.label }}</el-dropdown-item>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="选择传感器类型">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<!-- <div class="right-sel"> <!-- <div class="right-sel">
<div @click="sel2 = !sel2"> <div @click="sel2 = !sel2">
<div v-if="!sel2" class="no-sel"></div> <div v-if="!sel2" class="no-sel"></div>
<div v-else class="sel"></div> <div v-else class="sel"></div>
@ -47,39 +47,39 @@
模拟量传感器 模拟量传感器
</div> </div>
</div> --> </div> -->
</div> </div>
<div class="right-bottom"> <div class="right-bottom">
<div> <div>
<div class="input-main"> <div class="input-main">
<div>标定低点AD值</div> <div>标定低点AD值</div>
<input @blur="blurChange(numberList[active] + 1, $event)" v-model="inputDataNew[numberList[active] + 1]" <input @blur="blurChange(numberList[active] + 1, $event)"
@input="change(numberList[active] + 1, $event)" v-model="inputDataNew[numberList[active] + 1]"
type="number" placeholder="0.0"> @input="change(numberList[active] + 1, $event)" type="number" placeholder="0.0">
</div>
<div class="input-main">
<div>标定低点数据</div>
<input @blur="blurChange1(numberList[active] + 2, $event)" v-model="inputDataNew[numberList[active] + 2]"
@input="change1(numberList[active] + 2, $event)"
type="number" placeholder="0.0">
</div>
</div> </div>
<div> <div class="input-main">
<div class="input-main"> <div>标定低点数据</div>
<div>标定高点AD值</div> <input @blur="blurChange1(numberList[active] + 2, $event)"
<input @blur="blurChange(numberList[active] + 3, $event)" v-model="inputDataNew[numberList[active] + 3]" v-model="inputDataNew[numberList[active] + 2]"
@input="change(numberList[active] + 3, $event)" @input="change1(numberList[active] + 2, $event)" type="number" placeholder="0.0">
type="number" placeholder="0.0"> </div>
</div> </div>
<div class="input-main"> <div>
<div>标定高点数据</div> <div class="input-main">
<input @blur="blurChange1(numberList[active] + 4, $event)" v-model="inputDataNew[numberList[active] + 4]" <div>标定高点AD值</div>
@input="change1(numberList[active] + 4 , $event)" <input @blur="blurChange(numberList[active] + 3, $event)"
type="number" placeholder="0.0"> v-model="inputDataNew[numberList[active] + 3]"
</div> @input="change(numberList[active] + 3, $event)" type="number" placeholder="0.0">
</div>
<div class="input-main">
<div>标定高点数据</div>
<input @blur="blurChange1(numberList[active] + 4, $event)"
v-model="inputDataNew[numberList[active] + 4]"
@input="change1(numberList[active] + 4, $event)" type="number" placeholder="0.0">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>
<script> <script>
@ -90,37 +90,48 @@ export default {
sel1: true, sel1: true,
sel2: false, sel2: false,
sel3: false, sel3: false,
numberList: [273, 278, 283, 288, 293, 298], numberList: [],
inputData: [], inputData: [],
inputDataNew:[], inputDataNew: [],
sensorType:'',//当前传感器类型 sensorType: '',//当前传感器类型
openList: [],//当前有效的传感器 openList: [],//当前有效的传感器
typeList:this.$store.state.typeList, typeList: this.$store.state.typeList,
loading:null, loading: null,
list1:'',
list2:'',
list3:'',
list4:'',
list5:'',
list6:'',
} }
}, },
watch:{ watch: {
'active'(newVal,oldVal){ 'active'(newVal, oldVal) {
this.getSensorType() this.getSensorType()
// this.getCountData() // this.getCountData()
}, },
}, },
mounted() { created(){
for (let i = 0; i < 96; i++) {
this.numberList.push(10206+(i*5))
}
},
mounted() {
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)'
}); });
this.dataInit() this.dataInit()
//input获取焦点后全选 //input获取焦点后全选
let inputList = document.querySelectorAll('input'); let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) { for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本 inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
} }
}, },
methods: { methods: {
//countType计算类型 //countType计算类型
//0是原数据 //0是原数据
//1是原数据-400 //1是原数据-400
//2是原数据/10 //2是原数据/10
@ -140,9 +151,9 @@ export default {
}, },
countType4(data) { countType4(data) {
var num = (data - 1000) / 10 var num = (data - 1000) / 10
return num return num
}, },
//反向计算提交 //反向计算提交
sendCountType1(data) { sendCountType1(data) {
var num = data + 400 var num = data + 400
@ -154,84 +165,84 @@ return num
}, },
sendCountType3(data) { sendCountType3(data) {
var num = (data* 10)+400 var num = (data * 10) + 400
return num return num
}, },
sendCountType4(data) { sendCountType4(data) {
var num = (data* 10)+1000 var num = (data * 10) + 1000
return num return num
}, },
//类型选择 //类型选择
handleCommand(command){ handleCommand(command) {
this.typeList.forEach((el,index)=>{ this.typeList.forEach((el, index) => {
if(el.value==command){ if (el.value == command) {
this.sensorType=el.label this.sensorType = el.label
} }
}) })
var dataNum = { var dataNum = {
target: { target: {
value:command, value: command,
}, },
}; };
this.changeBtn(this.numberList[this.active], dataNum); this.changeBtn(this.numberList[this.active], dataNum);
}, },
//根据类型反向计算赋值给inputData //根据类型反向计算赋值给inputData
getSaveCountData(){ getSaveCountData() {
for (var i = 0; i < 48; i++) { for (var i = 0; i < 48; i++) {
this.typeList.forEach((el, index) => { this.typeList.forEach((el, index) => {
if (el.value == this.inputData[this.numberList[i]]) { if (el.value == this.inputData[this.numberList[i]]) {
if(el.countType==0){ if (el.countType == 0) {
this.inputData[this.numberList[i] + 2]=this.inputDataNew[this.numberList[i] + 2] this.inputData[this.numberList[i] + 2] = this.inputDataNew[this.numberList[i] + 2]
this.inputData[this.numberList[i] + 4]=this.inputDataNew[this.numberList[i] + 4] this.inputData[this.numberList[i] + 4] = this.inputDataNew[this.numberList[i] + 4]
}else if(el.countType==1){ } else if (el.countType == 1) {
this.inputData[this.numberList[i] + 2]=this.sendCountType1(this.inputDataNew[this.numberList[i] + 2]) this.inputData[this.numberList[i] + 2] = this.sendCountType1(this.inputDataNew[this.numberList[i] + 2])
this.inputData[this.numberList[i] + 4]=this.sendCountType1(this.inputDataNew[this.numberList[i] + 4]) this.inputData[this.numberList[i] + 4] = this.sendCountType1(this.inputDataNew[this.numberList[i] + 4])
}else if(el.countType==2){ } else if (el.countType == 2) {
this.inputData[this.numberList[i] + 2]=this.sendCountType2(this.inputDataNew[this.numberList[i] + 2]) this.inputData[this.numberList[i] + 2] = this.sendCountType2(this.inputDataNew[this.numberList[i] + 2])
this.inputData[this.numberList[i] + 4]=this.sendCountType2(this.inputDataNew[this.numberList[i] + 4]) this.inputData[this.numberList[i] + 4] = this.sendCountType2(this.inputDataNew[this.numberList[i] + 4])
}else if(el.countType==3){ } else if (el.countType == 3) {
this.inputData[this.numberList[i] + 2]=this.sendCountType3(this.inputDataNew[this.numberList[i] + 2]) this.inputData[this.numberList[i] + 2] = this.sendCountType3(this.inputDataNew[this.numberList[i] + 2])
this.inputData[this.numberList[i] + 4]=this.sendCountType3(this.inputDataNew[this.numberList[i] + 4]) this.inputData[this.numberList[i] + 4] = this.sendCountType3(this.inputDataNew[this.numberList[i] + 4])
}else if(el.countType==4){ } else if (el.countType == 4) {
this.inputData[this.numberList[i] + 2]=this.sendCountType4(this.inputDataNew[this.numberList[i] + 2]) this.inputData[this.numberList[i] + 2] = this.sendCountType4(this.inputDataNew[this.numberList[i] + 2])
this.inputData[this.numberList[i] + 4]=this.sendCountType4(this.inputDataNew[this.numberList[i] + 4]) this.inputData[this.numberList[i] + 4] = this.sendCountType4(this.inputDataNew[this.numberList[i] + 4])
} }
} }
}) })
} }
}, },
//根据类型修改数据 //根据类型修改数据
getCountData(){ getCountData() {
for (var i = 0; i < 6; i++) { for (var i = 0; i < 6; i++) {
this.typeList.forEach((el, index) => { this.typeList.forEach((el, index) => {
if (el.value == this.inputData[this.numberList[i]]) { if (el.value == this.inputData[this.numberList[i]]) {
if(el.countType==0){ if (el.countType == 0) {
this.inputDataNew[this.numberList[i] + 2]=this.inputData[this.numberList[i] + 2] this.inputDataNew[this.numberList[i] + 2] = this.inputData[this.numberList[i] + 2]
this.inputDataNew[this.numberList[i] + 4]=this.inputData[this.numberList[i] + 4] this.inputDataNew[this.numberList[i] + 4] = this.inputData[this.numberList[i] + 4]
}else if(el.countType==1){ } else if (el.countType == 1) {
this.inputDataNew[this.numberList[i] + 2]=this.countType1(this.inputData[this.numberList[i] + 2]) this.inputDataNew[this.numberList[i] + 2] = this.countType1(this.inputData[this.numberList[i] + 2])
this.inputDataNew[this.numberList[i] + 4]=this.countType1(this.inputData[this.numberList[i] + 4]) this.inputDataNew[this.numberList[i] + 4] = this.countType1(this.inputData[this.numberList[i] + 4])
}else if(el.countType==2){ } else if (el.countType == 2) {
this.inputDataNew[this.numberList[i] + 2]=this.countType2(this.inputData[this.numberList[i] + 2]) this.inputDataNew[this.numberList[i] + 2] = this.countType2(this.inputData[this.numberList[i] + 2])
this.inputDataNew[this.numberList[i] + 4]=this.countType2(this.inputData[this.numberList[i] + 4]) this.inputDataNew[this.numberList[i] + 4] = this.countType2(this.inputData[this.numberList[i] + 4])
}else if(el.countType==3){ } else if (el.countType == 3) {
this.inputDataNew[this.numberList[i] + 2]=this.countType3(this.inputData[this.numberList[i] + 2]) this.inputDataNew[this.numberList[i] + 2] = this.countType3(this.inputData[this.numberList[i] + 2])
this.inputDataNew[this.numberList[i] + 4]=this.countType3(this.inputData[this.numberList[i] + 4]) this.inputDataNew[this.numberList[i] + 4] = this.countType3(this.inputData[this.numberList[i] + 4])
}else if(el.countType==4){ } else if (el.countType == 4) {
this.inputDataNew[this.numberList[i] + 2]=this.countType4(this.inputData[this.numberList[i] + 2]) this.inputDataNew[this.numberList[i] + 2] = this.countType4(this.inputData[this.numberList[i] + 2])
this.inputDataNew[this.numberList[i] + 4]=this.countType4(this.inputData[this.numberList[i] + 4]) this.inputDataNew[this.numberList[i] + 4] = this.countType4(this.inputData[this.numberList[i] + 4])
} }
} }
}) })
} }
}, },
getSensorType(){ getSensorType() {
this.typeList.forEach((el,index)=>{ this.typeList.forEach((el, index) => {
if(el.value==this.inputData[this.numberList[this.active]]){ if (el.value == this.inputData[this.numberList[this.active]]) {
this.sensorType=el.label this.sensorType = el.label
} }
}) })
}, },
@ -243,46 +254,83 @@ return num
}, },
changeOpen() { changeOpen() {
var inputData = this.inputData var inputData = this.inputData
var list1 = this.padString(inputData['272'].toString(2), 6) var num = 10200
var listData = list1.split('') var listIndex = 16
var listnum = Math.floor(this.active / listIndex) + 1
if (Number(listData[listData.length - 1 - this.active])) { console.log(this['list' + listnum],123,'list' + listnum);
listData[listData.length - 1 - this.active] = '0'
var listData = this['list' + listnum].split('')
if (Number(listData[listIndex - 1 - (this.active % listIndex)])) {
listData[listData.length - 1 - (this.active % listIndex)] = '0'
this['list' + listnum] = listData.join('')
this.openList.splice(this.openList.indexOf(this.active), 1) this.openList.splice(this.openList.indexOf(this.active), 1)
} else { } else {
listData[listData.length - 1 - this.active] = '1' listData[listData.length - 1 - (this.active % listIndex)] = '1'
this['list' + listnum] = listData.join('')
this.openList.push(this.active) this.openList.push(this.active)
} }
this.$forceUpdate()
var listNew = listData.join(""); var listNew = listData.join("");
var dataNum = { var dataNum = {
target: { target: {
value: parseInt(listNew, 2), value: parseInt(listNew, 2),
}, },
}; };
this.changeBtn('272', dataNum); // console.log(num + listnum, dataNum);
this.changeBtn(10200 + listnum -1, dataNum);
}, },
getData272() { getData272() {
var inputData = this.inputData var inputData = this.inputData
var list1 = this.padString(inputData['272'].toString(2), 6) // 96个传感器
var number = 6
this.openList = [] this.openList = []
this.list1 = this.padString(inputData['10200'].toString(2), 16)
this.list2 = this.padString(inputData['10201'].toString(2), 16)
this.list3 = this.padString(inputData['10202'].toString(2), 16)
this.list4 = this.padString(inputData['10203'].toString(2), 16)
this.list5 = this.padString(inputData['10204'].toString(2), 16)
this.list6 = this.padString(inputData['10205'].toString(2), 16)
var number = 16
for (var i = 0; i < number; i++) { for (var i = 0; i < number; i++) {
console.log(Number(list1[list1.length - 1 - i])); if (Number(this.list1[this.list1.length - 1 - i])) {
if (Number(list1[list1.length - 1 - i])) {
this.openList.push(i) this.openList.push(i)
} }
} }
for (var j = 0; j < number; j++) {
if (Number(this.list2[this.list2.length - 1 - j])) {
this.openList.push(j + 16)
}
}
for (var k = 0; k < number; k++) {
if (Number(this.list3[this.list3.length - 1 - k])) {
this.openList.push(k + 32)
}
}
for (var l = 0; l < number; l++) {
if (Number(this.list4[this.list4.length - 1 - l])) {
this.openList.push(l + 48)
}
}
for (var m = 0; m < number; m++) {
if (Number(this.list5[this.list5.length - 1 - m])) {
this.openList.push(m + 64)
}
}
for (var n = 0; n < number; n++) {
if (Number(this.list6[this.list6.length - 1 - n])) {
this.openList.push(n + 80)
}
}
}, },
dataInit() { dataInit() {
var store = this.$store.state var store = this.$store.state
var data = { var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId, deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
pattern: 272, //需要根据文档填写 //6目标ph-数值
regNum: 31,//从pattern取多少个数据
}; };
this.api.postReg(data).then((res) => { this.api.readFi_sensorchannelfi(data).then((res) => {
this.loading.close() this.loading.close()
if (res.data.code == 200) { if (res.data.code == 200) {
this.inputData = JSON.parse(JSON.stringify(res.data.data)); this.inputData = JSON.parse(JSON.stringify(res.data.data));
@ -295,27 +343,27 @@ return num
} }
}); });
}, },
//全选文本 //全选文本
selectValue(e) { selectValue(e) {
var store = this.$store.state var store = this.$store.state
store.nowInput=e.target.value store.nowInput = e.target.value
e.currentTarget.select(); e.currentTarget.select();
}, },
getSendData(number){ getSendData(number) {
var number1=number var number1 = number
this.typeList.some((el, index) => { this.typeList.some((el, index) => {
if (el.value == this.inputData[this.numberList[this.active]]) { if (el.value == this.inputData[this.numberList[this.active]]) {
if(el.countType==0){ if (el.countType == 0) {
number1=number number1 = number
}else if(el.countType==1){ } else if (el.countType == 1) {
number1=this.sendCountType1(number) number1 = this.sendCountType1(number)
}else if(el.countType==2){ } else if (el.countType == 2) {
number1=this.sendCountType2(number) number1 = this.sendCountType2(number)
}else if(el.countType==3){ } else if (el.countType == 3) {
number1=this.sendCountType3(number) number1 = this.sendCountType3(number)
}else if(el.countType==4){ } else if (el.countType == 4) {
number1=this.sendCountType4(number) number1 = this.sendCountType4(number)
} }
} }
}) })
return number1 return number1
@ -336,61 +384,61 @@ getSendData(number){
var data = { var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId, equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code, regAddress: code,
num:this.getSendData(el.target.value) , num: this.getSendData(el.target.value),
}; //避免开启多个计时器 }; //避免开启多个计时器
if(data.num!=this.inputData[code]){ if (data.num != this.inputData[code]) {
// this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
// if (this.timer) { // if (this.timer) {
// this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
// this.changeData(data); // this.changeData(data);
// } // }
}, },
//失去焦点 //失去焦点
blurChange(code, el) { blurChange(code, el) {
var store=this.$store.state var store = this.$store.state
var data = { var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId, equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code, regAddress: code,
num: el.target.value, num: el.target.value,
}; //避免开启多个计时器 }; //避免开启多个计时器
if(data.num!=this.inputData[code]){ if (data.num != this.inputData[code]) {
// this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
this.changeData(data); this.changeData(data);
} }
// if(this.timer){ // if(this.timer){
// this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
// this.changeData(data); // this.changeData(data);
// } // }
},
changeBtn(code,el){
var store=this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimerBtn(0, data);
},
//切换btn的限制 写入停止后j*100毫秒调取函数
delayTimerBtn(i, data) {
const that = this;
//整体接口
let j = this.$store.state.lateSendBtn;
//避免开启多个计时器
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => { },
++i; changeBtn(code, el) {
if (i == j) { var store = this.$store.state
that.changeData(data); var data = {
clearInterval(this.timer); equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
} regAddress: code,
}, 100); num: el.target.value,
}, };
this.delayTimerBtn(0, data);
},
//切换btn的限制 写入停止后j*100毫秒调取函数
delayTimerBtn(i, data) {
const that = this;
//整体接口
let j = this.$store.state.lateSendBtn;
//避免开启多个计时器
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) { change(code, el) {
// var store = this.$store.state // var store = this.$store.state
// var data = { // var data = {
@ -418,34 +466,33 @@ getSendData(number){
}, },
changeData(data) { changeData(data) {
var store = this.$store.state var store = this.$store.state
this.api.postWriteFs(data).then((res) => { this.api.postwriteFi_write(data).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: "success", type: "success",
}); });
store.nowInput='' store.nowInput = ''
this.getSaveCountData() this.getSaveCountData()
// this.dataInit(); // this.dataInit();
for (var i = 0; i < 48; i++) { for (var i = 0; i < 48; i++) {
if(this.numberList[i]==data.regAddress){ if (this.numberList[i] == data.regAddress) {
this.inputData[this.numberList[i]]=data.num this.inputData[this.numberList[i]] = data.num
}
}
}
this.getCountData() }
} else {
this.inputData[data.regAddress]=store.nowInput
this.$message.error(res.data.msg); this.getCountData()
} } else {
this.timer = null this.inputData[data.regAddress] = store.nowInput
}); this.$message.error(res.data.msg);
}
this.timer = null
});
}, },
}, },
} }
</script> </script>
<style lang="scss"></style> <style lang="scss"></style>

249
src/views/page/status-soil.vue 100644
View File

@ -0,0 +1,249 @@
<template>
<div class="irrigateSet sensorSet">
<div class="table-title">
<img src="../../assets/img/intrinsicParameter.png" alt=""> {{
$store.state.equipmentList[$store.state.equipmentIndex - 1].deviceTypeName }}状态显示
</div>
<div class="flex-view">
<div class="input-main input-main-w120">
<template v-for="item, index in dataInfo2_list">
<span>{{ item.title }}</span>
<input v-model="item.timer" type="text" value="60" disabled placeholder="60" />
<span>{{ item.unit }}</span>
</template>
</div>
</div>
<div class="flex-view">
<div class="open-btn" :class="inputData['3012'] ? 'active' : ''">
<img v-if="inputData['3012']" src="../../assets/image/irrigateSet-icon2-act.png" alt="" />
<img v-else src="../../assets/image/irrigateSet-icon2.png" alt="" />
进水泵
</div>
</div>
<div class="flex-view">
<div class="open-btn w-250" :class="right2Index.indexOf(index) != -1 ? 'active' : ''"
v-for="(item, index) in rightList2" >{{ item }}
</div>
<!-- <div class="open-btn w-250" :class="right2Index.indexOf(index) != -1 ? 'active' : ''"
v-for="(item, index) in rightList2.slice(4, 8)">{{ item }}
</div> -->
</div>
<div class="flex-view">
<div class="input-main-80">
<span>电磁阀控制通道</span>
<template v-for="(item, index) in 16 * 6">
<input v-if="centerBottom.indexOf(index) != -1" disabled :value="`${index + 1}#`"
type="text" placeholder="0" />
</template>
</div>
</div>
<div style="padding: 10px 10px 0;">
土壤温湿度传感器数据
</div>
<div class="flex-view">
<div>
<template v-for="item,index in 40">
<div class="input-main-80" v-if="index<(inputData[3102]?inputData[3102]:0)" :key="index">
<span>{{ index + 1 }}#土壤温度传感器</span>
<input disabled :value="inputData[3103+index]?(inputData[3103+index]-400)/10:0"
type="text" placeholder="0" />
</div>
</template>
</div>
<div>
<template v-for="item,index in 40">
<div class="input-main-80" v-if="index<(inputData[3102]?inputData[3102]:0)" :key="index">
<span>{{ index + 1 }}#土壤湿度传感器</span>
<input disabled :value="inputData[3062+index]?inputData[3062+index]/10:0"
type="text" placeholder="0" />
</div>
</template>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
inputData: [],
loading: null,
dataInfo2_list: [{
title: '灌溉剩余时长',
timer: '0',
unit: 'min'
},
{
title: '本次灌溉量',
timer: '0',
unit: 'L'
},
{
title: '启动方式',
timer: '无',
unit: ''
},
{
title: '执行灌溉组号',
timer: '0',
unit: ''
},
],
openType: '',
right2Index: [],
centerBottom: [],
rightList2: ['外控信号1#',
'外控信号2#',
'外控信号3#',
'外控信号4#',
'高液位信号',
'中液位信号',
'低液位信号',
'电机信号',
],
}
},
mounted() {
this.loading = this.$loading({
lock: true,
text: '加载中',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.dataInit()
let that = this
this.timer_ = setInterval(function() {
that.dataInit();
}, 5000);
},
methods: {
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.getFI_getState(data).then((res) => {
this.loading.close()
if (res.data.code == 200) {
this.inputData = res.data.data;
this.getDataInfo2()
this.getcenterBottom() //获取电磁阀
this.getData29() //数据29 启动方式/信号
} else {
this.$message.error(res.data.msg);
}
});
},
getDataInfo2() {
var inputData = this.inputData
this.dataInfo2_list[0].timer = this.countData(inputData['3013'])
this.dataInfo2_list[1].timer = this.countData(inputData['3014'])
this.dataInfo2_list[2].timer = this.countData(inputData['3011'])
this.dataInfo2_list[3].timer = this.countData(inputData['3015'])
},
getType29(index) {
if (index == 0) {
return '手动开启动'
} else if (index == 1) {
return '外控模式启动'
} else if (index == 2) {
return '光照积累启动'
} else if (index == 3) {
return '土壤湿度控制'
} else if (index == 4) {
return '间隔启动'
} else if (index == 5) {
return '定时启动'
} else {
return '无'
}
},
//什么方式启动的灌溉
getData29() {
var number = this.padString(this.inputData['3011'].toString(2), 14)
var index = 6
var typeNumber = -1
for (var i = 0; i < index; i++) {
if (Number(number[i])) {
typeNumber = i
}
}
this.openType = this.getType29(typeNumber)
this.dataInfo2_list[2].timer = this.getType29(typeNumber)
var statusIndex = 8
let list = []
for (var j = 0; j < statusIndex; j++) {
if (Number(number[number.length - 1 - j])) {
if (j == 0) {
list.push(1)
} else if (j == 1) {
list.push(0)
} else {
list.push(j)
}
}
}
this.right2Index = list
console.log(this.right2Index);
},
padString(str, length) {
return str.padStart(length, '0');
},
countData(data) {
if (data) {
return data
} else {
return 0
}
},
getcenterBottom() {
// 96个电磁阀
this.centerBottom = []
var inputData = this.inputData
var list1 = this.padString(inputData['3016'].toString(2), 16)
var list2 = this.padString(inputData['3017'].toString(2), 16)
var list3 = this.padString(inputData['3018'].toString(2), 16)
var list4 = this.padString(inputData['3019'].toString(2), 16)
var list5 = this.padString(inputData['3020'].toString(2), 16)
var list6 = this.padString(inputData['3021'].toString(2), 16)
var number = 16
for (var i = 0; i < number; i++) {
if (Number(list1[list1.length - 1 - i])) {
this.centerBottom.push(i)
}
}
for (var j = 0; j < number; j++) {
if (Number(list2[list2.length - 1 - j])) {
this.centerBottom.push(j + 16)
}
}
for (var k = 0; k < number; k++) {
if (Number(list3[list3.length - 1 - k])) {
this.centerBottom.push(k + 32)
}
}
for (var l = 0; l < number; l++) {
if (Number(list4[list4.length - 1 - l])) {
this.centerBottom.push(l + 48)
}
}
for (var m = 0; m < number; m++) {
if (Number(list5[list5.length - 1 - m])) {
this.centerBottom.push(m + 64)
}
}
for (var n = 0; n < number; n++) {
if (Number(list6[list6.length - 1 - n])) {
this.centerBottom.push(n + 80)
}
}
},
},
}
</script>
<style lang="scss"></style>