zy-wcs.git - Gitblit

			@@ -13,6 +13,9 @@
			<script type="text/javascript" src="../static/js/common.js"></script>
			<script type="text/javascript" src="../static/vue/js/vue.min.js"></script>
			<script type="text/javascript" src="../static/vue/element/element.js"></script>
			<style>

			</style>
			</head>
			<body>
			<div id="app">
			@@ -57,15 +60,17 @@
			</div>
			</div>

			<!--输出小车-->
			<div v-for="(car,idx) in currentLevShuttleList"
			:style="{
			left: getCarPosition(car.wcsPoint.x,car.wcsPoint.y)[1]
			,top: getCarPosition(car.wcsPoint.x,car.wcsPoint.y)[0]
			,color: shuttleColorList[car.shuttleNo]
			}"
			class="sxcar" :id="'sxcar-' + car.shuttleNo">
			{{car.shuttleNo}}
			<div
			v-for="(car, idx) in currentLevShuttleList"
			:style="{
			'--x-pos': getCarPosition(car.point.x, car.point.y)[1],
			'--y-pos': getCarPosition(car.point.x, car.point.y)[0],
			color: shuttleColorList[car.shuttleNo]
			}"
			class="sxcar"
			:id="'sxcar-' + car.shuttleNo"
			>
			{{ car.shuttleNo }}
			</div>

			</div>
			@@ -78,6 +83,7 @@
			<div>
			<!-- <el-button @click="testMove()">测试移动车</el-button>-->
			<!-- <el-button @click="resetMap()">重置地图</el-button>-->
			<!-- <el-button @click="initLoc()">初始化库位</el-button>-->
			</div>
			</div>
			</div>
			@@ -333,7 +339,7 @@
			map: [],//地图数据
			currentLev: 1,//地图当前楼层
			siteWindow: false, //站点弹窗显示默认不显示
			floorList: [1, 2, 3], //当前项目楼层
			floorList: [], //当前项目楼层
			shuttleList: [], //四向穿梭车集合
			currentLevShuttleList: [],//当前楼层四向穿梭车集合
			shuttleColorList: [],//四向穿梭车颜色集合
			@@ -352,16 +358,13 @@
			},
			methods: {
			init() {
			this.ws = new WebSocket("ws://" + window.location.host + baseUrl + "/console/websocket");
			this.ws.onopen = this.webSocketOnOpen
			this.ws.onerror = this.webSocketOnError
			this.ws.onmessage = this.webSocketOnMessage
			this.ws.onclose = this.webSocketClose

			this.getMap(this.currentLev)
			this.getSystemRunningStatus() //获取系统运行状态
			this.initLev()//初始化楼层信息

			this.consoleInterval = setInterval(() => {
			this.websocketConnect()

			this.getShuttleStateInfo() //获取四向穿梭车信息
			this.getLiftStateInfo() //获取提升机信息
			this.getSiteInfo() //获取输送站点数据
			@@ -598,8 +601,8 @@
			let tmp = null
			tmp = setInterval(() => {
			if (index < res.length) {
			that.currentLevShuttleList[0].wcsPoint.y = res[index].y
			that.currentLevShuttleList[0].wcsPoint.x = res[index].x
			that.currentLevShuttleList[0].point.y = res[index].y
			that.currentLevShuttleList[0].point.x = res[index].x
			index++
			}else {
			clearInterval(tmp)
			@@ -662,6 +665,29 @@
			}
			})
			},
			initLev(){
			let that = this
			$.ajax({
			url: baseUrl + "/console/map/lev/list",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {},
			method: 'get',
			success: function(res) {
			if (res.code === 200) {
			that.floorList = res.data;
			} else if (res.code === 403) {
			parent.location.href = baseUrl + "/login";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			getCodeData(){
			this.sendWs(JSON.stringify({
			"url": "/console/barcode/output/site",
			@@ -679,10 +705,20 @@
			}
			}
			},
			websocketConnect() {
			if (this.ws == null) {
			this.ws = new WebSocket("ws://" + window.location.host + baseUrl + "/console/websocket");
			this.ws.onopen = this.webSocketOnOpen
			this.ws.onerror = this.webSocketOnError
			this.ws.onmessage = this.webSocketOnMessage
			this.ws.onclose = this.webSocketClose
			}
			},
			webSocketOnOpen(e) {
			console.log("open");
			},
			webSocketOnError(e) {
			this.ws = null;
			console.log(e);
			},
			webSocketOnMessage(e) {
			@@ -700,11 +736,16 @@
			}
			},
			webSocketClose(e) {
			this.ws = null;
			console.log("close");
			},
			sendWs(message) {
			if (this.ws == null) {
			return;
			}

			if (this.ws.readyState == WebSocket.OPEN) {
			this.ws.send(message)
			this.ws.send(message);
			}
			}
			}