zy-wcs.git - Gitblit

			@@ -1,112 +1,29 @@
			<!DOCTYPE html>
			<html lang="en">
			<!--5层 28列 1120库位-->
			<html>
			<head>
			<meta charset="UTF-8">
			<meta charset="utf-8">
			<title>WCS控制中心</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
			<!--<link rel="stylesheet" type="text/css" href="../static/css/common.css">-->
			<link rel="stylesheet" href="../static/css/console.css">
			<link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
			<link rel="stylesheet" type="text/css" href="../static/css/common.css">
			<link rel="stylesheet" type="text/css" href="../static/css/console.css">
			<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
			<script type="text/javascript" src="../static/js/layer/layer.js"></script>



			<script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
			<script src="../static/js/layer/layer.js"></script>
			<script type="text/javascript" src="../static/js/common.js"></script>
			<style>
			/* layer 深蓝色按钮修改 */
			/.layui-layer-lan .layui-layer-btn {/
			/border-top: none;/
			/}/
			.layui-layer-lan .layui-layer-btn a {
			background: #4476A7;
			border-color: #4476A7;
			color: #fff;
			}
			.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
			background: #fff;
			color: #333;
			border-color: #E9E7E7;
			}
			.layui-layer-lan .layui-layer-btn .layui-layer-btn1:hover {
			background-color: #f7f7f7;
			}
			</style>

			</head>
			<body>
			<header>
			<!-- 系统运行状态 -->
			<div class="system-state">
			<div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div>
			<span id="system-run-desc">系统运行中...</span>
			<div id="root">
			<div class="head">
			<h1>自动仓库WCS监控图</h1>
			<h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
			</div>

			<!-- 信息展示 -->
			<div class="data-window">
			<!-- 标题 -->
			<h1>自动仓库 WCS 监控图</h1>

			<!-- 颜色提示 -->
			<div class="tips">
			<div class="tips-item">
			<label>堆垛机状态颜色: </label>
			<div class="item-group">
			<span class="machine-put-flag">入库</span>
			<span class="machine-take-flag">出库</span>
			<span class="machine-stock-move-flag">库到库</span>
			<span class="machine-site-move-flag">站到站</span>
			<span class="machine-p-move-flag">PToP</span>
			<span class="machine-error-flag">异常</span>
			<span class="machine-auto-flag">自动</span>
			<span class="machine-unauto-flag">非自动/手动</span>
			</div>
			</div>
			<div class="tips-item">
			<label>输送设备状态颜色: </label>
			<div class="item-group">
			<span class="site-auto-run-id">自动+有物+ID</span>
			<span class="site-auto-run">自动+有物</span>
			<span class="site-auto-id">自动+ID</span>
			<span class="site-auto">自动</span>
			<span class="site-unauto">非自动/手动</span>
			</div>
			</div>
			</div>
			</div>
			</header>
			<main>

			<!----------- 工具栏 ---------->
			<!-- 入库口 -->
			<div class="cargo-put-0"></div>
			<div class="cargo-put-1"></div>
			<!-- 扫码器 -->
			<div id="code-decoder-1" class="code-decoder">
			<span id="code-decoder-data-1" class="code-decoder-data">0</span>
			</div>
			<!-- 磅秤 -->
			<div class="scale" id="scale-1">
			<!-- <button id="scale-data-1">磅秤</button>-->
			</div>


			<!----------- 左输送线 ---------->
			<!-- 第0列（宽度 100px）-->
			<!-- <div class="site-row site-row-0">-->
			<!-- <div id="site-110" class="site" style="height: 20px;line-height: 20px;">110</div>-->
			<!-- <div id="site-109" class="site" style="height: 20px;line-height: 20px;">109</div>-->
			<!-- <div id="site-108" class="site" style="height: 22px;line-height: 22px;width: 160px">108</div>-->
			<!-- <div id="site-112" class="site" style="height: 22px;line-height: 22px;width: 160px">112</div>-->
			<!-- <div id="site-113" class="site" style="height: 20px;line-height: 20px">113</div>-->
			<!-- <div id="site-114" class="site" style="height: 20px;line-height: 20px">114</div>-->
			<!-- </div>-->

			<!-- 第1列（宽度 70px） -->
			<div class="site-row site-row-1">
			<div id="site-173" class="site" style="height: 20px;line-height: 20px;margin-bottom: 85px">173</div>

			</div>

			<!-- 第2列（宽度 70px）-->
			<div class="site-row site-row-2">
			<div id="site-175" class="site" style="height: 20px;line-height: 20px;">175</div>
			@@ -114,20 +31,17 @@
			<div id="site-172" class="site" style="height: 20px;line-height: 20px;margin-bottom: 245px">172</div>
			<div id="site-182" class="site" style="height: 20px;line-height: 20px;">182</div>
			</div>

			<!-- 第3列（宽度 70px） -->
			<div class="site-row site-row-3">
			<div id="site-171" class="site" style="height: 20px;line-height: 20px;margin-bottom: 245px; ">171</div>
			<div id="site-181" class="site" style="height: 20px;line-height: 20px;margin-bottom: 44px; ">181</div>
			</div>

			<!-- 第4列（宽度 70px 140px） -->
			<div class="site-row site-row-4">
			<div id="site-176" class="site" style="height: 20px;line-height: 20px;width:140px;margin-bottom: 21px">176</div>
			<div id="site-170" class="site" style="height: 20px;line-height: 20px;width:70px;margin-bottom: 245px;position: relative;float: right">170</div>
			<div id="site-180" class="site" style="height: 20px;line-height: 20px;width:70px;position: relative;clear:right;float: right">180</div>
			</div>

			<!-- <!– 第5列（宽度 70px） –>-->
			<div class="site-row site-row-5">
			<div id="site-163" class="site" style="height: 31px;line-height: 31px">163</div>
			@@ -145,7 +59,6 @@
			<div id="site-151" class="site" style="height: 31px;line-height: 31px">151</div>
			<div id="site-150" class="site" style="height: 31px;line-height: 31px">150</div>
			</div>

			<!-- <!– 第6列（宽度 70px） –>-->
			<div class="site-row site-row-6">
			<div id="site-120" class="site" style="height: 31px;line-height: 31px">120(8888)</div>
			@@ -162,17 +75,15 @@
			<div id="site-131" class="site" style="height: 70px;line-height: 71px">131</div>
			<div id="site-132" class="site" style="height: 31px;line-height: 31px">132</div>
			<div id="site-133" class="site" style="height: 31px;line-height: 31px">133</div>

			</div>

			<!-- 货架 + 堆垛机 + 入库站点 + 出库站点 -->
			<!-- 货架 + 堆垛机 + 入库站点 -->
			<div class="main-part">
			<!--第一组-->
			<div class="lane">
			<span class="row-no"></span>
			<!-- 货架 -->
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color: rgb(108,167,168) "></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -295,7 +206,7 @@
			<span class="row-no">3#</span>
			</div>
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color: rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -339,7 +250,7 @@
			<span class="row-no"></span>
			<!-- 货架 -->
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color: rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -462,7 +373,7 @@
			<span class="row-no">7#</span>
			</div>
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color: rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -506,7 +417,7 @@
			<span class="row-no"></span>
			<!-- 货架 -->
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color: rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -629,7 +540,7 @@
			<span class="row-no">11#</span>
			</div>
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color:rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -673,7 +584,7 @@
			<span class="row-no"></span>
			<!-- 货架 -->
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color:rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -796,7 +707,7 @@
			<span class="row-no">15#</span>
			</div>
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color:rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -840,7 +751,7 @@
			<span class="row-no"></span>
			<!-- 货架 -->
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color:rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -963,7 +874,7 @@
			<span class="row-no">19#</span>
			</div>
			<div class="stock-group">
			<div class="site" style="background-color: white"></div>
			<div class="site" style="background-color:rgb(108,167,168)"></div>
			<button class="item">2</button>
			<button class="item">4</button>
			<button class="item">6</button>
			@@ -1003,213 +914,305 @@
			</div>
			</div>
			</div>
			</main>

			<!-- 弹窗 -->
			<!-- 输送设备弹窗 -->
			<div id="siteWindow" style="display: none">
			<form>
			<!-- 第一行 -->
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>设备号</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="siteId" value="" disabled="disabled" style="width: 4rem">
			<div id="body">
			<!-- 总开关 -->
			<div class="system-state">
			<div class="body-head">总开关</div>
			<div class="switch">
			<div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div>
			<div class="switch_r">
			<p>系统状态</p>
			<p id="system-run-desc">系统运行中</p>
			</div>
			</div>
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>工作号</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="workNo" value="" disabled="disabled" style="width: 4rem">
			</div>
			</div>
			<div class="form-item" style="width: 45%">
			<div class="form-item-label">
			<span>工作状态</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="wrkSts" value="" disabled="disabled" style="width: 10rem">
			</div>
			</div>

			<!-- 第二行 -->
			<div class="form-item" style="width: 20%">
			<div class="form-item-label">
			<!-- 堆垛机状态 -->
			<div class="machine-status">
			<div class="body-head">堆垛机状态</div>
			<div class="state">
			<span>堆垛机 1</span>
			<span>自动</span>
			</div>
			<div class="state">
			<span>堆垛机 2</span>
			<span>自动</span>

			</div>
			<div class="button"><span>所有状态</span></div>
			<div class="button item-group">
			<span class="machine-put-flag">入库</span>
			<span class="machine-take-flag">出库</span>
			<span class="machine-stock-move-flag">库到库</span>
			<span class="machine-site-move-flag">站到站</span>
			<span class="machine-p-move-flag">PToP</span>
			<span class="machine-error-flag">异常</span>
			<span class="machine-auto-flag">自动</span>
			<span class="machine-unauto-flag">非自动/手动</span>
			</div>
			</div>
			<div class="line-status">
			<div class="body-head">输送线状态</div>
			<div class="state states">
			<span>运输线总数</span>
			<span>45</span>
			</div>
			<div class="button"><span>所有状态</span></div>
			<div class="button item-group">
			<span class="site-auto-run-id">自动+有物+ID</span>
			<span class="site-auto-run">自动+有物</span>
			<span class="site-auto-id">自动+ID</span>
			<span class="site-auto">自动</span>
			<span class="site-unauto">非自动/手动</span>
			</div>
			</div>
			<div class="bar-code">
			<div class="body-head" id="code">条码扫描器</div>
			</div>
			</div>
			<!-- 堆垛机弹窗 -->
			<div id="crnWindow" style="display: none;">
			<div id="crnWindow-head">
			<div class='detailed'></div>
			<button></button>
			</div>
			<form>
			<!-- 堆垛机号 -->
			<div class="form-item">
			<div class="form-item-label" style>
			<span>堆垛机号：</span>
			</div>
			<div class="form-item-input">
			<input type="checkbox" name="autoing" disabled="disabled" style="width: 1rem">
			<input type="text" name="crnNo">
			</div>
			</div>
			<div class="form-item" style="width: 20%">
			<!-- 工作号 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>工作号：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="workNo">
			</div>
			</div>
			<!-- 站源 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>站源：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceStaNo">
			</div>
			</div>
			<!-- 目标站 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>目标站：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="staNo">
			</div>
			</div>
			<!-- 工作状态 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>工作状态：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="wrkSts">
			</div>
			</div>
			<!-- 出入类型 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>出入类型：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="ioType">
			</div>
			</div>
			<!-- 源库位 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>源库位：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceLocNo">
			</div>
			</div>
			<!-- 目标库位 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>目标库位：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="locNo">
			</div>
			</div>
			<!-- 堆垛机状态 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>堆垛机状态：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="crnStatus">
			</div>
			</div>
			<!-- 异常 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>异常：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="error">
			</div>
			</div>
			</form>
			</div>
			<!-- 输送设备弹窗 -->
			<div id="siteWindow" style="display: none;">
			<!-- 表头 -->
			<div id="siteWindow-head">
			<div class='detailed'></div>
			<button></button>
			</div>
			<form>
			<!-- 设备号 -->
			<div class="form-item" >
			<div class="form-item-label">
			<span>设备号：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="siteId">
			</div>
			</div>
			<!-- 工作号 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>工作号：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="workNo">
			</div>
			</div>
			<!-- 工作状态 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>工作状态：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="wrkSts">
			</div>
			</div>
			<!-- 自动 -->
			<div class="form-item-checkbox">
			<div class="form-item-label-checkbox">
			<span>自动</span>
			</div>
			<div class="form-item-input-checkbox">
			<input type="checkbox" name="autoing">
			</div>
			</div>
			<!-- 有物 -->
			<div class="form-item-checkbox">
			<div class="form-item-label-checkbox">
			<span>有物</span>
			</div>
			<div class="form-item-input">
			<input type="checkbox" name="loading" disabled="disabled" style="width: 1rem">
			<div class="form-item-input-checkbox">
			<input type="checkbox" name="loading">
			</div>
			</div>
			<div class="form-item" style="width: 20%">
			<div class="form-item-label">
			<!-- 能入 -->
			<div class="form-item-checkbox">
			<div class="form-item-label-checkbox">
			<span>能入</span>
			</div>
			<div class="form-item-input">
			<input type="checkbox" name="canining" disabled="disabled" style="width: 1rem">
			<div class="form-item-input-checkbox">
			<input type="checkbox" name="canining">
			</div>
			</div>
			<div class="form-item" style="width: 20%">
			<div class="form-item-label">
			<!-- 能出 -->
			<div class="form-item-checkbox">
			<div class="form-item-label-checkbox">
			<span>能出</span>
			</div>
			<div class="form-item-input-checkbox">
			<input type="checkbox" name="canouting">
			</div>
			</div>
			<!-- 出入类型 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>出入类型：</span>
			</div>
			<div class="form-item-input">
			<input type="checkbox" name="canouting" disabled="disabled" style="width: 1rem">
			<input type="text" name="ioType">
			</div>
			</div>
			<!-- 源站 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>源站：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceStaNo">
			</div>
			</div>
			<!-- 目标站 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>目标站：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="staNo">
			</div>
			</div>
			<!-- 源库位 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>源库位：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceLocNo">
			</div>
			</div>
			<!-- 目标库位 -->
			<div class="form-item">
			<div class="form-item-label">
			<span>目标库位：</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="locNo">
			</div>
			</div>

			<!-- 第三行 -->
			<div class="form-item" style="width: 40%">
			<div class="form-item-label">
			<span>出入类型</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="ioType" value="" disabled="disabled" style="width: 8rem">
			</div>
			</div>
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>源站</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceStaNo" value="" disabled="disabled" style="width: 4rem">
			</div>
			</div>
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>目标站</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="staNo" value="" disabled="disabled" style="width: 4rem">
			</div>
			</div>

			<!-- 第四行 -->
			<div class="form-item" style="width: 40%">
			<div class="form-item-label">
			<span>源库位</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceLocNo" value="" disabled="disabled" style="width: 8rem">
			</div>
			</div>
			<div class="form-item" style="width: 40%">
			<div class="form-item-label">
			<span>目标库位</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="locNo" value="" disabled="disabled" style="width: 8rem">
			</div>
			</div>
			</form>
			</div>

			<!-- 堆垛机弹窗 -->
			<div id="crnWindow" style="display: none">
			<form>
			<!-- 第一行 -->
			<div class="form-item" style="width: 23%">
			<div class="form-item-label" style="width: 87px">
			<span>堆垛机号</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="crnNo" value="" disabled="disabled" style="width: 3rem">
			</div>
			</div>
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>工作号</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="workNo" value="" disabled="disabled" style="width: 5rem">
			</div>
			</div>
			<div class="form-item" style="width: 23%">
			<div class="form-item-label">
			<span>源站</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceStaNo" value="" disabled="disabled" style="width: 4rem">
			</div>
			</div>
			<div class="form-item" style="width: 25%">
			<div class="form-item-label">
			<span>目标站</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="staNo" value="" disabled="disabled" style="width: 4rem">
			</div>
			</div>

			<!-- 第二行 -->
			<div class="form-item" style="width: 45%">
			<div class="form-item-label" style="width: 87px">
			<span>工作状态</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="wrkSts" value="" disabled="disabled" style="width: 10rem">
			</div>
			</div>
			<div class="form-item" style="width: 45%">
			<div class="form-item-label">
			<span>出入类型</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="ioType" value="" disabled="disabled" style="width: 10rem">
			</div>
			</div>

			<!-- 第三行 -->
			<div class="form-item" style="width: 45%">
			<div class="form-item-label" style="width: 87px">
			<span>源库位</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="sourceLocNo" value="" disabled="disabled" style="width: 10rem">
			</div>
			</div>
			<div class="form-item" style="width: 45%">
			<div class="form-item-label">
			<span>目标库位</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="locNo" value="" disabled="disabled" style="width: 10rem">
			</div>
			</div>

			<!-- 第四行 -->
			<div class="form-item" style="width: 95%">
			<div class="form-item-label">
			<span>堆垛机状态</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="crnStatus" disabled="disabled" style="width: 25rem">
			</div>
			</div>
			<div class="form-item" style="width: 95%">
			<div class="form-item-label" style="width: 87px">
			<span>异常</span>
			</div>
			<div class="form-item-input">
			<input type="text" name="error" disabled="disabled" style="width: 25rem">
			</div>
			</div>
			</form>
			</div>

			</body>
			<script>
			</html>
			<script type="text/javascript">
			// // 弹窗站点信息
			// $('.site').on('click',function(){
			// var id = this.id.split("-")[1];
			// $("#siteWindow").attr("style","display:block;");//显示div
			// $(".detailed").empty();
			// $('.detailed').append(id+'站点详细信息');
			// });
			// // 堆垛机信息
			// $('.machine').on('click',function(){
			// var id = this.id.split("-")[1];
			// $("#crnWindow").attr('style','display:block;');
			// $('.detailed').empty();
			// $('.detailed').append(id+'号堆垛机');
			// })
			// // 弹窗关闭
			// $('button').on('click',function(){
			// $('#siteWindow').attr('style','display:none')
			// $('#crnWindow').attr('style','display:none')
			// })
			var crn1Position = 0;
			var crn2Position = 0;
			// 初始化
			@@ -1257,6 +1260,7 @@
			},
			method: 'POST',
			success: function (res) {
			console.log(res)
			layer.close(index);
			if (res.code === 200){
			if (res.data.status) {
			@@ -1516,5 +1520,6 @@
			$("#site-" + id).animate({top: targetTop+'px'}, 1000);
			}



			</script>
			</html>