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

1

pull/95/head
孙萌 2024-01-18 16:31:45 +08:00
parent f4f2a8befe
commit 3768e57d72
11 changed files with 384 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

BIN
src/assets/image/left-img3.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

26
src/assets/js/charts.js
View File

@ -224,31 +224,44 @@ export function realTimeLine(id, data) {
color: "#57617B",
},
},
extraCssText: 'z-index: 9999;', // 设置 z-index
},
legend: {
icon: "circle",
itemWidth: 10,
itemHeight: 10,
type: 'scroll', // 启用翻页
data: list,
right: "center",
top:10,
itemGap: 10,
width:'90%',
textStyle: {
fontSize: 12,
color: "#fff",
},
pageTextStyle: {
color: '#fff', // 设置翻页文字颜色
},
pageIconColor: '#fff', // 设置翻页按钮颜色
},
dataZoom: [
{
show: true,
realtime: true,
start: 30,
end: 70,
xAxisIndex: [0, 1]
start:0,
end: 100,
xAxisIndex: [0, 1],
textStyle: {
color: '#fff'
}
},
{
type: 'inside',
realtime: true,
start: 30,
end: 70,
start: 0,
height:20,
end:100,
xAxisIndex: [0, 1],
backgroundColor: 'rgba(11, 28, 42, 0.4)',
fillerColor: 'rgba(2, 148, 226, 1)',
@ -259,7 +272,7 @@ export function realTimeLine(id, data) {
],
grid: {
left: "3%",
right: "4%",
right: "10%",
bottom: "13%",
containLabel: true,
},
@ -311,6 +324,7 @@ export function realTimeLine(id, data) {
series: list,
};
option && myChart.setOption(option);
myChart.resize();
window.addEventListener("resize", function () {
myChart.resize();
});

24
src/views/index.vue
View File

@ -81,7 +81,10 @@ export default {
{ name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
{ name: '温室', routerList: ['realTime','exitSettings', 'skylight', 'control','systemSet-con', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','alarmSettings', '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: [] },],
{ name: '施肥机', routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] },
{ name: '生态气象站', routerList: ['realTime','exitSettings', 'skylight', 'control','systemSet-con', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','alarmSettings', '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-img3.png'), list: [] },
],
routerNow: 'realTime',
deviceName: 1,
routerIndex: 1,
@ -196,6 +199,7 @@ export default {
});
this.leftList[1].list = []
this.leftList[2].list = []
this.leftList[3].list = []
this.$store.state.equipmentList.forEach((el, index) => {
//链接中的deviceId
if (this.deviceId && this.deviceId == el.deviceId) {
@ -207,12 +211,18 @@ export default {
this.leftList[index1].list.push(el)
}
})
} else {
} else if (el.deviceName == 10) {
this.leftList.forEach((el1, index1) => {
if (el1.name == '温室') {
this.leftList[index1].list.push(el)
}
})
}else{
this.leftList.forEach((el1, index1) => {
if (el1.name == '生态气象站') {
this.leftList[index1].list.push(el)
}
})
}
})
this.leftList.forEach((el1, index1) => {
@ -222,6 +232,9 @@ export default {
if (el1.name == '施肥机') {
this.leftList[index1].list.sort(this.compare('equipmentStatu'))
}
if (el1.name == '生态气象站') {
this.leftList[index1].list.sort(this.compare('equipmentStatu'))
}
})
this.gerRouter()
this.getByid()
@ -273,7 +286,7 @@ export default {
} else if (item.router == 'dataAnalysis' && this.$route.query.index != item.index) {
this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
} else if (this.routerNow == 'realTime' && item.router == 'status' && this.deviceName == '10') {
} else if (this.routerNow == 'realTime' && item.router == 'status' && (this.deviceName == '10'||this.deviceName == '30')) {
this.$router.push({ path: `/control` })
} else if (item.router == 'realTime') {
@ -307,10 +320,7 @@ export default {
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') {
this.$store.state.equipmentIndex = item.index
this.$router.push({ path: `/realTime?index=${item.index ? item.index : 1}&name=${item.deviceName}` })
@ -318,7 +328,7 @@ export default {
this.$store.state.equipmentIndex = item.index
this.routerIndex = item.index
if (item.deviceName == 10) {
if (item.deviceName == 10||item.deviceName == 30) {
// 限制页面随意跳转
if(this.routerNow!='skylight'&&this.leftList[1].routerList.indexOf(this.$route.name)!=-1){
return

2
src/views/login.vue
View File

@ -94,7 +94,7 @@
this.$router.push({ name: 'index' })
} else {
localStorage.removeItem('token')
this.$message.error("请求出错,请重试");
this.$message.error(res.data.msg);
}
});
},

4
src/views/page/intrinsicParameter.vue
View File

@ -176,10 +176,10 @@
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>高压微雾1-2组输出通道：</span>
<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">
<input @blur="blurChange(20721, $event)" v-model="inputData[20721]" @input="change(20721, $event)"
type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">

263
src/views/page/parameterSet.vue
View File

@ -6,7 +6,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21745)">
<el-dropdown @command="handleCommand3($event, 21745)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21745]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -19,7 +19,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21744)">
<el-dropdown @command="handleCommand1($event, 21744)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21744]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -34,7 +34,7 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21747)">
<el-dropdown @command="handleCommand3($event, 21747)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21747]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -47,7 +47,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21746)">
<el-dropdown @command="handleCommand1($event, 21746)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21746]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -63,7 +63,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21749)">
<el-dropdown @command="handleCommand3($event, 21749)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21749]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -76,7 +76,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21748)">
<el-dropdown @command="handleCommand1($event, 21748)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21748]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -89,7 +89,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21751)">
<el-dropdown @command="handleCommand4($event, 21751)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21751]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -102,7 +102,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21750)">
<el-dropdown @command="handleCommand2($event, 21750)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21750]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -118,7 +118,7 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21753)">
<el-dropdown @command="handleCommand3($event, 21753)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21753]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -131,7 +131,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21752)">
<el-dropdown @command="handleCommand1($event, 21752)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21752]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -144,7 +144,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21755)">
<el-dropdown @command="handleCommand4($event, 21755)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21755]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -157,7 +157,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21754)">
<el-dropdown @command="handleCommand2($event, 21754)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21754]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -173,7 +173,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#通风窗: 目标温度选择</span>
<el-dropdown @command="handleCommand1($event,21757)">
<el-dropdown @command="handleCommand1($event, 21757)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21757]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -186,7 +186,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand3($event,21756)">
<el-dropdown @command="handleCommand3($event, 21756)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21756]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -199,7 +199,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21759)">
<el-dropdown @command="handleCommand4($event, 21759)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21759]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -212,7 +212,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21758)">
<el-dropdown @command="handleCommand2($event, 21758)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21758]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -228,7 +228,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>2#通风窗: 目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21761)">
<el-dropdown @command="handleCommand3($event, 21761)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21761]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -241,7 +241,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21760)">
<el-dropdown @command="handleCommand1($event, 21760)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21760]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -254,7 +254,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21763)">
<el-dropdown @command="handleCommand4($event, 21763)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21763]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -267,7 +267,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21762)">
<el-dropdown @command="handleCommand2($event, 21762)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21762]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -283,7 +283,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>3#通风窗: 目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21765)">
<el-dropdown @command="handleCommand3($event, 21765)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21765]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -296,7 +296,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21764)">
<el-dropdown @command="handleCommand1($event, 21764)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21764]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -309,7 +309,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21767)">
<el-dropdown @command="handleCommand4($event, 21767)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21767]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -322,7 +322,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21766)">
<el-dropdown @command="handleCommand2($event, 21766)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21766]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -338,7 +338,7 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>4#通风窗: 目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21769)">
<el-dropdown @command="handleCommand3($event, 21769)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21769]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -351,7 +351,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21768)">
<el-dropdown @command="handleCommand1($event, 21768)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21768]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -364,7 +364,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21771)">
<el-dropdown @command="handleCommand4($event, 21771)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21771]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -377,7 +377,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21770)">
<el-dropdown @command="handleCommand2($event, 21770)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21770]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -393,7 +393,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>环流风机: 1#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand2($event,21730)">
<el-dropdown @command="handleCommand2($event, 21730)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21730]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -406,7 +406,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>2#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand2($event,21731)">
<el-dropdown @command="handleCommand2($event, 21731)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21731]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -421,7 +421,7 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>湿帘外翻窗：1#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand1($event,21742)">
<el-dropdown @command="handleCommand1($event, 21742)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21742]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -434,7 +434,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>2#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand1($event,21743)">
<el-dropdown @command="handleCommand1($event, 21743)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21743]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -450,7 +450,7 @@
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">1#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21733)">
<el-dropdown @command="handleCommand3($event, 21733)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21733]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -463,7 +463,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21732)">
<el-dropdown @command="handleCommand1($event, 21732)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21732]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -476,7 +476,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21735)">
<el-dropdown @command="handleCommand4($event, 21735)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21735]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -489,7 +489,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21734)">
<el-dropdown @command="handleCommand2($event, 21734)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21734]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -504,7 +504,7 @@
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">2#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21737)">
<el-dropdown @command="handleCommand3($event, 21737)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21737]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -517,7 +517,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21736)">
<el-dropdown @command="handleCommand1($event, 21736)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21736]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -530,7 +530,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand4($event,21739)">
<el-dropdown @command="handleCommand4($event, 21739)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21739]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -543,7 +543,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand2($event,21738)">
<el-dropdown @command="handleCommand2($event, 21738)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21738]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -555,11 +555,11 @@
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>轴流风机: 目标温度选择</span>
<el-dropdown @command="handleCommand3($event,21741)">
<el-dropdown @command="handleCommand3($event, 21741)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21741]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -572,7 +572,7 @@
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand1($event,21740)">
<el-dropdown @command="handleCommand1($event, 21740)">
<div class="el-dropdown-link">
<input v-model="inputDataNew[21740]" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
@ -584,50 +584,69 @@
</el-dropdown>
</div>
</div>
<el-dialog title="请输入密码" class="vrcode-model confirm-psw" top="30vh" :append-to-body="true" :visible.sync="warnModel"
width="700px">
<div class="vrcode-model-title vrcode-model-title-282">请输入密码</div>
<div class="warning-model" style="padding: 0 30px;">
<div class="flex-view border-none">
<div class="input-main">
<div>密码:</div>
<input type="text" v-model="modelPassword">
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="modelClose">取 消</el-button>
<el-button type="success" @click="modelConfirm">确 认</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data(){
</template>
<script>
export default {
data() {
return {
sensorType:'',
warnModel: true,
modelPassword:'',
sensorType: '',
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],
{ 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],
{ 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],
{ 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:[],
{ label: '目标湿度1', value: 1 },
{ label: '目标湿度2', value: 2 },],
list4: [21735, 21739, 21751, 21755, 21759, 21763, 21767, 21771],
inputData: [],
inputDataNew: [],
}
},
mounted(){
mounted() {
this.dataInit()
//input获取焦点后全选
let inputList = document.querySelectorAll('input');
@ -635,39 +654,49 @@
inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
}
},
methods:{
methods: {
modelClose(){
this.$router.go(-1); // 返回前一页
},
modelConfirm(){
if(this.modelPassword=='230509'){
this.warnModel=false
}else{
this.$message('密码错误');
}
},
getData1(data) {
var name=''
var name = ''
this.typeList1.forEach((el, index) => {
if (el.value == data) {
name=el.label
name = el.label
}
})
return name
},
getData2(data) {
var name=''
var name = ''
this.typeList2.forEach((el, index) => {
if (el.value == data) {
name=el.label
name = el.label
}
})
return name
},
getData3(data) {
var name=''
var name = ''
this.typeList3.forEach((el, index) => {
if (el.value == data) {
name=el.label
name = el.label
}
})
return name
},
getData4(data) {
var name=''
var name = ''
this.typeList4.forEach((el, index) => {
if (el.value == data) {
name=el.label
name = el.label
}
})
return name
@ -679,27 +708,27 @@
};
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.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.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.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])
this.list4.forEach((el, index) => {
this.inputDataNew[el] = this.getData4(this.inputData[el])
})
}
})
},
//修改数据的函数
changeBtn(code, el) {
//修改数据的函数
changeBtn(code, el) {
var store = this.$store.state
var data = {
equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
@ -708,8 +737,8 @@
};
this.delayTimerBtn(0, data);
},
//切换btn的限制 写入停止后j*100毫秒调取函数
delayTimerBtn(i, data) {
//切换btn的限制 写入停止后j*100毫秒调取函数
delayTimerBtn(i, data) {
const that = this;
//整体接口
let j = this.$store.state.lateSendBtn;
@ -724,8 +753,8 @@
}
}, 100);
},
//类型选择
handleCommand1(command,code) {
//类型选择
handleCommand1(command, code) {
this.typeList1.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
@ -738,8 +767,8 @@
};
this.changeBtn(code, dataNum);
},
//类型选择
handleCommand2(command,code) {
//类型选择
handleCommand2(command, code) {
this.typeList2.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
@ -752,8 +781,8 @@
};
this.changeBtn(code, dataNum);
},
//类型选择
handleCommand3(command,code) {
//类型选择
handleCommand3(command, code) {
this.typeList3.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
@ -766,8 +795,8 @@
};
this.changeBtn(code, dataNum);
},
//类型选择
handleCommand4(command,code) {
//类型选择
handleCommand4(command, code) {
this.typeList4.forEach((el, index) => {
if (el.value == command) {
this.inputDataNew[code] = el.label
@ -798,10 +827,8 @@
});
},
},
}
</script>
<style lang="scss">
</style>
}
</script>
<style lang="scss"></style>

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

@ -1,6 +1,32 @@
<template>
<div class="formula realTime">
<div class="page-content new-data" :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
<!-- 生态气象站 -->
<div class="page-content new-data" v-if="deviceName == 30" :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
<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
}}</span> -->
{{ list[0].updateTime ? list[0].updateTime : '' }}
</div>
<div class="flex-list realTime-bottom" :class="deviceName==30?'weather':''">
<div class="left-view-new">
<div class="list-view" v-for="item, index in list " :key="index">
<img :src="item.img" alt="">
<div>
<div class="text">{{ item.name }}</div>
<div class="number" :class="item.num == '故障' ? 'red' : ''"> {{ getControlData(item) }}</div>
</div>
</div>
</div>
<div class="right" id="realTime-line"></div>
</div>
</div>
<!-- 控制器/施肥机 -->
<div class="page-content new-data" v-else :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
<div class="control-view" v-if="deviceName == 10 || deviceName == 30">
<div class="title">气象站:</div>
@ -13,26 +39,26 @@
</vue-seamless>
</div>
<!-- <div class="control-list" >
<div v-for="(item, index) in controlList" :key="index">
<img :src="item.img" alt="">
{{ item.environmentDataId
}}:{{ getControlData(item) }}
</div>
</div> -->
<div v-for="(item, index) in controlList" :key="index">
<img :src="item.img" alt="">
{{ item.environmentDataId
}}:{{ getControlData(item) }}
</div>
</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
}}</span> -->
}}</span> -->
{{ list[0].updateTime ? list[0].updateTime : '' }}
</div>
<div class="flex-view border-none warning-btn">
<div class="input-btn ">
<!-- <div class="btn blue">
<img src="../../assets/image/real-time-icon1.png" alt="" />3D动态水肥监控
</div> -->
<img src="../../assets/image/real-time-icon1.png" alt="" />3D动态水肥监控
</div> -->
<div class="btn green" @click="openWarn">
<img src="../../assets/image/real-time-icon2.png" alt="" />短信报警
</div>
@ -44,7 +70,7 @@
<img :src="item.img" alt="">
<div>
<div class="text">{{ item.name }}</div>
<div class="number" :class="item.num=='故障'?'red':''">{{ item.num }}</div>
<div class="number" :class="item.num == '故障' ? 'red' : ''"> {{ getControlData(item) }}</div>
</div>
</div>
</vue-seamless>
@ -60,6 +86,7 @@
<div class="right" id="realTime-line"></div>
</div>
</div>
<!-- 控制器 -->
<div class="page-content" v-if="deviceName == 10">
<div class="table-title">
<img src="../../assets/image/status.png" alt="" />
@ -247,6 +274,7 @@
</div>
</div>
</div>
<el-dialog title="请选择要显示的设备" :append-to-body="true" :visible.sync="addModel" width="70%">
<div class="model-title">请选择要显示的设备</div>
<div class="model-sel scroll">
@ -356,7 +384,7 @@
</el-table>
</div>
</div>
</div>
</el-dialog>
</div>
@ -474,7 +502,7 @@ export default {
this.deviceName = store.equipmentList[this.indexs - 1].deviceName
this.deviceState = store.equipmentList[this.indexs - 1].deviceState
// this.getTime()
console.log(store.equipmentList[this.indexs - 1].deviceName,this.indexs - 1,77);
setTimeout(() => {
that.dataInit();
that.timer && clearInterval(that.timer)
@ -808,9 +836,9 @@ export default {
// }else if(el1.countType==3){
// num=this.countType3(el.environmentData)+el1.unit
// }else{
if(el.equipmentStart==0){
num='故障'
}else{
if (el.equipmentStart == 0) {
num = '故障'
} else {
num = el.environmentData + el1.unit
}
// }
@ -907,10 +935,10 @@ export default {
// }else if(el1.countType==3){
// num=this.countType3(el.environmentData)+el1.unit
// }else{
if(el.equipmentStart==0){
num='故障'
}else{
if (el.equipmentStart == 0) {
num = '故障'
} else {
num = el.environmentData + el1.unit
}
// }
@ -951,10 +979,10 @@ export default {
list.forEach((el1, index1) => {
if (el.formula == el1.value) {
// console.log(el1);
var num=0
if(el.equipmentStart==0){
num='故障'
}else{
var num = 0
if (el.equipmentStart == 0) {
num = '故障'
} else {
num = el.environmentData + el1.unit
}
this.controlList.push({
@ -1010,17 +1038,20 @@ export default {
} else if (this.deviceName == 30) {
this.api.getControlRtDatastation(formData).then(res => {
this.controlList = []
this.list=[]
if (res.data.code == 200) {
res.data.data.forEach((el, index) => {
list.forEach((el1, index1) => {
if (el.formula == el1.value) {
// console.log(el1);
var num=0
if(el.equipmentStart==0){
num='故障'
}else{
var num = 0
var name=''
if (el.equipmentStart == 0) {
num = '故障'
} else {
num = el.environmentData + el1.unit
}
this.list.push({
...el,
name: el.environmentDataId,

4
src/views/page/wetFan.vue
View File

@ -257,8 +257,8 @@
</div>
<div class="flex-view shrink-none border-none">
<div class="input-main-80">
<span>降温需求到达2</span>
<input @blur="blurChange(21972, $event)" v-model="inputData[21972]" @input="change(21972, $event)"
<span>降温需求到达</span>
<input @blur="blurChange(21973, $event)" v-model="inputData[21973]" @input="change(21973, $event)"
type="text" placeholder="0">
<span>级时，湿帘泵2启动。</span>
</div>