From e4b2b37953527af514a861b8adfd66f1b2c65e5e Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期三, 03 六月 2020 09:35:22 +0800
Subject: [PATCH] #
---
src/main/webapp/views/console.html | 146 ++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 128 insertions(+), 18 deletions(-)
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 41d6737..32d51a6 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -14,15 +14,31 @@
<script type="text/javascript" src="../static/js/common.js"></script>
<script type="text/javascript" src="../static/js/layer/layer.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 class="system-icon"></div>
- <span>绯荤粺杩愯涓�...</span>
+ <div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div>
+ <span id="system-run-desc">绯荤粺杩愯涓�...</span>
</div>
<!-- 淇℃伅灞曠ず -->
@@ -57,9 +73,6 @@
</div>
</div>
</div>
-
- <!--鍒嗗壊绾�-->
- <!--<hr class="header-hr">-->
</header>
<main>
@@ -399,14 +412,43 @@
<span class="row-no">1#</span>
</div>
</div>
-
- <!-- 鍙宠緭閫佺嚎 -->
- <!--<input id="val" type="text">-->
- <!--<button id="animate">animate</button>-->
</main>
+
+<!-- 寮圭獥 -->
+<!-- 杈撻�佽澶囧脊绐� -->
+<div id="siteWindow" style="display: none">
+ <form>
+ <label>璁惧鍙�<input type="text" name="devpNo" value="12" disabled="disabled"></label>
+ <label>宸ヤ綔鍙�<input type="text" name="workNo" value="9998" disabled="disabled"></label>
+ <label>宸ヤ綔鐘舵��<input type="text" name="workStatus" value="2.璁惧涓婄Щ鍔�" disabled="disabled"></label>
+ <label>鑷姩<input type="checkbox" name="auto" disabled="disabled" checked></label>
+ <label>鏈夌墿<input type="checkbox" name="loading" disabled="disabled" checked></label>
+ <label>鑳藉叆<input type="checkbox" name="canining" disabled="disabled" checked></label>
+ <label>鑳藉嚭<input type="checkbox" name="canouting" disabled="disabled" checked></label>
+ <label>鍑哄叆绫诲瀷<input type="text" name="ioType" value="1.鍏ュ簱" disabled="disabled"></label>
+ <label>婧愮珯<input type="text" name="sourceStaNo" value="2303" disabled="disabled"></label>
+ <label>鐩爣绔�<input type="text" name="staNo" value="2410" disabled="disabled"></label>
+ <label>婧愬簱浣�<input type="text" name="sourceStock" value="" disabled="disabled"></label>
+ <label>鐩爣搴撲綅<input type="text" name="stock" value="" disabled="disabled"></label>
+ </form>
+</div>
+<!-- 鍫嗗灈鏈哄脊绐� -->
+<div id="crnWindow" style="display: none">
+ <label>鍫嗗灈鏈哄彿<input type="text" name="crnNo" value="12" disabled="disabled"></label>
+ <label>宸ヤ綔鍙�<input type="text" name="workNo" value="9998" disabled="disabled"></label>
+ <label>婧愮珯<input type="text" name="sourceStaNo" value="2303" disabled="disabled"></label>
+ <label>鐩爣绔�<input type="text" name="staNo" value="2410" disabled="disabled"></label>
+ <label>宸ヤ綔鐘舵��<input type="text" name="workStatus" value="2.璁惧涓婄Щ鍔�" disabled="disabled"></label>
+ <label>鍑哄叆绫诲瀷<input type="text" name="ioType" value="1.鍏ュ簱" disabled="disabled"></label>
+ <label>婧愬簱浣�<input type="text" name="sourceStock" value="" disabled="disabled"></label>
+ <label>鐩爣搴撲綅<input type="text" name="stock" value="" disabled="disabled"></label>
+ <label>鍫嗗灈鏈虹姸鎬�<input type="text" name="crnStatus" disabled="disabled"></label>
+ <label>寮傚父<input type="text" name="error" disabled="disabled" checked></label>
+</div>
+
</body>
<script>
-
+ var systemRunning = true;
var crn1Position = 0;
var crn2Position = 0;
// 鍒濆鍖�
@@ -414,9 +456,58 @@
getCrnInfo();
// 瀹炴椂璁块棶
setInterval(function () {
- getSitesInfo();
getCrnInfo();
}, 500);
+ setInterval(function () {
+ getSitesInfo();
+ }, 3000);
+
+ // 绯荤粺杩愯寮�鍏�
+ function systemSwitch() {
+ if (systemRunning){
+ layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1}, function(pass, idx){
+ layer.close(idx);
+ if ("123"!==pass){
+ alert("鍙d护閿欒");
+ return;
+ }
+ var index = null;
+ index = layer.load(1, {
+ shade: [0.1,'#fff']
+ });
+ setTimeout(function () {
+ if (systemRunning){
+ $('#system-icon').attr("class", "system-icon-close");
+ $('#system-run-desc').html("绯荤粺宸插仠姝�!");
+ systemRunning = false;
+ } else {
+ $('#system-icon').attr("class", "system-icon-open");
+ $('#system-run-desc').html("绯荤粺杩愯涓�...");
+ systemRunning = true;
+ }
+ layer.close(index);
+ }, 2000);
+ });
+
+ } else {
+ var index = null;
+ index = layer.load(1, {
+ shade: [0.1,'#fff']
+ });
+ setTimeout(function () {
+ if (systemRunning){
+ $('#system-icon').attr("class", "system-icon-close");
+ $('#system-run-desc').html("绯荤粺宸插仠姝�!");
+ systemRunning = false;
+ } else {
+ $('#system-icon').attr("class", "system-icon-open");
+ $('#system-run-desc').html("绯荤粺杩愯涓�...");
+ systemRunning = true;
+ }
+ layer.close(index);
+ }, 2000);
+ }
+ }
// 杈撻�佽澶囧疄鏃舵暟鎹幏鍙�
function getSitesInfo(){
@@ -448,7 +539,6 @@
success: function (res) {
if (res.code === 200){
var crns = res.data;
- console.log(crns);
for (var i = 0; i < crns.length; i++){
crnAnimate(crns[i].crnId, crns[i].offset);
}
@@ -495,16 +585,36 @@
}
}
+ // 椤甸潰鐐瑰嚮浜嬩欢鐩戝惉 ---------------------------------------------------------
- $('.item').on('click', function () {
+ // 杈撻�佽澶囩偣鍑讳簨浠�
+ $('.site').on('click', function () {
layer.open({
+ title: "1204绔欑偣淇℃伅",
+ closeBtn: 0,
+ skin: 'layui-layer-lan',
+ offset: '180px',
type: 1,
- shadeClose: true, //鐐瑰嚮閬僵鍏抽棴灞�
- content: 'text'
+ shadeClose: true,
+ content: $('#siteWindow'),
+ area: ['30rem', '18rem'],
+ btn: ['纭畾', '鍏抽棴']
});
});
- $('#animate').click(function () {
- crnAnimate(1, $('#val').val());
+
+ // 鍫嗗灈鏈虹偣鍑讳簨浠�
+ $('.machine').on('click', function () {
+ layer.open({
+ title: "1鍙峰爢鍨涙満",
+ skin: 'layui-layer-lan',
+ closeBtn: 0,
+ type: 1,
+ offset: '180px',
+ shadeClose: true,
+ content: $("#crnWindow"),
+ area: ['30rem', '18rem'],
+ btn: ['纭畾', '鍏抽棴']
+ });
});
</script>
--
Gitblit v1.9.1