hwj_system
/
scmy
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

能源监测新增切换设备下拉框

Browse Source
master
wj 2 years ago
parent c7c778fb36
commit 91251839b1
3 changed files with 140 additions and 28 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 56
      psdc-ui/src/views/emonitor/frdl/index.vue
  2. 57
      psdc-ui/src/views/emonitor/kqyrb/index.vue
  3. 55
      psdc-ui/src/views/emonitor/xrgl/index.vue

56
psdc-ui/src/views/emonitor/frdl/index.vue
Unescape View File

@ -1,5 +1,12 @@
<template>
<div class="app-container home">
<el-form :model="data.form" label-width="0px">
<el-form-item label="">
<el-select v-model="data.form.device">
<el-option v-for="item in data.devArr" :label="item.deviceName" :value="item.deviceId" @click.native="selectDevice(item.deviceId)"/>
</el-select>
</el-form-item>
</el-form>
<div class="top">
<div class="card">
<div><img src="../../../assets/images/用电量.png"></div>
@ -63,7 +70,7 @@
</template>
<script name="Index">
import {getFrdl, getFrld} from '../../../api/emonitor/api'
import {getFrdl, getFrld, getSb} from '../../../api/emonitor/api'
import {onMounted, reactive} from "vue";
import * as echarts from 'echarts';
export default {
@ -213,9 +220,21 @@ export default {
31],
tem:'',
time:'',
form:{
device: 4
},
devArr:'',
deviceId: 4,
})
onMounted(() => {//需要获取到element,所以是onMounted的Hook
getFrld(4).then((res) => {
getSbFun()
getFrldFun()
getFrdlFun()
})
//渲染发热电缆数据
function getFrldFun(){
getFrld(data.deviceId).then((res) => {
console.log(res)
//日用电量
let arr = []
@ -514,7 +533,9 @@ export default {
myChart4.resize();
};
})
getFrdl(4).then((res)=>{
}
function getFrdlFun(){
getFrdl(data.deviceId).then((res)=>{
console.log('1',res)
if(res.data!=null){
data.tempIn=res.data.tempIn
@ -633,14 +654,31 @@ export default {
myChart3.resize();
};
})
}
})
return{
data
//获取发热电缆设备
function getSbFun(){
getSb().then((res)=>{
console.log('获取设备',res.data)
for(let i = 0;i < res.data.length;i++){
if(res.data[i].modelName == '发热电缆'){
data.devArr = res.data[i].children
}
}
console.log('devArr',data.devArr)
})
}
},
components: {},
mounted() {},
//切换设备
function selectDevice(id){
console.log(id)
data.deviceId = id;
getFrldFun()
getFrdlFun()
}
return{data,selectDevice}
}
};

57
psdc-ui/src/views/emonitor/kqyrb/index.vue
Unescape View File

@ -1,5 +1,12 @@
<template>
<div class="app-container home">
<el-form :model="data.form" label-width="0px">
<el-form-item label="">
<el-select v-model="data.form.device">
<el-option v-for="item in data.devArr" :label="item.deviceName" :value="item.deviceId" @click.native="selectDevice(item.deviceId)"/>
</el-select>
</el-form-item>
</el-form>
<div class="top">
<div class="card">
<div><img src="../../../assets/images/用电量.png"></div>
@ -67,7 +74,7 @@
</template>
<script name="Index">
import {getKqryb, getKqyrb} from '../../../api/emonitor/api'
import {getKqryb, getKqyrb, getSb} from '../../../api/emonitor/api'
import {onMounted, reactive} from "vue";
import * as echarts from 'echarts';
export default {
@ -217,9 +224,21 @@ export default {
temIn:'',
temOut:'',
time:'',
form:{
device: 3
},
devArr:'',
deviceId: 3,
})
onMounted(() => {//需要获取到element,所以是onMounted的Hook
getKqyrb(3).then((res)=>{
getSbFun()
getKqyrbFun()
getKqrybFun()
});
//渲染空气源热泵数据
function getKqyrbFun(){
getKqyrb(data.deviceId).then((res)=>{
console.log(res)
//日用电量
let arr = []
@ -527,7 +546,9 @@ export default {
myChart4.resize();
};
})
getKqryb(3).then((res)=>{
}
function getKqrybFun(){
getKqryb(data.deviceId).then((res)=>{
console.log('1',res)
if(res.data!=null) {
data.tempIn = res.data.tempIn
@ -644,15 +665,31 @@ export default {
myChart3.resize();
};
})
}
});
return{
data
//获取空气源热泵设备
function getSbFun(){
getSb().then((res)=>{
console.log('获取设备',res.data)
for(let i = 0;i < res.data.length;i++){
if(res.data[i].modelName == '空气源热泵'){
data.devArr = res.data[i].children
}
}
console.log('devArr',data.devArr)
})
}
},
components: {},
mounted() {},
//切换设备
function selectDevice(id){
console.log(id)
data.deviceId = id;
getKqyrbFun()
getKqrybFun()
}
return{data,selectDevice}
}
};

55
psdc-ui/src/views/emonitor/xrgl/index.vue
Unescape View File

@ -1,5 +1,12 @@
<template>
<div class="app-container home">
<el-form :model="data.form" label-width="0px">
<el-form-item label="">
<el-select v-model="data.form.device">
<el-option v-for="item in data.devArr" :label="item.deviceName" :value="item.deviceId" @click.native="selectDevice(item.deviceId)"/>
</el-select>
</el-form-item>
</el-form>
<div class="top">
<div class="card">
<div><img src="../../../assets/images/用电量.png"></div>
@ -67,7 +74,7 @@
</template>
<script name="Index">
import {getXcgl, getXrgl} from '../../../api/emonitor/api'
import {getSb, getXcgl, getXrgl} from '../../../api/emonitor/api'
import { onMounted ,reactive} from "vue";
import * as echarts from 'echarts';
export default {
@ -217,11 +224,23 @@ export default {
temIn:'',
temOut:'',
time:'',
form:{
device: 2
},
devArr:'',
deviceId: 2,
})
onMounted(() => {//需要获取到element,所以是onMounted的Hook
getXrgl(2).then((res)=>{
getSbFun()
getXrglFun()
getXcglFun()
});
//渲染蓄热锅炉数据
function getXrglFun(){
getXrgl(data.deviceId).then((res)=>{
console.log('1',res)
if(res.data!=null) {
data.tempIn = res.data.tempIn
@ -338,7 +357,9 @@ export default {
myChart3.resize();
};
})
getXcgl(2).then((res)=>{
}
function getXcglFun(){
getXcgl(data.deviceId).then((res)=>{
console.log(res)
//日用电量
let arr = []
@ -646,14 +667,30 @@ export default {
myChart4.resize();
};
})
}
});
return{
data
//获取蓄热锅炉设备
function getSbFun(){
getSb().then((res)=>{
console.log('获取设备',res.data)
for(let i = 0;i < res.data.length;i++){
if(res.data[i].modelName == '蓄热锅炉'){
data.devArr = res.data[i].children
}
}
console.log('devArr',data.devArr)
})
}
},
components: {},
mounted() {},
//切换设备
function selectDevice(id){
console.log(id)
data.deviceId = id;
getXrglFun()
getXcglFun()
}
return{data,selectDevice}
}
};

Write Preview
Loading…
Cancel
Save