zy-wcs.git - Gitblit

			@@ -1,84 +1,178 @@
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8">
			<title>自动仓库WCS系统</title>
			<link rel="stylesheet" href="../static/css/index.css">
			<link rel="stylesheet" href="../static/css/layx.min.css" type="text/css" />
			<script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
			<script src="../static/js/tools/layx.min.js"></script>
			<style>
			#layx-radiu-style{
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			-ms-border-radius:4px;
			}
			<html lang="en">

			#layx-radiu-style .layx-window-icon{
			color:#f00;
			<head>
			<meta charset="UTF-8">
			<title>任务管理</title>
			<link rel="stylesheet" href="../static/vue/element/element.css">
			<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
			<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>
			.el-table .success-row {
			background: #b6ff8e;
			}
			</style>
			</head>

			<body>
			<!-- 导航栏 -->
			<div class="sidebar">
			<div class="nav">
			<ul class="cl-effect-4">
			<li><a id="layx" onclick="news()" class="nav-unselect" href="#">通知</a></li>
			<li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li>
			<li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li>
			<li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li>
			<li><a id="ste" onclick="nav(this.id)" class="nav-unselect" href="#">穿梭车</a></li>
			</ul>
			<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
			<div style="width: 50%;">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>模拟设备</span>
			<el-button style="float: right; padding: 3px 0" type="text" @click="addDeviceVisible = true">添加设备</el-button>
			</div>

			<div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
			<div v-for="item in deviceList" style="width: 49%;margin-top: 20px">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>{{ item.deviceType }} - {{ item.deviceNo }}</span>
			<el-button style="float: right; padding: 3px 0" type="text" @click="delDevice(item)">删除设备</el-button>
			</div>

			<div>
			<div>IP: {{ item.ip }}</div>
			<div>端口: {{ item.port }}</div>
			<div>虚拟: {{ item.fake }}</div>
			<div>实现类: {{ item.threadImpl }}</div>
			</div>
			</el-card>
			</div>
			</div>
			</el-card>
			</div>


			<el-dialog title="添加模拟设备" :visible.sync="addDeviceVisible">
			<el-form :model="addDeviceParam">
			<el-form-item label="设备编号" :label-width="formLabelWidth">
			<el-input v-model="addDeviceParam.deviceNo"></el-input>
			</el-form-item>
			<el-form-item label="IP" :label-width="formLabelWidth">
			<el-input v-model="addDeviceParam.ip"></el-input>
			</el-form-item>
			<el-form-item label="端口" :label-width="formLabelWidth">
			<el-input v-model="addDeviceParam.port"></el-input>
			</el-form-item>
			<el-form-item label="实现类" :label-width="formLabelWidth">
			<el-input v-model="addDeviceParam.threadImpl"></el-input>
			</el-form-item>
			<el-form-item label="设备类型" :label-width="formLabelWidth">
			<el-input v-model="addDeviceParam.deviceType"></el-input>
			</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
			<el-button @click="addDeviceVisible = false">取消</el-button>
			<el-button type="primary" @click="addDevice">确定</el-button>
			</div>
			</el-dialog>

			</div>
			<!-- 主体内容 -->
			<iframe id="content" src="console.html"></iframe>
			<footer class="footer">
			Copyright © 2015 All Rights Reserved. 江苏睿云智能装备有限公司保留所有权利
			</footer>
			</body>
			<script>
			// 导航栏
			function nav(id) {
			$('.nav-select').attr("class", "nav-unselect");
			$('#'+id).attr("class", "nav-select");
			$('#content').attr("src", id+".html");
			}

			// 系统运行状态
			var systemRunning = true;

			news();layx.min('wcs-news');

			// http://chuange.gitee.io/vue-layx/
			function news() {
			layx.iframe('wcs-news','系统分析报告','./iframe.html',{
			shadow:false
			, width:600
			, height:800
			// , position:'rb'
			// , control:false
			, opacity:0.9
			, border:false
			// , icon:false
			, icon:'<img src="../static/images/favicon.ico" style="height:22px;display:block;" alt=""/>'
			, stickMenu:true
			, maxMenu:false
			, closeMenu:false
			, moveLimit:{
			leftOut: false,
			rightOut: false,
			topOut: false,
			bottomOut: false,
			var app = new Vue({
			el: '#app',
			data: {
			addDeviceVisible: false,
			addDeviceParam: {
			deviceNo: '',
			ip: '',
			port: '',
			threadImpl: '',
			deviceType: ''
			},
			formLabelWidth: '120px',
			deviceList: []
			},
			created() {
			this.init()
			},
			methods: {
			init() {
			setInterval(() => {
			this.getDeviceList()
			}, 100);
			},
			addDevice() {
			//添加设备
			let that = this;
			$.ajax({
			url: baseUrl + "/open/addFakeDevice",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: JSON.stringify(this.addDeviceParam),
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			console.log(res)
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			getDeviceList() {
			let that = this;
			$.ajax({
			url: baseUrl + "/open/getDeviceList",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {},
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'GET',
			success: function(res) {
			if (res.code == 200) {
			let data = res.data;
			that.deviceList = data
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			delDevice(config) {
			let that = this;
			$.ajax({
			url: baseUrl + "/open/deleteFakeDevice",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: JSON.stringify({
			deviceNo: config.deviceNo,
			deviceType: config.deviceType
			}),
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			let data = res.data;
			that.deviceList = data
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			}
			, minWidth:300
			, minHeight:300
			, borderRadius: '8px'
			// , shadeDestroy:true
			, escKey: false
			});
			}
			},
			})
			</script>
			</body>

			</html>