From 7998e246dc7d284cccbfddc8840cccadf218eb92 Mon Sep 17 00:00:00 2001
From: hzz <hzz>
Date: Wed, 17 May 2023 17:24:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E6=B3=A8=E5=9C=BA=E5=86=85=E4=BA=8C?=
 =?UTF-8?q?=E7=BA=A7=20=E7=8A=B6=E6=80=81=E9=A2=9C=E8=89=B2=E5=8C=BA?=
 =?UTF-8?q?=E5=88=86=EF=BC=8C=E5=A4=B4=E9=83=A8=E6=8A=A5=E8=AD=A6=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=A0=8F=E6=B2=A1=E6=9C=89=E6=95=B0=E6=8D=AE=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8A=A0=E8=BD=BD=E6=9B=B4=E5=A4=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/assembly/RotationTable.vue     |   2 +-
 src/components/headerBox/header2.vue          |  20 +-
 src/locales/lang/en.ts                        |   5 +-
 src/locales/lang/zh.ts                        |   3 +-
 src/main.ts                                   |   3 +-
 .../InPlantProducts/child/component/axle.vue  |  48 ++-
 .../child/component/sensor2.vue               | 157 +++++----
 .../Offsite/child/childContent/right.vue      | 189 ++++++-----
 src/views/Offsite/child/index.vue             | 300 ++++++++++--------
 .../OffsiteDevList/childContent/right.vue     | 186 +++++------
 src/views/Temp/OffsiteDevList/index.vue       |  45 ++-
 11 files changed, 547 insertions(+), 411 deletions(-)

diff --git a/src/components/assembly/RotationTable.vue b/src/components/assembly/RotationTable.vue
index 2121b4b..76834fa 100644
--- a/src/components/assembly/RotationTable.vue
+++ b/src/components/assembly/RotationTable.vue
@@ -123,7 +123,7 @@ const changeData = (val: any) => {
  const dvMouseover = (value) => {
   if (value.toElement && value.toElement.innerHTML&&value.toElement.className == 'ceil') {
     triggerRef.value = value.toElement;
-    tipcontent.value = value.toElement.innerHTML;
+    tipcontent.value = value.toElement.innerText;
     visible.value = true;
   }
 };
diff --git a/src/components/headerBox/header2.vue b/src/components/headerBox/header2.vue
index 8346909..7e7cff6 100644
--- a/src/components/headerBox/header2.vue
+++ b/src/components/headerBox/header2.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \gitscreenFront\src\components\headerBox\header2.vue
+ * @FilePath: \screenFront\src\components\headerBox\header2.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-02-16 11:04:06
@@ -45,7 +45,7 @@
     <ul class="popoverBOX" ref="popoverliDom"  v-click-outside="noClickAbnormalDataFun">
       <li v-for="item in powerlist" :key="item.deviceId" >{{item.context}}</li>
       <li class="lookdown" v-show="onloadlist">
-      <span @click="clickNextPageAlarmList">加载更多</span>
+      <span @click="clickNextPageAlarmList">{{ t('messages.加载更多') }}</span>
       </li>
     </ul>
     
@@ -59,10 +59,12 @@ import { ClickOutside as vClickOutside } from 'element-plus'
 import { useRoute,useRouter } from "vue-router";
 import { devListType } from "@/type/InPlantProducts";
 import { getAlarmListData} from "@/http/index";
-import { onMounted, onUnmounted, reactive, ref ,unref, watch } from "vue";
+import { onMounted, onUnmounted, reactive, ref ,unref, watch,computed } from "vue";
 import { connectWebsocket, closeWebsocket } from "@/utils/websocket";
 import { useHeaderStore } from "@/store/components/header";
 import { getStoredLanguage } from "@/utils/languageStorage"
+import { useI18n } from 'vue-i18n'
+let {t} = useI18n();
 const storeheader = useHeaderStore();
 let { timeHtml } = useNowTime();
 const router=useRouter()
@@ -77,7 +79,9 @@ let popoverliDom=ref()
 //历史报警数据弹窗显示
 let Abnormalpopovervisible=ref(false)
 let AbnormalpopovervisibleCtrl=ref(false)//解决点击历史报警数据弹窗外部关闭再打开问题
-let onloadlist=ref(true)
+let onloadlist= computed(()=>{
+  return storeheader.num>powerlist.length
+})
 const listdata = reactive<devListType>({data: [],
   rowNum:2,
   oddRowBGC:'#100C2A',
@@ -191,10 +195,10 @@ if (result.code == 200) {
 function clickNextPageAlarmList(){
 
   
-  if(storeheader.num<=powerlist.length){
-    onloadlist.value=false
-    return
-  }
+  // if(storeheader.num<=powerlist.length){
+  //   onloadlist.value=false
+  //   return
+  // }
   AbnormalType.pageNum++
   getAlarmListDatafun()
 }
diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index 4f98da8..69ad355 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -1,5 +1,5 @@
 /*
- * @FilePath: \gitscreenFront\src\locales\lang\en.ts
+ * @FilePath: \screenFront\src\locales\lang\en.ts
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-05-04 16:36:13
@@ -263,6 +263,7 @@ export default {
         'AlarmTime':'Alarm Time',
         'duration':'duration',
         'IoT_System':'IoT Management System',
-        'environment_dust':'Environment-Dust Real-time Monitoring System'
+        'environment_dust':'Environment-Dust Real-time Monitoring System',
+        '加载更多':'Load More',
       }
   }
\ No newline at end of file
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index 9909ee6..6b7503e 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -263,6 +263,7 @@ export default {
         'AlarmTime':'报警时间',
         'duration':'持续时间',
         'IoT_System':'物联管理系统',
-        'environment_dust':'环境-粉尘 实时监测系统'
+        'environment_dust':'环境-粉尘 实时监测系统',
+        '加载更多':'加载更多',
       }
   }
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 9fa4ca0..90c0ae3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 /*
- * @FilePath: \daping\src\main.ts
+ * @FilePath: \screenFront\src\main.ts
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-01-29 15:16:36
@@ -20,7 +20,6 @@ import dataV from '@jiaminghi/data-view'
 import './registerServiceWorker'
 import router from './router'
 import i18n from './locales'
-console.log(i18n,'i18n');
 
 let app = createApp(App)
 const store = createPinia()
diff --git a/src/views/InPlantProducts/child/component/axle.vue b/src/views/InPlantProducts/child/component/axle.vue
index 56e026b..cbbe7d1 100644
--- a/src/views/InPlantProducts/child/component/axle.vue
+++ b/src/views/InPlantProducts/child/component/axle.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\InPlantProducts\child\component\axle.vue
+ * @FilePath: \screenFront\src\views\InPlantProducts\child\component\axle.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-02-16 11:51:32
@@ -11,7 +11,13 @@
     <div :style="{width:itemSize.width,height:itemSize.height}">
   <border1 ref="refborder1" :title="t('messages.DevMotor')">
       <template v-slot>
-        <div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height}">
+        <div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height,position:'relative'}">
+            <div class="type">
+                        <ul>
+                            <li class="on">已调试</li>
+                            <li class="off">未调试</li>
+                        </ul>
+                    </div>
             <div v-for="(res,index) in data" :style="{width:'120px',height:'120px'}" >
             <span>
                 <i :class="res.value=='1'?'iconfont icon-dianji green':'iconfont icon-dianji red'"></i>
@@ -93,4 +99,42 @@ p{
     font-size:30px;
 }
 
+.type {
+    position: absolute;
+    top: 10px;
+    width: 100%;
+    left: 0;
+    font-size: 20px;
+    color: #fff;
+}
+.type ul {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+.type ul li {
+    position: relative;
+    margin: 0 20px;
+}
+.type ul .on::before {
+    content: '';
+    position: absolute;
+    background-color: green;
+    top: 05px;
+    left: -30px;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+}
+.type ul .off::before {
+    content: '';
+    position: absolute;
+    background-color: #aaa;
+    top: 05px;
+    left: -30px;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+}
 </style>
diff --git a/src/views/InPlantProducts/child/component/sensor2.vue b/src/views/InPlantProducts/child/component/sensor2.vue
index f83e497..8db438c 100644
--- a/src/views/InPlantProducts/child/component/sensor2.vue
+++ b/src/views/InPlantProducts/child/component/sensor2.vue
@@ -8,61 +8,68 @@
  * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
 -->
 <template>
-    <div :style="{width:itemSize.width,height:itemSize.height}">
-  <border1 ref="refborder1" :title="t('messages.DevSensors')">
-      <template v-slot>
-        <div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height}">
-            <div v-for="(res,index) in data" :style="{width:'130px',height:'130px'}" >
-            <span>
-                <i :class="res.value=='1'?'iconfont icon-jingshideng green':'iconfont icon-jingshideng red'"></i>
-            </span>
-            <p>{{res.name}}</p>
-            </div> 
-            
-        </div>
-        
-      </template>
-  </border1>
-  </div>
+    <div :style="{ width: itemSize.width, height: itemSize.height }">
+        <border1 ref="refborder1" :title="t('messages.DevSensors')">
+            <template v-slot>
+                <div class="box" :key="keynum" :style="{ width: boxSize.width, height: boxSize.height, position: 'relative' }">
+                    <div class="type">
+                        <ul>
+                            <li class="on">已调试</li>
+                            <li class="off">未调试</li>
+                        </ul>
+                    </div>
+                    <div v-for="(res, index) in data" :style="{ width: '130px', height: '130px' }">
+                        <span>
+                            <i
+                                :class="res.value == '1' ? 'iconfont icon-jingshideng green' : 'iconfont icon-jingshideng red'"></i>
+                        </span>
+                        <p>{{ res.name }}</p>
+                    </div>
+
+                </div>
+
+            </template>
+        </border1>
+    </div>
 </template>
 
 <script setup lang="ts">
-import {getCurrentInstance, onMounted, reactive, ref} from "vue"
+import { getCurrentInstance, onMounted, reactive, ref } from "vue"
 import border1 from "@/components/borderBox/border1.vue"
 import { useI18n } from 'vue-i18n'
-let {t} = useI18n();
-    let refborder1=ref()
-    let data=reactive([])
-    let keynum=ref(0)
-    const itemSize=reactive({
-    height:'0px',
-    width:'0px'
-    })
-    const boxSize=reactive({
-    height:'0px',
-    width:'0px'
-    })
-    onMounted(() => {
-        // setData()
-    })
+let { t } = useI18n();
+let refborder1 = ref()
+let data = reactive([])
+let keynum = ref(0)
+const itemSize = reactive({
+    height: '0px',
+    width: '0px'
+})
+const boxSize = reactive({
+    height: '0px',
+    width: '0px'
+})
+onMounted(() => {
+    // setData()
+})
 
-    function setchartWH(width:any,height:any){
-        itemSize.height=height-20+'px'
-        itemSize.width=width-80+'px'
-        boxSize.height=height-80+'px'
-        boxSize.width=width-30+'px'
+function setchartWH(width: any, height: any) {
+    itemSize.height = height - 20 + 'px'
+    itemSize.width = width - 80 + 'px'
+    boxSize.height = height - 80 + 'px'
+    boxSize.width = width - 30 + 'px'
     refborder1.value.resetWH()
-    }
+}
 
-    
-    const setData=(value:any)=>{
-        data=value
-        //更新key用来更新组件数据
-        keynum.value++
-        refborder1.value.resetWH()
-    }
 
-    defineExpose({
+const setData = (value: any) => {
+    data = value
+    //更新key用来更新组件数据
+    keynum.value++
+    refborder1.value.resetWH()
+}
+
+defineExpose({
     setchartWH,
     setData
 })
@@ -70,14 +77,16 @@ let {t} = useI18n();
 
 <style scoped>
 @import '@/assets/css/iconfont.css';
-p{
+
+p {
     margin: 0 5px 0 5px;
     color: #fff;
     font-size: 18px;
 }
-.box{
-    width:100%;
-    height:80%;
+
+.box {
+    width: 100%;
+    height: 80%;
     display: flex;
     align-items: center;
     /* justify-content:center; */
@@ -85,13 +94,53 @@ p{
     /* align-content: flex-start; */
     overflow: auto;
 }
-.green{
+
+.green {
     color: green;
     font-size: 30px;
 }
-.red{
-    color:#aaa;
-    font-size:30px;
+
+.red {
+    color: #aaa;
+    font-size: 30px;
 }
 
+.type {
+    position: absolute;
+    top: 10px;
+    width: 100%;
+    left: 0;
+    font-size: 20px;
+    color: #fff;
+}
+.type ul {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+.type ul li {
+    position: relative;
+    margin: 0 20px;
+}
+.type ul .on::before {
+    content: '';
+    position: absolute;
+    background-color: green;
+    top: 05px;
+    left: -30px;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+}
+.type ul .off::before {
+    content: '';
+    position: absolute;
+    background-color: #aaa;
+    top: 05px;
+    left: -30px;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+}
 </style>
diff --git a/src/views/Offsite/child/childContent/right.vue b/src/views/Offsite/child/childContent/right.vue
index e4f280c..718e125 100644
--- a/src/views/Offsite/child/childContent/right.vue
+++ b/src/views/Offsite/child/childContent/right.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\childContent\right.vue
+ * @FilePath: \screenFront\src\views\Offsite\child\childContent\right.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-13 09:09:03
@@ -107,98 +107,98 @@ let DevType = reactive({
     ],
   },
 });
-let data2 = [
-        {
-            "name": "全自动铺布机",
-            "label": "50945",
-            "ts": "2023-05-12 08:36:37",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动铺布机，时间：2023-05-11 17:36:37",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "电脑绣花机",
-            "label": "0201112",
-            "ts": "2023-05-12 08:36:37",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡电脑绣花机，时间：2023-05-11 17:36:37",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动双头垫板式冲孔机",
-            "label": "1170824#",
-            "ts": "2023-05-12 08:36:47",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动双头垫板式冲孔机，时间：2023-05-11 17:36:47",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "三合一裁床",
-            "label": "040720",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:三合一裁床，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动任意转单针缝纫机",
-            "label": "RHUL-01",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动任意转单针缝纫机，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "特种缝纫机",
-            "label": "RPS-1108-165",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡特种缝纫机，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动缝纫机(零等待)",
-            "label": "170321NS064",
-            "ts": "2023-05-12 08:37:06",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动缝纫机(零等待)，时间：2023-05-11 17:37:06",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "激光雕刻切割机",
-            "label": "170322798",
-            "ts": "2023-05-12 08:37:06",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡激光雕刻切割机，时间：2023-05-11 17:37:06",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "电脑绣花机(三合一)",
-            "label": "1885",
-            "ts": "2023-05-12 08:37:25",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡电脑绣花机(三合一)，时间：2023-05-11 17:37:25",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动电脑裁床",
-            "label": "50231",
-            "ts": "2023-05-12 08:37:25",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动电脑裁床，时间：2023-05-11 17:37:25",
-            "remark": "常规警报数据-设备离线"
-        }
-    ]
+// let data2 = [
+//         {
+//             "name": "全自动铺布机",
+//             "label": "50945",
+//             "ts": "2023-05-12 08:36:37",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动铺布机，时间：2023-05-11 17:36:37",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "电脑绣花机",
+//             "label": "0201112",
+//             "ts": "2023-05-12 08:36:37",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡电脑绣花机，时间：2023-05-11 17:36:37",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动双头垫板式冲孔机",
+//             "label": "1170824#",
+//             "ts": "2023-05-12 08:36:47",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动双头垫板式冲孔机，时间：2023-05-11 17:36:47",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "三合一裁床",
+//             "label": "040720",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:三合一裁床，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动任意转单针缝纫机",
+//             "label": "RHUL-01",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动任意转单针缝纫机，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "特种缝纫机",
+//             "label": "RPS-1108-165",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡特种缝纫机，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动缝纫机(零等待)",
+//             "label": "170321NS064",
+//             "ts": "2023-05-12 08:37:06",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动缝纫机(零等待)，时间：2023-05-11 17:37:06",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "激光雕刻切割机",
+//             "label": "170322798",
+//             "ts": "2023-05-12 08:37:06",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡激光雕刻切割机，时间：2023-05-11 17:37:06",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "电脑绣花机(三合一)",
+//             "label": "1885",
+//             "ts": "2023-05-12 08:37:25",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡电脑绣花机(三合一)，时间：2023-05-11 17:37:25",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动电脑裁床",
+//             "label": "50231",
+//             "ts": "2023-05-12 08:37:25",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动电脑裁床，时间：2023-05-11 17:37:25",
+//             "remark": "常规警报数据-设备离线"
+//         }
+//     ]
 function setDataList(val:any){
   let echartdata=[]
 val.typenum.forEach(res=>{
@@ -207,8 +207,7 @@ val.typenum.forEach(res=>{
 DevType.option.series[0].data=echartdata
 chartref.value.changeData(DevType.option)
 
-data2.push(...data2)
-devTipRef.value.setData(data2);
+devTipRef.value.setData(val.data2);
 }
 onMounted(() => {
   
diff --git a/src/views/Offsite/child/index.vue b/src/views/Offsite/child/index.vue
index 179a8f0..9f34e7d 100644
--- a/src/views/Offsite/child/index.vue
+++ b/src/views/Offsite/child/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\index.vue
+ * @FilePath: \screenFront\src\views\Offsite\child\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-11 13:50:05
@@ -8,178 +8,202 @@
  * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
 -->
 <template>
- <div class="container">
-  <div class="header">
-        <div class="title">
-          <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.Offsite')" :titleTip="[]" :typeFun="['comback','time']" :alarmType="[]"></header2>
-        </div>
-      </div>
-      <div class="content" ref="Acontent">
-        <el-row>
-            <el-col :span="7">
-                <left :width="size.oWidth*7" :height="size.oHeight" ref="leftRef"></left>
-            </el-col>
-            <el-col :span="11">
-                <center :width="size.oWidth*11" :height="size.oHeight" ref="centerRef"></center>
-            </el-col>
-            <el-col :span="6">
-                <right :width="size.oWidth*6" :height="size.oHeight" ref="rightRef"></right>
-            </el-col>
-          </el-row>
+  <div class="container">
+    <div class="header">
+      <div class="title">
+        <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.Offsite')" :titleTip="[]"
+          :typeFun="['comback', 'time']" :alarmType="[]"></header2>
       </div>
     </div>
+    <div class="content" ref="Acontent">
+      <el-row>
+        <el-col :span="7">
+          <left :width="size.oWidth * 7" :height="size.oHeight" ref="leftRef"></left>
+        </el-col>
+        <el-col :span="11">
+          <center :width="size.oWidth * 11" :height="size.oHeight" ref="centerRef"></center>
+        </el-col>
+        <el-col :span="6">
+          <right :width="size.oWidth * 6" :height="size.oHeight" ref="rightRef"></right>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-import {onMounted, onUnmounted, reactive, ref} from "vue"
+import { onMounted, onUnmounted, reactive, ref } from "vue"
 import devSwiper from "@/components/EquipmentStatusDiagram/EquipmentStatusDiagram.vue"
 import header2 from '@/components/headerBox/header2.vue'
-import {calcWH} from '@/components/ts/selfAdaption'
+import { calcWH } from '@/components/ts/selfAdaption'
 import { Offsite } from "@/store/module/offsite";
-import { deviceCountsSecondaryOfOutPlantData,deviceTypeCountsSecondaryOfOutPlantData,deviceStatusCountsSecondaryOfOutPlantData,secondaryOutPlantData} from "@/http/offsite";
+import { deviceCountsSecondaryOfOutPlantData, deviceTypeCountsSecondaryOfOutPlantData, deviceStatusCountsSecondaryOfOutPlantData, secondaryOutPlantData } from "@/http/offsite";
+import {getElectronDeviceStatus} from "@/http/electronicControl";
 import left from "./childContent/left.vue"
 import center from "./childContent/center.vue"
 import right from "./childContent/right.vue"
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from 'vue-i18n'
-let {t} = useI18n();
+let { t } = useI18n();
 const route = useRoute();
-const store=Offsite()
-let Acontent=ref()
-let time=ref(null)
-let routeCity=route.params.city
+const store = Offsite()
+let Acontent = ref()
+let time = ref(null)
+let routeCity:any = route.params.city
+let deptId_list = {
+  '广东省': '16',
+  '浙江省': '17'
+}
+let leftRef = ref()
+let centerRef = ref()
+let rightRef = ref()
+let size = reactive({
+  oWidth: 0,
+  oHeight: 0
+});
+function WH(div: HTMLElement) {
+  let a = calcWH(div.offsetHeight, div.offsetWidth, 1, 24, 0)
+  size.oWidth = a.oWidth
+  size.oHeight = a.oHeight
 
-let leftRef=ref()
-let centerRef=ref()
-let rightRef=ref()
-let size=reactive({
-    oWidth:0,
-    oHeight:0
-  });
-  function WH(div:HTMLElement){
-    let a=calcWH(div.offsetHeight,div.offsetWidth,1,24,0)
-  size.oWidth=a.oWidth
-  size.oHeight=a.oHeight
-    
-  }
+}
 // 各分公司设备数量(二级)
-  async function deviceCountsSecondaryOfOutPlantDatafun(){
-    let result:any = await deviceCountsSecondaryOfOutPlantData()
-   let a={"code":200,"msg":null,"data":{"浙江省":[{"id":"6694a9e0-af40-11ed-939a-bf37ddc1d39c","name":"浙江展厅wifi网关","status":"true","city":"浙江省","counts":1},{"id":"e307d530-aead-11ed-939a-bf37ddc1d39c","name":"浙江展厅网关_4G","status":"true","city":"浙江省","counts":3}],"广东省":[{"id":"939863c0-c393-11ed-a742-83feda1d6cb3","name":"东莞4G网关","status":"true","city":"广东省","counts":13},{"id":"e8a527e0-c393-11ed-a742-83feda1d6cb3","name":"东莞WiFi网关","status":"false","city":"广东省","counts":1}]}}
-    if(result.code==200){
-      // store.setoffsitegatewayStatus(result.data)
-    }
+async function deviceCountsSecondaryOfOutPlantDatafun() {
+  let result: any = await deviceCountsSecondaryOfOutPlantData()
+  let a = { "code": 200, "msg": null, "data": { "浙江省": [{ "id": "6694a9e0-af40-11ed-939a-bf37ddc1d39c", "name": "浙江展厅wifi网关", "status": "true", "city": "浙江省", "counts": 1 }, { "id": "e307d530-aead-11ed-939a-bf37ddc1d39c", "name": "浙江展厅网关_4G", "status": "true", "city": "浙江省", "counts": 3 }], "广东省": [{ "id": "939863c0-c393-11ed-a742-83feda1d6cb3", "name": "东莞4G网关", "status": "true", "city": "广东省", "counts": 13 }, { "id": "e8a527e0-c393-11ed-a742-83feda1d6cb3", "name": "东莞WiFi网关", "status": "false", "city": "广东省", "counts": 1 }] } }
+  if (result.code == 200) {
+    // store.setoffsitegatewayStatus(result.data)
   }
-  // 分公司各类型设备数量(二级)
-  async function deviceTypeCountsSecondaryOfOutPlantDatafun(){
-    let result:any = await deviceTypeCountsSecondaryOfOutPlantData()
-   let a ={"code":200,"msg":null,"data":{"浙江省":[{"deptId":"浙江省","name":"缝纫","counts":1,"gatewayStatus":null},{"deptId":"浙江省","name":"绣花","counts":1,"gatewayStatus":null},{"deptId":"浙江省","name":"裁剪","counts":2,"gatewayStatus":null}],"广东省":[{"deptId":"广东省","name":"裁剪","counts":4,"gatewayStatus":null},{"deptId":"广东省","name":"绣花","counts":3,"gatewayStatus":null},{"deptId":"广东省","name":"缝纫","counts":6,"gatewayStatus":null},{"deptId":"广东省","name":"版房","counts":1,"gatewayStatus":null}]}}
-    if(result.code==200){
-      // store.setoffsitegatewayStatus(result.data)
+}
+// 分公司各类型设备数量(二级)
+async function deviceTypeCountsSecondaryOfOutPlantDatafun() {
+  let result: any = await deviceTypeCountsSecondaryOfOutPlantData()
+  let a = { "code": 200, "msg": null, "data": { "浙江省": [{ "deptId": "浙江省", "name": "缝纫", "counts": 1, "gatewayStatus": null }, { "deptId": "浙江省", "name": "绣花", "counts": 1, "gatewayStatus": null }, { "deptId": "浙江省", "name": "裁剪", "counts": 2, "gatewayStatus": null }], "广东省": [{ "deptId": "广东省", "name": "裁剪", "counts": 4, "gatewayStatus": null }, { "deptId": "广东省", "name": "绣花", "counts": 3, "gatewayStatus": null }, { "deptId": "广东省", "name": "缝纫", "counts": 6, "gatewayStatus": null }, { "deptId": "广东省", "name": "版房", "counts": 1, "gatewayStatus": null }] } }
+  if (result.code == 200) {
+    // store.setoffsitegatewayStatus(result.data)
 
-    }
   }
-  // 分公司设备各种状态的数量(二级)
-  async function deviceStatusCountsSecondaryOfOutPlantDatafun(){
-    let result:any = await deviceStatusCountsSecondaryOfOutPlantData()
-   let a ={"code":200,"msg":null,"data":{"浙江省":[{"deptId":"浙江省","name":"false","counts":4,"gatewayStatus":null}],"广东省":[{"deptId":"广东省","name":"false","counts":14,"gatewayStatus":null}]}}
-    if(result.code==200){
-      // store.setoffsitegatewayStatus(result.data)
-    }
+}
+// 分公司设备各种状态的数量(二级)
+async function deviceStatusCountsSecondaryOfOutPlantDatafun() {
+  let result: any = await deviceStatusCountsSecondaryOfOutPlantData()
+  let a = { "code": 200, "msg": null, "data": { "浙江省": [{ "deptId": "浙江省", "name": "false", "counts": 4, "gatewayStatus": null }], "广东省": [{ "deptId": "广东省", "name": "false", "counts": 14, "gatewayStatus": null }] } }
+  if (result.code == 200) {
+    // store.setoffsitegatewayStatus(result.data)
   }
+}
 // 分公司二级页面列表
-    async function secondaryOutPlantDatafun(){
-  let a = {"code":200,"msg":null,"data":{"浙江省":[{"id":"4817dbe0-b4ef-11ed-939a-bf37ddc1d39c","label":"RHL23","name":"富怡全自动缝纫机","deviceStatus":"false","machineModel":null,"unit":null,"city":"浙江省","isExhibition":"是","deviceType":"缝纫","model":"RPAS-L-R-1-1200X800-A-IS-VR2-LH50,RH360-1P220","deptId":"17"},{"id":"b2cdf1b0-c9dd-11ed-a742-83feda1d6cb3","label":"0202101#","name":"富怡电脑精密单头帽绣成衣绣花机","deviceStatus":"false","machineModel":null,"unit":null,"city":"浙江省","isExhibition":"是","deviceType":"绣花","model":"RPCE-NM-TC-1-400x450-LB-F15-VR1-NA-1P220","deptId":"17"},{"id":"c462aa50-b4ee-11ed-939a-bf37ddc1d39c","label":"10410100","name":"富怡模板铣切机","deviceStatus":"false","machineModel":null,"unit":null,"city":"浙江省","isExhibition":"是","deviceType":"裁剪","model":"RPFP-NM-PD+DKC+TC-1-1300X1000-SGAF-P+K+MC2-NA-1P220","deptId":"17"},{"id":"ffc09bb0-c921-11ed-a742-83feda1d6cb3","label":"050916#","name":"富怡全自动针梭通用铺布机","deviceStatus":"false","machineModel":null,"unit":null,"city":"浙江省","isExhibition":"是","deviceType":"裁剪","model":"RPSM-NM-1-1000×1800-C-KW100-NA-1P220","deptId":"17"}],"广东省":[{"id":"0267aa80-ca0c-11ed-a742-83feda1d6cb3","label":"50231","name":"富怡全自动电脑裁床","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"裁剪","model":"RPAG-NW-MC6-1-1800X1800-SB-MH-P-3P380","deptId":"16"},{"id":"22761c60-c6cb-11ed-a742-83feda1d6cb3","label":"1885","name":"富怡电脑绣花机（三合一）","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"绣花","model":"RPCE-MC6-2-9-550X680-B-L-R","deptId":"16"},{"id":"32e98630-c6c7-11ed-a742-83feda1d6cb3","label":"170322798","name":"富怡激光雕刻切割机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"裁剪","model":"RPLC-CB130X090S10E-M","deptId":"16"},{"id":"511266c0-c6c9-11ed-a742-83feda1d6cb3","label":null,"name":"电子夹线直驱平缝机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":"RPS-GFL-9800D-2J-M-E","deptId":"16"},{"id":"688a6750-d44b-11ed-a742-83feda1d6cb3","label":"170321NS064","name":"富怡全自动缝纫机（零等待）","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":"RPAS-NS-1-900X600-B-2-LH.HM","deptId":"16"},{"id":"73b2c280-c6c7-11ed-a742-83feda1d6cb3","label":"RPS-1108-165","name":"富怡特种缝纫机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":"RPS.SSC-M","deptId":"16"},{"id":"804e8a60-d44b-11ed-a742-83feda1d6cb3","label":"RHUL-01","name":"富怡全自动任意转单针缝纫机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":"RPAS-RH-1-1200×800-A-2-LH,LM","deptId":"16"},{"id":"915872d0-ca0a-11ed-a742-83feda1d6cb3","label":"040720","name":"三合一裁床","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"裁剪","model":"RP-TM1518S-MJ.MF.KC.PK.VK","deptId":"16"},{"id":"a40b97b0-c6ca-11ed-a742-83feda1d6cb3","label":null,"name":"微油超高速四线包缝机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":"RPS-GFL-8200W-4/AT-M-E","deptId":"16"},{"id":"b338ce60-ca12-11ed-a742-83feda1d6cb3","label":"1170824#","name":"富怡全自动双头垫板式冲孔机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"绣花","model":"RPCE-L-P-2-900×600-B-P6-O-NA-1P200","deptId":"16"},{"id":"bd70dc60-c571-11ed-a742-83feda1d6cb3","label":"0201112","name":"富怡电脑绣花机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"绣花","model":"RPCE-FN-6.9-275(550+40)*680-B","deptId":"16"},{"id":"bf0dc030-c6f5-11ed-a742-83feda1d6cb3","label":"50945","name":"富怡全自动铺布机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"裁剪","model":"RPCP-1018-IV-D","deptId":"16"},{"id":"cc95d870-c6c6-11ed-a742-83feda1d6cb3","label":"MJKC1703080121","name":"富怡平板切割机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"版房","model":"RP-TM1512S-MJ.KC","deptId":"16"},{"id":"d7371c40-c6ca-11ed-a742-83feda1d6cb3","label":null,"name":"工业平缝机","deviceStatus":"false","machineModel":null,"unit":null,"city":"广东省","isExhibition":"是","deviceType":"缝纫","model":null,"deptId":"16"}]}}
-    let result:any = await secondaryOutPlantData()
-   
-    if(result.code==200){
-      // store.setoffsitegatewayStatus(result.data)
-    }
+async function secondaryOutPlantDatafun() {
+  let a = { "code": 200, "msg": null, "data": { "浙江省": [{ "id": "4817dbe0-b4ef-11ed-939a-bf37ddc1d39c", "label": "RHL23", "name": "富怡全自动缝纫机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "浙江省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPAS-L-R-1-1200X800-A-IS-VR2-LH50,RH360-1P220", "deptId": "17" }, { "id": "b2cdf1b0-c9dd-11ed-a742-83feda1d6cb3", "label": "0202101#", "name": "富怡电脑精密单头帽绣成衣绣花机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "浙江省", "isExhibition": "是", "deviceType": "绣花", "model": "RPCE-NM-TC-1-400x450-LB-F15-VR1-NA-1P220", "deptId": "17" }, { "id": "c462aa50-b4ee-11ed-939a-bf37ddc1d39c", "label": "10410100", "name": "富怡模板铣切机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "浙江省", "isExhibition": "是", "deviceType": "裁剪", "model": "RPFP-NM-PD+DKC+TC-1-1300X1000-SGAF-P+K+MC2-NA-1P220", "deptId": "17" }, { "id": "ffc09bb0-c921-11ed-a742-83feda1d6cb3", "label": "050916#", "name": "富怡全自动针梭通用铺布机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "浙江省", "isExhibition": "是", "deviceType": "裁剪", "model": "RPSM-NM-1-1000×1800-C-KW100-NA-1P220", "deptId": "17" }], "广东省": [{ "id": "0267aa80-ca0c-11ed-a742-83feda1d6cb3", "label": "50231", "name": "富怡全自动电脑裁床", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "裁剪", "model": "RPAG-NW-MC6-1-1800X1800-SB-MH-P-3P380", "deptId": "16" }, { "id": "22761c60-c6cb-11ed-a742-83feda1d6cb3", "label": "1885", "name": "富怡电脑绣花机（三合一）", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "绣花", "model": "RPCE-MC6-2-9-550X680-B-L-R", "deptId": "16" }, { "id": "32e98630-c6c7-11ed-a742-83feda1d6cb3", "label": "170322798", "name": "富怡激光雕刻切割机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "裁剪", "model": "RPLC-CB130X090S10E-M", "deptId": "16" }, { "id": "511266c0-c6c9-11ed-a742-83feda1d6cb3", "label": null, "name": "电子夹线直驱平缝机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPS-GFL-9800D-2J-M-E", "deptId": "16" }, { "id": "688a6750-d44b-11ed-a742-83feda1d6cb3", "label": "170321NS064", "name": "富怡全自动缝纫机（零等待）", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPAS-NS-1-900X600-B-2-LH.HM", "deptId": "16" }, { "id": "73b2c280-c6c7-11ed-a742-83feda1d6cb3", "label": "RPS-1108-165", "name": "富怡特种缝纫机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPS.SSC-M", "deptId": "16" }, { "id": "804e8a60-d44b-11ed-a742-83feda1d6cb3", "label": "RHUL-01", "name": "富怡全自动任意转单针缝纫机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPAS-RH-1-1200×800-A-2-LH,LM", "deptId": "16" }, { "id": "915872d0-ca0a-11ed-a742-83feda1d6cb3", "label": "040720", "name": "三合一裁床", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "裁剪", "model": "RP-TM1518S-MJ.MF.KC.PK.VK", "deptId": "16" }, { "id": "a40b97b0-c6ca-11ed-a742-83feda1d6cb3", "label": null, "name": "微油超高速四线包缝机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": "RPS-GFL-8200W-4/AT-M-E", "deptId": "16" }, { "id": "b338ce60-ca12-11ed-a742-83feda1d6cb3", "label": "1170824#", "name": "富怡全自动双头垫板式冲孔机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "绣花", "model": "RPCE-L-P-2-900×600-B-P6-O-NA-1P200", "deptId": "16" }, { "id": "bd70dc60-c571-11ed-a742-83feda1d6cb3", "label": "0201112", "name": "富怡电脑绣花机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "绣花", "model": "RPCE-FN-6.9-275(550+40)*680-B", "deptId": "16" }, { "id": "bf0dc030-c6f5-11ed-a742-83feda1d6cb3", "label": "50945", "name": "富怡全自动铺布机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "裁剪", "model": "RPCP-1018-IV-D", "deptId": "16" }, { "id": "cc95d870-c6c6-11ed-a742-83feda1d6cb3", "label": "MJKC1703080121", "name": "富怡平板切割机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "版房", "model": "RP-TM1512S-MJ.KC", "deptId": "16" }, { "id": "d7371c40-c6ca-11ed-a742-83feda1d6cb3", "label": null, "name": "工业平缝机", "deviceStatus": "false", "machineModel": null, "unit": null, "city": "广东省", "isExhibition": "是", "deviceType": "缝纫", "model": null, "deptId": "16" }] } }
+  let result: any = await secondaryOutPlantData()
+
+  if (result.code == 200) {
+    // store.setoffsitegatewayStatus(result.data)
   }
-  function getdata(){
-    Promise.all([deviceCountsSecondaryOfOutPlantData(),deviceTypeCountsSecondaryOfOutPlantData(),deviceStatusCountsSecondaryOfOutPlantData(),secondaryOutPlantData()]).then((res:any)=>{
-      let data={devnum:null,typenum:null,statusnum:null,citylist:null,}
-      res.forEach((ele,i)=>{
-            for(let key in ele.data){
-              if(key==route.params.city){
-                i==0?data.devnum=ele.data[key]:i==1?data.typenum=ele.data[key]:i==2?data.statusnum=ele.data[key]:i==3?data.citylist=ele.data[key]:''
-              }
-            }
-          })
-          
-          leftRef.value.setDataList(data)
-          centerRef.value.setDataList(data)
-          rightRef.value.setDataList(data)
-      })
-  }
-  onMounted(()=>{
-    // deviceCountsSecondaryOfOutPlantDatafun()
-    // deviceTypeCountsSecondaryOfOutPlantDatafun()
-    // deviceStatusCountsSecondaryOfOutPlantDatafun()
-    // secondaryOutPlantDatafun()
-    getdata()
-    let contentBox=Acontent.value
-    // let Timedombox=Timedom.value
-    window.document.title=t('messages.Offsite')
-    WH(contentBox)
-    window.addEventListener('resize',()=>{
-      if(time.value){
-        clearTimeout(time.value)
-        time.value=null
-      }
-      time.value = setTimeout(() => {WH(contentBox)
-      }, 1000);
+}
+function getdata() {
+  Promise.all([
+    deviceCountsSecondaryOfOutPlantData(),
+    deviceTypeCountsSecondaryOfOutPlantData(),
+    deviceStatusCountsSecondaryOfOutPlantData(),
+    secondaryOutPlantData(),
+    getElectronDeviceStatus(deptId_list[routeCity])]).then((res: any) => {
+      let data = { devnum: null, typenum: null, statusnum: null, citylist: null, data2:null}
+      data.devnum = res[0].data[routeCity]
+      data.typenum = res[1].data[routeCity]
+      data.statusnum = res[2].data[routeCity]
+      data.citylist = res[3].data[routeCity]
+      data.data2 = res[4].data
+      
+      // res.forEach((ele, i) => {
+      //   for (let key in ele.data) {
+      //     if (key == route.params.city) {
+      //       i == 0 ? data.devnum = ele.data[key] : i == 1 ? data.typenum = ele.data[key] : i == 2 ? data.statusnum = ele.data[key] : i == 3 ? data.citylist = ele.data[key] : ''
+      //     }
+      //   }
+      // })
+
+      leftRef.value.setDataList(data)
+      centerRef.value.setDataList(data)
+      rightRef.value.setDataList(data)
     })
+}
+onMounted(() => {
+  // deviceCountsSecondaryOfOutPlantDatafun()
+  // deviceTypeCountsSecondaryOfOutPlantDatafun()
+  // deviceStatusCountsSecondaryOfOutPlantDatafun()
+  // secondaryOutPlantDatafun()
+  getdata()
+  let contentBox = Acontent.value
+  // let Timedombox=Timedom.value
+  window.document.title = t('messages.Offsite')
+  WH(contentBox)
+  window.addEventListener('resize', () => {
+    if (time.value) {
+      clearTimeout(time.value)
+      time.value = null
+    }
+    time.value = setTimeout(() => {
+      WH(contentBox)
+    }, 1000);
   })
-  onUnmounted(() => {
-    clearTimeout(time)
-    // store.resetAllData()
-  })
+})
+onUnmounted(() => {
+  clearTimeout(time)
+  // store.resetAllData()
+})
 </script>
 
 <style scoped>
 .container {
   height: 1080px;
   width: 1920px;
-    color: #20aec5;
-    background-color: #100c2a;
-  }
-  .title {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-  }
-  .title > h1 {
-    font-size: 30px;
-    position: absolute;
-    top: 10px;
-  }
-  .header{
-      position: relative;
-  }
-  .header p{
-      position: absolute;
-      right: 50px;
-      bottom: 20px;
-      font-size:20px;
-  }
-  .content{
-      width:100%;
-      --header:100px;
-      height:calc(1080px - var(--header))
-  }
+  color: #20aec5;
+  background-color: #100c2a;
+}
+
+.title {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+.title>h1 {
+  font-size: 30px;
+  position: absolute;
+  top: 10px;
+}
+
+.header {
+  position: relative;
+}
+
+.header p {
+  position: absolute;
+  right: 50px;
+  bottom: 20px;
+  font-size: 20px;
+}
+
+.content {
+  width: 100%;
+  --header: 100px;
+  height: calc(1080px - var(--header))
+}
 </style>
 <style>
 body {
-  
+
   /* --content:calc(100vh - var(--header)) */
   overflow: hidden !important;
-  -ms-overflow-style: none; /* IE + Edge */
-  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none;
+  /* IE + Edge */
+  scrollbar-width: none;
+  /* Firefox */
 }
+
 ::-webkit-scrollbar {
   display: none;
-}
-</style>
\ No newline at end of file
+}</style>
\ No newline at end of file
diff --git a/src/views/Temp/OffsiteDevList/childContent/right.vue b/src/views/Temp/OffsiteDevList/childContent/right.vue
index cf4787c..44d104b 100644
--- a/src/views/Temp/OffsiteDevList/childContent/right.vue
+++ b/src/views/Temp/OffsiteDevList/childContent/right.vue
@@ -107,98 +107,98 @@ let DevType = reactive({
     ],
   },
 });
-let data2 = [
-        {
-            "name": "全自动铺布机",
-            "label": "50945",
-            "ts": "2023-05-12 08:36:37",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动铺布机，时间：2023-05-11 17:36:37",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "电脑绣花机",
-            "label": "0201112",
-            "ts": "2023-05-12 08:36:37",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡电脑绣花机，时间：2023-05-11 17:36:37",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动双头垫板式冲孔机",
-            "label": "1170824#",
-            "ts": "2023-05-12 08:36:47",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动双头垫板式冲孔机，时间：2023-05-11 17:36:47",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "三合一裁床",
-            "label": "040720",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:三合一裁床，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动任意转单针缝纫机",
-            "label": "RHUL-01",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动任意转单针缝纫机，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "特种缝纫机",
-            "label": "RPS-1108-165",
-            "ts": "2023-05-12 08:37:05",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡特种缝纫机，时间：2023-05-11 17:37:05",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动缝纫机(零等待)",
-            "label": "170321NS064",
-            "ts": "2023-05-12 08:37:06",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动缝纫机(零等待)，时间：2023-05-11 17:37:06",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "激光雕刻切割机",
-            "label": "170322798",
-            "ts": "2023-05-12 08:37:06",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡激光雕刻切割机，时间：2023-05-11 17:37:06",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "电脑绣花机(三合一)",
-            "label": "1885",
-            "ts": "2023-05-12 08:37:25",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡电脑绣花机(三合一)，时间：2023-05-11 17:37:25",
-            "remark": "常规警报数据-设备离线"
-        },
-        {
-            "name": "全自动电脑裁床",
-            "label": "50231",
-            "ts": "2023-05-12 08:37:25",
-            "status": "false",
-            "deptId": null,
-            "context": "设备离线提醒:富怡全自动电脑裁床，时间：2023-05-11 17:37:25",
-            "remark": "常规警报数据-设备离线"
-        }
-    ]
+// let data2 = [
+//         {
+//             "name": "全自动铺布机",
+//             "label": "50945",
+//             "ts": "2023-05-12 08:36:37",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动铺布机，时间：2023-05-11 17:36:37",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "电脑绣花机",
+//             "label": "0201112",
+//             "ts": "2023-05-12 08:36:37",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡电脑绣花机，时间：2023-05-11 17:36:37",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动双头垫板式冲孔机",
+//             "label": "1170824#",
+//             "ts": "2023-05-12 08:36:47",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动双头垫板式冲孔机，时间：2023-05-11 17:36:47",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "三合一裁床",
+//             "label": "040720",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:三合一裁床，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动任意转单针缝纫机",
+//             "label": "RHUL-01",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动任意转单针缝纫机，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "特种缝纫机",
+//             "label": "RPS-1108-165",
+//             "ts": "2023-05-12 08:37:05",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡特种缝纫机，时间：2023-05-11 17:37:05",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动缝纫机(零等待)",
+//             "label": "170321NS064",
+//             "ts": "2023-05-12 08:37:06",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动缝纫机(零等待)，时间：2023-05-11 17:37:06",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "激光雕刻切割机",
+//             "label": "170322798",
+//             "ts": "2023-05-12 08:37:06",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡激光雕刻切割机，时间：2023-05-11 17:37:06",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "电脑绣花机(三合一)",
+//             "label": "1885",
+//             "ts": "2023-05-12 08:37:25",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡电脑绣花机(三合一)，时间：2023-05-11 17:37:25",
+//             "remark": "常规警报数据-设备离线"
+//         },
+//         {
+//             "name": "全自动电脑裁床",
+//             "label": "50231",
+//             "ts": "2023-05-12 08:37:25",
+//             "status": "false",
+//             "deptId": null,
+//             "context": "设备离线提醒:富怡全自动电脑裁床，时间：2023-05-11 17:37:25",
+//             "remark": "常规警报数据-设备离线"
+//         }
+//     ]
 function setDataList(val:any){
   let echartdata=[]
 val.typenum.forEach(res=>{
@@ -207,7 +207,7 @@ val.typenum.forEach(res=>{
 DevType.option.series[0].data=echartdata
 chartref.value.changeData(DevType.option)
 
-devTipRef.value.setData(data2);
+devTipRef.value.setData(val.data2);
 }
 onMounted(() => {
   
diff --git a/src/views/Temp/OffsiteDevList/index.vue b/src/views/Temp/OffsiteDevList/index.vue
index 4fd34b2..690cdab 100644
--- a/src/views/Temp/OffsiteDevList/index.vue
+++ b/src/views/Temp/OffsiteDevList/index.vue
@@ -38,6 +38,7 @@ import header2 from '@/components/headerBox/header2.vue'
 import { calcWH } from '@/components/ts/selfAdaption'
 import { Offsite } from "@/store/module/offsite";
 import { deviceCountsSecondaryOfOutPlantData, deviceTypeCountsSecondaryOfOutPlantData, deviceStatusCountsSecondaryOfOutPlantData, secondaryOutPlantData } from "@/http/offsite";
+import {getElectronDeviceStatus} from "@/http/electronicControl";
 import left from "./childContent/left.vue"
 import center from "./childContent/center.vue"
 import right from "./childContent/right.vue"
@@ -48,8 +49,11 @@ const route = useRoute();
 const store = Offsite()
 let Acontent = ref()
 let time = ref(null)
-let routeCity = route.params.city
-
+let routeCity:any = '广东省'
+let deptId_list = {
+  '广东省': '16',
+  '浙江省': '17'
+}
 let leftRef = ref()
 let centerRef = ref()
 let rightRef = ref()
@@ -98,20 +102,31 @@ async function secondaryOutPlantDatafun() {
   }
 }
 function getdata() {
-  Promise.all([deviceCountsSecondaryOfOutPlantData(), deviceTypeCountsSecondaryOfOutPlantData(), deviceStatusCountsSecondaryOfOutPlantData(), secondaryOutPlantData()]).then((res: any) => {
-    let data = { devnum: null, typenum: null, statusnum: null, citylist: null, }
-    res.forEach((ele, i) => {
-      for (let key in ele.data) {
-        if (key == "广东省") {
-          i == 0 ? data.devnum = ele.data[key] : i == 1 ? data.typenum = ele.data[key] : i == 2 ? data.statusnum = ele.data[key] : i == 3 ? data.citylist = ele.data[key] : ''
-        }
-      }
-    })
+  Promise.all([
+    deviceCountsSecondaryOfOutPlantData(),
+    deviceTypeCountsSecondaryOfOutPlantData(),
+    deviceStatusCountsSecondaryOfOutPlantData(),
+    secondaryOutPlantData(),
+    getElectronDeviceStatus(deptId_list[routeCity])]).then((res: any) => {
+      let data = { devnum: null, typenum: null, statusnum: null, citylist: null, data2:null}
+      data.devnum = res[0].data[routeCity]
+      data.typenum = res[1].data[routeCity]
+      data.statusnum = res[2].data[routeCity]
+      data.citylist = res[3].data[routeCity]
+      data.data2 = res[4].data
+      
+      // res.forEach((ele, i) => {
+      //   for (let key in ele.data) {
+      //     if (key == route.params.city) {
+      //       i == 0 ? data.devnum = ele.data[key] : i == 1 ? data.typenum = ele.data[key] : i == 2 ? data.statusnum = ele.data[key] : i == 3 ? data.citylist = ele.data[key] : ''
+      //     }
+      //   }
+      // })
 
-    leftRef.value.setDataList(data)
-    centerRef.value.setDataList(data)
-    rightRef.value.setDataList(data)
-  })
+      leftRef.value.setDataList(data)
+      centerRef.value.setDataList(data)
+      rightRef.value.setDataList(data)
+    })
 }
 onMounted(() => {
   // deviceCountsSecondaryOfOutPlantDatafun()