From db08b3b81dfd0aefe7b9e87090b56ff7d84346e3 Mon Sep 17 00:00:00 2001
From: liangbin <15536829364@163.com>
Date: Wed, 31 Dec 2025 17:15:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=94=B5=E4=BC=B4=E7=83=AD):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E7=94=B5=E4=BC=B4=E7=83=AD=E8=AE=BE=E5=A4=87=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=8F=8AAPI=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在config.js中添加电伴热设备配置，新增电伴热设备图标和任务列表
在api/index.js中添加电伴热设备状态控制和设备列表接口
更新vue.config.js代理配置，添加本地测试API代理
---
 public/config/config.js  |    6 +
 src/api/index.js         |  401 +++---
 src/views/view/index.vue | 2522 +++++++++++++++-----------------------
 vue.config.js            |   59 +-
 4 files changed, 1250 insertions(+), 1738 deletions(-)

diff --git a/public/config/config.js b/public/config/config.js
index b091c44..9795945 100644
--- a/public/config/config.js
+++ b/public/config/config.js
@@ -47,6 +47,7 @@ window.config = {
     { id: '40', name: '消防泵房' },
     { id: '41', name: '污水泵房' },
     { id: '42', name: '雨水泵房' },
+    { id: '47', name: '电伴热' },
     /* {id: '43', name: '液位计'}, */ { id: '45', name: '可变限速标志' },
     { id: '51', name: '人行通道' },
     { id: '52', name: '车辆通道' },
@@ -331,6 +332,9 @@ window.config = {
     45: {
       taskList: [],
     },
+    47: {
+      taskList: [],
+    },
     51: {
       taskList: [],
     },
@@ -388,6 +392,7 @@ window.config = {
     42: { url: './lib/icon/42.png', w: 35, h: 35 },
     43: { url: './lib/icon/43.png', w: 35, h: 35 },
     45: { url: './lib/icon/45.png', w: 35, h: 35 },
+    47: { url: './lib/icon/16.png', w: 35, h: 35 },
     51: { url: './lib/icon/51.png', w: 59, h: 59 },
     52: { url: './lib/icon/51.png', w: 59, h: 59 },
     55: { url: './lib/icon/55.png', w: 120, h: 209 },
@@ -411,5 +416,6 @@ window.config = {
     cd: '控制阀',
     ps: '压力传感器',
     hs: '液位计',
+    ys: '雨水泵',
   },
 }
diff --git a/src/api/index.js b/src/api/index.js
index 937ca58..1957e31 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,137 +1,137 @@
-import request from '@/axios';
-import {hex_md5} from '@/utils/md5'
+import request from "@/axios";
+import { hex_md5 } from "@/utils/md5";
 
 export function deviceList(data) {
   return request({
-    url: '/json/device/deviceList',
+    url: "/json/device/deviceList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function deviceList1(data) {
   return request({
     //url: '/json/device/deviceList',
-    url: '/iotApi/mDevice/deviceList', //改造后的
+    url: "/iotApi/mDevice/deviceList", //改造后的
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
-export function addOrModDevice(data,url) {
+export function addOrModDevice(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function deviceDelete(data) {
   return request({
-    url: '/json/device/deviceDelete',
+    url: "/json/device/deviceDelete",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
-export function iotControl(data,url) {
+export function iotControl(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
-export function newIotControl(data,url) {
+export function newIotControl(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
-export function newIotControlS(data,url) {
+export function newIotControlS(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
-export function playManuallyTriggered(data,url) {
+export function playManuallyTriggered(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
 export function getIotDeviceStatus(data) {
   return request({
-    url: '/iotApi/mDevice/getIotDeviceStatus',
+    url: "/iotApi/mDevice/getIotDeviceStatus",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
 export function batchControl(data) {
   return request({
-    url: '/xjIotApi/iotServiceCommon/batchControl',
+    url: "/xjIotApi/iotServiceCommon/batchControl",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/json',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
 
 export function deviceStatus(data) {
   return request({
-    url: '/json/iot/deviceStatus',
+    url: "/json/iot/deviceStatus",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 //节目单接口旧
 export function infoBoardTemplateList(data) {
   return request({
-    url: '/json/iot/infoBoardTemplateList',
+    url: "/json/iot/infoBoardTemplateList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 //节目单接口
@@ -140,203 +140,226 @@ export function getProgramTree(data) {
     url: `/iotApi/informationPublish/program/getProgramTree`,
     method: "post",
     data: data,
-    headers:{
-      'Content-Type':'application/json',
-    }
+    headers: {
+      "Content-Type": "application/json",
+    },
   });
 }
 
 export function warnList(data) {
   return request({
-    url: '/json/warn/warnList',
+    url: "/json/warn/warnList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function statsticWhole(data) {
   return request({
-    url: '/json/statstic/statsticWhole',
+    url: "/json/statstic/statsticWhole",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function flowStatistic(data) {
   return request({
-    url: '/json/flow/flowStatistic',
+    url: "/json/flow/flowStatistic",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function getPlayAddressByPid(data) {
   return request({
-    url: window.config.videoHttp + '/streammedia/getPlayAddressByPid',
+    url: window.config.videoHttp + "/streammedia/getPlayAddressByPid",
     params: data,
-    method: 'get',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "get",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function flowList(data) {
   return request({
-    url: '/json/flow/flowList',
+    url: "/json/flow/flowList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function deviceStatusBatch(data) {
   return request({
-    url: '/json/iot/deviceStatusBatch',
+    url: "/json/iot/deviceStatusBatch",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function planList(data) {
   return request({
-    url: '/json/plan/planList',
+    url: "/json/plan/planList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
-export function planAddOrMod(data,url) {
+export function planAddOrMod(data, url) {
   return request({
     url: url,
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function planDelete(data) {
   return request({
-    url: '/json/plan/planDelete',
+    url: "/json/plan/planDelete",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function planDetail(data) {
   return request({
-    url: '/json/plan/planDetail',
+    url: "/json/plan/planDetail",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function planExecute(data) {
   return request({
-    url: '/json/plan/planExecute',
+    url: "/json/plan/planExecute",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function planHisList(data) {
   return request({
-    url: '/json/plan/planHisList',
+    url: "/json/plan/planHisList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
 export function latestWarnList(data) {
   return request({
-    url: '/json/warn/latestWarnList',
+    url: "/json/warn/latestWarnList",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 export function verify(data) {
   return request({
-    url: '/json/wran/verify',
+    url: "/json/wran/verify",
     data: data,
-    method: 'post',
-    headers:{
-      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
-    }
-  })
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
 }
 
-var access_key = 'uck2hoc0axpu3mm35w1t'
-var secret_key = 'ahgkp8xhljmafg6iapok'
+var access_key = "uck2hoc0axpu3mm35w1t";
+var secret_key = "ahgkp8xhljmafg6iapok";
 export function getEmployeeList() {
-  var timestamp=new Date().getTime();
+  var timestamp = new Date().getTime();
   return request({
-    url: window.config.mediaUrl + '/getEmployeeList',
-    data: {name:''},
-    method: 'post',
+    url: window.config.mediaUrl + "/getEmployeeList",
+    data: { name: "" },
+    method: "post",
     headers: {
-      'access_key':access_key,
-      'timestamp':timestamp,
-      'sign':hex_md5(access_key + timestamp + secret_key),
-    }
-  })
+      access_key: access_key,
+      timestamp: timestamp,
+      sign: hex_md5(access_key + timestamp + secret_key),
+    },
+  });
 }
 export function getMediaList() {
-  var timestamp=new Date().getTime();
+  var timestamp = new Date().getTime();
   return request({
-    url: window.config.mediaUrl + '/getMediaList',
-    data: {name:''},
-    method: 'post',
+    url: window.config.mediaUrl + "/getMediaList",
+    data: { name: "" },
+    method: "post",
     headers: {
-      'access_key':access_key,
-      'timestamp':timestamp,
-      'sign':hex_md5(access_key + timestamp + secret_key)
-    }
-  })
+      access_key: access_key,
+      timestamp: timestamp,
+      sign: hex_md5(access_key + timestamp + secret_key),
+    },
+  });
 }
 export function addBroadcast(data) {
-  var timestamp=new Date().getTime();
+  var timestamp = new Date().getTime();
   return request({
-    url: window.config.mediaUrl + '/addBroadcast',
+    url: window.config.mediaUrl + "/addBroadcast",
     data: data,
-    method: 'post',
+    method: "post",
     headers: {
-      'access_key':access_key,
-      'timestamp':timestamp,
-      'sign':hex_md5(access_key + timestamp + secret_key)
-    }
-  })
+      access_key: access_key,
+      timestamp: timestamp,
+      sign: hex_md5(access_key + timestamp + secret_key),
+    },
+  });
+}
+
+// 获取电伴热设备列表
+export function getDbrIotDeviceList() {
+  return request({
+    url: `/TestApi/devices`,
+    method: "get",
+  });
+}
+
+// 改变电伴热设备状态
+export function changeDbrIotDeviceStatus(data) {
+  return request({
+    url: `/TestApi/device/${data.device_id}/control`,
+    method: "post",
+    data: {
+      value: data.device_id,
+      action: data.action,
+    },
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
 }
diff --git a/src/views/view/index.vue b/src/views/view/index.vue
index dfc769b..d2db594 100644
--- a/src/views/view/index.vue
+++ b/src/views/view/index.vue
@@ -1,45 +1,30 @@
 <template>
-  <div
-    class="big-main"
-    style="width: 100%; height: 100%; color: #d5e0ee; position: relative"
-  >
-    <div
-      v-show="!main2DShow"
-      class="metadigiee-video-player"
-      id="metadigiee-video-player"
-    ></div>
-    <div
-      style="
+  <div class="big-main" style="width: 100%; height: 100%; color: #d5e0ee; position: relative">
+    <div v-show="!main2DShow" class="metadigiee-video-player" id="metadigiee-video-player"></div>
+    <div style="
         width: 100%;
         height: 100%;
         position: absolute;
         left: 0;
         top: 0;
         pointer-events: none;
-      "
-    >
+      ">
       <div class="header" style="pointer-events: auto">
         <div style="height: 100%">
-          <div
-            style="
+          <div style="
               float: left;
               width: 550px;
               height: 100%;
               margin-left: 500px;
               position: relative;
               z-index: 10;
-            "
-          >
+            ">
             <el-row :gutter="20" style="width: 550px; margin-top: 25px">
               <el-col :span="8" v-for="item in areaList" :key="item.id">
-                <div
-                  @click="tunnelClick(item.id)"
-                  :class="
-                    searchForm.area == item.id
-                      ? 'tunnel-item-active tunnel-item'
-                      : 'tunnel-item'
-                  "
-                >
+                <div @click="tunnelClick(item.id)" :class="searchForm.area == item.id
+                  ? 'tunnel-item-active tunnel-item'
+                  : 'tunnel-item'
+                  ">
                   {{ item.name }}
                 </div>
               </el-col>
@@ -54,16 +39,10 @@
       </div>
       <div class="main">
         <div style="width: 100%; height: 60px; pointer-events: auto">
-          <div
-            style="float: left; width: calc(100% - 250px); overflow-x: scroll"
-          >
+          <div style="float: left; width: calc(100% - 250px); overflow-x: scroll">
             <div style="width: 800px; white-space: nowrap">
-              <div
-                @click="deviceTypeClick(item)"
-                v-for="item in deviceBarTypeList"
-                :key="item.id"
-                class="main-type-item"
-              >
+              <div @click="deviceTypeClick(item)" v-for="item in deviceBarTypeList" :key="item.id"
+                class="main-type-item">
                 <el-link v-if="item.id == '12' || item.id == '17'">{{
                   item.name
                 }}</el-link>
@@ -74,18 +53,11 @@
           <div style="float: right; width: 250px; position: relative">
             <el-row style="width: 250px" class="input-box">
               <el-col :span="5" style="min-height: 1px">
-                <img
-                  v-show="!main2DShow"
-                  @click="handlePatrol()"
-                  src="../../assets/images/icon/main-right5.png"
-                  style="cursor: pointer; width: 100%"
-                />
+                <img v-show="!main2DShow" @click="handlePatrol()" src="../../assets/images/icon/main-right5.png"
+                  style="cursor: pointer; width: 100%" />
               </el-col>
               <el-col :span="5" @click.native="planDisposalClick(searchForm)">
-                <img
-                  src="../../assets/images/icon/main-right1.png"
-                  style="cursor: pointer; width: 100%"
-                />
+                <img src="../../assets/images/icon/main-right1.png" style="cursor: pointer; width: 100%" />
               </el-col>
               <!-- <el-col :span="5">
                 <img
@@ -102,39 +74,22 @@
                 />
               </el-col> -->
               <el-col :span="5">
-                <el-popover
-                  :popper-append-to-body="false"
-                  popper-class="popper-dropdown"
-                  width="110"
-                  placement="bottom"
-                  trigger="click"
-                >
-                  <div
-                    @click="typeClick(item.id)"
-                    v-for="item in deviceTypeList1"
-                    :key="item.id"
-                  >
-                    <div
-                      :class="
-                        searchForm.deviceType == item.id
-                          ? 'dropdown-item dropdown-item-active'
-                          : 'dropdown-item'
-                      "
-                    >
+                <el-popover :popper-append-to-body="false" popper-class="popper-dropdown" width="110" placement="bottom"
+                  trigger="click">
+                  <div @click="typeClick(item.id)" v-for="item in deviceTypeList1" :key="item.id">
+                    <div :class="searchForm.deviceType == item.id
+                      ? 'dropdown-item dropdown-item-active'
+                      : 'dropdown-item'
+                      ">
                       {{ item.name }}
                     </div>
                   </div>
-                  <img
-                    slot="reference"
-                    src="../../assets/images/icon/main-right4.png"
-                    style="cursor: pointer; width: 100%"
-                  />
+                  <img slot="reference" src="../../assets/images/icon/main-right4.png"
+                    style="cursor: pointer; width: 100%" />
                 </el-popover>
               </el-col>
             </el-row>
-            <div
-              v-show="patrolShow && !main2DShow"
-              style="
+            <div v-show="patrolShow && !main2DShow" style="
                 position: relative;
                 background-color: rgba(255, 255, 255, 0.7);
                 border-radius: 4px;
@@ -143,70 +98,29 @@
                 right: 320px;
                 top: -50px;
                 color: black;
-              "
-            >
+              ">
               <el-row :gutter="30" class="input-box">
-                <el-col
-                  :span="5"
-                  @click.native="patrolClick('pause')"
-                  style="cursor: pointer"
-                  ><img
-                    src="../../assets/images/icon/pause.png"
-                    style="width: 30px"
-                  />暂停</el-col
-                >
-                <el-col
-                  :span="5"
-                  @click.native="patrolClick('play')"
-                  style="cursor: pointer"
-                  ><img
-                    src="../../assets/images/icon/play.png"
-                    style="width: 30px"
-                  />继续</el-col
-                >
-                <el-col
-                  :span="5"
-                  @click.native="patrolClick('end')"
-                  style="cursor: pointer"
-                  ><img
-                    src="../../assets/images/icon/end.png"
-                    style="width: 32px"
-                  />结束</el-col
-                >
-                <el-col
-                  :span="5"
-                  @click.native="patrolClick('tunnelLeft')"
-                  style="cursor: pointer"
-                  ><img
-                    src="../../assets/images/icon/tunnel.png"
-                    style="width: 32px"
-                  />左洞</el-col
-                >
-                <el-col
-                  :span="5"
-                  @click.native="patrolClick('tunnelRight')"
-                  style="cursor: pointer"
-                  ><img
-                    src="../../assets/images/icon/tunnel.png"
-                    style="width: 32px"
-                  />右洞</el-col
-                >
+                <el-col :span="5" @click.native="patrolClick('pause')" style="cursor: pointer"><img
+                    src="../../assets/images/icon/pause.png" style="width: 30px" />暂停</el-col>
+                <el-col :span="5" @click.native="patrolClick('play')" style="cursor: pointer"><img
+                    src="../../assets/images/icon/play.png" style="width: 30px" />继续</el-col>
+                <el-col :span="5" @click.native="patrolClick('end')" style="cursor: pointer"><img
+                    src="../../assets/images/icon/end.png" style="width: 32px" />结束</el-col>
+                <el-col :span="5" @click.native="patrolClick('tunnelLeft')" style="cursor: pointer"><img
+                    src="../../assets/images/icon/tunnel.png" style="width: 32px" />左洞</el-col>
+                <el-col :span="5" @click.native="patrolClick('tunnelRight')" style="cursor: pointer"><img
+                    src="../../assets/images/icon/tunnel.png" style="width: 32px" />右洞</el-col>
               </el-row>
             </div>
           </div>
         </div>
-        <div
-          style="
+        <div style="
             width: 100%;
             height: calc(100% - 60px);
             pointer-events: none;
             position: relative;
-          "
-        >
-          <div
-            v-show="main2DShow"
-            @click="scrollClick(1)"
-            style="
+          ">
+          <div v-show="main2DShow" @click="scrollClick(1)" style="
               position: absolute;
               top: 45%;
               left: 160px;
@@ -218,14 +132,10 @@
               cursor: pointer;
               z-index: 10;
               pointer-events: auto;
-            "
-          >
+            ">
             <i class="el-icon-arrow-left"></i>
           </div>
-          <div
-            v-show="main2DShow"
-            @click="scrollClick(2)"
-            style="
+          <div v-show="main2DShow" @click="scrollClick(2)" style="
               position: absolute;
               top: 45%;
               right: -10px;
@@ -237,55 +147,34 @@
               cursor: pointer;
               z-index: 10;
               pointer-events: auto;
-            "
-          >
+            ">
             <i class="el-icon-arrow-right"></i>
           </div>
 
-          <div
-            class="device-main"
-            v-show="main2DShow"
-            style="width: 98%; height: 100%; pointer-events: auto"
-          >
+          <div class="device-main" v-show="main2DShow" style="width: 98%; height: 100%; pointer-events: auto">
             <div style="width: 250px; height: 100%; float: left">
               <div style="height: 50%; text-align: center">
-                <img
-                  src="../../assets/images/toLeft.png"
-                  style="padding-top: 60%"
-                />
+                <img src="../../assets/images/toLeft.png" style="padding-top: 60%" />
                 <p class="main-item-p">下行</p>
                 <p style="font-size: 18px">
                   {{ pileNumMap[searchForm.area].length2 }}米
                 </p>
               </div>
               <div style="height: calc(50% - 30px); text-align: center">
-                <img
-                  src="../../assets/images/toRight.png"
-                  style="padding-top: 25%"
-                />
+                <img src="../../assets/images/toRight.png" style="padding-top: 25%" />
                 <p class="main-item-p">上行</p>
                 <p style="font-size: 18px">
                   {{ pileNumMap[searchForm.area].length1 }}米
                 </p>
               </div>
             </div>
-            <div
-              ref="scrollContainer"
-              style="width: calc(100% - 250px); height: 670px; overflow: auto"
-            >
-              <div
-                class="device-View"
-                :style="{
-                  width: `${pileNumMap[searchForm.area].width}px`,
-                }"
-              >
+            <div ref="scrollContainer" style="width: calc(100% - 250px); height: 670px; overflow: auto">
+              <div class="device-View" :style="{
+                width: `${pileNumMap[searchForm.area].width}px`,
+              }">
                 <div style="width: 100%; height: 60px">
                   <div class="dot-container">
-                    <div
-                      class="dot"
-                      v-for="(item, index) in pileNumList"
-                      :key="index"
-                    >
+                    <div class="dot" v-for="(item, index) in pileNumList" :key="index">
                       <div class="dot-span">{{ item }}</div>
                       <div class="dot-circle"></div>
                     </div>
@@ -294,56 +183,31 @@
                 <div class="device-View-main" style="width: 100%">
                   <div style="width: 100%; height: 100%; position: absolute">
                     <template v-if="searchForm.area != '3'">
-                      <img
-                        src="../../assets/images/icon/area1.2.png"
-                        style="margin-top: 30px; height: 225px"
-                      />
-                      <img
-                        src="../../assets/images/icon/area2.2.png"
-                        style="margin-top: 30px; height: 225px"
-                      />
+                      <img src="../../assets/images/icon/area1.2.png" style="margin-top: 30px; height: 225px" />
+                      <img src="../../assets/images/icon/area2.2.png" style="margin-top: 30px; height: 225px" />
                     </template>
                     <template v-else>
                       <!--                  <img src="../../assets/images/icon/area3.png" style="margin-top: 30px;width: 100%">-->
-                      <img
-                        src="../../assets/images/icon/area1.2.png"
-                        style="margin-top: 30px; height: 225px"
-                      />
-                      <img
-                        src="../../assets/images/icon/area2.2.png"
-                        style="margin-top: 30px; height: 225px"
-                      />
+                      <img src="../../assets/images/icon/area1.2.png" style="margin-top: 30px; height: 225px" />
+                      <img src="../../assets/images/icon/area2.2.png" style="margin-top: 30px; height: 225px" />
                     </template>
                   </div>
-                  <div
-                    style="
+                  <div style="
                       width: calc(100% - 304px);
                       height: 100%;
                       position: absolute;
                       z-index: 2;
                       left: 152px;
-                    "
-                  >
-                    <div
-                      class="drap-container"
-                      @dragover.prevent
-                      @mousedown="laryerMouseDown"
-                    >
-                      <div
-                        v-for="(item, index) in componentsList"
-                        class="drap-container-item"
-                        :class="{
-                          'drap-container-item-active':
-                            curControl && item.deviceId == curControl.deviceId,
-                        }"
-                        :key="index"
-                        :style="{
-                          top: `${item.position.y}px`,
-                          left: `${item.position.x}px`,
-                          'z-index': `${item.zIndex}`,
-                        }"
-                        @click="handleClick(item, 1)"
-                      >
+                    ">
+                    <div class="drap-container" @dragover.prevent @mousedown="laryerMouseDown">
+                      <div v-for="(item, index) in componentsList" class="drap-container-item" :class="{
+                        'drap-container-item-active':
+                          curControl && item.deviceId == curControl.deviceId,
+                      }" :key="index" :style="{
+                        top: `${item.position.y}px`,
+                        left: `${item.position.x}px`,
+                        'z-index': `${item.zIndex}`,
+                      }" @click="handleClick(item, 1)">
                         <!--                    <div class="drap-container-name">{{ item.name }}</div>-->
                         <!--                        <template v-if="item.deviceType == '15' && item.content">
                           <div class="drap-container-div"
@@ -358,49 +222,27 @@
 
                         </template>-->
                         <template>
-                          <img
-                            slot="reference"
-                            class="drap-container-img"
-                            :style="{
-                              width: `${item.position.w}px`,
-                              height: `${item.position.h}px`,
-                              opacity: `${item.opacity}`,
-                            }"
-                            :src="item.imgUrl"
-                            draggable="false"
-                            :alt="item.deviceName"
-                          />
+                          <img slot="reference" class="drap-container-img" :style="{
+                            width: `${item.position.w}px`,
+                            height: `${item.position.h}px`,
+                            opacity: `${item.opacity}`,
+                          }" :src="item.imgUrl" draggable="false" :alt="item.deviceName" />
                         </template>
                       </div>
-                      <div
-                        class="wave"
-                        v-for="(item, index) in componentsWarnList"
-                        :style="{
-                          width: `${item.position.w}px`,
-                          height: `${item.position.h}px`,
-                          top: `${item.position.y}px`,
-                          left: `${item.position.x}px`,
-                          position: 'absolute',
-                          'z-index': '3',
-                        }"
-                        :key="index"
-                      >
-                        <div
-                          class="circle"
-                          v-if="warnControl && item.id == warnControl.id"
-                        ></div>
+                      <div class="wave" v-for="(item, index) in componentsWarnList" :style="{
+                        width: `${item.position.w}px`,
+                        height: `${item.position.h}px`,
+                        top: `${item.position.y}px`,
+                        left: `${item.position.x}px`,
+                        position: 'absolute',
+                        'z-index': '3',
+                      }" :key="index">
+                        <div class="circle" v-if="warnControl && item.id == warnControl.id"></div>
                         <div class="drap-container-item" :key="index">
-                          <img
-                            slot="reference"
-                            class="drap-container-img"
-                            :style="{
-                              width: `${item.position.w}px`,
-                              height: `${item.position.h}px`,
-                            }"
-                            :src="item.imgUrl"
-                            draggable="false"
-                            :alt="item.id"
-                          />
+                          <img slot="reference" class="drap-container-img" :style="{
+                            width: `${item.position.w}px`,
+                            height: `${item.position.h}px`,
+                          }" :src="item.imgUrl" draggable="false" :alt="item.id" />
                         </div>
                       </div>
                     </div>
@@ -408,11 +250,7 @@
                 </div>
                 <div style="width: 100%; height: 60px">
                   <div class="dot-container2">
-                    <div
-                      class="dot"
-                      v-for="(item, index) in pileNumList"
-                      :key="index"
-                    >
+                    <div class="dot" v-for="(item, index) in pileNumList" :key="index">
                       <div class="dot-circle2"></div>
                       <div class="dot-span">{{ item }}</div>
                     </div>
@@ -440,20 +278,13 @@
                   </div>
                 </el-col>
                 <el-col :span="12" style="height: 100%">
-                  <div
-                    class="device-bg device-bg2"
-                    @click="handleWarnClick('2')"
-                  >
+                  <div class="device-bg device-bg2" @click="handleWarnClick('2')">
                     <div style="text-align: center">
                       <p style="color: #dfb756; font-size: 38px">
                         {{ statsticInfo.warn_count_todo }}
                       </p>
                       <p style="font-size: 14px; margin-top: 10px">
-                        待处理<img
-                          src="../../assets/images/daiqueren.png"
-                          height="14px"
-                          style="margin-left: 10px"
-                        />
+                        待处理<img src="../../assets/images/daiqueren.png" height="14px" style="margin-left: 10px" />
                       </p>
                     </div>
                   </div>
@@ -483,7 +314,9 @@
             </div>
           </el-col>
           <el-col :span="12" style="height: 100%; padding: 0 30px">
-            <div style="width: 50%"><div class="title_div">交通流量</div></div>
+            <div style="width: 50%">
+              <div class="title_div">交通流量</div>
+            </div>
             <div class="footer-item" id="liuliangLineId"></div>
           </el-col>
           <!--          <el-col :span="6" style="height: 100%;padding: 0 30px">
@@ -500,51 +333,33 @@
       <transition name="el-zoom-in-top">
         <div class="warn-item" v-show="warnShow">
           <div class="title">预警信息</div>
-          <div
-            @click="warnClose()"
-            style="
+          <div @click="warnClose()" style="
               position: absolute;
               right: 29px;
               top: 26px;
               width: 30px;
               height: 30px;
               cursor: pointer;
-            "
-          ></div>
-          <div
-            style="
+            "></div>
+          <div style="
               width: 340px;
               height: 580px;
               margin: 25px auto 20px;
               overflow: auto;
-            "
-          >
+            ">
             <div style="width: 335px">
-              <div
-                @click="warnClick(item)"
-                :class="
-                  warnForm.id == item.id
-                    ? 'item-one-block item-one-block2'
-                    : 'item-one-block'
-                "
-                style="
+              <div @click="warnClick(item)" :class="warnForm.id == item.id
+                ? 'item-one-block item-one-block2'
+                : 'item-one-block'
+                " style="
                   border-bottom: 1px solid rgba(255, 255, 255, 0.25);
                   padding: 20px;
-                "
-                v-for="item in warnList"
-                :key="item.id"
-              >
+                " v-for="item in warnList" :key="item.id">
                 <el-row>
                   <el-col :span="2">
                     <div style="height: 25px; line-height: 36px">
-                      <img
-                        v-show="item.status == 2"
-                        :src="require('../../assets/images/icon/warn1.png')"
-                      />
-                      <img
-                        v-show="item.status == 1"
-                        :src="require('../../assets/images/icon/warn2.png')"
-                      />
+                      <img v-show="item.status == 2" :src="require('../../assets/images/icon/warn1.png')" />
+                      <img v-show="item.status == 1" :src="require('../../assets/images/icon/warn2.png')" />
                     </div>
                   </el-col>
                   <el-col :span="6">
@@ -557,29 +372,16 @@
                     </div>
                   </el-col>
                   <el-col :span="16" style="text-align: right">
-                    <div
-                      class="warnBtu"
-                      v-show="item.status == 1 || item.status == 2"
-                      @click="verifyClick(item)"
-                    >
+                    <div class="warnBtu" v-show="item.status == 1 || item.status == 2" @click="verifyClick(item)">
                       人工确认
                     </div>
-                    <div
-                      class="warnBtu"
-                      v-show="item.status == 2"
-                      @click="warnPlanClick(item)"
-                      style="margin-left: 14px"
-                    >
+                    <div class="warnBtu" v-show="item.status == 2" @click="warnPlanClick(item)"
+                      style="margin-left: 14px">
                       预案处置
                     </div>
                   </el-col>
-                  <el-col
-                    :span="16"
-                    v-show="item.status == 3 || item.status == 8"
-                  >
-                    <p
-                      style="text-align: right; margin-top: 5px; color: #cccccc"
-                    >
+                  <el-col :span="16" v-show="item.status == 3 || item.status == 8">
+                    <p style="text-align: right; margin-top: 5px; color: #cccccc">
                       {{ filedFomatter(item.status, warnStatusList) }}
                     </p>
                   </el-col>
@@ -607,110 +409,72 @@
       </transition>
       <transition name="el-zoom-in-top">
         <div class="plan-item" v-show="warnDetailShow">
-          <div
-            style="
+          <div style="
               padding: 15px 20px 0px;
               height: 25px;
               line-height: 35px;
               font-size: 16px;
-            "
-          >
+            ">
             <div style="float: left">
-              <span
-                style="
+              <span style="
                   float: left;
                   width: 10px;
                   height: 10px;
                   background: #2b6bb6;
                   margin: 14px 5px 0 0;
-                "
-              ></span
-              >预案详情
+                "></span>预案详情
             </div>
-            <div
-              v-show="planSuccess"
-              style="
+            <div v-show="planSuccess" style="
                 float: left;
                 margin-left: 100px;
                 font-size: 14px;
                 margin-top: 5px;
-              "
-            >
+              ">
               状态同步中
             </div>
-            <div
-              @click="warnDetailClose()"
-              style="
+            <div @click="warnDetailClose()" style="
                 float: right;
                 width: 20px;
                 text-align: center;
                 cursor: pointer;
-              "
-            >
+              ">
               X
             </div>
             <div style="float: right; margin-right: 10px; width: 105px">
               <div style="float: left; margin-top: 17px">
-                <div
-                  v-loading="planLoading"
-                  element-loading-spinner="el-icon-loading"
-                ></div>
+                <div v-loading="planLoading" element-loading-spinner="el-icon-loading"></div>
               </div>
-              <el-button
-                type="primary"
-                @click="handleCommitPlanClick(2)"
-                size="mini"
-                style="float: right"
-                >一键发送</el-button
-              >
+              <el-button type="primary" @click="handleCommitPlanClick(2)" size="mini"
+                style="float: right">一键发送</el-button>
             </div>
           </div>
-          <div
-            style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"
-          ></div>
-          <div
-            style="
+          <div style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"></div>
+          <div style="
               padding: 0 20px 20px;
               width: calc(100% - 40px);
               height: calc(100% - 80px);
-            "
-          >
+            ">
             <div style="width: 100%; height: 100%; overflow: auto">
-              <div
-                v-for="item1 in planDeviceType"
-                :key="item1"
-                style="margin-bottom: 10px"
-              >
+              <div v-for="item1 in planDeviceType" :key="item1" style="margin-bottom: 10px">
                 <div v-if="item1 == '13'">
                   <p style="font-size: 16px; font-weight: bold; color: #b3ddef">
                     {{ filedFomatter(item1, deviceTypeList) }}控制
                   </p>
                   <p style="margin-top: 5px">上游</p>
-                  <div
-                    style="
+                  <div style="
                       padding-left: 10px;
                       line-height: 25px;
                       margin-top: 5px;
-                    "
-                  >
-                    <p
-                      v-for="item in planDetailMap[item1]"
-                      v-if="item.stream == '1'"
-                      :key="item.id"
-                    >
+                    ">
+                    <p v-for="item in planDetailMap[item1]" v-if="item.stream == '1'" :key="item.id">
                       {{ filedFomatter(item.direction, directionList) }}
                       {{ item.id }}（{{ item.pileNum }}） 指令:{{ item.stream }}
                       <span style="color: #ee9837">{{
                         filedFomatter(item.cmd, taskEnum[item1].taskList)
                       }}</span>
-                      <span
-                        style="margin-left: 10px"
-                        v-show="item.ret != undefined"
-                      >
+                      <span style="margin-left: 10px" v-show="item.ret != undefined">
                         状态:
-                        <span v-if="item.ret == -1 || item.ret == null"
-                          >执行中</span
-                        >
+                        <span v-if="item.ret == -1 || item.ret == null">执行中</span>
                         <span style="color: #12b76d" v-else>{{
                           filedFomatter(item.ret, taskEnum[item1].taskList)
                         }}</span>
@@ -718,30 +482,20 @@
                     </p>
                   </div>
                   <p style="margin-top: 5px">下游</p>
-                  <div
-                    style="
+                  <div style="
                       padding-left: 10px;
                       line-height: 25px;
                       margin-top: 5px;
-                    "
-                  >
-                    <p
-                      v-for="item in planDetailMap[item1]"
-                      v-if="item.stream == '2'"
-                    >
+                    ">
+                    <p v-for="item in planDetailMap[item1]" v-if="item.stream == '2'">
                       {{ filedFomatter(item.direction, directionList) }}
                       {{ item.id }}（{{ item.pileNum }}） 指令:{{ item.stream }}
                       <span style="color: #ee9837">{{
                         filedFomatter(item.cmd, taskEnum[item1].taskList)
                       }}</span>
-                      <span
-                        style="margin-left: 10px"
-                        v-show="item.ret != undefined"
-                      >
+                      <span style="margin-left: 10px" v-show="item.ret != undefined">
                         状态:
-                        <span v-if="item.ret == -1 || item.ret == null"
-                          >执行中</span
-                        >
+                        <span v-if="item.ret == -1 || item.ret == null">执行中</span>
                         <span style="color: #12b76d" v-else>{{
                           filedFomatter(item.ret, taskEnum[item1].taskList)
                         }}</span>
@@ -783,7 +537,7 @@
                       </el-option>
                     </el-select>
                   </div> -->
-                        <!-- <el-tree
+                  <!-- <el-tree
             class="filter-tree"
             :data="treeData"
             :props="defaultProps"
@@ -817,27 +571,20 @@
                   <p style="font-size: 16px; font-weight: bold; color: #b3ddef">
                     {{ filedFomatter(item1, deviceTypeList) }}控制
                   </p>
-                  <div
-                    style="
+                  <div style="
                       padding-left: 10px;
                       line-height: 25px;
                       margin-top: 5px;
-                    "
-                  >
+                    ">
                     <p v-for="item in planDetailMap[item1]" :key="item.id">
                       {{ filedFomatter(item.direction, directionList) }}
                       {{ item.id }}（{{ item.pileNum }}） 指令:
                       <span style="color: #ee9837">{{
                         filedFomatter(item.cmd, taskEnum[item1].taskList)
                       }}</span>
-                      <span
-                        style="margin-left: 10px"
-                        v-show="item.ret != undefined"
-                      >
+                      <span style="margin-left: 10px" v-show="item.ret != undefined">
                         状态:
-                        <span v-if="item.ret == -1 || item.ret == null"
-                          >执行中</span
-                        >
+                        <span v-if="item.ret == -1 || item.ret == null">执行中</span>
                         <span style="color: #12b76d" v-else>
                           <template v-if="item1 == '19'">
                             {{
@@ -856,35 +603,18 @@
                 </div>
               </div>
               <div style="min-height: 200px">
-                <p
-                  style="
+                <p style="
                     font-size: 16px;
                     font-weight: bold;
                     color: #b3ddef;
                     margin-bottom: 10px;
-                  "
-                >
+                  ">
                   广播控制
                 </p>
-                <div
-                  style="padding-left: 10px; line-height: 25px; margin-top: 5px"
-                >
-                  <el-select
-                    v-model="mediaObj"
-                    clearable
-                    value-key="id"
-                    placeholder="请选择"
-                    size="small"
-                    style="width: 80%"
-                    :popper-append-to-body="false"
-                    disabled
-                  >
-                    <el-option
-                      v-for="item in listMedia"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item"
-                    >
+                <div style="padding-left: 10px; line-height: 25px; margin-top: 5px">
+                  <el-select v-model="mediaObj" clearable value-key="id" placeholder="请选择" size="small"
+                    style="width: 80%" :popper-append-to-body="false" disabled>
+                    <el-option v-for="item in listMedia" :key="item.id" :label="item.name" :value="item">
                     </el-option>
                   </el-select>
                 </div>
@@ -897,41 +627,29 @@
       <transition name="el-zoom-in-top">
         <div class="warn-item" v-show="planShow">
           <div class="title">事件预案处置</div>
-          <div
-            @click="planClose()"
-            style="
+          <div @click="planClose()" style="
               position: absolute;
               right: 29px;
               top: 26px;
               width: 30px;
               height: 30px;
               cursor: pointer;
-            "
-          ></div>
-          <div
-            style="
+            "></div>
+          <div style="
               width: 340px;
               height: 580px;
               margin: 25px auto 20px;
               overflow: auto;
-            "
-          >
+            ">
             <div style="width: 335px">
-              <div
-                @click="planClick(item)"
-                :class="
-                  planForm.planId == item.planId
-                    ? 'item-one-block item-one-block2'
-                    : 'item-one-block'
-                "
-                style="
+              <div @click="planClick(item)" :class="planForm.planId == item.planId
+                ? 'item-one-block item-one-block2'
+                : 'item-one-block'
+                " style="
                   border-bottom: 1px solid rgba(255, 255, 255, 0.25);
                   padding: 20px;
                   cursor: pointer;
-                "
-                v-for="(item, index) in planList"
-                :key="index"
-              >
+                " v-for="(item, index) in planList" :key="index">
                 <el-row>
                   <el-col :span="12">
                     <div style="font-size: 18px; font-weight: bold">
@@ -958,101 +676,67 @@
       </transition>
       <transition name="el-zoom-in-top">
         <div class="plan-item" v-show="planDetailShow">
-          <div
-            style="
+          <div style="
               padding: 15px 20px 0px;
               height: 25px;
               line-height: 35px;
               font-size: 16px;
-            "
-          >
+            ">
             <div style="float: left">
-              <span
-                style="
+              <span style="
                   float: left;
                   width: 10px;
                   height: 10px;
                   background: #2b6bb6;
                   margin: 14px 5px 0 0;
-                "
-              ></span
-              >预案详情
+                "></span>预案详情
             </div>
-            <div
-              v-show="planSuccess"
-              style="
+            <div v-show="planSuccess" style="
                 float: left;
                 margin-left: 100px;
                 font-size: 14px;
                 margin-top: 5px;
-              "
-            >
+              ">
               状态同步中
             </div>
-            <div
-              @click="planDetailClose()"
-              style="
+            <div @click="planDetailClose()" style="
                 float: right;
                 width: 20px;
                 text-align: center;
                 cursor: pointer;
-              "
-            >
+              ">
               X
             </div>
             <div style="float: right; margin-right: 20px; width: 105px">
               <div style="float: left; margin-top: 17px">
-                <div
-                  v-loading="planLoading"
-                  element-loading-spinner="el-icon-loading"
-                ></div>
+                <div v-loading="planLoading" element-loading-spinner="el-icon-loading"></div>
               </div>
-              <el-button
-                type="primary"
-                @click="handleCommitPlanClick(1)"
-                size="mini"
-                style="float: right"
-                >一键发送</el-button
-              >
+              <el-button type="primary" @click="handleCommitPlanClick(1)" size="mini"
+                style="float: right">一键发送</el-button>
             </div>
           </div>
-          <div
-            style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"
-          ></div>
-          <div
-            style="
+          <div style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"></div>
+          <div style="
               padding: 0 20px 20px;
               width: calc(100% - 40px);
               height: calc(100% - 80px);
-            "
-          >
+            ">
             <div style="width: 100%; height: 100%; overflow: auto">
-              <div
-                v-for="(item1, index1) in planDetailData"
-                :key="index1"
-                v-show="item1.data.length > 0"
-                style="margin-bottom: 10px"
-              >
+              <div v-for="(item1, index1) in planDetailData" :key="index1" v-show="item1.data.length > 0"
+                style="margin-bottom: 10px">
                 <p style="font-size: 16px; font-weight: bold; color: #b3ddef">
                   {{ filedFomatter(item1.type, deviceTypeList) }}控制
                 </p>
-                <div
-                  style="padding-left: 10px; line-height: 25px; margin-top: 5px"
-                >
+                <div style="padding-left: 10px; line-height: 25px; margin-top: 5px">
                   <p v-for="item in item1.data" :key="item.id">
                     {{ filedFomatter(item.direction, directionList) }}
                     {{ item.id }}（{{ item.pileNum }}） 指令:
                     <span style="color: #12b7b2">{{
                       filedFomatter(item.cmd, taskEnum[item1.type].taskList)
                     }}</span>
-                    <span
-                      style="margin-left: 10px"
-                      v-show="item.ret != undefined"
-                    >
+                    <span style="margin-left: 10px" v-show="item.ret != undefined">
                       状态:
-                      <span v-if="item.ret == -1 || item.ret == null"
-                        >执行中</span
-                      >
+                      <span v-if="item.ret == -1 || item.ret == null">执行中</span>
                       <span style="color: #12b76d" v-else>{{
                         filedFomatter(item.ret, taskEnum[item1.type].taskList)
                       }}</span>
@@ -1068,73 +752,56 @@
       <transition name="el-fade-in-linear">
         <div v-show="deviceRunShow" class="deviceRun-item">
           <div class="title">设备运行情况</div>
-          <div
-            @click="deviceRunShow = false"
-            style="
+          <div @click="deviceRunShow = false" style="
               position: absolute;
               right: 25px;
               top: 25px;
               width: 30px;
               height: 30px;
               cursor: pointer;
-            "
-          ></div>
+            "></div>
           <div style="height: 150px">
-            <div
-              class="select-down"
-              style="
+            <div class="select-down" style="
                 width: 430px;
                 margin: 0 auto;
                 font-size: 16px;
                 padding-top: 50px;
-              "
-            >
-              类型<el-select
-                v-model="deviceType"
-                @change="loadDevice"
-                clearable
-                placeholder="请选择"
-                :popper-append-to-body="false"
-              >
-                <el-option
-                  v-for="item in deviceTypeList"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
+              ">
+              类型<el-select v-model="deviceType" @change="loadDevice" clearable placeholder="请选择"
+                :popper-append-to-body="false">
+                <el-option v-for="item in deviceTypeList" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
             </div>
           </div>
-          <div
-            style="
+          <div style="
               width: calc(100% - 50px);
               margin: 0px auto 20px;
               height: calc(100% - 270px);
-            "
-          >
-            <el-row
-              :gutter="30"
-              style="
+            ">
+            <el-row :gutter="30" style="
                 text-align: center;
                 width: calc(100% - 20px);
                 margin: 0 auto 20px;
-              "
-            >
-              <el-col :span="7"><div class="runColBg">设备类型</div></el-col>
-              <el-col :span="7"><div class="runColBg">设备编号</div></el-col>
-              <el-col :span="5"><div class="runColBg">桩号</div></el-col>
-              <el-col :span="5"><div class="runColBg">状态</div></el-col>
+              ">
+              <el-col :span="7">
+                <div class="runColBg">设备类型</div>
+              </el-col>
+              <el-col :span="7">
+                <div class="runColBg">设备编号</div>
+              </el-col>
+              <el-col :span="5">
+                <div class="runColBg">桩号</div>
+              </el-col>
+              <el-col :span="5">
+                <div class="runColBg">状态</div>
+              </el-col>
             </el-row>
 
             <div style="width: 100%; height: calc(100% - 30px); overflow: auto">
               <div style="width: calc(100% - 20px); margin: 0 auto">
-                <el-row
-                  @click.native="deviceRunClick(item)"
-                  class="runRowBg"
-                  v-for="item in deviceData"
-                  :key="item.deviceId"
-                >
+                <el-row @click.native="deviceRunClick(item)" class="runRowBg" v-for="item in deviceData"
+                  :key="item.deviceId">
                   <el-col :span="7" style="min-height: 1px">{{
                     filedFomatter(item.deviceType, deviceTypeList)
                   }}</el-col>
@@ -1154,18 +821,9 @@
         </div>
       </transition>
 
-      <el-dialog
-        style="pointer-events: auto"
-        :title="addOrUpdateTitle"
-        :visible.sync="deviceDialogVisible"
-        width="1000px"
-        :close-on-click-modal="false"
-        v-if="deviceDialogVisible"
-        @close="deviceClose"
-      >
-        <div
-          v-show="deviceLoading"
-          style="
+      <el-dialog style="pointer-events: auto" :title="addOrUpdateTitle" :visible.sync="deviceDialogVisible"
+        width="1000px" :close-on-click-modal="false" v-if="deviceDialogVisible" @close="deviceClose">
+        <div v-show="deviceLoading" style="
             position: absolute;
             z-index: 9999;
             left: calc(50% - 60px);
@@ -1173,30 +831,20 @@
             background: #ce811b;
             padding: 10px 20px;
             border-radius: 5px;
-          "
-        >
+          ">
           正在发送指令...
         </div>
 
-        <div
-          v-loading="deviceLoading"
-          element-loading-text=""
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.5)"
-        >
-          <div
-            v-show="dataForm.deviceType != 22"
-            style="min-height: 70px; color: #1afff7"
-          >
-            <div
-              style="
+        <div v-loading="deviceLoading" element-loading-text="" element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 0, 0, 0.5)">
+          <div v-show="dataForm.deviceType != 22" style="min-height: 70px; color: #1afff7">
+            <div style="
                 display: inline-block;
                 vertical-align: top;
                 padding: 10px;
                 border-right: 2px solid rgb(20 164 180);
                 height: 50px;
-              "
-            >
+              ">
               <img src="../../assets/images/device.png" />
             </div>
             <!--            <div style="display: inline-block;vertical-align: top;padding: 0 30px;border-right: 2px solid rgb(20 164 180);min-width: 130px;height: 70px">
@@ -1210,64 +858,45 @@
 
               </p>
             </div>-->
-            <div
-              style="
+            <div style="
                 display: inline-block;
                 vertical-align: top;
                 width: calc(100% - 300px);
-              "
-            >
+              ">
               <template v-if="dataForm.deviceType == '15'">
-                <div
-                  style="height: 60px; padding: 10px 0 0 10px; overflow: auto"
-                >
-                  <div
-                    style="display: inline-block; vertical-align: top"
-                    v-html="templateInfoHtml"
-                  ></div>
+                <div style="height: 60px; padding: 10px 0 0 10px; overflow: auto">
+                  <div style="display: inline-block; vertical-align: top" v-html="templateInfoHtml"></div>
                 </div>
               </template>
               <template v-else-if="dataForm.deviceType == '26'">
-                <el-row
-                  style="
+                <el-row style="
                     min-height: 30px;
                     font-size: 16px;
                     padding: 20px 0 0 10px;
-                  "
-                >
+                  ">
                   <el-col :span="10">风向：{{ dataForm.direction26 }}</el-col>
-                  <el-col :span="11"
-                    >风速：{{ dataForm.speed26
-                    }}<span v-show="dataForm.speed26">(m/s)</span></el-col
-                  >
+                  <el-col :span="11">风速：{{ dataForm.speed26
+                  }}<span v-show="dataForm.speed26">(m/s)</span></el-col>
                 </el-row>
               </template>
               <template v-else-if="dataForm.deviceType == '27'">
-                <el-row
-                  style="
+                <el-row style="
                     min-height: 30px;
                     font-size: 16px;
                     padding: 20px 0 0 10px;
-                  "
-                >
-                  <el-col :span="15"
-                    >co 浓度值：{{ dataForm.co27
-                    }}<span v-show="dataForm.co27">(PPM)</span></el-col
-                  >
-                  <el-col :span="9"
-                    >vi 能见度：{{ dataForm.vi27
-                    }}<span v-show="dataForm.vi27"></span></el-col
-                  >
+                  ">
+                  <el-col :span="15">co 浓度值：{{ dataForm.co27
+                  }}<span v-show="dataForm.co27">(PPM)</span></el-col>
+                  <el-col :span="9">vi 能见度：{{ dataForm.vi27
+                  }}<span v-show="dataForm.vi27"></span></el-col>
                 </el-row>
               </template>
               <template v-else-if="dataForm.deviceType == '28'">
-                <el-row
-                  style="
+                <el-row style="
                     min-height: 30px;
                     font-size: 16px;
                     padding: 20px 0 0 10px;
-                  "
-                >
+                  ">
                   <el-col :span="15">光强：{{ dataForm.light28 }}</el-col>
                 </el-row>
               </template>
@@ -1279,39 +908,29 @@
                   </p>
                 </div>
               </template>
-              <template
-                v-else-if="
-                  dataForm.deviceType == '40' ||
-                  dataForm.deviceType == '41' ||
-                  dataForm.deviceType == '42'
-                "
-              >
-                <div
-                  style="min-height: 30px; font-size: 16px; padding: 0px 20px"
-                >
+              <template v-else-if="
+                dataForm.deviceType == '40' ||
+                dataForm.deviceType == '41' ||
+                dataForm.deviceType == '42'
+              ">
+                <div style="min-height: 30px; font-size: 16px; padding: 0px 20px">
                   <p v-for="(item, index) in iotKeyData" :key="index">
                     <span style="display: inline-block; width: 100px">
                       {{ item.name }}
                     </span>
-                    <span
-                      v-for="(item1, index1) in item.data"
-                      :key="index1"
-                      style="display: inline-block; width: 100px"
-                    >
+                    <span v-for="(item1, index1) in item.data" :key="index1"
+                      style="display: inline-block; width: 100px">
                       {{ item1.name }}
                     </span>
                   </p>
                 </div>
               </template>
               <template v-else>
-                <div
-                  v-show="dataForm.taskName != -1"
-                  style="
+                <div v-show="dataForm.taskName != -1" style="
                     min-height: 30px;
                     font-size: 16px;
                     padding: 20px 0 0 10px;
-                  "
-                >
+                  ">
                   <template v-if="dataForm.deviceType == '19'">{{
                     filedFomatter(dataForm.taskName, taskEnum['19'].taskList2)
                   }}</template>
@@ -1329,28 +948,20 @@
           <el-row style="min-height: 280px">
             <el-col :span="8">
               <p style="margin-bottom: 10px; font-size: 16px">
-                <span
-                  style="
+                <span style="
                     float: left;
                     width: 10px;
                     height: 10px;
                     background: #2b6bb6;
                     margin: 7px 5px 0 0;
-                  "
-                ></span
-                >设备基本信息
+                  "></span>设备基本信息
               </p>
-              <el-descriptions
-                title=""
-                :column="1"
-                :labelStyle="{
-                  width: '80px',
-                  'text-align': 'right',
-                  display: 'block',
-                  color: '#D5E0EE',
-                }"
-                :contentStyle="{ width: '95%' }"
-              >
+              <el-descriptions title="" :column="1" :labelStyle="{
+                width: '80px',
+                'text-align': 'right',
+                display: 'block',
+                color: '#D5E0EE',
+              }" :contentStyle="{ width: '95%' }">
                 <el-descriptions-item label="设备类型">{{
                   filedFomatter(dataForm.deviceType, deviceTypeList)
                 }}</el-descriptions-item>
@@ -1381,117 +992,105 @@
               </el-descriptions>
             </el-col>
             <el-col :span="16">
-              <div
-                style="
+              <div style="
                   width: calc(100% - 20px);
                   border-left: 2px solid rgba(70, 148, 255, 0.42);
                   padding: 0 10px;
-                "
-              >
-                <div
-                  v-if="dataForm.deviceType == 22"
-                  style="
-                    width: 75%;
-                    height: 340px;
-                    background: black;
-                    margin-left: 5%;
-                  "
-                >
-                  <flv-player :videoUrl="videoUrl"></flv-player>
-                </div>
-                <div
-                  v-else-if="
-                    dataForm.deviceType == 26 ||
-                    dataForm.deviceType == 27 ||
-                    dataForm.deviceType == 28 ||
-                    dataForm.deviceType == 39 ||
-                    dataForm.deviceType == 43
-                  "
-                >
+                ">
+                <!-- 电伴热设备 -->
+                <div v-if="dataForm.deviceType == '47'">
                   <p style="margin-bottom: 10px; font-size: 16px">
-                    <span
-                      style="
+                    <span style="
                         float: left;
                         width: 10px;
                         height: 10px;
                         background: #2b6bb6;
                         margin: 7px 5px 0 0;
-                      "
-                    ></span
-                    >设备控制
+                      "></span>设备控制
+
                   </p>
-                  <div
-                    style="
+                  <div style="padding-left: 20px">
+                    <el-row v-for="(item, index) in iotDBRLis" :key="index" style="margin-bottom: 10px;">
+                      <el-col :span="4">电伴热设备{{ index + 1 }}:</el-col>
+                      <el-col :span="8" v-if="item.status !== '异常'">
+                        <el-switch v-model="item.online" active-color="#20488F" active-text="开" inactive-text="关"
+                          size="mini" @change="ChangeDBRdevocte(item)">
+                        </el-switch>
+                      </el-col>
+                      <el-col :span="8" v-else>设备异常</el-col>
+                    </el-row>
+                  </div>
+                </div>
+
+
+
+                <div v-else-if="dataForm.deviceType == 22" style="
+                    width: 75%;
+                    height: 340px;
+                    background: black;
+                    margin-left: 5%;
+                  ">
+                  <flv-player :videoUrl="videoUrl"></flv-player>
+                </div>
+                <div v-else-if="
+                  dataForm.deviceType == 26 ||
+                  dataForm.deviceType == 27 ||
+                  dataForm.deviceType == 28 ||
+                  dataForm.deviceType == 39 ||
+                  dataForm.deviceType == 43
+                ">
+                  <p style="margin-bottom: 10px; font-size: 16px">
+                    <span style="
+                        float: left;
+                        width: 10px;
+                        height: 10px;
+                        background: #2b6bb6;
+                        margin: 7px 5px 0 0;
+                      "></span>设备控制
+                  </p>
+                  <div style="
                       min-height: 200px;
                       padding-bottom: 20px;
                       padding-top: 10px;
-                    "
-                  >
+                    ">
                     无
                   </div>
                 </div>
                 <div v-else>
                   <p style="margin-bottom: 10px; font-size: 16px">
-                    <span
-                      style="
+                    <span style="
                         float: left;
                         width: 10px;
                         height: 10px;
                         background: #2b6bb6;
                         margin: 7px 5px 0 0;
-                      "
-                    ></span
-                    >设备控制
-                    <el-button
-                      type="primary"
-                      @click="handleCommitClick(0)"
-                      size="mini"
-                      style="float: right; margin-right: 20px"
-                      >发送</el-button
-                    >
+                      "></span>设备控制
+                    <el-button type="primary" @click="handleCommitClick(0)" size="mini"
+                      style="float: right; margin-right: 20px">发送</el-button>
                   </p>
-                  <div
-                    style="
+                  <div style="
                       min-height: 200px;
                       padding-bottom: 20px;
                       padding-top: 10px;
-                    "
-                  >
-                    <div
-                      v-if="dataForm.deviceType == '12'"
-                      style="padding-left: 20px"
-                    >
+                    ">
+                    <div v-if="dataForm.deviceType == '12'" style="padding-left: 20px">
                       <el-row>
                         <el-col :span="3">控制：</el-col>
                         <el-col :span="21">
-                          <el-radio-group
-                            v-model="dataForm.command"
-                            style="padding-top: 3px"
-                          >
-                            <el-radio
-                              :label="item.id"
-                              v-for="item in taskList"
-                              :key="item.id"
-                              >{{ item.name }}</el-radio>
+                          <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                            <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                            }}</el-radio>
                           </el-radio-group>
                         </el-col>
                       </el-row>
                       <el-row style="margin-top: 5px">
-                        <el-col :span="3" style="line-height: 36px"
-                          >亮度：</el-col
-                        >
+                        <el-col :span="3" style="line-height: 36px">亮度：</el-col>
                         <el-col :span="21">
-                          <el-slider
-                            style="width: calc(100% - 100px)"
-                            v-model="dataFormBody.light"
-                          ></el-slider>
+                          <el-slider style="width: calc(100% - 100px)" v-model="dataFormBody.light"></el-slider>
                         </el-col>
                       </el-row>
                     </div>
-                    <div
-                      v-else-if="dataForm.deviceType == '15'"
-                      style="padding-left: 20px"
-                    >
+                    <div v-else-if="dataForm.deviceType == '15'" style="padding-left: 20px">
                       <el-row>
                         <el-col :span="3">控制：</el-col>
                         <el-col :span="21" class="temlCheckClass">
@@ -1521,53 +1120,38 @@
                               </el-checkbox>
                             </div>
                           </el-checkbox-group> -->
-                           <el-tree
-            class="filter-tree"
-            :data="treeData"
-            :props="defaultProps"
-            :filter-node-method="filterNode"
-            ref="tree"
-            show-checkbox
-  @check-change="handleCheckChange"
-   v-model="textInfoList"
-   @check="handleCheck"
-          >
-            <div class="custom-tree-node" slot-scope="{ node, data }">
-              <el-tooltip :content="node.label" placement="top">
-                <span class="label"  v-if="node.level === 1">{{ data.name }}</span>
-                <span class="label"  v-if="node.level !== 1">{{ data.content }}</span>
-              
-              </el-tooltip>
-          <br />
-                  <span style="color: #a8a8a8; font-size: 12px"
-                                  v-if="node.level !== 1">高宽:{{ data.displaySize }} 
-                                  字体大小:{{ data.fontSize }} 字体颜色:{{getColor(data.fontColor)}}</span>
-      
-            </div>
-          </el-tree>
+                          <el-tree class="filter-tree" :data="treeData" :props="defaultProps"
+                            :filter-node-method="filterNode" ref="tree" show-checkbox @check-change="handleCheckChange"
+                            v-model="textInfoList" @check="handleCheck">
+                            <div class="custom-tree-node" slot-scope="{ node, data }">
+                              <el-tooltip :content="node.label" placement="top">
+                                <span class="label" v-if="node.level === 1">{{ data.name }}</span>
+                                <span class="label" v-if="node.level !== 1">{{ data.content }}</span>
+
+                              </el-tooltip>
+                              <br />
+                              <span style="color: #a8a8a8; font-size: 12px" v-if="node.level !== 1">高宽:{{
+                                data.displaySize }}
+                                字体大小:{{ data.fontSize }} 字体颜色:{{ getColor(data.fontColor) }}</span>
+
+                            </div>
+                          </el-tree>
                         </el-col>
                       </el-row>
                     </div>
-                    <div
-                      v-else-if="
-                        dataForm.deviceType == '40' ||
-                        dataForm.deviceType == '41' ||
-                        dataForm.deviceType == '42'
-                      "
-                      style="padding-left: 20px"
-                    >
+                    <div v-else-if="
+                      dataForm.deviceType == '40' ||
+                      dataForm.deviceType == '41' ||
+                      dataForm.deviceType == '42'
+                    " style="padding-left: 20px">
                       <div style="float: left; width: 35%">
                         <el-row>
                           <el-col :span="5">设备：</el-col>
                           <el-col :span="19">
                             <el-checkbox-group v-model="dataForm.iotKeys">
-                              <el-checkbox
-                                v-for="item in iotKeyList"
-                                v-show="item.show"
-                                :label="item.id"
-                                :key="item.id"
-                                >{{ item.name }}</el-checkbox
-                              >
+                              <el-checkbox v-for="item in iotKeyList" v-show="item.show" :label="item.id"
+                                :key="item.id">{{
+                                  item.name }}</el-checkbox>
                             </el-checkbox-group>
                           </el-col>
                         </el-row>
@@ -1576,16 +1160,9 @@
                         <el-row>
                           <el-col :span="5">控制：</el-col>
                           <el-col :span="19">
-                            <el-radio-group
-                              v-model="dataForm.command"
-                              style="padding-top: 3px"
-                            >
-                              <el-radio
-                                :label="item.id"
-                                v-for="item in taskList"
-                                :key="item.id"
-                                >{{ item.name }}</el-radio
-                              >
+                            <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                              <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                              }}</el-radio>
                             </el-radio-group>
                           </el-col>
                         </el-row>
@@ -1595,37 +1172,23 @@
                       <el-row>
                         <el-col :span="3">控制：</el-col>
                         <el-col :span="21">
-                          <!-- {{ dataForm }} {{ filedFomatter(dataForm.lane, laneList) }} {{
-                        filedFomatter(dataForm.direction, directionList)
-                      }} -->
-                          <el-radio-group
-                            v-model="dataForm.command"
-                            style="padding-top: 3px"
-                          >
-                            <el-radio
-                              :label="item.id"
-                              v-for="item in taskList"
-                              :key="item.id"
-                              >{{ item.name }}</el-radio
-                            >
+                          <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                            <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                            }}</el-radio>
                           </el-radio-group>
                         </el-col>
                       </el-row>
                     </div>
+
+
+
                     <div v-else style="padding-left: 20px">
                       <el-row>
-                        <el-col :span="3">控制：</el-col>
+                        <el-col :span="3">控制2：</el-col>
                         <el-col :span="21">
-                          <el-radio-group
-                            v-model="dataForm.command"
-                            style="padding-top: 3px"
-                          >
-                            <el-radio
-                              :label="item.id"
-                              v-for="item in taskList"
-                              :key="item.id"
-                              >{{ item.name }}</el-radio
-                            >
+                          <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                            <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                            }}</el-radio>
                           </el-radio-group>
                         </el-col>
                       </el-row>
@@ -1645,52 +1208,38 @@
 
       <transition name="el-zoom-in-top">
         <div class="control-item" v-show="deviceControlShow && !main2DShow">
-          <div
-            style="
+          <div style="
               padding: 15px 20px 0px;
               height: 25px;
               line-height: 35px;
               font-size: 16px;
-            "
-          >
+            ">
             <div style="float: left">
-              <span
-                style="
+              <span style="
                   float: left;
                   width: 10px;
                   height: 10px;
                   background: #2b6bb6;
                   margin: 14px 5px 0 0;
-                "
-              ></span
-              >{{ addOrUpdateTitle }}
+                "></span>{{ addOrUpdateTitle }}
             </div>
-            <div
-              @click="deviceClose"
-              style="
+            <div @click="deviceClose" style="
                 float: right;
                 width: 20px;
                 text-align: center;
                 cursor: pointer;
-              "
-            >
+              ">
               X
             </div>
           </div>
-          <div
-            style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"
-          ></div>
-          <div
-            style="
+          <div style="margin: 10px 20px; border-bottom: 1px solid #4694ff33"></div>
+          <div style="
               padding: 0 20px 20px;
               width: calc(100% - 40px);
               height: calc(100% - 80px);
-            "
-          >
+            ">
             <div style="width: 100%; height: 100%; overflow: auto">
-              <div
-                v-show="deviceLoading"
-                style="
+              <div v-show="deviceLoading" style="
                   position: absolute;
                   z-index: 9999;
                   left: calc(50% - 60px);
@@ -1698,134 +1247,93 @@
                   background: #ce811b;
                   padding: 10px 20px;
                   border-radius: 5px;
-                "
-              >
+                ">
                 正在发送指令...
               </div>
-              <div
-                v-loading="deviceLoading"
-                element-loading-text=""
-                element-loading-spinner="el-icon-loading"
-                element-loading-background="rgba(0, 0, 0, 0.5)"
-              >
-                <div
-                  v-show="dataForm.deviceType != 22"
-                  style="min-height: 60px; color: #1afff7"
-                >
-                  <div
-                    style="
+              <div v-loading="deviceLoading" element-loading-text="" element-loading-spinner="el-icon-loading"
+                element-loading-background="rgba(0, 0, 0, 0.5)">
+                <div v-show="dataForm.deviceType != 22" style="min-height: 60px; color: #1afff7">
+                  <div style="
                       display: inline-block;
                       vertical-align: top;
                       width: 100%;
-                    "
-                  >
+                    ">
                     <template v-if="dataForm.deviceType == '15'">
-                      <div
-                        style="height: 60px; padding-left: 10px; overflow: auto"
-                      >
-                        <div
-                          style="display: inline-block; vertical-align: top"
-                          v-html="templateInfoHtml"
-                        ></div>
+                      <div style="height: 60px; padding-left: 10px; overflow: auto">
+                        <div style="display: inline-block; vertical-align: top" v-html="templateInfoHtml"></div>
                       </div>
                     </template>
                     <template v-else-if="dataForm.deviceType == '26'">
-                      <el-row
-                        style="
+                      <el-row style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
-                        <el-col :span="10"
-                          >风向：{{ dataForm.direction26 }}</el-col
-                        >
-                        <el-col :span="11"
-                          >风速：{{ dataForm.speed26
-                          }}<span v-show="dataForm.speed26">(m/s)</span></el-col
-                        >
+                        ">
+                        <el-col :span="10">风向：{{ dataForm.direction26 }}</el-col>
+                        <el-col :span="11">风速：{{ dataForm.speed26
+                        }}<span v-show="dataForm.speed26">(m/s)</span></el-col>
                       </el-row>
                     </template>
                     <template v-else-if="dataForm.deviceType == '27'">
-                      <el-row
-                        style="
+                      <el-row style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
-                        <el-col :span="15"
-                          >co 浓度值：{{ dataForm.co27
-                          }}<span v-show="dataForm.co27">(PPM)</span></el-col
-                        >
-                        <el-col :span="9"
-                          >vi 能见度：{{ dataForm.vi27
-                          }}<span v-show="dataForm.vi27"></span></el-col
-                        >
+                        ">
+                        <el-col :span="15">co 浓度值：{{ dataForm.co27
+                        }}<span v-show="dataForm.co27">(PPM)</span></el-col>
+                        <el-col :span="9">vi 能见度：{{ dataForm.vi27
+                        }}<span v-show="dataForm.vi27"></span></el-col>
                       </el-row>
                     </template>
                     <template v-else-if="dataForm.deviceType == '28'">
-                      <el-row
-                        style="
+                      <el-row style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
+                        ">
                         <el-col :span="15">光强：{{ dataForm.light28 }}</el-col>
                       </el-row>
                     </template>
                     <template v-else-if="dataForm.deviceType == '43'">
-                      <div
-                        style="
+                      <div style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
+                        ">
                         <p>
                           水位高度：{{ dataForm.height43
                           }}<span v-show="dataForm.height43">(m)</span>
                         </p>
                       </div>
                     </template>
-                    <template
-                      v-else-if="
-                        dataForm.deviceType == '40' ||
-                        dataForm.deviceType == '41' ||
-                        dataForm.deviceType == '42'
-                      "
-                    >
-                      <div
-                        style="
+                    <template v-else-if="
+                      dataForm.deviceType == '40' ||
+                      dataForm.deviceType == '41' ||
+                      dataForm.deviceType == '42'
+                    ">
+                      <div style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
+                        ">
                         <p v-for="(item, index) in iotKeyData" :key="index">
                           <span style="display: inline-block; width: 100px">
                             {{ item.name }}
                           </span>
-                          <span
-                            v-for="(item1, index1) in item.data"
-                            :key="index1"
-                            style="display: inline-block; width: 100px"
-                          >
+                          <span v-for="(item1, index1) in item.data" :key="index1"
+                            style="display: inline-block; width: 100px">
                             {{ item1.name }}
                           </span>
                         </p>
                       </div>
                     </template>
                     <template v-else>
-                      <div
-                        v-show="dataForm.taskName != -1"
-                        style="
+                      <div v-show="dataForm.taskName != -1" style="
                           min-height: 30px;
                           font-size: 16px;
                           padding-left: 10px;
-                        "
-                      >
+                        ">
                         <template v-if="dataForm.deviceType == '19'">{{
                           filedFomatter(
                             dataForm.taskName,
@@ -1846,17 +1354,12 @@
                 <div class="item-frame">
                   <div class="item-frame-title">设备基本信息</div>
                   <div style="padding: 20px">
-                    <el-descriptions
-                      title=""
-                      :column="1"
-                      :labelStyle="{
-                        width: '60px',
-                        'text-align': 'right',
-                        display: 'block',
-                        color: '#D5E0EE',
-                      }"
-                      :contentStyle="{ width: '95%' }"
-                    >
+                    <el-descriptions title="" :column="1" :labelStyle="{
+                      width: '60px',
+                      'text-align': 'right',
+                      display: 'block',
+                      color: '#D5E0EE',
+                    }" :contentStyle="{ width: '95%' }">
                       <el-descriptions-item label="设备类型">{{
                         filedFomatter(dataForm.deviceType, deviceTypeList)
                       }}</el-descriptions-item>
@@ -1887,77 +1390,51 @@
                 <div class="item-frame" style="margin-top: 20px">
                   <div class="item-frame-title">设备控制</div>
                   <div style="padding: 20px">
-                    <div
-                      v-if="dataForm.deviceType == 22"
-                      style="
+                    <div v-if="dataForm.deviceType == 22" style="
                         width: 75%;
                         height: 340px;
                         background: black;
                         margin-left: 5%;
-                      "
-                    >
+                      ">
                       <flv-player :videoUrl="videoUrl"></flv-player>
                     </div>
-                    <div
-                      v-else-if="
-                        dataForm.deviceType == 26 ||
-                        dataForm.deviceType == 27 ||
-                        dataForm.deviceType == 28 ||
-                        dataForm.deviceType == 39 ||
-                        dataForm.deviceType == 43
-                      "
-                    >
-                      <div
-                        style="
+                    <div v-else-if="
+                      dataForm.deviceType == 26 ||
+                      dataForm.deviceType == 27 ||
+                      dataForm.deviceType == 28 ||
+                      dataForm.deviceType == 39 ||
+                      dataForm.deviceType == 43
+                    ">
+                      <div style="
                           min-height: 200px;
                           padding-bottom: 20px;
                           padding-top: 10px;
-                        "
-                      >
+                        ">
                         无
                       </div>
                     </div>
                     <div v-else style="position: relative">
-                      <el-button
-                        type="primary"
-                        @click="handleCommitClick(0)"
-                        size="mini"
-                        style="position: absolute; right: 0px; top: -20px"
-                        >发送</el-button
-                      >
-                      <div
-                        style="
+                      <el-button type="primary" @click="handleCommitClick(0)" size="mini"
+                        style="position: absolute; right: 0px; top: -20px">发送</el-button>
+                      <div style="
                           min-height: 100px;
                           padding-bottom: 20px;
                           padding-top: 10px;
-                        "
-                      >
+                        ">
                         <div v-if="dataForm.deviceType == '12'">
                           <el-row>
                             <el-col :span="4">控制：</el-col>
                             <el-col :span="20">
-                              <el-radio-group
-                                v-model="dataForm.command"
-                                style="padding-top: 3px"
-                              >
-                                <el-radio
-                                  :label="item.id"
-                                  v-for="item in taskList"
-                                  :key="item.id"
-                                  >{{ item.name }}</el-radio
-                                >
+                              <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                                <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                                }}</el-radio>
                               </el-radio-group>
                             </el-col>
                           </el-row>
                           <el-row style="margin-top: 5px">
-                            <el-col :span="4" style="line-height: 36px"
-                              >亮度：</el-col
-                            >
+                            <el-col :span="4" style="line-height: 36px">亮度：</el-col>
                             <el-col :span="20">
-                              <el-slider
-                                style="width: calc(100% - 100px)"
-                                v-model="dataFormBody.light"
-                              ></el-slider>
+                              <el-slider style="width: calc(100% - 100px)" v-model="dataFormBody.light"></el-slider>
                             </el-col>
                           </el-row>
                         </div>
@@ -1996,25 +1473,19 @@
                             </el-col>
                           </el-row>
                         </div>
-                        <div
-                          v-else-if="
-                            dataForm.deviceType == '40' ||
-                            dataForm.deviceType == '41' ||
-                            dataForm.deviceType == '42'
-                          "
-                        >
+                        <div v-else-if="
+                          dataForm.deviceType == '40' ||
+                          dataForm.deviceType == '41' ||
+                          dataForm.deviceType == '42'
+                        ">
                           <div style="float: left; width: 35%">
                             <el-row>
                               <el-col :span="4">设备：</el-col>
                               <el-col :span="20">
                                 <el-checkbox-group v-model="dataForm.iotKeys">
-                                  <el-checkbox
-                                    v-for="item in iotKeyList"
-                                    v-show="item.show"
-                                    :label="item.id"
-                                    :key="item.id"
-                                    >{{ item.name }}</el-checkbox
-                                  >
+                                  <el-checkbox v-for="item in iotKeyList" v-show="item.show" :label="item.id"
+                                    :key="item.id">{{
+                                      item.name }}</el-checkbox>
                                 </el-checkbox-group>
                               </el-col>
                             </el-row>
@@ -2023,16 +1494,9 @@
                             <el-row>
                               <el-col :span="4">控制：</el-col>
                               <el-col :span="20">
-                                <el-radio-group
-                                  v-model="dataForm.command"
-                                  style="padding-top: 3px"
-                                >
-                                  <el-radio
-                                    :label="item.id"
-                                    v-for="item in taskList"
-                                    :key="item.id"
-                                    >{{ item.name }}</el-radio
-                                  >
+                                <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                                  <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                                  }}</el-radio>
                                 </el-radio-group>
                               </el-col>
                             </el-row>
@@ -2043,16 +1507,9 @@
                           <el-row>
                             <el-col :span="4">控制：</el-col>
                             <el-col :span="20">
-                              <el-radio-group
-                                v-model="dataForm.command"
-                                style="padding-top: 3px"
-                              >
-                                <el-radio
-                                  :label="item.id"
-                                  v-for="item in taskList"
-                                  :key="item.id"
-                                  >{{ item.name }}</el-radio
-                                >
+                              <el-radio-group v-model="dataForm.command" style="padding-top: 3px">
+                                <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name
+                                }}</el-radio>
                               </el-radio-group>
                             </el-col>
                           </el-row>
@@ -2067,54 +1524,22 @@
         </div>
       </transition>
 
-      <el-dialog
-        top="8vh"
-        style="pointer-events: auto"
-        title="设备"
-        :visible.sync="deviceDialogVisible2"
-        width="1000px"
-        :close-on-click-modal="false"
-        v-if="deviceDialogVisible2"
-        @close="deviceClose"
-      >
+      <el-dialog top="8vh" style="pointer-events: auto" title="设备" :visible.sync="deviceDialogVisible2" width="1000px"
+        :close-on-click-modal="false" v-if="deviceDialogVisible2" @close="deviceClose">
         <el-row>
           <el-col :span="14" style="border-right: 1px solid #cccccc">
-            <el-table
-              size="small"
-              :data="deviceData2"
-              height="500px"
-              @selection-change="handleSelectionChange"
-              style="width: 100%"
-            >
+            <el-table size="small" :data="deviceData2" height="500px" @selection-change="handleSelectionChange"
+              style="width: 100%">
               <el-table-column type="selection" width="55"> </el-table-column>
-              <el-table-column
-                prop="deviceType"
-                label="设备类型"
-                :formatter="
-                  (row) => filedFomatter(row.deviceType, deviceTypeList)
-                "
-              >
+              <el-table-column prop="deviceType" label="设备类型" :formatter="(row) => filedFomatter(row.deviceType, deviceTypeList)
+                ">
               </el-table-column>
-              <el-table-column
-                prop="deviceId"
-                label="设备编号"
-                show-overflow-tooltip
-              >
+              <el-table-column prop="deviceId" label="设备编号" show-overflow-tooltip>
               </el-table-column>
-              <el-table-column
-                prop="pileNumShow"
-                label="桩号"
-                show-overflow-tooltip
-              >
+              <el-table-column prop="pileNumShow" label="桩号" show-overflow-tooltip>
               </el-table-column>
-              <el-table-column
-                prop="direction"
-                label="方向"
-                :formatter="
-                  (row) => filedFomatter(row.direction, directionList)
-                "
-                show-overflow-tooltip
-              >
+              <el-table-column prop="direction" label="方向" :formatter="(row) => filedFomatter(row.direction, directionList)
+                " show-overflow-tooltip>
               </el-table-column>
               <el-table-column prop="task" label="状态" show-overflow-tooltip>
                 <template slot-scope="scope">
@@ -2150,61 +1575,36 @@
           </el-col>
           <el-col :span="10" v-show="controlShow" style="padding-left: 5px">
             <p style="margin-bottom: 10px; font-size: 16px">
-              <span
-                style="
+              <span style="
                   float: left;
                   width: 10px;
                   height: 10px;
                   background: #2b6bb6;
                   margin: 7px 5px 0 0;
-                "
-              ></span>批量控制
-              <el-button
-                type="primary"
-                @click="handleCommitClick(1)"
-                size="mini"
-                style="float: right; margin-right: 20px"
-                >发送</el-button
-              >
+                "></span>批量控制
+              <el-button type="primary" @click="handleCommitClick(1)" size="mini"
+                style="float: right; margin-right: 20px">发送</el-button>
             </p>
-            <div
-              v-loading="deviceLoading"
-              element-loading-text="正在发送指令..."
-              element-loading-spinner="el-icon-loading"
+            <div v-loading="deviceLoading" element-loading-text="正在发送指令..." element-loading-spinner="el-icon-loading"
               element-loading-background="rgba(0, 0, 0, 0.5)"
-              style="padding-bottom: 20px; margin-top: 15px; min-height: 100px"
-            >
-              <div
-                v-if="dataForm.deviceType == '12'"
-                style="padding-left: 20px"
-              >
+              style="padding-bottom: 20px; margin-top: 15px; min-height: 100px">
+              <div v-if="dataForm.deviceType == '12'" style="padding-left: 20px">
                 <el-row>
                   <el-col :span="3">控制：</el-col>
                   <el-col :span="21">
                     <el-radio-group v-model="dataForm.command">
-                      <el-radio
-                        :label="item.id"
-                        v-for="item in taskList"
-                        :key="item.id"
-                        >{{ item.name }}</el-radio
-                      >
+                      <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name }}</el-radio>
                     </el-radio-group>
                   </el-col>
                 </el-row>
                 <el-row style="margin-top: 5px">
                   <el-col :span="3" style="line-height: 36px">亮度：</el-col>
                   <el-col :span="21">
-                    <el-slider
-                      style="width: calc(100% - 100px)"
-                      v-model="dataFormBody.light"
-                    ></el-slider>
+                    <el-slider style="width: calc(100% - 100px)" v-model="dataFormBody.light"></el-slider>
                   </el-col>
                 </el-row>
               </div>
-              <div
-                v-else-if="dataForm.deviceType == '15'"
-                style="padding-left: 20px"
-              >
+              <div v-else-if="dataForm.deviceType == '15'" style="padding-left: 20px">
                 <el-row>
                   <el-col :span="3">控制：</el-col>
                   <el-col :span="21" class="temlCheckClass">
@@ -2236,31 +1636,23 @@
                         </el-checkbox>
                       </div>
                     </el-checkbox-group> -->
-                                   <el-tree
-            class="filter-tree"
-            :data="treeData"
-            :props="defaultProps"
-            :filter-node-method="filterNode"
-            ref="tree"
-            show-checkbox
-  @check-change="handleCheckChange"
-   v-model="textInfoList"
-   @check="handleCheck"
-          >
-            <div class="custom-tree-node" slot-scope="{ node, data }">
-              <el-tooltip :content="node.label" placement="top">
-                <span class="label"  v-if="node.level === 1">{{ data.name }}</span>
-                <span class="label"  v-if="node.level !== 1">{{ data.content }}</span>
-              
-              </el-tooltip>
-          <br />
-                  <span style="color: #a8a8a8; font-size: 12px;"
-                                  v-if="node.level !== 1">高宽:{{ data.displaySize }} </span>
-                                  <span style="color: #a8a8a8; font-size: 12px;" v-if="node.level !== 1">
-                               大小:{{ data.fontSize }} 颜色:{{getColor(data.fontColor)}}</span>
-      
-            </div>
-          </el-tree>
+                    <el-tree class="filter-tree" :data="treeData" :props="defaultProps" :filter-node-method="filterNode"
+                      ref="tree" show-checkbox @check-change="handleCheckChange" v-model="textInfoList"
+                      @check="handleCheck">
+                      <div class="custom-tree-node" slot-scope="{ node, data }">
+                        <el-tooltip :content="node.label" placement="top">
+                          <span class="label" v-if="node.level === 1">{{ data.name }}</span>
+                          <span class="label" v-if="node.level !== 1">{{ data.content }}</span>
+
+                        </el-tooltip>
+                        <br />
+                        <span style="color: #a8a8a8; font-size: 12px;" v-if="node.level !== 1">高宽:{{ data.displaySize }}
+                        </span>
+                        <span style="color: #a8a8a8; font-size: 12px;" v-if="node.level !== 1">
+                          大小:{{ data.fontSize }} 颜色:{{ getColor(data.fontColor) }}</span>
+
+                      </div>
+                    </el-tree>
                   </el-col>
                 </el-row>
               </div>
@@ -2270,12 +1662,7 @@
                   <el-col :span="3">控制：</el-col>
                   <el-col :span="21">
                     <el-radio-group v-model="dataForm.command">
-                      <el-radio
-                        :label="item.id"
-                        v-for="item in taskList"
-                        :key="item.id"
-                        >{{ item.name }}</el-radio
-                      >
+                      <el-radio :label="item.id" v-for="item in taskList" :key="item.id">{{ item.name }}</el-radio>
                     </el-radio-group>
                   </el-col>
                 </el-row>
@@ -2299,6 +1686,7 @@ import {
   newIotControlS,
   playManuallyTriggered,
   getIotDeviceStatus,
+  getDbrIotDeviceList,
   deviceList,
   deviceList1,
   batchControl,
@@ -2308,6 +1696,7 @@ import {
   statsticWhole,
   getPlayAddressByPid,
   deviceStatusBatch,
+  changeDbrIotDeviceStatus,
   planList,
 } from '@/api'
 import { dateTimeFormat, filedFomatter } from '../../utils/utils'
@@ -2333,13 +1722,15 @@ export default {
   },
   data() {
     return {
+      // 电伴热设备列表
+      iotDBRLis: [],
       nowTime: '',
       searchForm: {
         area: '2',
         editable: '2',
       },
-        treeData: [],
-        filterText: "",
+      treeData: [],
+      filterText: "",
       areaList: window.config.areaList,
       deviceTypeList: window.config.deivceTypeList,
       deviceTypeList1: [
@@ -2375,9 +1766,9 @@ export default {
         { id: '13', name: '车道指示灯' },
         { id: '14', name: '交通信号灯' },
         { id: '19', name: '卷帘门' },
-         { id: '40', name: '消防泵房' },
+        { id: '40', name: '消防泵房' },
         { id: '41', name: '污水泵房' },
-        /*{id: '16', name: '报警器'},*/ 
+        /*{id: '16', name: '报警器'},*/
         // {
         //   id: '17',
         //   name: '广播电话系统',
@@ -2415,9 +1806,9 @@ export default {
         1: {
           left: 'K30+600',
           right: 'K34+800',
-        //   length1: '4000',
-        //   length2: '2616',
-            length1: '2616',
+          //   length1: '4000',
+          //   length2: '2616',
+          length1: '2616',
           length2: '2606',
           width: 5000,
           pileNumData: ['K31+294', 'K33+916'],
@@ -2426,8 +1817,8 @@ export default {
         2: {
           left: 'K58+176',
           right: 'K60+976',
-        //   length1: '2800',
-         length1: '2200',
+          //   length1: '2800',
+          length1: '2200',
           length2: '2200',
           width: 5000,
           pileNumData: ['K58+476', 'K60+676'],
@@ -2495,13 +1886,13 @@ export default {
       controlShow: false,
       multipleSelection: [],
       warnList: [{
-        id:'1',
-        status:1,
-        type:''
-      },{
-        id:'2',
-        status:2,
-        type:''
+        id: '1',
+        status: 1,
+        type: ''
+      }, {
+        id: '2',
+        status: 2,
+        type: ''
       }],
       componentsWarnList: [],
       statusTimer: null,
@@ -2523,10 +1914,10 @@ export default {
       planLoading: false,
       planSuccess: false,
       planDeviceType: ['14', '13', '11', '15', '19'],
-        defaultProps: {
+      defaultProps: {
         children: "children",
         label: "name",
-        name:"name",
+        name: "name",
         content: "content",
         // displaySize: "displaySize",
       },
@@ -2554,15 +1945,28 @@ export default {
     }
   },
   mounted() {
-    console.log(this.$route.params.area,this.$route,'xxxxxxx');
+    console.log(this.$route.params.area, this.$route, 'xxxxxxx');
     if (this.$route.params.area) {
-      
+
       this.searchForm.area = this.$route.params.area
     }
     this.init()
     this.handleLinkClient()
   },
   methods: {
+    //  改变电伴热设备状态
+    async ChangeDBRdevocte(item) {
+      console.log(item.online, '开关状态');
+      let res = await changeDbrIotDeviceStatus({
+        device_id: item.device_id,
+        action: item.online ? 'open' : 'close',
+      })
+      if (res?.data?.message) {
+        this.$message.success(res.data.message)
+      }
+    },
+
+
     dateTimeFormat,
     init() {
       var that = this
@@ -2657,30 +2061,30 @@ export default {
         console.log(res, 'reeessss')
         if (res.status == 200) {
           // if (res.data.retCode == 0) {
-            that.tableData = res.data.data
-            console.log(that.tableData, 'ttttttttttttttt')
-            that.loadMarker()
+          that.tableData = res.data.data
+          console.log(that.tableData, 'ttttttttttttttt')
+          that.loadMarker()
 
-            that.deviceDataId = []
-            that.tableData.forEach((item) => {
-              if (
-                item.deviceType == '11' ||
-                item.deviceType == '13' ||
-                item.deviceType == '14'
-              ) {
-                that.deviceDataId.push(item.deviceId)
-              }
-            })
-            that.dataForm.deviceId = that.deviceDataId.toString()
-            if (that.warnShow) {
-              clearTimeout(that.statusTimer)
-              that.statusTimer = null
-            } else {
-              that.deviceStatusBatch()
+          that.deviceDataId = []
+          that.tableData.forEach((item) => {
+            if (
+              item.deviceType == '11' ||
+              item.deviceType == '13' ||
+              item.deviceType == '14'
+            ) {
+              that.deviceDataId.push(item.deviceId)
             }
+          })
+          that.dataForm.deviceId = that.deviceDataId.toString()
+          if (that.warnShow) {
+            clearTimeout(that.statusTimer)
+            that.statusTimer = null
           } else {
-            that.$message.warning(res.data.message)
+            that.deviceStatusBatch()
           }
+        } else {
+          that.$message.warning(res.data.message)
+        }
         // }
       })
     },
@@ -2704,78 +2108,78 @@ export default {
               : imgForm.url
           var x = 0,
             y = 0
-          if(item.deviceType == 13){   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
-            console.log(item,item.direction,'xxxxxxxxxx')
-            if(item.direction == 2){ //下行
-              if(item.rotationDirection == null || item.rotationDirection == '正向通行'){
+          if (item.deviceType == 13) {   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
+            console.log(item, item.direction, 'xxxxxxxxxx')
+            if (item.direction == 2) { //下行
+              if (item.rotationDirection == null || item.rotationDirection == '正向通行') {
                 json.imgUrl = './lib/icon/132.png'
-              }else if(item.rotationDirection == '反向通行'){
+              } else if (item.rotationDirection == '反向通行') {
                 json.imgUrl = './lib/icon/131.png'
-              } else if(item.rotationDirection == '封道'){
+              } else if (item.rotationDirection == '封道') {
                 json.imgUrl = './lib/icon/133.png'
-              } else if(item.rotationDirection == '正向左转'){
+              } else if (item.rotationDirection == '正向左转') {
                 json.imgUrl = './lib/icon/135.png'
               }
-            //   else if(item.rotationDirection == '反向左转'){
-            //     json.imgUrl = './lib/icon/135.png'
-            //   }
-            }else if(item.direction == 1){ //上行
-              if(item.rotationDirection == null || item.rotationDirection == '正向通行'){
+              //   else if(item.rotationDirection == '反向左转'){
+              //     json.imgUrl = './lib/icon/135.png'
+              //   }
+            } else if (item.direction == 1) { //上行
+              if (item.rotationDirection == null || item.rotationDirection == '正向通行') {
                 json.imgUrl = './lib/icon/131.png'
-              }else if(item.rotationDirection == '反向通行'){
+              } else if (item.rotationDirection == '反向通行') {
                 json.imgUrl = './lib/icon/132.png'
-              } else if(item.rotationDirection == '封道'){
+              } else if (item.rotationDirection == '封道') {
                 json.imgUrl = './lib/icon/133.png'
-              } else if(item.rotationDirection == '正向左转'){
+              } else if (item.rotationDirection == '正向左转') {
                 json.imgUrl = './lib/icon/134.png'
               }
-            //   else if(item.rotationDirection == '反向左转'){
-            //     json.imgUrl = './lib/icon/134.png'
-            //   }
+              //   else if(item.rotationDirection == '反向左转'){
+              //     json.imgUrl = './lib/icon/134.png'
+              //   }
             }
           }
           //风机
-                     if(item.deviceType == 11){   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
+          if (item.deviceType == 11) {   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
             // console.log(item,item.direction,'xxxxxxxxxx')
-            if(item.direction == 2){ //下行
-              if(item.rotationDirection == null || item.rotationDirection == '正转'){
+            if (item.direction == 2) { //下行
+              if (item.rotationDirection == null || item.rotationDirection == '正转') {
                 json.imgUrl = './lib/icon/111.gif'
-              }else if(item.rotationDirection == '反转'){
+              } else if (item.rotationDirection == '反转') {
                 json.imgUrl = './lib/icon/112.gif'
-              } else if(item.rotationDirection == '停止'){
+              } else if (item.rotationDirection == '停止') {
                 json.imgUrl = './lib/icon/11.png'
               }
-              console.log("json.imgUrl",json.imgUrl)
+              console.log("json.imgUrl", json.imgUrl)
 
-            }else if(item.direction == 1){ //上行
-              if(item.rotationDirection == null || item.rotationDirection == '正转'){
+            } else if (item.direction == 1) { //上行
+              if (item.rotationDirection == null || item.rotationDirection == '正转') {
                 json.imgUrl = './lib/icon/111.gif'
-              }else if(item.rotationDirection == '反转'){
+              } else if (item.rotationDirection == '反转') {
                 json.imgUrl = './lib/icon/112.gif'
-              } else if(item.rotationDirection == '停止'){
+              } else if (item.rotationDirection == '停止') {
                 json.imgUrl = './lib/icon/11.png'
               }
-              console.log("json.imgUrl",json.imgUrl)
+              console.log("json.imgUrl", json.imgUrl)
             }
           }
           //交通信号灯
-                         if(item.deviceType == 14){   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
+          if (item.deviceType == 14) {   //车道指示灯 根据状态 展示不同方向的图片  direction  2是下行左箭头 1是上行右箭头
             // console.log(item,item.direction,'xxxxxxxxxx')
-            if(item.direction == 2){ //下行
-              if(item.rotationDirection == null || item.rotationDirection == '变绿灯'){
+            if (item.direction == 2) { //下行
+              if (item.rotationDirection == null || item.rotationDirection == '变绿灯') {
                 json.imgUrl = './lib/icon/143.png'
-              }else if(item.rotationDirection == '变黄灯'){
+              } else if (item.rotationDirection == '变黄灯') {
                 json.imgUrl = './lib/icon/142.png'
-              } else if(item.rotationDirection == '变红灯'){
+              } else if (item.rotationDirection == '变红灯') {
                 json.imgUrl = './lib/icon/141.png'
               }
 
-            }else if(item.direction == 1){ //上行
-              if(item.rotationDirection == null || item.rotationDirection == '变绿灯'){
+            } else if (item.direction == 1) { //上行
+              if (item.rotationDirection == null || item.rotationDirection == '变绿灯') {
                 json.imgUrl = './lib/icon/143.png'
-              }else if(item.rotationDirection == '变黄灯'){
+              } else if (item.rotationDirection == '变黄灯') {
                 json.imgUrl = './lib/icon/142.png'
-              } else if(item.rotationDirection == '变红灯'){
+              } else if (item.rotationDirection == '变红灯') {
                 json.imgUrl = './lib/icon/141.png'
               }
             }
@@ -2833,7 +2237,7 @@ export default {
               if (j.command != -1) {
                 json.imgUrl =
                   imgForm['url' + item.direction + '' + item.direction][
-                    j.command
+                  j.command
                   ]
               }
             } else if (item.deviceType == '14') {
@@ -3018,7 +2422,7 @@ export default {
                       } else if (item.deviceType == '15' && item.modelId) {
                         if (j.body) {
                           j.dataFormBody = JSON.parse(j.body)
-                          console.log("j.dataFormBody",j.dataFormBody)
+                          console.log("j.dataFormBody", j.dataFormBody)
                           that.loadinfoBoardTemplate(
                             3,
                             j.dataFormBody.textInfoList,
@@ -3205,7 +2609,7 @@ export default {
         let params = model13
         //成功返回
         let res = await window.MetaDigieeApi.LSIS.setLaneStatusIndicator(params)
-      } catch (e) {}
+      } catch (e) { }
     },
     async updateTrafficSignal(phase) {
       var that = this
@@ -3228,7 +2632,7 @@ export default {
         let res = await window.MetaDigieeApi.TrafficSignal.updateTrafficSignal(
           params
         )
-      } catch (e) {}
+      } catch (e) { }
     },
     async updateVMSInfo(data) {
       var that = this
@@ -3409,16 +2813,16 @@ export default {
       })*/
     },
     handleCheckChange(data, checked, indeterminate) {
-        console.log(data, checked, indeterminate);
-        // this.addComment(data,data.programId)
-       
-      },
-     handleCheck(checkedNodes) {
-         console.log(checkedNodes, "cscscscs");
+      console.log(data, checked, indeterminate);
+      // this.addComment(data,data.programId)
+
+    },
+    handleCheck(checkedNodes) {
+      console.log(checkedNodes, "cscscscs");
       // 这里可以处理选中项的逻辑，比如更新checkedKeys等。
-    //   this.textInfoList = checkedNodes.push() // 根据需要更新checkedKeys数组，例如只保留id等。
-     this.textInfoList.push(checkedNodes.programId)
-         console.log(this.textInfoList, "cscscscs");
+      //   this.textInfoList = checkedNodes.push() // 根据需要更新checkedKeys数组，例如只保留id等。
+      this.textInfoList.push(checkedNodes.programId)
+      console.log(this.textInfoList, "cscscscs");
     },
     loadWarnMarker(data) {
       var that = this
@@ -3655,7 +3059,7 @@ export default {
           }),
         }
         var url = '/json/iot/iotControlBatch'
-        iotControl(obj, url).then((res) => {})
+        iotControl(obj, url).then((res) => { })
       }
       if (index == 2) {
         // json = {
@@ -3668,8 +3072,8 @@ export default {
         json = {
           plc: [],
         }
-        console.log(that.planDeviceType, that.planDetailMap[13],'13车道指示灯', that.planDetailMap[14],'14', 'planDeviceTypeplanDeviceType')
-        that.planDetailMap[13].forEach((item)=>{ // 车道指示灯
+        console.log(that.planDeviceType, that.planDetailMap[13], '13车道指示灯', that.planDetailMap[14], '14', 'planDeviceTypeplanDeviceType')
+        that.planDetailMap[13].forEach((item) => { // 车道指示灯
           let operationInstructions = filedFomatter(item.cmd, that.taskEnum[13].taskList)
           json.plc.push({
             deviceId: item.id,
@@ -3677,7 +3081,7 @@ export default {
             writeOrRead: 'W'
           })
         })
-        that.planDetailMap[14].forEach((item)=>{ //交通信号控制灯
+        that.planDetailMap[14].forEach((item) => { //交通信号控制灯
           let operationInstructions = filedFomatter(item.cmd, that.taskEnum[14].taskList)
           console.log(operationInstructions, '141414')
           json.plc.push({
@@ -3686,14 +3090,14 @@ export default {
             writeOrRead: 'W'
           })
         })
-        
+
         that.planSuccess = false
         that.planLoading = true
-        batchControl(json).then((res)=>{
+        batchControl(json).then((res) => {
           that.planLoading = false
           that.planSuccess = true
           console.log(res)
-          if(res.data.code==200){
+          if (res.data.code == 200) {
             that.$message.success('操作成功')
             that.warnDetailShow = false
             verify({ id: that.planForm.id, status: '8' }).then((res) => {
@@ -3717,7 +3121,7 @@ export default {
         }
         that.planSuccess = false
         that.planLoading = true
-          planExecute(json).then((res) => {
+        planExecute(json).then((res) => {
           that.planLoading = false
           if (res.status == 200) {
             if (res.data.retCode == 0) {
@@ -3850,7 +3254,7 @@ export default {
 
       that.curControl = row
     },
-    handleClick(row, i) {
+    async handleClick(row, i) {
       var that = this
       if (row.deviceType == '55' || row.deviceType == '56') {
         return ''
@@ -3868,6 +3272,7 @@ export default {
       that.tempMap = {}
       that.templateInfoHtml = ''
       that.iotKeyList = []
+      console.log(that.taskEnum, '点击事件', that.dataForm)
       that.taskList = that.taskEnum[that.dataForm.deviceType].taskList
       if (that.dataForm.refresh == '1') {
         that.deviceStatus()
@@ -3875,10 +3280,10 @@ export default {
       // 13 车道指示灯 
       console.log('1111111111111111111111111', that.dataForm.deviceType)
       if (that.dataForm.deviceType == '15') {
-        console.log("that.dataFormBody",that.dataFormBody)
+        console.log("that.dataFormBody", that.dataFormBody)
         if (that.dataForm.task) {
           var j = JSON.parse(that.dataForm.task)
-          console.log("j.dataFormBody",j.dataFormBody)
+          console.log("j.dataFormBody", j.dataFormBody)
           that.$set(that.dataForm, 'taskName', j.command)
           if (j.body) {
             j.dataFormBody = JSON.parse(j.body)
@@ -3924,57 +3329,57 @@ export default {
           })
         })
       }
-      if(that.dataForm.deviceType == '13'){
+      if (that.dataForm.deviceType == '13') {
         // 获取 lane 对应的显示文本
         const laneText = filedFomatter(that.dataForm.lane, that.laneList)
         const directionText = filedFomatter(that.dataForm.direction, that.directionList)
         const deviceTypeText = filedFomatter(that.dataForm.deviceType, that.deviceTypeList)
         const areaText = filedFomatter(that.dataForm.area, that.areaList)
-        console.log(laneText,directionText, deviceTypeText,that.textInfoList, 'sssssssssssssssssssssssss')
+        console.log(laneText, directionText, deviceTypeText, that.textInfoList, 'sssssssssssssssssssssssss')
         // 如果 laneText 是 "车道一" 并且 directionText 是 "上行"，则在 taskList 尾部添加一个选项
-        if(areaText === '五一隧道'){
-          if (laneText === "车道一" && deviceTypeText === "车道指示灯" && that.dataForm.deviceName!='YLS1' && (directionText === "上行" || directionText === "下行")) {
+        if (areaText === '五一隧道') {
+          if (laneText === "车道一" && deviceTypeText === "车道指示灯" && that.dataForm.deviceName != 'YLS1' && (directionText === "上行" || directionText === "下行")) {
             that.taskList = [
-            { id: '0', name: '正向通行' },
-            { id: '1', name: '反向通行' },
-            {
-              id: '2',
-              name: '封道',
-            }, {id: '3', name: '正向左转'}
-            // ,{id: '4', name: '反向左转'},
-            // { id: '3', name: '左转' },
-          ]
+              { id: '0', name: '正向通行' },
+              { id: '1', name: '反向通行' },
+              {
+                id: '2',
+                name: '封道',
+              }, { id: '3', name: '正向左转' }
+              // ,{id: '4', name: '反向左转'},
+              // { id: '3', name: '左转' },
+            ]
           } else {
             that.taskList = [
-            { id: '0', name: '正向通行' },
-            { id: '1', name: '反向通行' },
-            {
-              id: '2',
-              name: '封道',
-            } /*{id: '3', name: '正向转向'},{id: '4', name: '反向转向'}*/,
-          ]
+              { id: '0', name: '正向通行' },
+              { id: '1', name: '反向通行' },
+              {
+                id: '2',
+                name: '封道',
+              } /*{id: '3', name: '正向转向'},{id: '4', name: '反向转向'}*/,
+            ]
           }
-        } else if(areaText === '西山隧道') {
+        } else if (areaText === '西山隧道') {
           if (laneText === "车道一" && deviceTypeText === "车道指示灯" && (directionText === "上行" || directionText === "下行")) {
             that.taskList = [
-            { id: '0', name: '正向通行' },
-            { id: '1', name: '反向通行' },
-            {
-              id: '2',
-              name: '封道',
-            },
-            //  {id: '3', name: '正向左转'},{id: '4', name: '反向左转'},
-            { id: '3', name: '左转' },
-          ]
+              { id: '0', name: '正向通行' },
+              { id: '1', name: '反向通行' },
+              {
+                id: '2',
+                name: '封道',
+              },
+              //  {id: '3', name: '正向左转'},{id: '4', name: '反向左转'},
+              { id: '3', name: '左转' },
+            ]
           } else {
             that.taskList = [
-            { id: '0', name: '正向通行' },
-            { id: '1', name: '反向通行' },
-            {
-              id: '2',
-              name: '封道',
-            } /*{id: '3', name: '正向转向'},{id: '4', name: '反向转向'}*/,
-          ]
+              { id: '0', name: '正向通行' },
+              { id: '1', name: '反向通行' },
+              {
+                id: '2',
+                name: '封道',
+              } /*{id: '3', name: '正向转向'},{id: '4', name: '反向转向'}*/,
+            ]
           }
         }
         console.log('//////////////')
@@ -3996,7 +3401,7 @@ export default {
           .catch(error => {
             console.error('Error fetching device status:', error);
           });
-      } else if (that.dataForm.deviceType == '26' || that.dataForm.deviceType == '27'|| that.dataForm.deviceType == '28'){
+      } else if (that.dataForm.deviceType == '26' || that.dataForm.deviceType == '27' || that.dataForm.deviceType == '28') {
         //风速风向和covi展示的
         getIotDeviceStatus({
           deviceId: that.dataForm.deviceId,
@@ -4005,18 +3410,18 @@ export default {
           .then(res => {
             const { code, data } = res?.data || {};
             if (code === 200) {
-              console.log(data, that.dataForm,  'ddddddddddddd')
-              if(data.statusJson){
+              console.log(data, that.dataForm, 'ddddddddddddd')
+              if (data.statusJson) {
                 const json = JSON.parse(data.statusJson);
-                if(json.covi && that.dataForm.deviceType == '27'){ // covi
+                if (json.covi && that.dataForm.deviceType == '27') { // covi
                   that.$set(that.dataForm, 'vi27', json.covi.vi)
                   that.$set(that.dataForm, 'co27', json.covi.co)
-                }else if(json.covi && that.dataForm.deviceType == '26'){ // 风速风向
+                } else if (json.covi && that.dataForm.deviceType == '26') { // 风速风向
                   that.$set(that.dataForm, 'speed26', json.covi.fs)
                   that.$set(that.dataForm, 'direction26', json.covi.fx)
-                }else if(json.covi && that.dataForm.deviceType == '28'){ // 光强
+                } else if (json.covi && that.dataForm.deviceType == '28') { // 光强
                   that.$set(that.dataForm, 'light28', json.covi.BD)
-                //   that.$set(that.dataForm, 'direction26', json.covi.BD)
+                  //   that.$set(that.dataForm, 'direction26', json.covi.BD)
                 }
               }
             }
@@ -4024,7 +3429,7 @@ export default {
           .catch(error => {
             console.error('Error fetching device status:', error);
           });
-      } else if(that.dataForm.deviceType == '14' || that.dataForm.deviceType == '19'){ // 获取回显状态
+      } else if (that.dataForm.deviceType == '14' || that.dataForm.deviceType == '19') { // 获取回显状态
         // 获取设备状态
         getIotDeviceStatus({
           deviceId: that.dataForm.deviceId,
@@ -4042,30 +3447,42 @@ export default {
           .catch(error => {
             console.error('Error fetching device status:', error);
           });
-      } else if (that.dataForm.deviceType == '11'){  //风机
-          // 获取设备状态
-          getIotDeviceStatus({
-            deviceId: that.dataForm.deviceId,
-            deviceType: that.dataForm.deviceType
+      } else if (that.dataForm.deviceType == '11') {  //风机
+        // 获取设备状态
+        getIotDeviceStatus({
+          deviceId: that.dataForm.deviceId,
+          deviceType: that.dataForm.deviceType
+        })
+          .then(res => {
+            const { code, data } = res?.data || {};
+            if (code === 200) {
+              let command = data?.status || '';
+              that.$set(that.dataForm, 'command', command)
+            }
+            // this.$forceUpdate();
+            console.log(that.dataForm.command)
           })
-            .then(res => {
-              const { code, data } = res?.data || {};
-              if (code === 200) {
-                let command = data?.status || '';
-                that.$set(that.dataForm, 'command', command)
-              }
-              // this.$forceUpdate();
-              console.log(that.dataForm.command)
-            })
-            .catch(error => {
-              console.error('Error fetching device status:', error);
-            });
+          .catch(error => {
+            console.error('Error fetching device status:', error);
+          });
+      } else if (that.dataForm.deviceType == '47') { // 电伴热
+        that.$set(that.dataForm, 'iotKeys', [])
+        console.log("电伴热", that.dataForm)
+        // 获取电伴热设备状态
+        let res = await getDbrIotDeviceList(that.dataForm.deviceId)
+        console.log("电伴热2", res)
+        if (res?.status == 200) {
+          let all_data = Object.values(res.data);
+          console.log("电伴热3", all_data)
+          this.iotDBRLis = all_data
+        }
+
+      }
+      if (i) {
+        that.deviceDialogVisible = true
+      } else {
+        that.deviceControlShow = true
       }
-        if (i) {
-            that.deviceDialogVisible = true
-          } else {
-            that.deviceControlShow = true
-          }
     },
     /*initTimer(){
       var that = this
@@ -4117,7 +3534,7 @@ export default {
                     if (item.deviceId == that.dataForm.deviceId) {
                       item.imgUrl =
                         imgForm['url' + item.direction + '' + item.direction][
-                          j.command
+                        j.command
                         ]
                     }
                   })
@@ -4263,7 +3680,7 @@ export default {
                       if (item2.deviceId == item.deviceId) {
                         item2.imgUrl =
                           imgForm[
-                            'url' + item2.direction + '' + item2.direction
+                          'url' + item2.direction + '' + item2.direction
                           ][j.command]
                       }
                     })
@@ -4309,13 +3726,13 @@ export default {
       })
     },
     loadinfoBoardTemplate(index, list, modelId) {
-        console.log("index",index)
+      console.log("index", index)
       var that = this
-         getProgramTree({ name: this.filterText }).then((res) => {
-              console.log("this.treeData",res.data.data)
-              console.log("res.code",res.data.code)
+      getProgramTree({ name: this.filterText }).then((res) => {
+        console.log("this.treeData", res.data.data)
+        console.log("res.code", res.data.code)
         if (res.data.code == 200) {
-             console.log("this.treeData",res.data.data)
+          console.log("this.treeData", res.data.data)
           res.data.data.forEach((item) => {
             // this.count += item.children.length;
             if (item.children) {
@@ -4332,24 +3749,24 @@ export default {
               });
             }
           });
-    
-        //   this.treeData = res.data;
-         this.treeData = res.data.data;
-        //   this.infoBoardTemplateList = res.data.data
-         console.log("this.treeData",this.treeData)
-             this.infoBoardTemplateList = []
-               const newArray = res.data.data.flatMap(item => item.children);
-                console.log("newArray",newArray)
-                this.infoBoardTemplateList = newArray
-            //  res.data.data.forEach((item, i) => {
-            //  
-            //     var form = {
-            //       ...item,
-            //       templateHtml: that.domRender(item.textInfo),
-            //     }
-            //     that.infoBoardTemplateList.push(form)
-            //   })
-             
+
+          //   this.treeData = res.data;
+          this.treeData = res.data.data;
+          //   this.infoBoardTemplateList = res.data.data
+          console.log("this.treeData", this.treeData)
+          this.infoBoardTemplateList = []
+          const newArray = res.data.data.flatMap(item => item.children);
+          console.log("newArray", newArray)
+          this.infoBoardTemplateList = newArray
+          //  res.data.data.forEach((item, i) => {
+          //  
+          //     var form = {
+          //       ...item,
+          //       templateHtml: that.domRender(item.textInfo),
+          //     }
+          //     that.infoBoardTemplateList.push(form)
+          //   })
+
         }
       });
       infoBoardTemplateList().then((res) => {
@@ -4357,7 +3774,7 @@ export default {
           if (res.data.retCode == 0) {
             if (index == 1) {
               that.templateHtmlList = []
-              console.log("res.data.result111111111111",res.data.result)
+              console.log("res.data.result111111111111", res.data.result)
               res.data.result.forEach((item, i) => {
                 list.forEach((item1) => {
                   if (item.id == item1.id) {
@@ -4423,13 +3840,11 @@ export default {
                         fontFormatUpDown = 'right'
                         break
                     }
-                    html += `<div style="background-color: ${backColor};color: ${fontColor};width: ${
-                      item.cmsWidth
-                    }px;height: ${
-                      item.cmsHeight
-                    }px;display: flex;justify-content: ${fontFormat};align-items: ${fontFormatUpDown};font-size: ${Number(
-                      fontSize
-                    )}px;font-family: ${item.fontName}">${str}</div>`
+                    html += `<div style="background-color: ${backColor};color: ${fontColor};width: ${item.cmsWidth
+                      }px;height: ${item.cmsHeight
+                      }px;display: flex;justify-content: ${fontFormat};align-items: ${fontFormatUpDown};font-size: ${Number(
+                        fontSize
+                      )}px;font-family: ${item.fontName}">${str}</div>`
                     that.templateHtmlList.push({
                       html: html,
                       intervaly: item.intervaly,
@@ -4445,7 +3860,7 @@ export default {
                 that.templateDisplay(0) // 递归调用显示函数
               }
             } else if (index == 2) {
-            //   that.infoBoardTemplateList = res.data.result
+              //   that.infoBoardTemplateList = res.data.result
             } else if (index == 3) {
               that.templateHtmlList = []
               res.data.result.forEach((item, i) => {
@@ -4496,14 +3911,14 @@ export default {
                 that.templateDisplay(0, 3) // 递归调用显示函数
               }
             } else {
-            //   that.infoBoardTemplateList = []
-            //   res.data.result.forEach((item, i) => {
-            //     var form = {
-            //       ...item,
-            //       templateHtml: that.domRender(item.textInfo),
-            //     }
-            //     that.infoBoardTemplateList.push(form)
-            //   })
+              //   that.infoBoardTemplateList = []
+              //   res.data.result.forEach((item, i) => {
+              //     var form = {
+              //       ...item,
+              //       templateHtml: that.domRender(item.textInfo),
+              //     }
+              //     that.infoBoardTemplateList.push(form)
+              //   })
             }
           } else {
             that.$message.warning(res.data.message)
@@ -4524,35 +3939,35 @@ export default {
         that.templateDisplay(nextIndex, m) // 递归调用显示函数
       }, nextTime)
     },
-      handleAddToTable(node, data) {
+    handleAddToTable(node, data) {
       console.log("添加至表格", node, data);
-    //   let exists = this.tableData.find(
-    //     (obj) => obj.programId === node.data.programId
-    //   );
-    //   if (exists) return this.$message("该项已添加，请勿重复添加！");
-    //   this.tableData.push(data);
-    //   console.log("添加至表格", this.tableData);
+      //   let exists = this.tableData.find(
+      //     (obj) => obj.programId === node.data.programId
+      //   );
+      //   if (exists) return this.$message("该项已添加，请勿重复添加！");
+      //   this.tableData.push(data);
+      //   console.log("添加至表格", this.tableData);
     },
-        filterNode(value, data) {
+    filterNode(value, data) {
       console.log(value, data);
       if (!value) return true;
       return data.name.indexOf(value) !== -1;
     },
-    getColor(value){
-        if(value =="#7b5ba1"){
-           return '红'
-        }else if(value =="#008000"){
-           return '绿'
-        }else if(value =="#FFFF00"){
-           return '黄'
-        }
+    getColor(value) {
+      if (value == "#7b5ba1") {
+        return '红'
+      } else if (value == "#008000") {
+        return '绿'
+      } else if (value == "#FFFF00") {
+        return '黄'
+      }
     },
     addComment(event, row) {
       this.tempMap[row.id] = {
         ...this.tempMap[row.id],
         [event.target.attributes.idData.value]: event.target.value,
       }
-      console.log(this.tempMap,'this.tempMap')
+      console.log(this.tempMap, 'this.tempMap')
     },
     handleCommitClick(index) {
       var that = this
@@ -4568,7 +3983,7 @@ export default {
         deviceType: that.dataForm.deviceType,
         command: that.dataForm.command,
       }
-      console.log(json,index,'wwwwww')
+      console.log(json, index, 'wwwwww')
       if (index) {
         console.log('111')
         //批量控制
@@ -4589,7 +4004,7 @@ export default {
         json.deviceId = that.dataForm.deviceId
         url = '/xjIotApi/iotServiceCommon/ServiceApiCommon'
       }
-      console.log('333', url, that.dataForm.deviceType )
+      console.log('333', url, that.dataForm.deviceType)
       if (that.dataForm.deviceType == '12') {
         json.body = JSON.stringify(that.dataFormBody)
       } else if (that.dataForm.deviceType == '15') {
@@ -4632,26 +4047,26 @@ export default {
       }
       console.log(json, url, 'urlurl')
       if (that.dataForm.deviceType == '13' || that.dataForm.deviceType == '14' || that.dataForm.deviceType == '15' || that.dataForm.deviceType == '19' || that.dataForm.deviceType == '11') {  //单独走的控制接口
-        if(index){ //批量控制
+        if (index) { //批量控制
           console.log(json, that.multipleSelection, '批量')
           let data = []
           if (that.multipleSelection.length > 0) {
             that.multipleSelection.forEach((item) => {
               let operationInstruction = ""
-              if(that.dataForm.deviceType == '13'){
+              if (that.dataForm.deviceType == '13') {
                 // operationInstruction = json.command==0 ? '正向通行' : json.command==1 ? '反向通行' : json.command==2 ? '封道' : json.command==3 ? '正向左转' : json.command==4 ? '反向左转': ''
-                operationInstruction = json.command==0 ? '正向通行' : json.command==1 ? '反向通行' : json.command==2 ? '封道' : json.command==3 ? '正向左转' : ''
-              } else if(that.dataForm.deviceType == '14'){
-                operationInstruction = json.command==1 ? '变红' : json.command==2 ? '变黄' : json.command==3 ? '变绿' : ''
+                operationInstruction = json.command == 0 ? '正向通行' : json.command == 1 ? '反向通行' : json.command == 2 ? '封道' : json.command == 3 ? '正向左转' : ''
+              } else if (that.dataForm.deviceType == '14') {
+                operationInstruction = json.command == 1 ? '变红' : json.command == 2 ? '变黄' : json.command == 3 ? '变绿' : ''
               } else if (that.dataForm.deviceType == '11') {
-                operationInstruction = json.command==0 ? '停止' : json.command==1 ? '正转' : json.command==2 ? '反转' : ''
+                operationInstruction = json.command == 0 ? '停止' : json.command == 1 ? '正转' : json.command == 2 ? '反转' : ''
               } else if (that.dataForm.deviceType == '19') { // 卷帘门
-                operationInstruction = json.command==0 ? '停止' : json.command==1 ? '开' : json.command==2 ? '关' : ''
+                operationInstruction = json.command == 0 ? '停止' : json.command == 1 ? '开' : json.command == 2 ? '关' : ''
               }
               data.push({
-                deviceId : item.deviceId,
+                deviceId: item.deviceId,
                 writeOrRead: 'W',
-                operationInstructions:operationInstruction
+                operationInstructions: operationInstruction
               })
             })
             // json.deviceId
@@ -4660,37 +4075,37 @@ export default {
             that.$message.info('请选择')
             return ''
           }
-          newIotControlS(data, '/xjIotApi/iotServiceCommon/ServiceApiCommonList').then((res)=>{
+          newIotControlS(data, '/xjIotApi/iotServiceCommon/ServiceApiCommonList').then((res) => {
             that.deviceLoading = false
-            if(res.data.code == 200) {
+            if (res.data.code == 200) {
               that.$message.success('成功')
               that.componentsList.forEach((item) => {
-                      if (item.deviceId == that.dataForm.deviceId) {
-                        item.imgUrl =
-                          imgForm['url' + item.direction + '' + item.direction][
-                            j.command
-                          ]
-                      }
-                    })
-            }else{
+                if (item.deviceId == that.dataForm.deviceId) {
+                  item.imgUrl =
+                    imgForm['url' + item.direction + '' + item.direction][
+                    j.command
+                    ]
+                }
+              })
+            } else {
               that.$message.error(res.data.msg)
             }
           })
-        } else{ //单个控制
-          if(that.dataForm.deviceType == '13' || that.dataForm.deviceType == '14' || that.dataForm.deviceType == '11' || that.dataForm.deviceType == '19' ){
-            let operationInstruction =''
-            if(that.dataForm.deviceType == '13'){
-            //   operationInstruction = json.command==0 ? '正向通行' : json.command==1 ? '反向通行' : json.command==2 ? '封道' : json.command==3 ? '正向左转' :json.command==4 ? '反向左转' : ''
-              operationInstruction = json.command==0 ? '正向通行' : json.command==1 ? '反向通行' : json.command==2 ? '封道' : json.command==3 ? '正向左转'  : ''
-            } else if(that.dataForm.deviceType == '14'){
-              operationInstruction = json.command==1 ? '变红' : json.command==2 ? '变黄' : json.command==3 ? '变绿' : ''
+        } else { //单个控制
+          if (that.dataForm.deviceType == '13' || that.dataForm.deviceType == '14' || that.dataForm.deviceType == '11' || that.dataForm.deviceType == '19') {
+            let operationInstruction = ''
+            if (that.dataForm.deviceType == '13') {
+              //   operationInstruction = json.command==0 ? '正向通行' : json.command==1 ? '反向通行' : json.command==2 ? '封道' : json.command==3 ? '正向左转' :json.command==4 ? '反向左转' : ''
+              operationInstruction = json.command == 0 ? '正向通行' : json.command == 1 ? '反向通行' : json.command == 2 ? '封道' : json.command == 3 ? '正向左转' : ''
+            } else if (that.dataForm.deviceType == '14') {
+              operationInstruction = json.command == 1 ? '变红' : json.command == 2 ? '变黄' : json.command == 3 ? '变绿' : ''
             } else if (that.dataForm.deviceType == '11') { // 风机
-              operationInstruction = json.command==0 ? '停止' : json.command==1 ? '正转' : json.command==2 ? '反转' : ''
+              operationInstruction = json.command == 0 ? '停止' : json.command == 1 ? '正转' : json.command == 2 ? '反转' : ''
             } else if (that.dataForm.deviceType == '19') { // 卷帘门
-              operationInstruction = json.command==0 ? '停止' : json.command==1 ? '开' : json.command==2 ? '关' : ''
+              operationInstruction = json.command == 0 ? '停止' : json.command == 1 ? '开' : json.command == 2 ? '关' : ''
             }
             let data = {
-              deviceId : json.deviceId,
+              deviceId: json.deviceId,
               writeOrRead: 'W',
               operationInstructions: operationInstruction
             }
@@ -4698,33 +4113,33 @@ export default {
             newIotControl(data, '/xjIotApi/iotServiceCommon/ServiceApiCommon').then((res) => {
               console.log(res)
               that.deviceLoading = false
-              if(res.data.code == 200) {
+              if (res.data.code == 200) {
                 that.$message.success('成功')
                 that.componentsList.forEach((item) => {
-                        if (item.deviceId == that.dataForm.deviceId) {
-                          item.imgUrl =
-                            imgForm['url' + item.direction + '' + item.direction][
-                              j.command
-                            ]
-                        }
-                      })
-              }else{
+                  if (item.deviceId == that.dataForm.deviceId) {
+                    item.imgUrl =
+                      imgForm['url' + item.direction + '' + item.direction][
+                      j.command
+                      ]
+                  }
+                })
+              } else {
                 that.$message.error(res.data.msg)
               }
             })
-          } else if(that.dataForm.deviceType == '15'){
+          } else if (that.dataForm.deviceType == '15') {
             console.log(that.textInfoList, that.infoBoardTemplateList, that.dataForm, that.dataForm.extraJson, 'xxxxxxxxxxxxxxxxxxxxxx')
             let checkArr = [] //选中的情报板
-            if(that.textInfoList.length > 0){
+            if (that.textInfoList.length > 0) {
               that.textInfoList.forEach((item1) => {
-                 that.infoBoardTemplateList.forEach((item) => {
-                if(item1==item.programId){
+                that.infoBoardTemplateList.forEach((item) => {
+                  if (item1 == item.programId) {
                     checkArr.push(item)
-                }
-              }) 
+                  }
+                })
               })
             }
-            console.log(checkArr,  '555555555555')
+            console.log(checkArr, '555555555555')
             // let arr = [
             //     { id: 1, textInfo: '隧道火灾，禁止驶入' },
             //     { id: 2, textInfo: '隧道限速{}Km/h' },
@@ -4736,45 +4151,45 @@ export default {
 
             // 遍历 checkArr 数组
             checkArr.forEach(item => {
-                let text = item.content;
+              let text = item.content;
 
-                // 如果 temp 中存在该 id 的数据
-                if (temp[item.programId]) {
-                    let replacements = temp[item.programId];
-                    let matchCount = 0;
+              // 如果 temp 中存在该 id 的数据
+              if (temp[item.programId]) {
+                let replacements = temp[item.programId];
+                let matchCount = 0;
 
-                    // 替换每个 {} 占位符
-                    text = text.replace(/{}/g, () => {
-                        // 获取当前替换的值（按照顺序）
-                        let replacementKey = `temp${matchCount}`;
-                        matchCount++;
+                // 替换每个 {} 占位符
+                text = text.replace(/{}/g, () => {
+                  // 获取当前替换的值（按照顺序）
+                  let replacementKey = `temp${matchCount}`;
+                  matchCount++;
 
-                        // 如果该替换值存在，进行替换
-                        if (replacements[replacementKey]) {
-                            return replacements[replacementKey];
-                        }
+                  // 如果该替换值存在，进行替换
+                  if (replacements[replacementKey]) {
+                    return replacements[replacementKey];
+                  }
 
-                        return '{}'; // 如果没有找到对应的值，保持原样
-                    });
-                }
+                  return '{}'; // 如果没有找到对应的值，保持原样
+                });
+              }
 
-                // 更新 checkArr 中的 textInfo
-                item.content = text;
+              // 更新 checkArr 中的 textInfo
+              item.content = text;
             });
-            
+
             let company = ''
-            if(that.dataForm.extraJson){
+            if (that.dataForm.extraJson) {
               let extr = JSON.parse(that.dataForm.extraJson);
               company = extr.belongs_company
             }
             let data = {
-              iotDeviceList:[
-                {deviceId: json.deviceId, manufacturer: company}
+              iotDeviceList: [
+                { deviceId: json.deviceId, manufacturer: company }
               ],
-              playProgramlist:[]
+              playProgramlist: []
             }
-            if(checkArr){
-              checkArr.forEach((val)=>{
+            if (checkArr) {
+              checkArr.forEach((val) => {
                 let Size = (val.cmsWidth == 384 && val.cmsHeight == 288) ? '1' : (val.cmsWidth == 128 && val.cmsHeight == 80) ? '2' : (val.cmsWidth == 576 && val.cmsHeight == 48) ? '3' : (val.cmsWidth == 624 && val.cmsHeight == 48) ? '4' : (val.cmsWidth == 128 && val.cmsHeight == 64) ? '5' : ''
                 data.playProgramlist.push(
                   {
@@ -4788,16 +4203,16 @@ export default {
                     fontFamily: val.fontFamily,
                     // fontSize: this.convertFontSize(val.fontSize),
                     // fontColor: this.getHexColor(val.fontColor),
-                       fontSize: val.fontSize,
+                    fontSize: val.fontSize,
                     fontColor: val.fontColor,
                     alignment: val.alignment,
                     content: val.content
                   }
                 )
-                console.log("data.playProgramlist",data.playProgramlist)
+                console.log("data.playProgramlist", data.playProgramlist)
               })
             }
-            playManuallyTriggered(data, '/xjIotApi/iotServiceCommon/playManuallyTriggered').then((res)=>{
+            playManuallyTriggered(data, '/xjIotApi/iotServiceCommon/playManuallyTriggered').then((res) => {
               console.log(res, 'rrrr')
               that.deviceLoading = false
             })
@@ -4805,105 +4220,105 @@ export default {
         }
         // that.deviceLoading = false
       }
-      else{
+      else {
         iotControl(json, url).then((res) => {
-        that.deviceLoading = false
-        if (res.status == 200) {
-          if (res.data.retCode == 0) {
-            that.$message.success('成功')
-            if (!res.data.result) {
-              return
-            }
-            that.dataForm.status = res.data.result.status
-            that.dataForm.task = res.data.result.task
-            if (that.dataForm.task) {
-              var j = JSON.parse(that.dataForm.task)
-              that.$set(that.dataForm, 'taskName', j.command)
-              //that.$set(that.dataForm,'command',j.command)
+          that.deviceLoading = false
+          if (res.status == 200) {
+            if (res.data.retCode == 0) {
+              that.$message.success('成功')
+              if (!res.data.result) {
+                return
+              }
+              that.dataForm.status = res.data.result.status
+              that.dataForm.task = res.data.result.task
+              if (that.dataForm.task) {
+                var j = JSON.parse(that.dataForm.task)
+                that.$set(that.dataForm, 'taskName', j.command)
+                //that.$set(that.dataForm,'command',j.command)
 
-              if (j.command != -1) {
-                let imgForm =
-                  window.config.drapLeftElMap[that.dataForm.deviceType]
-                if (that.dataForm.deviceType == '11') {
-                  that.componentsList.forEach((item) => {
-                    if (item.deviceId == that.dataForm.deviceId) {
-                      item.imgUrl = imgForm['url' + j.command]
-                    }
-                  })
-                } else if (that.dataForm.deviceType == '13') {
-                  that.componentsList.forEach((item) => {
-                    if (item.deviceId == that.dataForm.deviceId) {
-                      item.imgUrl =
-                        imgForm['url' + item.direction + '' + item.direction][
-                          j.command
-                        ]
-                    }
-                  })
-                } else if (that.dataForm.deviceType == '14') {
-                  that.componentsList.forEach((item) => {
-                    if (item.deviceId == that.dataForm.deviceId) {
-                      item.imgUrl = imgForm['urls'][j.command]
-                    }
-                  })
-                } else if (
-                  that.dataForm.deviceType == '40' ||
-                  that.dataForm.deviceType == '41' ||
-                  that.dataForm.deviceType == '42'
-                ) {
-                  that.iotKeyData = []
-                  const str1 = that.dataForm.iotKey.split('|')
-                  const str2 = that.dataForm.taskName.split('|')
-                  str1.forEach((item, i) => {
-                    const [name, values] = item.split(':')
-                    const name1 = window.config.pumpMap[name]
-                    const [name2, values2] = str2[i].split(':')
-                    var arr = values.split(',')
-                    var arr2 = values2.split(',')
-
-                    var arr3 = []
-
-                    arr.forEach((item2, i2) => {
-                      if (name == 'ps' || name == 'hs') {
-                        arr3.push({
-                          id: `${name}:${item2}`,
-                          name: i2 + 1 + '#：' + arr2[i2],
-                        })
-                      } else {
-                        arr3.push({
-                          id: `${name}:${item2}`,
-                          name:
-                            i2 +
-                            1 +
-                            '#：' +
-                            that.filedFomatter(arr2[i2], that.taskList),
-                        })
+                if (j.command != -1) {
+                  let imgForm =
+                    window.config.drapLeftElMap[that.dataForm.deviceType]
+                  if (that.dataForm.deviceType == '11') {
+                    that.componentsList.forEach((item) => {
+                      if (item.deviceId == that.dataForm.deviceId) {
+                        item.imgUrl = imgForm['url' + j.command]
                       }
                     })
-                    that.iotKeyData.push({
-                      name: name1,
-                      data: arr3,
+                  } else if (that.dataForm.deviceType == '13') {
+                    that.componentsList.forEach((item) => {
+                      if (item.deviceId == that.dataForm.deviceId) {
+                        item.imgUrl =
+                          imgForm['url' + item.direction + '' + item.direction][
+                          j.command
+                          ]
+                      }
                     })
-                  })
-                }
-              }
+                  } else if (that.dataForm.deviceType == '14') {
+                    that.componentsList.forEach((item) => {
+                      if (item.deviceId == that.dataForm.deviceId) {
+                        item.imgUrl = imgForm['urls'][j.command]
+                      }
+                    })
+                  } else if (
+                    that.dataForm.deviceType == '40' ||
+                    that.dataForm.deviceType == '41' ||
+                    that.dataForm.deviceType == '42'
+                  ) {
+                    that.iotKeyData = []
+                    const str1 = that.dataForm.iotKey.split('|')
+                    const str2 = that.dataForm.taskName.split('|')
+                    str1.forEach((item, i) => {
+                      const [name, values] = item.split(':')
+                      const name1 = window.config.pumpMap[name]
+                      const [name2, values2] = str2[i].split(':')
+                      var arr = values.split(',')
+                      var arr2 = values2.split(',')
 
-              if (j.body) {
-                var b = JSON.parse(j.body)
-                if (that.dataForm.deviceType == '12') {
-                  that.$set(that.dataForm, 'light', b.light)
-                } else if (that.dataForm.deviceType == '15') {
-                    console.log("b.textInfoList",b.textInfoList)
-                  that.loadinfoBoardTemplate(1, b.textInfoList)
+                      var arr3 = []
+
+                      arr.forEach((item2, i2) => {
+                        if (name == 'ps' || name == 'hs') {
+                          arr3.push({
+                            id: `${name}:${item2}`,
+                            name: i2 + 1 + '#：' + arr2[i2],
+                          })
+                        } else {
+                          arr3.push({
+                            id: `${name}:${item2}`,
+                            name:
+                              i2 +
+                              1 +
+                              '#：' +
+                              that.filedFomatter(arr2[i2], that.taskList),
+                          })
+                        }
+                      })
+                      that.iotKeyData.push({
+                        name: name1,
+                        data: arr3,
+                      })
+                    })
+                  }
+                }
+
+                if (j.body) {
+                  var b = JSON.parse(j.body)
+                  if (that.dataForm.deviceType == '12') {
+                    that.$set(that.dataForm, 'light', b.light)
+                  } else if (that.dataForm.deviceType == '15') {
+                    console.log("b.textInfoList", b.textInfoList)
+                    that.loadinfoBoardTemplate(1, b.textInfoList)
+                  }
                 }
               }
+              //that.loadTable()
+              //that.loadDevice2(that.dataForm.deviceType)
+            } else {
+              that.$message.warning(res.data.message)
             }
-            //that.loadTable()
-            //that.loadDevice2(that.dataForm.deviceType)
-          } else {
-            that.$message.warning(res.data.message)
           }
-        }
-      })
+        })
       }
     },
     // 转换fontsize字段
@@ -4915,7 +4330,7 @@ export default {
       } else {
         size = '';  // 如果没有 * 号，返回空
       }
-      return size+'px'
+      return size + 'px'
     },
     getHexColor(fontColor) {
       const colorMapping = {
@@ -5185,10 +4600,10 @@ export default {
             strData = strData.replace(
               '{}',
               '<input idData=temp' +
-                i +
-                ' value="' +
-                arr[i] +
-                '" class="emptyOut" type="number" />'
+              i +
+              ' value="' +
+              arr[i] +
+              '" class="emptyOut" type="number" />'
             )
           }
           that.tempMap[id] = {
@@ -5223,8 +4638,8 @@ export default {
     flex: 0 0 20%;
   }
 }
-.big-main {
-}
+
+.big-main {}
 
 .metadigiee-video-player {
   position: relative;
@@ -5232,59 +4647,70 @@ export default {
   height: 100%;
   overflow: hidden;
 }
+
 #VideoPlayer {
   width: 100%;
   height: 100%;
   object-fit: fill;
 }
+
 .infowindow {
   position: absolute;
 }
-  .el-tree {
-      padding: 10px;
-    }
 
-    ::v-deep .el-tree-node__expand-icon {
-    //   display: none !important;
-    //   display: none !important;
-    }
-  
-    .custom-tree-node {
-     //  flex: 1;
-      // display: flex;
-      // align-items: center;
-      // justify-content: space-between;
-      font-size: 14px;
-      padding-right: 8px;
-    //   line-height: 55px;
-      // display: inline-block;
-      position: relative;
-      .label{
-         flex: 1;
-        max-width: 200px !important;
-        display: inline-block;
-        white-space: nowrap; /* 防止文本换行 */
-        overflow: hidden; /* 隐藏溢出的文本 */
-        text-overflow: ellipsis; /* 显示省略号 */
-        // background: saddlebrown;
-      }
-      .icon{
-        height: 100%;
-        position: absolute;
-        right: 10px;
-        z-index: 9999 !important;
-      }
-    }
-    .custom-tree-node:hover .node-actions {
-      display: block;
-      position: absolute;
-      right: 0px;
-      top: 3px;
-      z-index: 9999 !important;
-    }
-    .node-actions {
-      display: none;
-    }
+.el-tree {
+  padding: 10px;
+}
+
+::v-deep .el-tree-node__expand-icon {
+  //   display: none !important;
+  //   display: none !important;
+}
+
+.custom-tree-node {
+  //  flex: 1;
+  // display: flex;
+  // align-items: center;
+  // justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+  //   line-height: 55px;
+  // display: inline-block;
+  position: relative;
+
+  .label {
+    flex: 1;
+    max-width: 200px !important;
+    display: inline-block;
+    white-space: nowrap;
+    /* 防止文本换行 */
+    overflow: hidden;
+    /* 隐藏溢出的文本 */
+    text-overflow: ellipsis;
+    /* 显示省略号 */
+    // background: saddlebrown;
+  }
+
+  .icon {
+    height: 100%;
+    position: absolute;
+    right: 10px;
+    z-index: 9999 !important;
+  }
+}
+
+.custom-tree-node:hover .node-actions {
+  display: block;
+  position: absolute;
+  right: 0px;
+  top: 3px;
+  z-index: 9999 !important;
+}
+
+.node-actions {
+  display: none;
+}
+
 .header {
   width: 100%;
   height: 65px;
@@ -5302,6 +4728,7 @@ export default {
     background-size: 100% 100%;
     line-height: 42px;
   }
+
   .tunnel-item-active {
     text-align: center;
     color: #5dd5c8;
@@ -5325,6 +4752,7 @@ export default {
   height: 600px;
   margin-top: 20px;
   padding: 0 20px;
+
   .main-type-item {
     height: 41px;
     text-align: center;
@@ -5373,24 +4801,29 @@ export default {
       user-select: none;
       cursor: pointer;
       border: 1px solid transparent;
+
       .drap-item-img {
         display: block;
         width: 100%;
         // height: 80px;
         user-select: none;
       }
+
       .drap-item-name {
         text-align: center;
       }
     }
+
     .drap-container-item-active {
       border: 1px solid skyblue;
     }
+
     .drap-container-img {
       vertical-align: middle;
       /*width: 28px;
       height: 28px;*/
     }
+
     .drap-container-div {
       background: #09253f;
       border-radius: 10px;
@@ -5403,6 +4836,7 @@ export default {
       color: #ccc032;
       /*color: #25bd2d;*/
     }
+
     .drap-container-name {
       text-align: center;
     }
@@ -5412,7 +4846,8 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 50px; /* 控制横线高度 */
+    height: 50px;
+    /* 控制横线高度 */
     border-bottom: 1px solid #a5afc2;
   }
 
@@ -5424,6 +4859,7 @@ export default {
     background-size: 100% 100%;
     margin: 0 100px;
   }
+
   .dot-span {
     width: 100%;
     height: 100%;
@@ -5432,6 +4868,7 @@ export default {
     align-items: center;
     justify-content: center;
   }
+
   .dot-circle {
     width: 13px;
     height: 13px;
@@ -5452,9 +4889,11 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 50px; /* 控制横线高度 */
+    height: 50px;
+    /* 控制横线高度 */
     border-top: 1px solid #a5afc2;
   }
+
   .dot-circle2 {
     width: 13px;
     height: 13px;
@@ -5463,6 +4902,7 @@ export default {
     margin: -13px auto 0;
   }
 }
+
 .footer {
   height: calc(100% - 700px);
 
@@ -5478,11 +4918,13 @@ export default {
     font-weight: bold;
     letter-spacing: 1px;
   }
+
   .footer-item {
     width: 100%;
     height: calc(100% - 60px);
     margin-top: 20px;
   }
+
   .device-bg {
     width: 100%;
     height: 100%;
@@ -5493,10 +4935,12 @@ export default {
     align-items: center;
     cursor: pointer;
   }
+
   .device-bg2 {
     background: url('~@/assets/images/device2.png');
     background-size: 100% 100%;
   }
+
   .device-bg3 {
     background: url('~@/assets/images/device3.png');
     background-size: 100% 100%;
@@ -5513,6 +4957,7 @@ export default {
   z-index: 98; // 设置遮罩层的层级
   pointer-events: auto;
 }
+
 .plan-item {
   width: 480px;
   height: 683px;
@@ -5525,6 +4970,7 @@ export default {
   border-radius: 15px;
   pointer-events: auto;
 }
+
 .control-item {
   width: 380px;
   height: 683px;
@@ -5543,6 +4989,7 @@ export default {
   border-radius: 2px;
   position: relative;
 }
+
 .item-frame-title {
   margin-top: -12px;
   background-color: rgb(13, 36, 86);
@@ -5551,10 +4998,12 @@ export default {
   margin-left: 10px;
   font-size: 16px;
 }
+
 .item-frame-p {
   color: #cccccc;
   margin-bottom: 10px;
 }
+
 .warn-item {
   width: 364px;
   height: 683px;
@@ -5566,6 +5015,7 @@ export default {
   background-size: 100% 100%;
   z-index: 99;
   pointer-events: auto;
+
   .title {
     width: 200px;
     height: 55px;
@@ -5579,6 +5029,7 @@ export default {
     font-weight: bold;
     color: #ffffff;
   }
+
   .warnBtu {
     width: 86px;
     height: 28px;
@@ -5592,6 +5043,7 @@ export default {
     cursor: pointer;
   }
 }
+
 .deviceRun-item {
   width: 544px;
   height: 683px;
@@ -5603,6 +5055,7 @@ export default {
   background-size: 100% 100%;
   z-index: 99;
   pointer-events: auto;
+
   .title {
     width: 227px;
     height: 58px;
@@ -5645,6 +5098,7 @@ export default {
 .device-View {
   height: 100%;
 }
+
 .device-View-main {
   height: calc(100% - 120px);
   position: relative;
@@ -5656,6 +5110,7 @@ export default {
   position: relative;
   text-align: center;
 }
+
 .wave .circle {
   width: 100%;
   height: 100%;
@@ -5664,14 +5119,17 @@ export default {
   opacity: 0;
   background: #f36710;
 }
+
 .wave .circle:first-child {
   animation: circle-opacity 1s infinite;
 }
+
 @keyframes circle-opacity {
   from {
     opacity: 1;
     transform: scale(1);
   }
+
   to {
     opacity: 0;
     transform: scale(1.5);
@@ -5682,6 +5140,7 @@ export default {
 /deep/.select-down .el-select {
   margin-left: 30px !important;
 }
+
 /deep/.select-down .el-input__inner {
   background: url('~@/assets/images/selectBg.png');
   width: 365px;
@@ -5691,23 +5150,29 @@ export default {
   padding-left: 30px;
   font-size: 16px;
 }
+
 /deep/.select-down .el-select .el-select-dropdown {
   background: RGBA(28, 51, 91, 0.9);
   border: 1px solid rgba(26, 255, 247, 0.4);
 }
+
 /deep/.select-down .el-popper .popper__arrow::after {
   border-bottom-color: rgba(26, 255, 247, 0.4);
 }
+
 /deep/.select-down .el-popper .popper__arrow {
   border-bottom-color: #1c335b;
 }
+
 /deep/.select-down .el-select-dropdown__item {
   color: #ffffff;
 }
+
 /deep/.select-down .el-select-dropdown__item.selected,
 /deep/.select-down .el-select .el-input .el-select__caret {
   color: #1afff7;
 }
+
 /deep/.select-down .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {
   background-color: #3865a9;
@@ -5722,21 +5187,26 @@ export default {
   min-width: 80px !important;
   padding: 0 !important;
 }
+
 .dropdown-item {
   height: 30px;
   line-height: 30px;
   padding-left: 5px;
   cursor: pointer;
 }
+
 .dropdown-item-active {
   color: #5dd5c8;
 }
+
 .dropdown-item:hover {
   background-color: rgba(26, 167, 255, 0.2);
 }
+
 .item-one-block:hover {
   background-color: rgba(47, 174, 255, 0.2);
 }
+
 .item-one-block2 {
   background-color: rgba(47, 174, 255, 0.2);
 }
@@ -5746,14 +5216,17 @@ export default {
   width: 60px;
   margin: 0 5px;
 }
+
 @media (max-height: 1079px) {
   .big-main {
     zoom: 1;
   }
+
   .device-main {
     zoom: 0.8;
   }
 }
+
 @media (min-height: 1080px) {
   .big-main {
     zoom: 1.2;
@@ -5762,15 +5235,16 @@ export default {
   .device-main {
     zoom: 0.8;
   }
+
   #liuliangLineId {
     zoom: 0.8;
   }
 }
 
-    .el-tree-node__content{
-                display: flex;
-    align-items: center;
-    height: 40px ;
-    cursor: pointer;
-    }
+.el-tree-node__content {
+  display: flex;
+  align-items: center;
+  height: 40px;
+  cursor: pointer;
+}
 </style>
diff --git a/vue.config.js b/vue.config.js
index 3603079..d9655a2 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,73 +1,82 @@
-const webpack = require('webpack')
-const port = 7774
-var path = require('path') //必须引入path 否则报错
+const webpack = require("webpack");
+const port = 7774;
+var path = require("path"); //必须引入path 否则报错
 module.exports = {
-  publicPath: './',
+  publicPath: "./",
   devServer: {
     port,
     // 允许被主应用跨域fetch请求到
     headers: {
-      'Access-Control-Allow-Origin': '*',
+      "Access-Control-Allow-Origin": "*",
     },
     proxy: {
-      '/json': {
+      "/TestApi": {
+        //本地服务接口地址
+        target: "http://127.0.0.1:8000", // 陈
+        ws: true,
+        https: true,
+        pathRewrite: {
+          "^/TestApi": "",
+        },
+      },
+      "/json": {
         //本地服务接口地址
         // target: 'http://link.ser99.vip:8080/zhongkai',
         // target: 'http://65.73.11.246:7774',
         // target: 'http://172.16.1.111:8000',
-          target: 'http://172.16.1.148:8084',
+        target: "http://172.16.1.148:8084",
         // target: 'http://172.16.1.162:8233',
         // target: 'http://192.168.13.138:8233',
         // target: 'http://172.16.1.113:8012',
         ws: true,
         https: true,
         pathRewrite: {
-          '^/json': '/json',
+          "^/json": "/json",
         },
       },
-      '/xjIotApi': {
-        //集采  
+      "/xjIotApi": {
+        //集采
         // target: 'http://65.73.11.246:8083',
         //  target: 'http://172.16.1.155:8080',
-        target: 'http://172.16.1.148:8083',
+        target: "http://172.16.1.148:8083",
         ws: true,
         https: true,
         pathRewrite: {
-          '^/xjIotApi': '/xjIotApi',
+          "^/xjIotApi": "/xjIotApi",
         },
       },
-      '/iotApi': {
+      "/iotApi": {
         //平台
         // target: 'http://65.73.11.246:8090',
         // target: 'http://172.16.1.155:8080',
-         target: 'http://172.16.1.148:8080',
+        target: "http://172.16.1.148:8080",
         ws: true,
         https: true,
         pathRewrite: {
-          '^/iotApi': '/iotApi',
+          "^/iotApi": "/iotApi",
         },
       },
     },
   },
   chainWebpack: (config) => {
     //设置图片不转base64格式  图片少 且对图片质量要求高
-    const imagesRule = config.module.rule('images')
-    imagesRule.uses.clear() //清除原本的images loader配置
+    const imagesRule = config.module.rule("images");
+    imagesRule.uses.clear(); //清除原本的images loader配置
     imagesRule
       .test(/\.(jpg|gif|png|svg)$/)
-      .exclude.add(path.join(__dirname, '../node_modules')) //去除node_modules里的图片转base64配置
+      .exclude.add(path.join(__dirname, "../node_modules")) //去除node_modules里的图片转base64配置
       .end()
-      .use('url-loader')
-      .loader('url-loader')
-      .options({ name: 'img/[name].[hash:8].[ext]', limit: 1 })
+      .use("url-loader")
+      .loader("url-loader")
+      .options({ name: "img/[name].[hash:8].[ext]", limit: 1 });
   },
   configureWebpack: {
     plugins: [
       new webpack.ProvidePlugin({
-        $: 'jquery',
-        jQuery: 'jquery',
-        'windows.jQuery': 'jquery',
+        $: "jquery",
+        jQuery: "jquery",
+        "windows.jQuery": "jquery",
       }),
     ],
   },
-}
+};