From adaf80625606903575da79e5b0d01b3c52543ff2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=9A=E7=A5=96=E6=9C=9B?= <573413756@qq.com>
Date: Tue, 15 Nov 2022 14:57:08 +0800
Subject: [PATCH] bind data

---
 .../src/views/terminal/PLC/monitor.vue        | 767 +++++++++---------
 1 file changed, 393 insertions(+), 374 deletions(-)

diff --git a/xiuosiot-frontend/src/views/terminal/PLC/monitor.vue b/xiuosiot-frontend/src/views/terminal/PLC/monitor.vue
index 0d9df48..671aecd 100644
--- a/xiuosiot-frontend/src/views/terminal/PLC/monitor.vue
+++ b/xiuosiot-frontend/src/views/terminal/PLC/monitor.vue
@@ -1,13 +1,5 @@
 <template>
   <div class="app-container">
-    <!-- <ul>
-      <li>{{ '工业设备ID：'+data.deviceId }}</li>
-      <li>{{ '工业设备名称：'+data.deviceName }}</li>
-      <li>{{ 'plc IP：'+data.plcIp }}</li>
-      <li>{{ 'plc端口：'+data.port }}</li>
-      <li>{{ '扫描间隔：'+data.readPeriod }}</li>
-      <li v-for="(item,index) in data.readItemList" :key="index">{{ item.valueName+'：'+item.value }}</li>
-    </ul> -->
     <div class="part1">
       <div class="top">
         <div class="left">
@@ -73,28 +65,13 @@
         </div>
         <div class="content">
           <div class="part">
-            <p>检测-左1松绳检测<img class="light" :src="getImgUrl('检测-左1松绳检测')"></p>
-            <p>检测-左2松绳检测<img class="light" :src="getImgUrl('检测-左2松绳检测')"></p>
-            <p>检测-右1松绳检测<img class="light" :src="getImgUrl('检测-右1松绳检测')"></p>
-            <p>检测-右2松绳检测<img class="light" :src="getImgUrl('检测-右2松绳检测')"></p>
-            <p>检测-提升上极限<img class="light" :src="getImgUrl('检测-提升上极限')"></p>
-            <p>检测-1#防坠器正常<img class="light" :src="getImgUrl('检测-1#防坠器正常')"></p>
+            <p v-for="(item,index) in arr1" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
           </div>
           <div class="part">
-            <p>检测-2#防坠器正常<img class="light" :src="getImgUrl('检测-2#防坠器正常')"></p>
-            <p>检测-车架子站油泵电机故障<img class="light" :src="getImgUrl('检测-车架子站油泵电机故障')"></p>
-            <p>检测-车架子油泵电机运行<img class="light" :src="getImgUrl('检测-车架子油泵电机运行')"></p>
-            <p>检测-平台升降变频器就绪<img class="light" :src="getImgUrl('检测-平台升降变频器就绪')"></p>
-            <p>检测-车架走行变频器就绪<img class="light" :src="getImgUrl('检测-车架走行变频器就绪')"></p>
-            <p>检测-车架对位(常闭)<img class="light" :src="getImgUrl('检测-车架对位(常闭)')"></p>
+            <p v-for="(item,index) in arr2" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
           </div>
           <div class="part">
-            <p>检测-走行1#减速位<img class="light" :src="getImgUrl('检测-走行1#减速位')"></p>
-            <p>检测-走行2#减速位<img class="light" :src="getImgUrl('检测-走行2#减速位')"></p>
-            <p>检测-走行3#减速位<img class="light" :src="getImgUrl('检测-走行3#减速位')"></p>
-            <p>检测-走行4#减速位<img class="light" :src="getImgUrl('检测-走行4#减速位')"></p>
-            <p>检测-走行5#减速位<img class="light" :src="getImgUrl('检测-走行5#减速位')"></p>
-            <p>检测-走行6#减速位<img class="light" :src="getImgUrl('检测-走行6#减速位')"></p>
+            <p v-for="(item,index) in arr3" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
           </div>
         </div>
       </div>
@@ -112,64 +89,14 @@
       <div class="content">
         <swiper ref="mySwiper" :options="swiperOption" style="width:100%;padding-bottom: 55px;">
           <swiper-slide>
-            <p>检测-走行7#减速位<img class="light" :src="getImgUrl('检测-走行7#减速位')"></p>
-            <p>检测-走行8#减速位<img class="light" :src="getImgUrl('检测-走行8#减速位')"></p>
-            <p>检测-走行9#减速位<img class="light" :src="getImgUrl('检测-走行9#减速位')"></p>
-            <p>检测-走行左锁紧位<img class="light" :src="getImgUrl('检测-走行左锁紧位')"></p>
-            <p>检测-走行左松开位<img class="light" :src="getImgUrl('检测-走行左松开位')"></p>
-            <p>检测-走行右锁紧位<img class="light" :src="getImgUrl('检测-走行右锁紧位')"></p>
-            <p>检测-走行右松开位<img class="light" :src="getImgUrl('检测-走行右松开位')"></p>
-            <p>检测-顶推变频器就绪<img class="light" :src="getImgUrl('检测-顶推变频器就绪')"></p>
-            <p>检测-左窑抬门变频器就绪<img class="light" :src="getImgUrl('检测-左窑抬门变频器就绪')"></p>
-            <p>检测-右窑抬门变频器就绪<img class="light" :src="getImgUrl('检测-右窑抬门变频器就绪')"></p>
-            <p>检测-托架驱动变频器就绪<img class="light" :src="getImgUrl('检测-托架驱动变频器就绪')"></p>
-            <p>检测-托架子站油泵电机故障<img class="light" :src="getImgUrl('检测-托架子站油泵电机故障')"></p>
-            <p>检测-托架子站油泵电机运行<img class="light" :src="getImgUrl('检测-托架子站油泵电机运行')"></p>
-            <p>检测-顶推旋起位<img class="light" :src="getImgUrl('检测-顶推旋起位')"></p>
-            <p>检测-顶推旋下位<img class="light" :src="getImgUrl('检测-顶推旋下位')"></p>
-            <p>检测-倾角传感器X轴<img class="light" :src="getImgUrl('检测-倾角传感器X轴')"></p>
-            <p>检测-倾角传感器Y轴<img class="light" :src="getImgUrl('检测-倾角传感器Y轴')"></p>
-            <p>检测-左窑开门位<img class="light" :src="getImgUrl('检测-左窑开门位')"></p>
+            <p v-for="(item,index) in swipeArr1" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
           </swiper-slide>
           <swiper-slide>
-            <p>检测-左窑关门位<img class="light" :src="getImgUrl('检测-左窑关门位')"></p>
-            <p>检测-左窑抬门1#卡爪伸出位<img class="light" :src="getImgUrl('检测-左窑抬门1#卡爪伸出位')"></p>
-            <p>检测-左窑抬门1#卡爪收回位<img class="light" :src="getImgUrl('检测-左窑抬门1#卡爪收回位')"></p>
-            <p>检测-左窑抬门2#卡爪伸出位<img class="light" :src="getImgUrl('检测-左窑抬门2#卡爪伸出位')"></p>
-            <p>检测-左窑抬门2#卡爪收回位<img class="light" :src="getImgUrl('检测-左窑抬门2#卡爪收回位')"></p>
-            <p>检测-左窑顶推停止位<img class="light" :src="getImgUrl('检测-左窑顶推停止位')"></p>
-            <p>检测-左窑顶推减速位<img class="light" :src="getImgUrl('检测-左窑顶推减速位')"></p>
-            <p>检测-左窑顶推零位<img class="light" :src="getImgUrl('检测-左窑顶推零位')"></p>
-            <p>检测-1#升降定位伸出<img class="light" :src="getImgUrl('检测-1#升降定位伸出')"></p>
-            <p>检测-1#升降定位收回<img class="light" :src="getImgUrl('检测-1#升降定位收回')"></p>
-            <p>检测-模板左窑减速位<img class="light" :src="getImgUrl('检测-模板左窑减速位')"></p>
-            <p>检测-模板左窑顶推位<img class="light" :src="getImgUrl('检测-模板左窑顶推位')"></p>
-            <p>检测-模板左窑停止位<img class="light" :src="getImgUrl('检测-模板左窑停止位')"></p>
-            <p>检测-中间顶推零位<img class="light" :src="getImgUrl('检测-中间顶推零位')"></p>
-            <p>检测-左窑窑门检测<img class="light" :src="getImgUrl('检测-左窑窑门检测')"></p>
-            <p>检测-右窑开门位<img class="light" :src="getImgUrl('检测-右窑开门位')"></p>
-            <p>检测-右窑关门位<img class="light" :src="getImgUrl('检测-右窑关门位')"></p>
-            <p>检测-右窑抬门1#卡爪伸出位<img class="light" :src="getImgUrl('检测-右窑抬门1#卡爪伸出位')"></p>
+            <p v-for="(item,index) in swipeArr2" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
           </swiper-slide>
           <swiper-slide>
-            <p>检测-右窑抬门1#卡爪收回位<img class="light" :src="getImgUrl('检测-右窑抬门1#卡爪收回位')"></p>
-            <p>检测-右窑抬门2#卡爪伸出位<img class="light" :src="getImgUrl('检测-右窑抬门2#卡爪伸出位')"></p>
-            <p>检测-右窑抬门2#卡爪收回位<img class="light" :src="getImgUrl('检测-右窑抬门2#卡爪收回位')"></p>
-            <p>检测-右窑顶推停止位<img class="light" :src="getImgUrl('检测-右窑顶推停止位')"></p>
-            <p>检测-右窑顶推减速位<img class="light" :src="getImgUrl('检测-右窑顶推减速位')"></p>
-            <p>检测-右窑顶推零位<img class="light" :src="getImgUrl('检测-右窑顶推零位')"></p>
-            <p>检测-2#升降定位伸出<img class="light" :src="getImgUrl('检测-2#升降定位伸出')"></p>
-            <p>检测-2#升降定位收回<img class="light" :src="getImgUrl('检测-2#升降定位收回')"></p>
-            <p>检测-模板右窑减速位<img class="light" :src="getImgUrl('检测-模板右窑减速位')"></p>
-            <p>检测-模板右窑顶推位<img class="light" :src="getImgUrl('检测-模板右窑顶推位')"></p>
-            <p>检测-模板右窑停止位<img class="light" :src="getImgUrl('检测-模板右窑停止位')"></p>
-            <p>检测-右窑窑门检测<img class="light" :src="getImgUrl('检测-右窑窑门检测')"></p>
-            <p>检测-DB_车架当前位置<span class="val">{{ getVal('DB_车架当前位置') }}</span></p>
-            <p>检测-MD_编码器实际值<span class="val">{{ getVal('MD_编码器实际值') }}</span></p>
-            <p>检测-DB_平台当前位置_层号<span class="val">{{ getVal('DB_平台当前位置_层号') }}</span></p>
-            <p>检测-DB_平台当前位置_位置号<span class="val">{{ getVal('DB_平台当前位置_位置号') }}</span></p>
-            <p>检测-DB_顶推当前位置<span class="val">{{ getVal('DB_顶推当前位置') }}</span></p>
-            <p>检测-DB_模台当前位置<span class="val">{{ getVal('DB_模台当前位置') }}</span></p>
+            <p v-for="(item,index) in swipeImgArr3" :key="index">{{ item.valueName }}<img class="light" :src="item.src"></p>
+            <p v-for="(item,index) in swipeValArr3" :key="index">{{ item.valueName }}<span class="val">{{ item.value }}</span></p>
           </swiper-slide>
           <div slot="pagination" class="swiper-pagination" />
         </swiper>
@@ -192,296 +119,7 @@ export default {
         plcIp: '192.168.100.40',
         port: '102',
         readPeriod: 100,
-        readItemList: [
-          {
-            valueName: '检测-左1松绳检测',
-            value: 1
-          },
-          {
-            valueName: '检测-左2松绳检测',
-            value: 1
-          },
-          {
-            valueName: '检测-右1松绳检测',
-            value: 1
-          },
-          {
-            valueName: '检测-右2松绳检测',
-            value: 1
-          },
-          {
-            valueName: '检测-提升上极限',
-            value: 1
-          },
-          {
-            valueName: '检测-1#防坠器正常',
-            value: 1
-          },
-          {
-            valueName: '检测-2#防坠器正常',
-            value: 1
-          },
-          {
-            valueName: '检测-车架子站油泵电机故障',
-            value: 0
-          },
-          {
-            valueName: '检测-车架子油泵电机运行',
-            value: 0
-          },
-          {
-            valueName: '检测-平台升降变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-车架走行变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-车架对位(常闭)',
-            value: 0
-          },
-          {
-            valueName: '检测-走行1#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行2#减速位',
-            value: 1
-          },
-          {
-            valueName: '检测-走行3#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行4#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行5#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行6#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行7#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行8#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行9#减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行左锁紧位',
-            value: 1
-          },
-          {
-            valueName: '检测-走行左松开位',
-            value: 0
-          },
-          {
-            valueName: '检测-走行右锁紧位',
-            value: 1
-          },
-          {
-            valueName: '检测-走行右松开位',
-            value: 0
-          },
-          {
-            valueName: '检测-顶推变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-左窑抬门变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-右窑抬门变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-托架驱动变频器就绪',
-            value: 1
-          },
-          {
-            valueName: '检测-托架子站油泵电机故障',
-            value: 0
-          },
-          {
-            valueName: '检测-托架子站油泵电机运行',
-            value: 0
-          },
-          {
-            valueName: '检测-顶推旋起位',
-            value: 0
-          },
-          {
-            valueName: '检测-顶推旋下位',
-            value: 1
-          },
-          {
-            valueName: '检测-倾角传感器X轴',
-            value: 1
-          },
-          {
-            valueName: '检测-倾角传感器Y轴',
-            value: 1
-          },
-          {
-            valueName: '检测-左窑开门位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑关门位',
-            value: 1
-          },
-          {
-            valueName: '检测-左窑抬门1#卡爪伸出位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑抬门1#卡爪收回位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑抬门2#卡爪伸出位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑抬门2#卡爪收回位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑顶推停止位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑顶推减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-左窑顶推零位',
-            value: 1
-          },
-          {
-            valueName: '检测-1#升降定位伸出',
-            value: 1
-          },
-          {
-            valueName: '检测-1#升降定位收回',
-            value: 0
-          },
-          {
-            valueName: '检测-模板左窑减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-模板左窑顶推位',
-            value: 0
-          },
-          {
-            valueName: '检测-模板左窑停止位',
-            value: 0
-          },
-          {
-            valueName: '检测-中间顶推零位',
-            value: 1
-          },
-          {
-            valueName: '检测-左窑窑门检测',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑开门位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑关门位',
-            value: 1
-          },
-          {
-            valueName: '检测-右窑抬门1#卡爪伸出位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑抬门1#卡爪收回位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑抬门2#卡爪伸出位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑抬门2#卡爪收回位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑顶推停止位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑顶推减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑顶推零位',
-            value: 1
-          },
-          {
-            valueName: '检测-2#升降定位伸出',
-            value: 1
-          },
-          {
-            valueName: '检测-2#升降定位收回',
-            value: 0
-          },
-          {
-            valueName: '检测-模板右窑减速位',
-            value: 0
-          },
-          {
-            valueName: '检测-模板右窑顶推位',
-            value: 0
-          },
-          {
-            valueName: '检测-模板右窑停止位',
-            value: 0
-          },
-          {
-            valueName: '检测-右窑窑门检测',
-            value: 0
-          },
-          {
-            valueName: 'DB_车架当前位置',
-            value: 6
-          },
-          {
-            valueName: 'MD_编码器实际值',
-            value: 5856
-          },
-          {
-            valueName: 'DB_平台当前位置_层号',
-            value: 1
-          },
-          {
-            valueName: 'DB_平台当前位置_位置号',
-            value: 0
-          },
-          {
-            valueName: 'DB_顶推当前位置',
-            value: 0
-          },
-          {
-            valueName: 'DB_模台当前位置',
-            value: -7
-          }
-        ],
+        readItemList: [],
         org: 'jxsd'
       },
       swiperImgOption: {
@@ -501,7 +139,375 @@ export default {
           delay: 3000,
           disableOnInteraction: false
         }
-      }
+      },
+      arr1: [
+        {
+          valueName: '检测-左1松绳检测',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-左2松绳检测',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-右1松绳检测',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-右2松绳检测',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-提升上极限',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-1#防坠器正常',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        }
+      ],
+      arr2: [
+        {
+          valueName: '检测-2#防坠器正常',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-车架子站油泵电机故障',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-车架子油泵电机运行',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-平台升降变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-车架走行变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-车架对位(常闭)',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        }
+      ],
+      arr3: [
+        {
+          valueName: '检测-走行1#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行2#减速位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-走行3#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行4#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行5#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行6#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        }
+      ],
+      swipeArr1: [
+        {
+          valueName: '检测-走行7#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行8#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行9#减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行左锁紧位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-走行左松开位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-走行右锁紧位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-走行右松开位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-顶推变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-左窑抬门变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-右窑抬门变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-托架驱动变频器就绪',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-托架子站油泵电机故障',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-托架子站油泵电机运行',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-顶推旋起位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-顶推旋下位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-倾角传感器X轴',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-倾角传感器Y轴',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-左窑开门位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        }
+      ],
+      swipeArr2: [
+        {
+          valueName: '检测-左窑关门位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-左窑抬门1#卡爪伸出位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑抬门1#卡爪收回位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑抬门2#卡爪伸出位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑抬门2#卡爪收回位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑顶推停止位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑顶推减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-左窑顶推零位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-1#升降定位伸出',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-1#升降定位收回',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板左窑减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板左窑顶推位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板左窑停止位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-中间顶推零位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-左窑窑门检测',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑开门位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑关门位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-右窑抬门1#卡爪伸出位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        }
+      ],
+      swipeImgArr3: [
+        {
+          valueName: '检测-右窑抬门1#卡爪收回位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑抬门2#卡爪伸出位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑抬门2#卡爪收回位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑顶推停止位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑顶推减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑顶推零位',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-2#升降定位伸出',
+          value: 1,
+          src: require('@/assets/images/greenlight.png')
+        },
+        {
+          valueName: '检测-2#升降定位收回',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板右窑减速位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板右窑顶推位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-模板右窑停止位',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        },
+        {
+          valueName: '检测-右窑窑门检测',
+          value: 0,
+          src: require('@/assets/images/redlight.png')
+        }
+      ],
+      swipeValArr3: [
+        {
+          valueName: 'DB_车架当前位置',
+          value: 6
+        },
+        {
+          valueName: 'MD_编码器实际值',
+          value: 5856
+        },
+        {
+          valueName: 'DB_平台当前位置_层号',
+          value: 1
+        },
+        {
+          valueName: 'DB_平台当前位置_位置号',
+          value: 0
+        },
+        {
+          valueName: 'DB_顶推当前位置',
+          value: 0
+        },
+        {
+          valueName: 'DB_模台当前位置',
+          value: -7
+        }
+      ]
     }
   },
   mounted() {
@@ -515,10 +521,23 @@ export default {
         console.log('socket已打开')
       }
       socket.onmessage = (msg) => {
-        console.log('msg', msg)
-        if (msg.data && msg.data instanceof Object) {
+        if (msg.data && msg.data !== 'jxsd-连接已建立-') {
           this.data = JSON.parse(msg.data)
-          console.log('data', this.data)
+          const itemList = this.data.readItemList.map((item, index) => {
+            if (index < 66) {
+              const src = item.value === 1 ? require('@/assets/images/greenlight.png') : require('@/assets/images/redlight.png')
+              return { ...item, src }
+            } else {
+              return item
+            }
+          })
+          this.arr1 = itemList.splice(0, 6)
+          this.arr2 = itemList.splice(0, 6)
+          this.arr3 = itemList.splice(0, 6)
+          this.swipeArr1 = itemList.splice(0, 18)
+          this.swipeArr2 = itemList.splice(0, 18)
+          this.swipeImgArr3 = itemList.splice(0, 12)
+          this.swipeValArr3 = itemList.splice(0)
         }
       }
       socket.onclose = function() {