Merge pull request 'pc-master' (#83) from pc-master into portal

Reviewed-on: #83
portal
xiaomeng 2023-12-29 08:12:06 +00:00
commit acaf7731cb
25 changed files with 4964 additions and 894 deletions

View File

@ -192,7 +192,7 @@ export default {
},
//控制器 气象站实时数据折线图
getControlChartdata(data) {
return sendPostRequest('/equip/chartdata?equipmentId='+data, '')
return sendPostRequest('/equip/chartdata?equipmentId=' + data, '')
},
@ -245,60 +245,141 @@ export default {
},
// 查看用户额外权限
user_getjurisdiction(userId,data){
user_getjurisdiction(userId, data) {
return sendGetRequest(`/user/getjurisdiction?userId=${userId}`, data)
},
//实时数据页面状态值(查看全部设备)
getStatePermissionStatus(data){
getStatePermissionStatus(data) {
return sendGetRequest(`/getcontrol/getStatePermissionStatus`, data)
},
//获取当前权限能看到的设备
getPermissionStatus(data){
getPermissionStatus(data) {
return sendGetRequest(`/getcontrol/getPermissionStatus`, data)
},
//根据id删除status设备
delPermissionStatus(id1,id2){
delPermissionStatus(id1, id2) {
return sendPostRequest(`/getcontrol/delPermissionStatus?deviceId=${id1}&permissionid=${id2}`, '')
},
//根据id添加status设备
addPermissionStatus(id1,id2){
addPermissionStatus(id1, id2) {
return sendPostRequest(`/getcontrol/addStatepermission?deviceId=${id1}&Permissionid=${id2}`, '')
},
//添加短信报警
addWarnMessage(data){
addWarnMessage(data) {
return sendPostRequest(`/shortMessage/setMessage`, data)
},
//根据设备id查看短信报警
messageList(data){
messageList(data) {
return sendGetRequest(`/shortMessage/selMesById`, data)
},
//根据id删除短信报警
delMessage(data){
return sendDelRequest(`/shortMessage/delmesbyid`,data)
delMessage(data) {
return sendDelRequest(`/shortMessage/delmesbyid`, data)
},
//控制器新页面接口
//目标值 目标温度/湿度/co2
targetValue(data) {
return sendGetRequest(`/readControl/targetValue`, data)
},
//电磁阀1
solenoidValve1(data) {
return sendGetRequest(`/readControl/solenoidValve1`, data)
},
//电磁阀2
solenoidValve2(data) {
return sendGetRequest(`/readControl/solenoidValve2`, data)
},
//电磁阀3
solenoidValve3(data) {
return sendGetRequest(`/readControl/solenoidValve3`, data)
},
//电磁阀4
solenoidValve4(data) {
return sendGetRequest(`/readControl/solenoidValve4`, data)
},
//电磁阀5
solenoidValve5(data) {
return sendGetRequest(`/readControl/solenoidValve5`, data)
},
//电磁阀6
solenoidValve6(data) {
return sendGetRequest(`/readControl/solenoidValve6`, data)
},
//电磁阀7
solenoidValve7(data) {
return sendGetRequest(`/readControl/solenoidValve7`, data)
},
//电磁阀8
solenoidValve8(data) {
return sendGetRequest(`/readControl/solenoidValve8`, data)
},
//强制通道输出
forceChannelOutput(data) {
return sendGetRequest(`/readControl/forceChannelOutput`, data)
},
//天窗
readskylight(data) {
return sendGetRequest(`/readControl/readskylight`, data)
},
//固有参数
intrinsicParameter(data) {
return sendGetRequest(`/readControl/intrinsicParameter`, data)
},
//厂家内部参数
manufacturerparameter(data) {
return sendGetRequest(`/readControl/manufacturerparameter`, data)
},
//高压微雾
highpressuremist(data) {
return sendGetRequest(`/readControl/highpressuremist`, data)
},
//内遮阳
innercurtain(data) {
return sendGetRequest(`/readControl/innercurtain`, data)
},
//外遮阳
externalsunshade(data) {
return sendGetRequest(`/readControl/externalsunshade`, data)
},
//风机湿帘
fanwetcurtain(data) {
return sendGetRequest(`/readControl/fanwetcurtain`, data)
},
//补光灯
readfilllight(data) {
return sendGetRequest(`/readControl/readfilllight`, data)
},
//内保温
interiorthermalinsulation(data) {
return sendGetRequest(`/readControl/interiorthermalinsulation`, data)
},
//环流风扇
readcirculationfan(data) {
return sendGetRequest(`/readControl/readcirculationfan`, data)
},
//二维码溯源
//查看农事作物信息
getAgriculturalInformation(data){
getAgriculturalInformation(data) {
return sendGetRequest(`/code/getAgriculturalInformation`, data)
},
//查看种植计划
getplant(data){
getplant(data) {
return sendGetRequest(`/code/getplant`, data)
},
//查看农场信息管理
getcodeFarmInformationManagement(data){
getcodeFarmInformationManagement(data) {
return sendGetRequest(`/code/getcodeFarmInformationManagement`, data)
},
//上传图片
uploadImage(data){
uploadImage(data) {
return sendPostRequest(`/code/uploadImage`, data)
},

View File

@ -686,6 +686,12 @@
color: #859BB6;
}
.outline {
color: red;
font-weight: bold;
font-size: 24px;
}
.el-dropdown-menu {
width: 300px;
border: none;

File diff suppressed because one or more lines are too long

View File

@ -729,7 +729,11 @@
}
}
}
.outline{
color: red;
font-weight: bold;
font-size: 24px;
}
.el-dropdown-menu {
width: 300px;
border: none;

View File

@ -117,6 +117,15 @@ export default {
})
}
}
// if (store.equipmentName['solenoid' + store.nameList[index]]) {
// // store.equipmentName['fertilization'+store.nameList[index]]
// this.routerList[1].list.push({
// name: store.equipmentName['solenoid' + store.nameList[index]],
// status: -1,
// index: index + 1,
// router: 'irrigateSet'
// })
// }
})
},
//

View File

@ -9,45 +9,25 @@
</div>
<el-collapse v-model="$store.state.activeNames">
<template v-for="(item, index) in routerList">
<el-collapse-item
:class="routerNow == item.router ? 'active' : ''"
:name="index + 1"
:key="index"
v-if="!item.isRouter"
>
<el-collapse-item :class="routerNow == item.router ? 'active' : ''" :name="index + 1" :key="index"
v-if="!item.isRouter">
<template slot="title" class="collapse-title">
<span class="name">{{ item.name }}</span>
</template>
<!-- -->
<ul class="table-ul">
<li
@click="toRouter(item1)"
:class="
routerNow == item1.router && routerIndex == index1 + 1
<li @click="toRouter(item1)" :class="routerNow == item1.router && routerIndex == index1 + 1
? 'active'
: ''
"
class="table-li"
v-for="(item1, index1) in item.list"
:key="index1"
>
" class="table-li" v-for="(item1, index1) in item.list" :key="index1">
{{ item1.name }}
<div
class="status"
:class="item1.status == 0 ? 'outline' : 'online'"
v-if="item1.status >= 0"
>
<div class="status" :class="item1.status == 0 ? 'outline' : 'online'" v-if="item1.status >= 0">
{{ item1.status == 0 ? "离线" : "在线" }}
</div>
</li>
</ul>
</el-collapse-item>
<div
@click="toRouter(item)"
:class="routerNow == item.router ? 'active' : ''"
class="no-list"
v-else
>
<div @click="toRouter(item)" :class="routerNow == item.router ? 'active' : ''" class="no-list" v-else>
{{ item.name }}
</div>
</template>
@ -104,6 +84,28 @@ export default {
var isParamInArray2 = this.purview.some((obj) => obj["id"] === 6); //
var isParamInArray3 = this.purview.some((obj) => obj["id"] === 5); //
var isParamInArray4 = this.purview.some((obj) => obj["id"] === 7); //
var isParamInArray5 = this.purview.some((obj) => obj["id"] === 1); //
var isParamInArray6 = this.purview.some((obj) => obj["id"] === 3); //
var isParamInArray7 = this.purview.some((obj) => obj["id"] === 4); //
var isParamInArray8 = this.purview.some((obj) => obj["id"] === 11); //1
var isParamInArray9 = this.purview.some((obj) => obj["id"] === 12); //2
var isParamInArray10 = this.purview.some((obj) => obj["id"] === 13); //3
var isParamInArray11 = this.purview.some((obj) => obj["id"] === 14); //4
var isParamInArray12 = this.purview.some((obj) => obj["id"] === 15); //5
var isParamInArray13 = this.purview.some((obj) => obj["id"] === 16); //6
var isParamInArray14 = this.purview.some((obj) => obj["id"] === 17); //7
var isParamInArray15 = this.purview.some((obj) => obj["id"] === 18); //8
var isParamInArray16 = this.purview.some((obj) => obj["id"] === 19); //
var isParamInArray17 = this.purview.some((obj) => obj["id"] === 20); //
var isParamInArray18 = this.purview.some((obj) => obj["id"] === 21); //
var isParamInArray19 = this.purview.some((obj) => obj["id"] === 22); //
var isParamInArray20 = this.purview.some((obj) => obj["id"] === 23);//
var isParamInArray21 = this.purview.some((obj) => obj["id"] === 24);//
var isParamInArray22 = this.purview.some((obj) => obj["id"] === 25);//
var isParamInArray23 = this.purview.some((obj) => obj["id"] === 26);//湿
var isParamInArray24 = this.purview.some((obj) => obj["id"] === 2);//
var isParamInArray25 = this.purview.some((obj) => obj["id"] === 27);//
if (isParamInArray) {
this.routerList.push(
{ name: "加热水泵", list: [], router: "waterPump", isRouter: true },
@ -132,7 +134,7 @@ export default {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.readControl_fiveControl(data).then((res) => {
store.ControlData=res.data.data
store.ControlData = res.data.data
//waterPump
store.ControlData['21521'] = this.countData(store.ControlData['21521'])
store.ControlData['21522'] = this.countData10(store.ControlData['21522'])
@ -158,7 +160,7 @@ export default {
store.ControlData['21533'] = this.countData10(store.ControlData['21533'])
store.ControlData['21562'] = this.countData10(store.ControlData['21562'])
this.$router.push({ path: `/waterPump` });
});
}
}
@ -212,7 +214,126 @@ export default {
isRouter: true,
});
}
if (isParamInArray5) {
this.routerList.push({ name: "目标温度", list: [], router: "targetTemperature", isRouter: true },
{ name: "目标湿度", list: [], router: "targetHumidity", isRouter: true },
{ name: "目标CO2", list: [], router: "targetCo2", isRouter: true });
}
if (isParamInArray7) {
this.routerList.push({ name: "设备固有参数", list: [], router: "intrinsicParameter", isRouter: true });
}
if (isParamInArray8 || isParamInArray9 || isParamInArray10 || isParamInArray11 || isParamInArray12 || isParamInArray13 || isParamInArray14 || isParamInArray15) {
this.routerList.push({
name: "电磁自动控制", list: [], router: "electromagneticControl"
},);
let targetObject = this.routerList.find(item => item.name === '电磁自动控制');
if (isParamInArray8) {
targetObject.list.push({ name: '1#电磁阀', status: -1, router: 'electromagneticControl', index: 1 });
}
if (isParamInArray9) {
targetObject.list.push({ name: '2#电磁阀', status: -1, router: 'electromagneticControl', index: 2 });
}
if (isParamInArray10) {
targetObject.list.push({ name: '3#电磁阀', status: -1, router: 'electromagneticControl', index: 3 });
}
if (isParamInArray11) {
targetObject.list.push({ name: '4#电磁阀', status: -1, router: 'electromagneticControl', index: 4 });
}
if (isParamInArray12) {
targetObject.list.push({ name: '5#电磁阀', status: -1, router: 'electromagneticControl', index: 5 });
}
if (isParamInArray13) {
targetObject.list.push({ name: '6#电磁阀', status: -1, router: 'electromagneticControl', index: 6 });
}
if (isParamInArray14) {
targetObject.list.push({ name: '7#电磁阀', status: -1, router: 'electromagneticControl', index: 7 });
}
if (isParamInArray15) {
targetObject.list.push({ name: '8#电磁阀', status: -1, router: 'electromagneticControl', index: 8 });
}
}
if (isParamInArray16) {
this.routerList.push({
name: "天窗控制", list: [
{ name: '天窗1', status: -1, router: 'sunroofControl', index: 1 },
{ name: '天窗2', status: -1, router: 'sunroofControl', index: 2 },
{ name: '天窗3', status: -1, router: 'sunroofControl', index: 3 },
{ name: '天窗4', status: -1, router: 'sunroofControl', index: 4 },
], router: "sunroofControl",
});
}
if (isParamInArray17) {
this.routerList.push({
name: "补光灯", list: [
{ name: '时段一', status: -1, router: 'LED', index: 1 },
{ name: '时段二', status: -1, router: 'LED', index: 2 },
{ name: '时段三', status: -1, router: 'LED', index: 3 },
{ name: '时段四', status: -1, router: 'LED', index: 4 },
], router: "LED",
});
}
if (isParamInArray18) {
this.routerList.push({
name: "环流风扇", list: [
{ name: '环流风扇1', status: -1, router: 'circulationCan', index: 1 },
{ name: '环流风扇2', status: -1, router: 'circulationCan', index: 2 },
], router: "circulationCan",
});
}
if (isParamInArray19) {
this.routerList.push({ name: "厂家内部参数配置", list: [], router: "parameterSet", isRouter: true });
}
if (isParamInArray20) {
this.routerList.push({
name: "高压微雾", list: [
{ name: '高压微雾1', status: -1, router: 'coercionMist', index: 1 },
{ name: '高压微雾2', status: -1, router: 'coercionMist', index: 2 },
], router: "coercionMist"
});
}
if (isParamInArray21) {
this.routerList.push({
name: "内遮阳控制", list: [
{ name: '内遮阳1', status: -1, router: 'insizeSunshade', index: 1 },
{ name: '内遮阳2', status: -1, router: 'insizeSunshade', index: 2 },
], router: "insizeSunshade",
});
}
if (isParamInArray22) {
this.routerList.push({
name: "外遮阳控制", list: [
{ name: '外遮阳1', status: -1, router: 'outsizeSunshade', index: 1 },
{ name: '外遮阳2', status: -1, router: 'outsizeSunshade', index: 2 },
], router: "outsizeSunshade",
});
}
if (isParamInArray23) {
this.routerList.push({ name: "风机湿帘", list: [], router: "wetFan", isRouter: true });
}
if (isParamInArray24) {
this.routerList.push({ name: "强制输出参数", list: [], router: "forceOutput", isRouter: true });
}
if (isParamInArray25) {
this.routerList.push({
name: "内保温", list: [
{ name: '内保温1', status: -1, router: 'internalInsulation', index: 1 },
{ name: '内保温2', status: -1, router: 'internalInsulation', index: 2 },
], router: "internalInsulation",
});
}
});
this.$router.push({ path: `/${this.routerList[0].router}` });
},
//
toHome(index) {
@ -226,14 +347,38 @@ export default {
if (item.router) {
if (item.http) {
window.location.href = item.http;
} else if (
item.router == "skylight" &&
this.$route.query.id != item.index
) {
this.$router.push({ path: `/skylight?id=${item.index}` });
} else if (item.router == "fan" && this.$route.query.id != item.index) {
this.$router.push({ path: `/fan?id=${item.index}` });
} else if (item.router != this.routerNow && !item.http) {
}
// else if (
// item.router == "skylight" &&
// this.$route.query.id != item.index
// ) {
// this.$router.push({ path: `/skylight?id=${item.index}` });
// } else if (item.router == "fan" && this.$route.query.id != item.index) {
// this.$router.push({ path: `/fan?id=${item.index}` });
// } else if (item.router == 'electromagneticControl' && this.$route.query.id != item.index) {
// this.$router.push({ path: `/electromagneticControl?id=${item.index}` })
// } else if (item.router == 'sunroofControl' && this.$route.query.id != item.index) {
// this.$router.push({ path: `/sunroofControl?id=${item.index}` })
// } else if (item.router == 'outsizeSunshade' && this.$route.query.id != item.index) {
// this.$router.push({ path: `/outsizeSunshade?id=${item.index}` })
// } else if (item.router == 'outsizeSunshade' && this.$route.query.id != item.index) {
// this.$router.push({ path: `/outsizeSunshade?id=${item.index}` })
// } else if (item.router == 'insizeSunshade' && this.$route.query.id != item.index) {
// this.$router.push({ path: `/insizeSunshade?id=${item.index}` })
// }
else {
if (item.index) {
if (item.router == this.routerNow && item.index == this.$route.query.id) {
return
}
this.$router.push({ path: `/${item.router}?id=${item.index}` })
return
}
if (item.router == this.routerNow) {
return
}
this.$router.push({ name: item.router });
}
}
@ -267,8 +412,7 @@ export default {
}
.el-collapse-item {
&.active {
}
&.active {}
}
.no-list {
@ -289,7 +433,7 @@ export default {
padding-left: 10px;
cursor: pointer;
> div {
>div {
width: 260px;
height: 40px;
// background: rgba(255, 255, 255, 0.1);

View File

@ -62,7 +62,7 @@ export default {
headerList: [
{ name: '实时数据', router: 'realTime', routerList: ['realTime'], img: require('../assets/image/header-img1.png') },
// { name: '', router: 'status', index: 1, routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet'], img: require('../assets/image/header-img0.png') },
{ name: '设定值参数', router: 'status', index: 1, routerList: ['status', 'skylight', 'fan', 'upload-con', 'sensorSet-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval'], img: require('../assets/image/header-img0.png') },
{ name: '设定值参数', router: 'status', index: 1, routerList: ['status', 'skylight', 'fan', 'upload-con', 'sensorSet-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval',"targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/header-img0.png') },
{ name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img1.png') },
{ name: '视频监控', router: '', routerList: [], img: require('../assets/image/header-img2.png') },
// history history
@ -79,7 +79,7 @@ export default {
activeNames: [3],
leftList: [
{ name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
{ name: '温室', routerList: ['realTime', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval'], img: require('../assets/image/left-img0.png'), list: [] },
{ name: '温室', routerList: ['realTime', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/left-img0.png'), list: [] },
// { name: '', img: require('../assets/image/left-img1.png'), list: [] },
{ name: '施肥机', routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] },],
routerNow: 'realTime',
@ -285,10 +285,10 @@ export default {
} else if (item.router == 'largeScreen') {
const foundObject = this.limitUserId.find(item => item.id == 2);
if (!foundObject){
if (!foundObject) {
this.$message('您当前没有权限查看!')
return
}else{
} else {
this.$router.push({ name: item.router })
}
@ -301,12 +301,24 @@ export default {
}
},
toRouter1(item) {
console.log(item,11);
if (item.router) {
if (item.http) {
window.location.href = item.http;
} else if (item.deviceState==0) {
this.$message('当前设备为离线状态');
} else if (item.router == 'formula' && this.$route.query.index != item.index) {
if (this.routerNow == 'realTime') {
if (item.router == 'formula') {
this.$store.state.equipmentIndex = item.index
this.routerIndex = item.index
if (item.deviceName == 10) {
this.$router.push({ path: `/skylight?change=${item.index}` })
} else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
this.$router.push({ path: `/irrigateSet?change=${item.index}` })
}
} else if (this.routerNow == 'realTime') {
this.$store.state.equipmentIndex = item.index
this.$router.push({ path: `/realTime?index=${item.index ? item.index : 1}&name=${item.deviceName}` })
} else if (this.routerNow == 'formula') {
@ -318,23 +330,12 @@ export default {
} else if (this.routerNow == 'dataAnalysis') {
this.$store.state.equipmentIndex = item.index
this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
} else if (item.router == 'formula') {
this.$store.state.equipmentIndex = item.index
this.routerIndex = item.index
if (item.deviceName == 10) {
this.$router.push({ path: `/skylight?change=${item.index}` })
} else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
this.$router.push({ path: `/irrigateSet?change=${item.index}` })
}
}
} else if (item.router == 'formula' && this.$route.query.index == item.index) {
return
} else if (item.router != this.routerNow && !item.http) {
this.$router.push({ name: item.router })
}
} else if (!item.deviceState) {
this.$message('当前设备为离线状态');
} else {
this.$message('当前页面正在努力开发中');
}

View File

@ -8,13 +8,13 @@
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[21400] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[21400] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[21400] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
@ -22,52 +22,52 @@
<div class="text-tips">手动启动时开灯</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn blue btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(0)" :class="actList2[0] == '1' ? 'blue' : 'off'">
1#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(1)" :class="actList2[1] == '1' ? 'blue' : 'off'">
2#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(2)" :class="actList2[2] == '1' ? 'blue' : 'off'">
3#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(3)" :class="actList2[3] == '1' ? 'blue' : 'off'">
4#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(4)" :class="actList2[4] == '1' ? 'blue' : 'off'">
5#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(5)" :class="actList2[5] == '1' ? 'blue' : 'off'">
6#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(6)" :class="actList2[6] == '1' ? 'blue' : 'off'">
7#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen1(7)" :class="actList2[7] == '1' ? 'blue' : 'off'">
8#
</div>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
{{actList3[0] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>高温报警时禁止启动补光灯</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
{{actList3[1] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>使用1#日标温度</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
{{actList3[2] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
@ -76,59 +76,65 @@
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
{{actList3[3] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>室外关照大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(21403, $event)" v-model="inputData[21403]" @input="changeCount10(21403, $event)"
type="text" placeholder="0">
<span>禁止启用补光灯 (KLux)</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-main-80">
<span>多组补光灯启动时间隔</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21424, $event)" v-model="inputData[21424]" @input="change(21424, $event)"
type="text" placeholder="0">
<span>秒顺序启动防止同时启动瞬间功率过大</span>
</div>
</div>
<div class="text-tips">时段1</div>
<div class="text-tips">时段{{indexs}}</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]-4, $event)" v-model="inputData[startList[indexs-1]-4]" @input="change(startList[indexs-1]-4, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]-3, $event)" v-model="inputData[startList[indexs-1]-3]" @input="change(startList[indexs-1]-3, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]-2, $event)" v-model="inputData[startList[indexs-1]-2]" @input="change(startList[indexs-1]-2, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]-1, $event)" v-model="inputData[startList[indexs-1]-1]" @input="change(startList[indexs-1]-1, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none">
<div class="input-btn ">
<div class="btn blue btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
1#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
2#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
3#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
4#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
5#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
6#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
7#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(7)" :class="actList1[7] == '1' ? 'blue' : 'off'">
8#
</div>
</div>
@ -139,13 +145,298 @@
export default {
data() {
return {
openIndex: 1,
openIndex1: 1,
openIndex2: 1,
inputData: [],
indexs: 1,
actList1: [],
actList2: [],
actList3: [],
startList:[21408,21413,21418,21423],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1]]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
//
changeIndexOpen1(active) {
if (this.actList2[active] == '1') {
this.actList2[active] = '0'
} else {
this.actList2[active] = '1'
}
this.$forceUpdate();
var revList = this.actList2.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn(21401, dataNum);
},
//
changeIndexOpen2(active) {
if (this.actList3[active] == '1') {
this.actList3[active] = '0'
} else {
this.actList3[active] = '1'
}
this.$forceUpdate();
var revList = this.actList3.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn(21402, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1]]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
getActive2() {
this.actList2 = []
var num = this.inputData[21401]
var num1 = this.padString(num.toString(2), 8)
var openListNew = []
openListNew = num1.split("")
this.actList2 = openListNew.reverse();
},
getActive3() {
this.actList3 = []
var num = this.inputData[21402]
var num1 = this.padString(num.toString(2), 4)
var openListNew = []
openListNew = num1.split("")
this.actList3 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[21400] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(21400, dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.readfilllight(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.getActive1()
this.getActive2()
this.getActive3()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>

View File

@ -1,90 +1,111 @@
<template>
<div class="circulationCan">
<div class="table-title">
<img src="../../assets/img/circulationCan.png" alt="">环流风扇
<img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>时段1</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $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 type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $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 type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>时段4</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="change(startList[indexs-1]+15, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="change(startList[indexs-1]+16, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>加湿时同时运行环流风扇</span>
<span>湿度高于</span>
<input @blur="blurChange10(startList[indexs - 1] + 18, $event)" v-model="inputData[startList[indexs - 1] + 18]"
@input="changeCount10(startList[indexs - 1] + 18, $event)" type="text" placeholder="0">
<span>启动,滞回带</span>
<input @blur="blurChange10(startList[indexs - 1] + 19, $event)" v-model="inputData[startList[indexs - 1] + 19]"
@input="changeCount10(startList[indexs - 1] + 19, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn off btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
{{ actList1[3] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
@ -94,15 +115,12 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn off btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
{{ actList1[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>加湿时同时运行环流风扇</span>
<input type="text" placeholder="0">
<span>%启动环流风扇 控制精度</span>
<input type="text" placeholder="0">
</div>
</div>
@ -112,11 +130,246 @@
export default {
data() {
return {
openIndex:1,
inputData: [],
startList: [21450, 21470],//
indexs: 1,
actList1: [],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 2)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs - 1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.readcirculationfan(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 18] = this.countData10(this.inputData[el + 18])
this.inputData[el + 19] = this.countData10(this.inputData[el + 19])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>

View File

@ -1,80 +1,320 @@
<template>
<div class="coercionMist">
<div class="table-title">
<img src="../../assets/img/coercionMist.png" alt="">高压微雾
<img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
@input="changeCount10(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
<span>开启高压微雾降温</span>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main input-main-w120">
<span>开启</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
type="text" placeholder="0">
<span>关闭</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
type="text" placeholder="0">
<span>进行间隔工作</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>室内湿度低于目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1] + 5, $event)" v-model="inputData[startList[indexs - 1] + 5]"
@input="changeCount10(startList[indexs - 1] + 5, $event)" type="text" placeholder="0">
<span>%开启高压微雾加湿</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-main input-main-w120">
<span>开启</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
type="text" placeholder="0">
<span>关闭</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
<span>进行间隔工作</span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
</template>
<script>
export default {
data() {
return {
openIndex:1
openIndex: 1,
inputData: [],
startList: [21800, 21808],//
indexs: 1,
actList1: [],
}
},
mounted(){},
methods:{},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
</script>
<style lang="scss">
</style>
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 2)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs - 1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.highpressuremist(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
this.inputData[el + 5] = this.countData10(this.inputData[el + 5])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>
<style lang="scss"></style>

View File

@ -1,24 +1,32 @@
<template>
<div class="electromagneticControl">
<div class="table-title">
<img src="../../assets/img/electromagneticControl.png" alt="">电磁自动控制
<img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀
</div>
<div class="title-tips">
工作方式选择
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>手动开启阀门的时间</span>
<input @blur="blurChange(startList[indexs - 1]+1, $event)" v-model="inputData[startList[indexs - 1]+1]" @input="change(startList[indexs - 1]+1, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel">
<div class="title">运行模式选择(2选1)</div>
@ -34,34 +42,35 @@
</el-dropdown>
</div>
<div class="input-btn p-t-31">
<div class="btn blue btn-w66">
周一
</div>
<div class="btn off btn-w66">
周二
</div>
<div class="btn off btn-w66">
周三
</div>
<div class="btn off btn-w66">
周四
</div>
<div class="btn off btn-w66">
周五
</div>
<div class="btn off btn-w66">
周六
</div>
<div class="btn off btn-w66">
<div class="btn btn-w66" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
周日
</div>
<div class="btn btn-w66" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
周一
</div>
<div class="btn btn-w66" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
周二
</div>
<div class="btn btn-w66" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
周三
</div>
<div class="btn btn-w66" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
周四
</div>
<div class="btn btn-w66" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
周五
</div>
<div class="btn btn-w66" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
周六
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>时间段启动每次灌溉时长</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+4, $event)" v-model="inputData[startList[indexs - 1]+4]" @input="change(startList[indexs - 1]+4, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -70,15 +79,20 @@
<div>1</div>
</div>
<div class="input-main-80">
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+6, $event)" v-model="inputData[startList[indexs - 1]+6]" @input="change(startList[indexs - 1]+6, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+7, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+8, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+9, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
type="text" placeholder="0">
<span>时间段里启动次数</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+5, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
@ -86,15 +100,20 @@
<div>2</div>
</div>
<div class="input-main-80">
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+11, $event)" v-model="inputData[startList[indexs - 1]+11]" @input="change(startList[indexs - 1]+11, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+12, $event)" v-model="inputData[startList[indexs - 1]+12]" @input="change(startList[indexs - 1]+12, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+13, $event)" v-model="inputData[startList[indexs - 1]+13]" @input="change(startList[indexs - 1]+13, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+14, $event)" v-model="inputData[startList[indexs - 1]+14]" @input="change(startList[indexs - 1]+14, $event)"
type="text" placeholder="0">
<span>时间段里启动次数</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+10, $event)" v-model="inputData[startList[indexs - 1]+10]" @input="change(startList[indexs - 1]+10, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="text-tips">
@ -103,34 +122,41 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>有效检测时间段</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+15, $event)" v-model="inputData[startList[indexs - 1]+15]" @input="change(startList[indexs - 1]+15, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+16, $event)" v-model="inputData[startList[indexs - 1]+16]" @input="change(startList[indexs - 1]+16, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1]+17, $event)" v-model="inputData[startList[indexs - 1]+17]" @input="change(startList[indexs - 1]+17, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1+18], $event)" v-model="inputData[startList[indexs - 1]+18]" @input="change(startList[indexs - 1]+18, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>最低土壤湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1]+19, $event)" v-model="inputData[startList[indexs - 1]+19]" @input="changeCount10(startList[indexs - 1]+19, $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>最高土壤湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1]+20, $event)" v-model="inputData[startList[indexs - 1]+20]" @input="changeCount10(startList[indexs - 1]+20, $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>灌溉时长上限</span>
<input type="text" placeholder="0">
<span>%</span>
<input @blur="blurChange(startList[indexs - 1]+21, $event)" v-model="inputData[startList[indexs - 1]+21]" @input="change(startList[indexs - 1]+21, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
</div>
@ -139,18 +165,241 @@
export default {
data() {
return {
timer:null,
indexs: 1,//
openIndex: 1,
sensorType: '',
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
startList: [20201, 20251, 20301, 20351, 20401, 20451, 20501, 20551],//
sensorType: '',//
actList1: [],//
inputData: [],
typeList: [{ label: '间隔模式启动', value: 1, },
{ label: '土壤湿度传感器启动', value: 2, },]
}
},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
mounted() { },
methods: {
//
padString(str, length) {
return str.padStart(length, '0');
},
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 2]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 2, dataNum);
},
//
myReverse(arr) {
return [...arr].reverse()
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 2]
var num1 = this.padString(num.toString(2), 7)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs - 1]] = index;
var dataNum = {
target: {
value: this.openIndex,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api['solenoidValve' + this.indexs](data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.sensorType = ''
this.getSensorType()
this.openIndex = this.inputData[this.startList[this.indexs - 1]]
this.getActive1()
this.inputData[this.startList[this.indexs - 1]+19] =this.countData10(this.inputData[this.startList[this.indexs - 1]+19]);
this.inputData[this.startList[this.indexs - 1]+20] =this.countData10(this.inputData[this.startList[this.indexs - 1]+20]);
}
})
},
//
handleCommand(command) {
console.log(command);
this.typeList.forEach((el, index) => {
if (el.value == command) {
this.sensorType = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(this.startList[this.indexs - 1] + 3, dataNum);
},
getSensorType() {
console.log();
this.typeList.forEach((el, index) => {
if (el.value == this.inputData[this.startList[this.indexs - 1] + 3]) {
this.sensorType = el.label
}
})
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},

View File

@ -8,16 +8,19 @@
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn blue">
<div class="btn blue" @click="changeOpen()" :class="inputData[20600] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />非测试模式
</div>
</div>
</div>
<div class="flex-view">
<div class="input-btn flex-warp">
<div class="btn off btn-w80 m-b-20" v-for="item,index in 64" :key="index">
{{index+1}}#
<template v-for="item,index in pageList">
<div @click="changeType(index, index1)" class="btn btn-w80 m-b-20" :class="item1==1?'blue':'off'" v-for="item1,index1 in item" :key="(index*16)+index1+1">
{{(index*16)+index1+1}}#
</div>
</template>
</div>
</div>
</div>
@ -25,10 +28,176 @@
<script>
export default {
data(){
return {}
return {
inputData: [],
nowSel: {
index: -1,
value: 0,
},
pageList:[[],[],[],[]]
}
},
mounted(){
this.dataInit()
},
methods:{
//
changeOpen() {
if(this.inputData[20600]==0){
this.inputData[20600]=1
}else{
this.inputData[20600]=0
}
var dataNum = {
target: {
value: this.inputData[20600],
},
};
this.changeBtn(20600, dataNum);
},
padString(str, length) {
return str.padStart(length, '0');
},
getList(data) {
var num = data
var num1 = this.padString(num.toString(2), 16)
var openListNew = num1.split("")
var list = openListNew.reverse()
return list
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.forceChannelOutput(data).then((res) => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.pageList.forEach((el, index) => {
this.pageList[index] = this.getList(this.inputData[20601 + index])
})
this.$forceUpdate();
} else {
this.$message.error(res.data.msg);
}
});
},
//
myReverse(arr) {
return [...arr].reverse()
},
changeType(index, index1) {
var store = this.$store.state
const that = this
if (this.pageList[index][index1] == '1') {
this.pageList[index][index1] = '0'
} else {
this.pageList[index][index1] = '1'
}
this.$forceUpdate();
var num = this.myReverse(this.pageList[index]).join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
if (this.nowSel.index == -1) {
this.changeBtn(20601 + index, dataNum)
this.nowSel.index = index
this.nowSel.value = parseInt(num, 2)
} else {
if (this.nowSel.index == index) {
this.changeBtn(20601 + index, dataNum)
this.nowSel.index = index
this.nowSel.value = parseInt(num, 2)
} else {
var code = 20601 + this.nowSel.index
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: this.nowSel.value,
};
this.nowSel.index = -1
this.nowSel.value = 0
that.changeData(data);
this.changeBtn(20601 + index, dataNum)
}
}
},
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
// this.dataInit();
} else {
this.$message.error(res.data.msg);
}
if (this.nowSel.index != -1) {
this.timer = null
this.nowSel.index = -1
this.nowSel.value = 0
}
});
},
},
mounted(){},
methods:{},
}
</script>

View File

@ -3,7 +3,7 @@
<set-params></set-params>
<div class="page-content">
<div class="table-title">
<img src="../../assets/image/formula.png" alt=""> {{ titleName }}参数 <div class="tips">种植作物配方1</div>
<img src="../../assets/image/formula.png" alt=""> {{ titleName }}参数 <div class="tips">{{$store.state.equipmentName['fertilization' + $store.state.nameList[indexs-1]]}}</div>
</div>
<div class="input-view">
<div class="input-sel">

View File

@ -1,135 +1,397 @@
<template>
<div class="insizeSunshade">
<div class="table-title">
<img src="../../assets/img/insizeSunshade.png" alt="">外遮阳控制
<img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs - 1]] == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>白天遮阳时段限制</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
@input="change(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1] + 3, $event)" v-model="inputData[startList[indexs - 1] + 3]"
@input="change(startList[indexs - 1] + 3, $event)" type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1] + 4, $event)" v-model="inputData[startList[indexs - 1] + 4]"
@input="change(startList[indexs - 1] + 4, $event)" type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs - 1] + 5, $event)" v-model="inputData[startList[indexs - 1] + 5]"
@input="change(startList[indexs - 1] + 5, $event)" type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室外光照大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="changeCount10(startList[indexs-1]+6, $event)"
type="text" placeholder="0">
<span>展开内遮阳光照确认时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
{{ actList1[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="changeCount10(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
<span>展开内遮阳</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
{{ actList1[3] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>夜间保温时段</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
{{ actList1[5] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>天窗除湿时内遮阳开启角度</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
{{ actList1[6] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="changeCount10(startList[indexs-1]+14, $event)"
type="text" placeholder="0">
<span>提前</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="change(startList[indexs-1]+15, $event)"
type="text" placeholder="0">
<span>分钟收拢内遮阳</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
{{ actList1[4] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>预留条件</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温结束时</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="change(startList[indexs-1]+16, $event)"
type="text" placeholder="0">
<span>步收拢遮阳网间隔时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
inputData: [],
startList: [21840, 21858],//
indexs: 1,
actList1: [],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs - 1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.innercurtain(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
this.inputData[el + 8] = this.countData10(this.inputData[el + 8])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>

View File

@ -1,21 +1,21 @@
<template>
<div class="internalInsulation">
<div class="table-title">
<img src="../../assets/img/internalInsulation.png" alt="">内保温
<img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs - 1]] == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
@ -23,21 +23,27 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温时段</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温结束时</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
type="text" placeholder="0">
<span>步收拢内保温间隔时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
@ -45,39 +51,43 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
@input="changeCount10(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
<span>展开内保温</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>天窗除湿时内保温开启角度</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
{{ actList1[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs - 1] + 8, $event)" v-model="inputData[startList[indexs - 1] + 8]"
@input="changeCount10(startList[indexs - 1] + 8, $event)" type="text" placeholder="0">
<span>提前</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $event)"
type="text" placeholder="0">
<span>分钟收拢内保温</span>
</div>
</div>
@ -88,11 +98,247 @@
export default {
data() {
return {
openIndex:1,
openIndex: 1,
inputData: [],
startList: [22000, 22012],//
indexs: 1,
actList1: [],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 3)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs - 1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.interiorthermalinsulation(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
this.inputData[el + 8] = this.countData10(this.inputData[el + 8])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>

View File

@ -4,240 +4,482 @@
<img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<div class="input-sel input-sel-w180">
<span>1#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<el-dropdown @command="handleCommand($event,20650)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20650]" 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 type="text" placeholder="0">
<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">
<span>2#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<el-dropdown @command="handleCommand($event,20652)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[20652]" 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 type="text" placeholder="0">
<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-main-80">
<div class="input-sel input-sel-w180">
<span>3#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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-main-80">
<div class="input-sel input-sel-w180">
<span>5#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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-main-80">
<div class="input-sel input-sel-w180">
<span>7#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<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 type="text" placeholder="0">
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input type="text" placeholder="0">
<input @blur="blurChange(20721, $event)" v-model="inputData[20721]" @input="change(20721, $event)"
type="text" placeholder="0">
<input @blur="blurChange(20720, $event)" v-model="inputData[20720]" @input="change(20720, $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 type="text" placeholder="0">
<input type="text" placeholder="0">
<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="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> -->
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>轴流风机1-5组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<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></span>
<span>补光灯1-8组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20667, $event)" v-model="inputData[20667]" @input="change(20667, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20669, $event)" v-model="inputData[20669]" @input="change(20669, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20670, $event)" v-model="inputData[20670]" @input="change(20670, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>天窗朝向</span>
<input type="text" placeholder="0">
<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>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#天窗全程运行时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20671, $event)" v-model="inputData[20671]" @input="change(20671, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20673, $event)" v-model="inputData[20673]" @input="change(20673, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20674, $event)" v-model="inputData[20674]" @input="change(20674, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>天窗朝向</span>
<input type="text" placeholder="0">
<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>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#天窗全程运行时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20675, $event)" v-model="inputData[20675]" @input="change(20675, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20677, $event)" v-model="inputData[20677]" @input="change(20677, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20678, $event)" v-model="inputData[20678]" @input="change(20678, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>天窗朝向</span>
<input type="text" placeholder="0">
<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>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#天窗全程运行时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20679, $event)" v-model="inputData[20679]" @input="change(20679, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20681, $event)" v-model="inputData[20681]" @input="change(20681, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20682, $event)" v-model="inputData[20682]" @input="change(20682, $event)"
type="text" placeholder="0">
</div>
<div class="input-sel input-sel-w180">
<span>天窗朝向</span>
<input type="text" placeholder="0">
<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>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>所有设备的行程保护时间</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange10(20896, $event)" v-model="inputData[20896]" @input="changeCount10(20896, $event)"
type="text" placeholder="0">
<span>维度</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20683, $event)" v-model="inputData[20683]" @input="change(20683, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20684, $event)" v-model="inputData[20684]" @input="change(20684, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20686, $event)" v-model="inputData[20686]" @input="change(20686, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20687, $event)" v-model="inputData[20687]" @input="change(20687, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20695, $event)" v-model="inputData[20695]" @input="change(20695, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20696, $event)" v-model="inputData[20696]" @input="change(20696, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20698, $event)" v-model="inputData[20698]" @input="change(20698, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20699, $event)" v-model="inputData[20699]" @input="change(20699, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20701, $event)" v-model="inputData[20701]" @input="change(20701, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20702, $event)" v-model="inputData[20702]" @input="change(20702, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<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 type="text" placeholder="0">
<input @blur="blurChange(20704, $event)" v-model="inputData[20704]" @input="change(20704, $event)"
type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20705, $event)" v-model="inputData[20705]" @input="change(20705, $event)"
type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20706, $event)" v-model="inputData[20706]" @input="change(20706, $event)"
type="text" placeholder="0">
</div>
</div>
</div>
@ -245,10 +487,214 @@
<script>
export default {
data() {
return {}
return {
sensorType: '',
typeList1: [{ label: '平均1#土壤湿度', value: 0 },
{ label: '1#土壤湿度', value: 1 },
{ label: '2#土壤湿度', value: 2 },
{ label: '3#土壤湿度', value: 3 },
{ label: '4#土壤湿度', value: 4 },
{ label: '5#土壤湿度', value: 5 },
{ label: '6#土壤湿度', value: 6 },
{ label: '7#土壤湿度', value: 7 },
{ label: '8#土壤湿度', value: 8 },],
list1:[20650,20652,20654,20656,20658,20660,20662,20664],
typeList2: [
{ label: '东', value: 1 },
{ label: '西', value: 2 },
{ label: '南', value: 3 },
{ label: '北', value: 4 },
{ label: '东南', value: 5 },
{ label: '东北', value: 6 },
{ label: '西南', value: 7 },
{ label: '西北', value: 8 },],
list2:[20668,20672,20676,20680],
typeList3: [
{ label: '加热模式', value: 1 },
{ label: '制冷模式', value: 2 },],
inputData:[],
inputDataNew:[],
}
},
mounted() {
this.dataInit()
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
getData1(data) {
var name=''
this.typeList1.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
getData2(data) {
var name=''
this.typeList2.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
getData3(data) {
var name=''
this.typeList3.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.intrinsicParameter(data).then(res => {
if (res.data.code == 200) {
this.inputData =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]);
this.list1.forEach((el,index)=>{
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);
}
})
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
//
handleCommand(command,code) {
this.typeList1.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
handleCommand1(command,code) {
this.typeList3.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
handleCommand2(command,code) {
this.typeList2.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
mounted() { },
methods: {},
}
</script>

View File

@ -4,8 +4,8 @@
<div class="page-content">
<div class="table-title">
<img src="../../assets/image/irrigateSet.png" alt="" />
{{ indexs }}#灌溉组配置
<div class="tips">种植作物1</div>
{{$store.state.equipmentName['solenoid' + $store.state.nameList[indexs-1]]}}
<div class="tips"> {{$store.state.equipmentName['solenoid' + $store.state.nameList[indexs-1]]}}</div>
</div>
<div class="flex-view">
<div class="input-btn">
@ -20,9 +20,6 @@
<img src="../../assets/image/irrigateSet2.png" alt="" />自动
</div>
</div>
<div class="input-main">
<span>手动启动时间</span>

View File

@ -1,95 +1,118 @@
<template>
<div class="outsizeSunshade">
<div class="table-title">
<img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳控制
<img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs-1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs-1]] == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>工作时段限制</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
{{ actList1[4] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>降雨时遮阳网处于的位置</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
type="text" placeholder="0">
<span>%</span>
<span>降雨确认时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室外光照大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="changeCount10(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
<span>展开外遮阳</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
type="text" placeholder="0">
<span>% (KLux)光照确认时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $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 type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="changeCount10(startList[indexs-1]+9, $event)"
type="text" placeholder="0">
<span>外遮阳展开 100%(KLux)</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
{{ actList1[3] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>风速大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
type="text" placeholder="0">
<span>时收拢遮阳网大风保护解除时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="changeCount10(startList[indexs-1]+12, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
{{ actList1[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="changeCount10(startList[indexs-1]+10, $event)"
type="text" placeholder="0">
<span>展开外遮阳</span>
</div>
</div>
@ -99,11 +122,249 @@
export default {
data() {
return {
openIndex:1,
inputData: [],
startList: [21900,21915],//
indexs: 1,
actList1: [],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs-1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.externalsunshade(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 7] = this.countData10(this.inputData[el + 7])
this.inputData[el + 9] = this.countData10(this.inputData[el + 9])
this.inputData[el + 10] = this.countData10(this.inputData[el + 10])
this.inputData[el + 12] = this.countData10(this.inputData[el + 12])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>

View File

@ -6,26 +6,26 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21745)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21745]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21744)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21744]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -34,26 +34,26 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21747)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21747]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21746)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21746]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -63,52 +63,52 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21749)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21749]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21748)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21748]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21751)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21751]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21750)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21750]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -118,52 +118,52 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21753)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21753]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21752)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21752]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21755)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21755]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21754)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21754]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -173,52 +173,52 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21757)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21757]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21756)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21756]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21759)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21759]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21758)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21758]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -228,52 +228,52 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>2#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21761)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21761]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21760)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21760]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21763)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21763]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21762)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21762]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -283,52 +283,52 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>3#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21765)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21765]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21764)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21764]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21767)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21767]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21766)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21766]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -338,52 +338,52 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>4#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21769)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21769]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21768)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21768]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21771)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21771]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21770)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21770]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -393,26 +393,26 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>环流风机: 1#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21730)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21730]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>2#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21731)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21731]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -421,26 +421,26 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>湿帘外翻窗1#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21742)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21742]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>2#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21743)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21743]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -450,52 +450,52 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">1#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21733)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21733]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21732)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21732]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21735)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21735]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21734)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21734]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -504,52 +504,52 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">2#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21737)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21737]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21736)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21736]" 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 typeList" :key="index" :command="item.value">{{
<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-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand4($event,21739)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21739]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand2($event,21738)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21738]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -559,26 +559,26 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>轴流风机: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand3($event,21741)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21741]" 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 typeList" :key="index" :command="item.value">{{
<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 class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<el-dropdown @command="handleCommand1($event,21740)">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<input v-model="inputDataNew[21740]" 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 typeList" :key="index" :command="item.value">{{
<el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -591,16 +591,211 @@
data(){
return {
sensorType:'',
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
typeList1: [
{ label: '1#平均空气温度', value: 1 },
{ label: '2#平均空气温度', value: 2 },
{ label: '1#空气温度', value: 3 },
{ label: '2#空气温度', value: 4 },
{ label: '3#空气温度', value: 5 },
{ label: '4#空气温度', value: 6 },
{ label: '5#空气温度', value: 7 },
{ label: '6#空气温度', value: 8 },
{ label: '7#空气温度', value: 7 },
{ label: '8#空气温度', value: 8 },],
list1:[21732,21736,21740,21742,21743,21744,21746,21748,21752,21756,21760,21764,21768],
typeList2: [
{ label: '1#平均空气湿度', value: 1 },
{ label: '2#平均空气湿度', value: 2 },
{ label: '1#空气湿度', value: 3 },
{ label: '2#空气湿度', value: 4 },
{ label: '3#空气湿度', value: 5 },
{ label: '4#空气湿度', value: 6 },
{ label: '5#空气湿度', value: 7 },
{ label: '6#空气湿度', value: 8 },
{ label: '7#空气湿度', value: 7 },
{ label: '8#空气湿度', value: 8 },],
list2:[21730,21731,21734,21738,21750,21754,21758,21762,21766,21770],
typeList3: [
{ label: '目标温度1', value: 1 },
{ label: '目标温度2', value: 2 },],
list3:[21733,21737,21741,21745,21747,21749,21753,21757,21761,21765,21769],
typeList4: [
{ label: '目标湿度1', value: 1 },
{ label: '目标湿度2', value: 2 },],
list4:[21735,21739,21751,21755,21759,21763,21767,21771],
inputData:[],
inputDataNew:[],
}
},
mounted(){
this.dataInit()
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
mounted(){},
methods:{
getData1(data) {
var name=''
this.typeList1.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
getData2(data) {
var name=''
this.typeList2.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
getData3(data) {
var name=''
this.typeList3.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
getData4(data) {
var name=''
this.typeList4.forEach((el, index) => {
if (el.value == data) {
name=el.label
}
})
return name
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.manufacturerparameter(data).then(res => {
if (res.data.code == 200) {
this.inputData =JSON.parse(JSON.stringify(res.data.data));
this.inputDataNew=JSON.parse(JSON.stringify(res.data.data))
this.list1.forEach((el,index)=>{
this.inputDataNew[el]=this.getData1(this.inputData[el])
})
this.list2.forEach((el,index)=>{
this.inputDataNew[el]=this.getData2(this.inputData[el])
})
this.list3.forEach((el,index)=>{
this.inputDataNew[el]=this.getData3(this.inputData[el])
})
this.list4.forEach((el,index)=>{
this.inputDataNew[el]=this.getData4(this.inputData[el])
})
}
})
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
//
handleCommand(command) {
console.log(command);
handleCommand1(command,code) {
this.typeList1.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
handleCommand2(command,code) {
this.typeList2.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
handleCommand3(command,code) {
this.typeList3.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//
handleCommand4(command,code) {
this.typeList4.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
}
})
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},

View File

@ -21,7 +21,7 @@
</div> -->
<div class="table-title">
<img src="../../assets/image/real-time.png" alt="" />
实时数据
实时数据<span class="outline" v-if="deviceState==0">(线)</span>
</div>
<div class="timeNow" v-if="list.length">
<!-- {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}<span> {{ time.time }}:{{ time.timeS
@ -337,6 +337,7 @@ export default {
url: '',
timer: null,
deviceName: 1,
deviceState:1,
controlList: [],
statusInterval: null,//statusInterval
statusTime: 2,//status
@ -379,6 +380,7 @@ export default {
const store = this.$store.state
this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
this.deviceName = store.equipmentList[this.indexs - 1].deviceName
this.deviceState = store.equipmentList[this.indexs - 1].deviceState
clearInterval(this.statusInterval) && this.statusInterval
setTimeout(() => {
@ -398,6 +400,7 @@ export default {
const store = this.$store.state
this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
this.deviceName = store.equipmentList[this.indexs - 1].deviceName
this.deviceState = store.equipmentList[this.indexs - 1].deviceState
// this.getTime()
setTimeout(() => {

View File

@ -1,21 +1,21 @@
<template>
<div class="sunroofControl">
<div class="table-title">
<img src="../../assets/img/sunroofControl.png" alt="">天窗控制
<img src="../../assets/img/sunroofControl.png" alt="">天窗{{indexs}}
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs-1]] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs-1]] == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
@ -26,12 +26,14 @@
</div>
<div class="input-main input-main-w120">
<div>温度控制精度</div>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="changeCount10(startList[indexs-1]+3, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main input-main-w120">
<div>计算周期</div>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -41,12 +43,14 @@
</div>
<div class="input-main input-main-w120">
<div>比例系数</div>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main input-main-w120">
<div>积分系数</div>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -56,7 +60,8 @@
</div>
<div class="input-main input-main-w260">
<div>天窗分阶段全部打开次数</div>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view padding-none">
@ -65,89 +70,366 @@
</div>
<div class="input-main input-main-w260">
<div>风机运行时天窗打开角度</div>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
{{ actList1[0] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>室外温度低于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="changeCountData(startList[indexs-1]+8, $event)"
type="text" placeholder="0">
<span>度禁止开启天窗</span>
</div>
</div>
<div class="flex-view padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
{{ actList1[1] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>风速大于</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="changeCount10(startList[indexs-1]+13, $event)"
type="text" placeholder="0">
<span>关闭天窗大风保护解除时间</span>
</div>
<div class="input-main input-main-w80">
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none ">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
{{ actList1[3] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>开启天窗除湿功能;</span>
</div>
</div>
<div class="flex-view border-none ">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
{{ actList1[4] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>选择下雨保护条件有效;</span>
</div>
</div>
<div class="flex-view">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
{{ actList1[5] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>开启天窗除湿功能</span>
<span>选择有雨量桶检测条件有效;</span>
</div>
</div>
<div class="flex-view border-none">
<div class="input-main input-main-w100">
<span>湿度控制精度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="changeCount10(startList[indexs-1]+9, $event)"
type="text" placeholder="0">
<span>天窗除湿时开启角度</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view">
<div class="input-main input-main-w100">
<span>实测温度比目标温度低</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="changeCount10(startList[indexs-1]+15, $event)"
type="text" placeholder="0">
<span>将进行间断除湿开</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
type="text" placeholder="0">
<span>分钟</span>
<input type="text" placeholder="0">
<input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
{{ actList1[2] == '1' ? '有效' : '无效' }}
</div>
</div>
<div class="input-main input-main-w120">
<span>室内温度低于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="changeCountData(startList[indexs-1]+16, $event)"
type="text" placeholder="0">
<span>禁止开窗除湿</span>
</div>
</div>
<div class="flex-view padding-none">
<div class="input-main input-main-w120">
<span>下雨检测时间</span>
<input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex: 1
inputData: [],
startList: [21250, 21273, 21296, 21319],//
indexs: 1,
actList1: [],
}
},
mounted() { },
methods: {},
watch: {
$route(newVal, oldVal) {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.getActive1();
}, 0);
},
},
mounted() {
const that = this;
this.indexs = this.$route.query.id ? this.$route.query.id : 1;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[this.startList[this.indexs - 1] + 1]
var num1 = this.padString(num.toString(2), 6)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
//
changeOpen(index) {
this.inputData[this.startList[this.indexs-1]] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(this.startList[this.indexs - 1], dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.readskylight(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.startList.forEach((el, index) => {
this.inputData[el + 3] = this.countData10(this.inputData[el + 3])
this.inputData[el + 8] = this.countData(this.inputData[el + 8])
this.inputData[el + 9] = this.countData10(this.inputData[el + 9])
this.inputData[el + 13] = this.countData10(this.inputData[el + 13])
this.inputData[el + 15] = this.countData10(this.inputData[el + 15])
this.inputData[el + 16] = this.countData(this.inputData[el + 16])
})
this.getActive1()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
}
}
</script>

View File

@ -6,76 +6,92 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20064, $event)" v-model="inputData[20064]" @input="change(20064, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20065, $event)" v-model="inputData[20065]" @input="change(20065, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20067, $event)" v-model="inputData[20067]" @input="change(20067, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20066, $event)" v-model="inputData[20066]" @input="change(20066, $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 type="text" placeholder="0">
<input @blur="blurChange(20068, $event)" v-model="inputData[20068]" @input="change(20068, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20069, $event)" v-model="inputData[20069]" @input="change(20069, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20071, $event)" v-model="inputData[20071]" @input="change(20071, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20070, $event)" v-model="inputData[20070]" @input="change(20070, $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 type="text" placeholder="0">
<input @blur="blurChange(20072, $event)" v-model="inputData[20072]" @input="change(20072, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20073, $event)" v-model="inputData[20073]" @input="change(20073, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20075, $event)" v-model="inputData[20075]" @input="change(20075, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20074, $event)" v-model="inputData[20074]" @input="change(20074, $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 type="text" placeholder="0">
<input @blur="blurChange(20076, $event)" v-model="inputData[20076]" @input="change(20076, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20077, $event)" v-model="inputData[20077]" @input="change(20077, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20079, $event)" v-model="inputData[20079]" @input="change(20079, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20078, $event)" v-model="inputData[20078]" @input="change(20078, $event)"
type="text" placeholder="0">
<span>%</span>
</div>
</div>
@ -85,10 +101,186 @@
<script>
export default {
data(){
return {}
return {
inputData:[],
}
},
mounted(){},
methods:{},
mounted() {
const that = this;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.targetValue(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
}
})
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
}
}
</script>

View File

@ -9,76 +9,92 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20032, $event)" v-model="inputData[20032]" @input="change(20032, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20033, $event)" v-model="inputData[20033]" @input="change(20033, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20035, $event)" v-model="inputData[20035]" @input="change(20035, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20034, $event)" v-model="inputData[20034]" @input="changeCount10(20034, $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 type="text" placeholder="0">
<input @blur="blurChange(20036, $event)" v-model="inputData[20036]" @input="change(20036, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20037, $event)" v-model="inputData[20037]" @input="change(20037, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20039, $event)" v-model="inputData[20039]" @input="change(20039, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20038, $event)" v-model="inputData[20038]" @input="changeCount10(20038, $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 type="text" placeholder="0">
<input @blur="blurChange(20040, $event)" v-model="inputData[20040]" @input="change(20040, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20041, $event)" v-model="inputData[20041]" @input="change(20041, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20043, $event)" v-model="inputData[20043]" @input="change(20043, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20042, $event)" v-model="inputData[20042]" @input="changeCount10(20042, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20044, $event)" v-model="inputData[20044]" @input="change(20044, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20045, $event)" v-model="inputData[20045]" @input="change(20045, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20047, $event)" v-model="inputData[20047]" @input="change(20047, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20046, $event)" v-model="inputData[20046]" @input="changeCount10(20046, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -89,76 +105,92 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20048, $event)" v-model="inputData[20048]" @input="change(20048, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20049, $event)" v-model="inputData[20049]" @input="change(20049, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20051, $event)" v-model="inputData[20051]" @input="change(20051, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20050, $event)" v-model="inputData[20050]" @input="changeCount10(20050, $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 type="text" placeholder="0">
<input @blur="blurChange(20052, $event)" v-model="inputData[20052]" @input="change(20052, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20053, $event)" v-model="inputData[20053]" @input="change(20053, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20055, $event)" v-model="inputData[20055]" @input="change(20055, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20054, $event)" v-model="inputData[20054]" @input="changeCount10(20054, $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 type="text" placeholder="0">
<input @blur="blurChange(20056, $event)" v-model="inputData[20056]" @input="change(20056, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20057, $event)" v-model="inputData[20057]" @input="change(20057, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20059, $event)" v-model="inputData[20059]" @input="change(20059, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20058, $event)" v-model="inputData[20058]" @input="changeCount10(20058, $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 type="text" placeholder="0">
<input @blur="blurChange(20060, $event)" v-model="inputData[20060]" @input="change(20060, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20061, $event)" v-model="inputData[20061]" @input="change(20061, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20063, $event)" v-model="inputData[20063]" @input="change(20063, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(20062, $event)" v-model="inputData[20062]" @input="changeCount10(20062, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -167,10 +199,193 @@
<script>
export default {
data(){
return {}
return {
inputData:[]
}
},
mounted(){},
methods:{},
mounted() {
const that = this;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.targetValue(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.inputData[20034] =this.countData10(this.inputData[20034]);
this.inputData[20038] =this.countData10(this.inputData[20038]);
this.inputData[20042] =this.countData10(this.inputData[20042]);
this.inputData[20046] =this.countData10(this.inputData[20046]);
this.inputData[20050] =this.countData10(this.inputData[20050]);
this.inputData[20054] =this.countData10(this.inputData[20054]);
this.inputData[20058] =this.countData10(this.inputData[20058]);
this.inputData[20062] =this.countData10(this.inputData[20062]);
}
})
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
}
}
</script>

View File

@ -9,76 +9,92 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20000, $event)" v-model="inputData[20000]" @input="change(20000, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20001, $event)" v-model="inputData[20001]" @input="change(20001, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20003, $event)" v-model="inputData[20003]" @input="change(20003, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20002, $event)" v-model="inputData[20002]" @input="changeCountData(20002, $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 type="text" placeholder="0">
<input @blur="blurChange(20004, $event)" v-model="inputData[20004]" @input="change(20004, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20005, $event)" v-model="inputData[20005]" @input="change(20005, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20007, $event)" v-model="inputData[20007]" @input="change(20007, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20006, $event)" v-model="inputData[20006]" @input="changeCountData(20006, $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 type="text" placeholder="0">
<input @blur="blurChange(20008, $event)" v-model="inputData[20008]" @input="change(20008, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20009, $event)" v-model="inputData[20009]" @input="change(20009, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20011, $event)" v-model="inputData[20011]" @input="change(20011, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20010, $event)" v-model="inputData[20010]" @input="changeCountData(20010, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20012, $event)" v-model="inputData[20012]" @input="change(20012, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20013, $event)" v-model="inputData[20013]" @input="change(20013, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20015, $event)" v-model="inputData[20015]" @input="change(20015, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20014, $event)" v-model="inputData[20014]" @input="changeCountData(20014, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
@ -89,93 +105,290 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20016, $event)" v-model="inputData[20016]" @input="change(20016, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20017, $event)" v-model="inputData[20017]" @input="change(20017, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20019, $event)" v-model="inputData[20019]" @input="change(20019, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20018, $event)" v-model="inputData[20018]" @input="changeCountData(20018, $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 type="text" placeholder="0">
<input @blur="blurChange(20020, $event)" v-model="inputData[20020]" @input="change(20020, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20021, $event)" v-model="inputData[20021]" @input="change(20021, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20023, $event)" v-model="inputData[20023]" @input="change(20023, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20022, $event)" v-model="inputData[20022]" @input="changeCountData(20022, $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 type="text" placeholder="0">
<input @blur="blurChange(20024, $event)" v-model="inputData[20024]" @input="change(20024, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20025, $event)" v-model="inputData[20025]" @input="change(20025, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20027, $event)" v-model="inputData[20027]" @input="change(20027, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20026, $event)" v-model="inputData[20026]" @input="changeCountData(20026, $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 type="text" placeholder="0">
<input @blur="blurChange(20028, $event)" v-model="inputData[20028]" @input="change(20028, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20029, $event)" v-model="inputData[20029]" @input="change(20029, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<input @blur="blurChange(20031, $event)" v-model="inputData[20031]" @input="change(20031, $event)"
type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(20030, $event)" v-model="inputData[20030]" @input="changeCountData(20030, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {}
},
mounted(){},
methods:{},
</template>
<script>
export default {
data() {
return {
timer: null,
inputData: [],
}
},
mounted() {
const that = this;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
</script>
<style lang="scss">
</style>
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.targetValue(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.inputData[20002] =this.countData(this.inputData[20002]);
this.inputData[20006] =this.countData(this.inputData[20006]);
this.inputData[20010] =this.countData(this.inputData[20010]);
this.inputData[20014] =this.countData(this.inputData[20014]);
this.inputData[20018] =this.countData(this.inputData[20018]);
this.inputData[20022] =this.countData(this.inputData[20022]);
this.inputData[20026] =this.countData(this.inputData[20026]);
this.inputData[20030] =this.countData(this.inputData[20030]);
}
})
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>
<style lang="scss"></style>

View File

@ -8,13 +8,13 @@
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1,21950)" :class="inputData[21950] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2,21950)" :class="inputData[21950] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3,21950)" :class="inputData[21950] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
@ -22,19 +22,19 @@
<div class="text-tips">手动打开时风机启动</div>
<div class="flex-view border-none">
<div class="input-btn ">
<div class="btn blue btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
1#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
2#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
3#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
4#
</div>
<div class="btn off btn-w80">
<div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
5#
</div>
</div>
@ -42,28 +42,32 @@
<div class="text-tips">工作时段限制</div>
<div class="flex-view border-none">
<div class="input-main-80">
<input type="text" placeholder="0">
<input @blur="blurChange(21952, $event)" v-model="inputData[21952]" @input="change(21952, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21953, $event)" v-model="inputData[21953]" @input="change(21953, $event)"
type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21954, $event)" v-model="inputData[21954]" @input="change(21954, $event)"
type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21955, $event)" v-model="inputData[21955]" @input="change(21955, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="text-tips">工作时段限制</div>
<div class="flex-view shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeOpen(1,21956)" :class="inputData[21956] == 1 ? 'blue' : 'off'">
{{inputData[21956] == 1 ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>工作模式一</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeOpen(2,21956)" :class="inputData[21956] == 2 ? 'blue' : 'off'">
{{inputData[21956] == 2 ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
@ -73,110 +77,131 @@
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>工作模式一风机湿帘工作最大级数</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21959, $event)" v-model="inputData[21959]" @input="change(21959, $event)"
type="text" placeholder="0">
<span>风机湿帘工作调整时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21961, $event)" v-model="inputData[21961]" @input="change(21961, $event)"
type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen1(0)" :class="actList2[0] == '1' ? 'blue' : 'off'">
{{actList2[0] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>室外温度小于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21958, $event)" v-model="inputData[21958]" @input="changeCountData(21958, $event)"
type="text" placeholder="0">
<span>禁止启动风机</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen1(1)" :class="actList2[1] == '1' ? 'blue' : 'off'">
{{actList2[1] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>实测温度大于目标温度</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(21960, $event)" v-model="inputData[21960]" @input="changeCount10(21960, $event)"
type="text" placeholder="0">
<span>跳过天窗直接启动风机</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn btn-w80" @click="changeIndexOpen1(2)" :class="actList2[2] == '1' ? 'blue' : 'off'">
{{actList2[2] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>预留条件</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen1(3)" :class="actList2[3] == '1' ? 'blue' : 'off'">
{{actList2[3] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>湿帘结束后风机延时吹干湿帘时间</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21962, $event)" v-model="inputData[21962]" @input="change(21962, $event)"
type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>工作模式二控温精度滞回带</span>
<input type="text" placeholder="0">
<input @blur="blurChange10(21964, $event)" v-model="inputData[21964]" @input="changeCount10(21964, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
{{actList3[0] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21965, $event)" v-model="inputData[21965]" @input="changeCountData(21965, $event)"
type="text" placeholder="0">
<span>启动1#风机</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
{{actList3[1] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21966, $event)" v-model="inputData[21966]" @input="changeCountData(21966, $event)"
type="text" placeholder="0">
<span>启动2#风机</span>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
{{actList3[2] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21967, $event)" v-model="inputData[21967]" @input="changeCountData(21967, $event)"
type="text" placeholder="0">
<span>启动3#风机</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
{{actList3[3] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21968, $event)" v-model="inputData[21968]" @input="changeCountData(21968, $event)"
type="text" placeholder="0">
<span>启动4#风机</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
<div class="btn btn-w80" @click="changeIndexOpen2(4)" :class="actList3[4] == '1' ? 'blue' : 'off'">
{{actList3[4] == '1' ? '有效' : '无效'}}
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<input @blur="blurChangeCount(21969, $event)" v-model="inputData[21969]" @input="changeCountData(21969, $event)"
type="text" placeholder="0">
<span>启动5#风机</span>
</div>
</div>
@ -186,13 +211,13 @@
<span>湿帘水泵1:</span>
</div>
<div class="input-btn ">
<div class="btn" :class="openIndex1 == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1,21970)" :class="inputData[21970] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex1 == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2,21970)" :class="inputData[21970] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex1 == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3,21970)" :class="inputData[21970] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
@ -200,7 +225,8 @@
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>降温需求到达</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21971, $event)" v-model="inputData[21971]" @input="change(21971, $event)"
type="text" placeholder="0">
<span>级时湿帘泵1启动</span>
</div>
</div>
@ -210,13 +236,13 @@
<span>湿帘水泵2:</span>
</div>
<div class="input-btn ">
<div class="btn" :class="openIndex2 == 1 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(1,21972)" :class="inputData[21972] == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex2 == 2 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(2,21972)" :class="inputData[21972] == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex2 == 3 ? 'blue' : 'green'">
<div class="btn" @click="changeOpen(3,21972)" :class="inputData[21972] == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
@ -224,7 +250,8 @@
<div class="flex-view border-none shrink-none">
<div class="input-main-80">
<span>降温需求到达2</span>
<input type="text" placeholder="0">
<input @blur="blurChange(21972, $event)" v-model="inputData[21972]" @input="change(21972, $event)"
type="text" placeholder="0">
<span>级时湿帘泵2启动</span>
</div>
</div>
@ -234,13 +261,297 @@
export default {
data() {
return {
openIndex: 1,
openIndex1: 1,
openIndex2: 1,
inputData: [],
actList1: [],
actList2: [],
actList3: [],
}
},
mounted() { },
methods: {},
mounted() {
const that = this;
setTimeout(() => {
that.dataInit();
}, 0);
//input
let inputList = document.querySelectorAll('input');
for (let index = 0; index < inputList.length; index++) {
inputList[index].onfocus = this.selectValue;//input
}
},
methods: {
// x/10
blurChange10(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value * 10,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
// x/10
changeCount10(code, el) {
var data = el.target.value * 10
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
// x/10
countData10(data) {
if (data) {
return data / 10
} else {
return 0
}
},
// (x - 400) / 10
countData(data) {
if (data) {
return (data - 400) / 10
} else {
return 0
}
},
//
blurChangeCount(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: (el.target.value * 10) + 400,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
changeCountData(code, el) {
var data = (el.target.value * 10) + 400
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
//
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
this.$forceUpdate();
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num,2),
},
};
this.changeBtn(21951, dataNum);
},
//
changeIndexOpen1(active) {
if (this.actList2[active] == '1') {
this.actList2[active] = '0'
} else {
this.actList2[active] = '1'
}
this.$forceUpdate();
var revList = this.actList2.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn(21957, dataNum);
},
//
changeIndexOpen2(active) {
if (this.actList3[active] == '1') {
this.actList3[active] = '0'
} else {
this.actList3[active] = '1'
}
this.$forceUpdate();
var revList = this.actList3.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn(21963, dataNum);
},
getActive1() {
this.actList1 = []
var num = this.inputData[21951]
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
this.actList1 = openListNew.reverse();
},
getActive2() {
this.actList2 = []
var num = this.inputData[21957]
var num1 = this.padString(num.toString(2), 4)
var openListNew = []
openListNew = num1.split("")
this.actList2 = openListNew.reverse();
},
getActive3() {
this.actList3 = []
var num = this.inputData[21963]
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
this.actList3 = openListNew.reverse();
},
//
changeOpen(index,code) {
this.inputData[code] = index;
var dataNum = {
target: {
value: index,
},
};
this.changeBtn(code, dataNum);
},
dataInit() {
var store = this.$store.state
var data = {
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
};
this.api.fanwetcurtain(data).then(res => {
if (res.data.code == 200) {
this.inputData = res.data.data;
this.inputData[21958]=this.countData(this.inputData[21958])
this.inputData[21960]=this.countData10(this.inputData[21960])
this.inputData[21964]=this.countData10(this.inputData[21964])
this.inputData[21965]=this.countData(this.inputData[21965])
this.inputData[21966]=this.countData(this.inputData[21966])
this.inputData[21967]=this.countData(this.inputData[21967])
this.inputData[21968]=this.countData(this.inputData[21968])
this.inputData[21969]=this.countData(this.inputData[21969])
this.inputData[21976]=this.countData(this.inputData[21976])
this.inputData[21977]=this.countData10(this.inputData[21977])
this.inputData[21981]=this.countData(this.inputData[21981])
this.inputData[21982]=this.countData10(this.inputData[21982])
this.getActive1()
this.getActive2()
this.getActive3()
}
})
},
//
padString(str, length) {
return str.padStart(length, '0');
},
//
myReverse(arr) {
return [...arr].reverse()
},
//
selectValue(e) {
var store = this.$store.state
store.nowInput = e.target.value
e.currentTarget.select();
},
//
blurChange(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
}; //
if (this.timer) {
this.timer && clearInterval(this.timer);
this.changeData(data);
}
},
//
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;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
change(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
// j*100
delayTimer(i, data) {
const that = this;
//
let j = this.$store.state.lateSend;
//
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
var store = this.$store.state
this.api.postControlWrite(data).then((res) => {
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: "success",
});
store.nowInput = ''
// this.dataInit();
} else {
this.inputData[data.regAddress] = store.nowInput
this.$message.error(res.data.msg);
}
this.timer = null
});
},
},
}
</script>