zy-wcs.git - Gitblit

			@@ -18,6 +18,14 @@
			opacity: 0.8;
			position: relative;
			}
			/* 分割线 */
			.header-hr {
			border-radius: 5px;
			border: 1px solid #777;
			width: 80%;
			position: absolute;
			bottom: 0;
			}
			/* 系统运行状态 */
			.system-state {
			float: left;
			@@ -38,6 +46,7 @@

			/* 状态显示 */
			.data-window {
			float: left;
			width: 70%;
			text-align: center;
			}
			@@ -45,45 +54,33 @@
			font-size: 3em;
			margin: 0;
			letter-spacing: 1px;
			}
			.crn-label, .site-label {
			display: inline-block;
			width: 15%;
			text-align: right;
			margin-bottom: 5px;
			font-size: 13px;
			}
			/* 堆垛机状态 */
			.crn-state-group {
			text-align: left;
			}
			.crn-state {
			display: inline-block;
			width: 50px;
			text-align: center;
			}
			/* 站点状态 */
			.site-state-group {
			text-align: left;
			}
			.site-state {
			display: inline-block;
			width: 50px;
			text-align: center;
			font-weight: inherit;
			}




			/* 分割线 */
			.header-hr {
			border-radius: 5px;
			border: 1px solid #777;
			width: 80%;
			/* 颜色提示 */
			.tips {
			position: absolute;
			bottom: 0;
			bottom: 5%;
			left: 10%;
			}

			.tips-item {
			margin-bottom: 0;
			font-size: 0;
			text-align: left;
			}
			.tips-item label {
			display: inline-block;
			width: 130px;
			text-align: right;
			font-size: xx-small;
			}
			.item-group {
			display: inline-block;
			}
			.item-group span {
			font-size: xx-small;
			padding: 0 10px;
			}
			</style>
			</head>
			<body>
			@@ -96,17 +93,35 @@

			<!-- 信息展示 -->
			<div class="data-window">
			<!--<h1>自动仓库 WCS 监控图</h1>-->
			<!--<!–<div class="crn-state-group">–>-->
			<!--<!–<label class="crn-label">堆垛机状态颜色:</label>–>-->
			<!--<!–<span class="crn-state" style="background-color: #21ff3a">自动</span>–>-->
			<!--<!–<span class="crn-state" style="background-color: red">异常</span>–>-->
			<!--<!–</div>–>-->
			<!--<!–<div class="site-state-group">–>-->
			<!--<!–<label class="site-label">输送设备状态颜色:</label>–>-->
			<!--<!–<span class="site-state" style="background-color: #21ff3a;">自动</span>–>-->
			<!--<!–<span class="site-state" style="background-color: red;">异常</span>–>-->
			<!--<!–</div>–>-->
			<!-- 标题 -->
			<h1>自动仓库 WCS 监控图</h1>

			<!-- 颜色提示 -->
			<div class="tips">
			<div class="tips-item">
			<label>堆垛机状态颜色: </label>
			<div class="item-group">
			<span class="machine-put">入库</span>
			<span class="machine-take">出库</span>
			<span class="machine-stock-move">库到库</span>
			<span class="machine-site-move">站到站</span>
			<span class="machine-p-move">PToP</span>
			<span class="machine-error">异常</span>
			<span class="machine-auto">自动</span>
			<span class="machine-unauto">非自动/手动</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>

			<!--分割线-->
			@@ -440,11 +455,9 @@
			</div>

			<!-- 右输送线 -->
			<input id="val" type="text">
			<button id="animate">animate</button>
			<!--<input id="val" type="text">-->
			<!--<button id="animate">animate</button>-->
			</main>


			</body>
			<script>
			var crn1Position = 0;