diff --git a/psdc-ui/src/assets/images/运行状态.png b/psdc-ui/src/assets/images/运行状态.png
new file mode 100644
index 0000000..e657649
Binary files /dev/null and b/psdc-ui/src/assets/images/运行状态.png differ
diff --git a/psdc-ui/src/views/emonitor/drgl/index.vue b/psdc-ui/src/views/emonitor/drgl/index.vue
index ea237dd..5f8c3de 100644
--- a/psdc-ui/src/views/emonitor/drgl/index.vue
+++ b/psdc-ui/src/views/emonitor/drgl/index.vue
@@ -36,7 +36,7 @@
         </div>
       </div>
       <div class="card">
-        <div><img src="../../../assets/images/温度传感器.png"></div>
+        <div><img src="../../../assets/images/运行状态.png"></div>
         <div>
           <p>运行状态</p>
           <h2 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h2>
diff --git a/psdc-ui/src/views/emonitor/frdl/index.vue b/psdc-ui/src/views/emonitor/frdl/index.vue
index aaf6e15..edf0545 100644
--- a/psdc-ui/src/views/emonitor/frdl/index.vue
+++ b/psdc-ui/src/views/emonitor/frdl/index.vue
@@ -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>
@@ -25,7 +32,7 @@
         </div>
       </div>
       <div class="card">
-        <div><img src="../../../assets/images/温度传感器.png"></div>
+        <div><img src="../../../assets/images/运行状态.png"></div>
         <div>
           <p style="color: #cccccc">运行状态</p>
           <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{ data.runStatus }}</h1>
@@ -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}
+  }
 };
 
 
diff --git a/psdc-ui/src/views/emonitor/kqyrb/index.vue b/psdc-ui/src/views/emonitor/kqyrb/index.vue
index 211c47c..8e6b1a3 100644
--- a/psdc-ui/src/views/emonitor/kqyrb/index.vue
+++ b/psdc-ui/src/views/emonitor/kqyrb/index.vue
@@ -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>
@@ -29,7 +36,7 @@
         </div>
       </div>
       <div class="card">
-        <div><img src="../../../assets/images/温度传感器.png"></div>
+        <div><img src="../../../assets/images/运行状态.png"></div>
         <div>
           <p style="color: #cccccc">运行状态</p>
           <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h1>
@@ -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}
+  }
 };
 
 
diff --git a/psdc-ui/src/views/emonitor/xrgl/index.vue b/psdc-ui/src/views/emonitor/xrgl/index.vue
index a7de4c2..4ff61b9 100644
--- a/psdc-ui/src/views/emonitor/xrgl/index.vue
+++ b/psdc-ui/src/views/emonitor/xrgl/index.vue
@@ -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>
@@ -29,7 +36,7 @@
         </div>
       </div>
       <div class="card">
-        <div><img src="../../../assets/images/温度传感器.png"></div>
+        <div><img src="../../../assets/images/运行状态.png"></div>
         <div>
           <p style="color: #cccccc">运行状态</p>
           <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h1>
@@ -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}
+  }
 };