bind data

This commit is contained in:
龚祖望 2022-11-15 14:57:08 +08:00
parent ae6fa9e289
commit adaf806256
1 changed files with 393 additions and 374 deletions

View File

@ -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() {