From a915cc8430f18cc71e98ac750ed3bd73e291f9a4 Mon Sep 17 00:00:00 2001
From: 15133876896-BGG25 <2233720980@qq.com>
Date: Thu, 18 May 2023 15:56:51 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=A4=84=E7=90=86=E5=9B=A0=E4=B8=BA=E6=89=8B?=
 =?UTF-8?q?=E5=8A=A8=E5=85=B3=E9=97=ADsocket=E8=A7=A6=E5=8F=91=E4=B8=A5?=
 =?UTF-8?q?=E6=A0=BC=E6=A8=A1=E5=BC=8F=E4=BA=A7=E7=94=9F=E7=9A=84=E6=8A=A5?=
 =?UTF-8?q?=E9=94=99=202.=E6=B7=BB=E5=8A=A0=E6=9C=BA=E6=A2=B0=E5=88=86?=
 =?UTF-8?q?=E5=8E=82=E5=8F=8A=E7=94=B5=E6=8E=A7=E5=88=86=E5=8E=82=E5=90=84?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E6=A0=87=E8=AF=86=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/InPlantProducts/index.vue           |  2 +-
 src/views/Mechanics/index.vue                 |  2 +-
 src/views/MicrofactoryDev/index.vue           |  4 ++--
 src/views/Offsite/index.vue                   |  3 ++-
 src/views/PaintShopView/View1/index.vue       | 22 +++++++++++++++----
 src/views/PaintShopView/finishView/index.vue  | 20 ++++++++++++++---
 .../PaintShopView/machiningView/index.vue     | 20 ++++++++++++++---
 src/views/PaintShopView/stuffView/index.vue   | 20 ++++++++++++++---
 src/views/PaintShopView/weldView/index.vue    | 20 ++++++++++++++---
 src/views/electronicControlAmbient/index.vue  | 22 +++++++++++++++----
 src/views/generalEnvironment/index.vue        |  2 +-
 .../generalEnvironmentjixiefenchang/index.vue |  4 ++--
 src/views/realtimeSecurity/index.vue          |  4 ++--
 .../realtimeSecurityJixiefenchang/index.vue   |  4 ++--
 14 files changed, 117 insertions(+), 32 deletions(-)

diff --git a/src/views/InPlantProducts/index.vue b/src/views/InPlantProducts/index.vue
index c5e5b1a..37a42ab 100644
--- a/src/views/InPlantProducts/index.vue
+++ b/src/views/InPlantProducts/index.vue
@@ -88,7 +88,7 @@ function getWebsocket(val) {
   } catch (err) {}
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 
diff --git a/src/views/Mechanics/index.vue b/src/views/Mechanics/index.vue
index 1122015..9289317 100644
--- a/src/views/Mechanics/index.vue
+++ b/src/views/Mechanics/index.vue
@@ -99,7 +99,7 @@ function getWebsocket(val){
 
   }
   function errWebsocket(val){
-    headerref.value.HeadererrWebsocket(val)
+    headerref.value?headerref.value.HeadererrWebsocket(val):''
     // console.log(val);
 }
 async function gatcountsOfMachineryFactoryInStatusTimefun() {
diff --git a/src/views/MicrofactoryDev/index.vue b/src/views/MicrofactoryDev/index.vue
index 2a8e1ee..daa8816 100644
--- a/src/views/MicrofactoryDev/index.vue
+++ b/src/views/MicrofactoryDev/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\MicrofactoryDev\index.vue
+ * @FilePath: \gitscreenFront\src\views\MicrofactoryDev\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-03-10 09:15:58
@@ -114,7 +114,7 @@ function getWebsocket(val) {
   } catch (err) {}
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 //获取设备列表数据
diff --git a/src/views/Offsite/index.vue b/src/views/Offsite/index.vue
index 74289fa..dac6a69 100644
--- a/src/views/Offsite/index.vue
+++ b/src/views/Offsite/index.vue
@@ -123,7 +123,8 @@ let {t} = useI18n();
 
   }
   function errWebsocket(val){
-    headerref.value.HeadererrWebsocket(val)
+    headerref.value?headerref.value.HeadererrWebsocket(val):''
+    // headerref.value.HeadererrWebsocket(val)
     // console.log(val);
 }
   onMounted(() => {
diff --git a/src/views/PaintShopView/View1/index.vue b/src/views/PaintShopView/View1/index.vue
index d13bdef..08edab6 100644
--- a/src/views/PaintShopView/View1/index.vue
+++ b/src/views/PaintShopView/View1/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \screenFront\src\views\PaintShopView\View1\index.vue
+ * @FilePath: \gitscreenFront\src\views\PaintShopView\View1\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-11 13:50:05
@@ -11,8 +11,8 @@
   <div class="container">
     <div class="header">
       <div class="title">
-        <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.JingShi_generalEnvironment')"
-          :titleTip="[]" :typeFun="['time']" :alarmType="[]"></header2>
+        <header2 ref="headerref" :width="'100%'" :height="'150px'" :title="t('messages.JingShi_generalEnvironment')"
+          :titleTip="titleTip" :typeFun="['time']" :alarmType="[]"></header2>
       </div>
     </div>
     <div class="content" ref="Acontent">
@@ -49,6 +49,20 @@ let size = reactive({
   oWidth: 0,
   oHeight: 0
 });
+let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
 function WH(div: HTMLElement) {
   let a = calcWH(div.offsetHeight, div.offsetWidth, 3, 24, 0)
   size.oWidth = a.oWidth
@@ -138,7 +152,7 @@ onUnmounted(() => {
 
 .content {
   width: 100%;
-  --header: 100px;
+  --header: 150px;
   height: calc(1080px - var(--header))
 }
 </style>
diff --git a/src/views/PaintShopView/finishView/index.vue b/src/views/PaintShopView/finishView/index.vue
index 1da450e..565a286 100644
--- a/src/views/PaintShopView/finishView/index.vue
+++ b/src/views/PaintShopView/finishView/index.vue
@@ -14,9 +14,9 @@
         <header2
           ref="headerref"
           :width="'100%'"
-          :height="'100px'"
+          :height="'150px'"
           :title="t('messages.JingJia_generalEnvironment')"
-          :titleTip="[]"
+          :titleTip="titleTip"
           :typeFun="['time']"
           :alarmType="[]"
         ></header2>
@@ -79,6 +79,20 @@ let size = reactive({
   oWidth: 0,
   oHeight: 0,
 });
+let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
 function WH(div: HTMLElement) {
   let a = calcWH(div.offsetHeight, div.offsetWidth, 3, 24, 0);
   size.oWidth = a.oWidth;
@@ -164,7 +178,7 @@ onUnmounted(() => {
 .content {
   display: flex;
   width: 100%;
-  --header: 100px;
+  --header: 150px;
   height: calc(1080px - var(--header));
 }
 </style>
diff --git a/src/views/PaintShopView/machiningView/index.vue b/src/views/PaintShopView/machiningView/index.vue
index e93c772..beb3a94 100644
--- a/src/views/PaintShopView/machiningView/index.vue
+++ b/src/views/PaintShopView/machiningView/index.vue
@@ -14,9 +14,9 @@
         <header2
           ref="headerref"
           :width="'100%'"
-          :height="'100px'"
+          :height="'150px'"
           :title="t('messages.JiJia_generalEnvironment')"
-          :titleTip="[]"
+          :titleTip="titleTip"
           :typeFun="['time']"
           :alarmType="[]"
         ></header2>
@@ -79,6 +79,20 @@ let size = reactive({
   oWidth: 0,
   oHeight: 0,
 });
+let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
 function WH(div: HTMLElement) {
   let a = calcWH(div.offsetHeight, div.offsetWidth, 3, 24, 0);
   size.oWidth = a.oWidth;
@@ -164,7 +178,7 @@ onUnmounted(() => {
 .content {
   display: flex;
   width: 100%;
-  --header: 100px;
+  --header: 150px;
   height: calc(1080px - var(--header));
 }
 </style>
diff --git a/src/views/PaintShopView/stuffView/index.vue b/src/views/PaintShopView/stuffView/index.vue
index a2f3a09..cf40ca1 100644
--- a/src/views/PaintShopView/stuffView/index.vue
+++ b/src/views/PaintShopView/stuffView/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\PaintShopView\stuffView\index.vue
+ * @FilePath: \gitscreenFront\src\views\PaintShopView\stuffView\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-11 13:50:05
@@ -11,7 +11,7 @@
     <div class="container">
      <div class="header">
            <div class="title">
-             <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.DaJian_generalEnvironment')" :titleTip="[]" :typeFun="['time']" :alarmType="[]"></header2>
+             <header2 ref="headerref" :width="'100%'" :height="'150px'" :title="t('messages.DaJian_generalEnvironment')" :titleTip="titleTip" :typeFun="['time']" :alarmType="[]"></header2>
            </div>
          </div>
          <div class="content" ref="Acontent">
@@ -55,6 +55,20 @@ let {t} = useI18n();
        oWidth:0,
        oHeight:0
      });
+     let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
      function WH(div:HTMLElement){
        let a=calcWH(div.offsetHeight,div.offsetWidth,3,24,0)
      size.oWidth=a.oWidth
@@ -140,7 +154,7 @@ function errWebsocket(val) {
      .content{
       display: flex;
          width:100%;
-         --header:100px;
+         --header:150px;
          height:calc(1080px - var(--header))
      }
    </style>
diff --git a/src/views/PaintShopView/weldView/index.vue b/src/views/PaintShopView/weldView/index.vue
index 3252fe2..c3c2941 100644
--- a/src/views/PaintShopView/weldView/index.vue
+++ b/src/views/PaintShopView/weldView/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\PaintShopView\weldView\index.vue
+ * @FilePath: \gitscreenFront\src\views\PaintShopView\weldView\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-11 13:50:05
@@ -11,7 +11,7 @@
     <div class="container">
      <div class="header">
            <div class="title">
-             <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.HanJie_generalEnvironment')" :titleTip="[]" :typeFun="['time']" :alarmType="[]"></header2>
+             <header2 ref="headerref" :width="'100%'" :height="'150px'" :title="t('messages.HanJie_generalEnvironment')" :titleTip="titleTip" :typeFun="['time']" :alarmType="[]"></header2>
            </div>
          </div>
          <div class="content" ref="Acontent">
@@ -48,6 +48,20 @@ let {t} = useI18n();
        oWidth:0,
        oHeight:0
      });
+     let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
      function WH(div:HTMLElement){
        let a=calcWH(div.offsetHeight,div.offsetWidth,3,24,0)
      size.oWidth=a.oWidth
@@ -130,7 +144,7 @@ function errWebsocket(val) {
      }
      .content{
          width:100%;
-         --header:100px;
+         --header:150px;
          height:calc(1080px - var(--header))
      }
    </style>
diff --git a/src/views/electronicControlAmbient/index.vue b/src/views/electronicControlAmbient/index.vue
index 84a2c70..de1f5b9 100644
--- a/src/views/electronicControlAmbient/index.vue
+++ b/src/views/electronicControlAmbient/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\electronicControlAmbient\index.vue
+ * @FilePath: \gitscreenFront\src\views\electronicControlAmbient\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-04-11 13:50:05
@@ -14,9 +14,9 @@
         <header2
           ref="headerref"
           :width="'100%'"
-          :height="'100px'"
+          :height="'150px'"
           :title="t('messages.DianKongDetection')"
-          :titleTip="[]"
+          :titleTip="titleTip"
           :typeFun="['time']"
           :alarmType="[]"
         ></header2>
@@ -79,6 +79,20 @@ let size = reactive({
   oWidth: 0,
   oHeight: 0,
 });
+let titleTip = [
+  {
+    color: "#E43961",
+    name: t('messages.abnormal'),
+  },
+  {
+    color: "#20AEC5",
+    name: t('messages.NoAbnormal'),
+  },
+  {
+    color: "#A7A6BD",
+    name: t('messages.disconnection'),
+  },
+];
 function WH(div: HTMLElement) {
   let a = calcWH(div.offsetHeight, div.offsetWidth, 3, 24, 0);
   size.oWidth = a.oWidth;
@@ -165,7 +179,7 @@ onUnmounted(() => {
 .content {
   display: flex;
   width: 100%;
-  --header: 100px;
+  --header: 150px;
   height: calc(1080px - var(--header));
 }
 </style>
diff --git a/src/views/generalEnvironment/index.vue b/src/views/generalEnvironment/index.vue
index 8fd6c8d..d0fdfbb 100644
--- a/src/views/generalEnvironment/index.vue
+++ b/src/views/generalEnvironment/index.vue
@@ -81,7 +81,7 @@ function getWebsocket(val) {
   } catch (err) { }
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 
diff --git a/src/views/generalEnvironmentjixiefenchang/index.vue b/src/views/generalEnvironmentjixiefenchang/index.vue
index fd60a4d..eba728f 100644
--- a/src/views/generalEnvironmentjixiefenchang/index.vue
+++ b/src/views/generalEnvironmentjixiefenchang/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\generalEnvironmentjixiefenchang\index.vue
+ * @FilePath: \gitscreenFront\src\views\generalEnvironmentjixiefenchang\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-02-10 11:45:17
@@ -94,7 +94,7 @@ function getWebsocket(val) {
   } catch (err) {}
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 
diff --git a/src/views/realtimeSecurity/index.vue b/src/views/realtimeSecurity/index.vue
index aea9223..4be6071 100644
--- a/src/views/realtimeSecurity/index.vue
+++ b/src/views/realtimeSecurity/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\realtimeSecurity\index.vue
+ * @FilePath: \gitscreenFront\src\views\realtimeSecurity\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-02-10 11:45:17
@@ -140,7 +140,7 @@ function getWebsocket(val) {
   // }
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 onMounted(() => {
diff --git a/src/views/realtimeSecurityJixiefenchang/index.vue b/src/views/realtimeSecurityJixiefenchang/index.vue
index e3318da..78110be 100644
--- a/src/views/realtimeSecurityJixiefenchang/index.vue
+++ b/src/views/realtimeSecurityJixiefenchang/index.vue
@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront\src\views\realtimeSecurityJixiefenchang\index.vue
+ * @FilePath: \gitscreenFront\src\views\realtimeSecurityJixiefenchang\index.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-02-10 11:45:17
@@ -141,7 +141,7 @@ function getWebsocket(val) {
   }
 }
 function errWebsocket(val) {
-  headerref.value.HeadererrWebsocket(val)
+  headerref.value?headerref.value.HeadererrWebsocket(val):''
   // console.log(val);
 }
 onMounted(() => {