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