From 78f453c10dfb7856c3da390aa8a3912eed2eac25 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期一, 11 七月 2022 11:11:12 +0800
Subject: [PATCH] # ycq

---
 /dev/null                                |   61 -
 src/main/webapp/views/console-old.html   | 1229 +++++++++++++++++++++++
 src/main/webapp/views/console.html       | 1204 ++++++----------------
 src/main/webapp/views/index.html         |    4 
 src/main/webapp/static/js/console.js     |  145 ++
 src/main/webapp/static/js/console.map.js |  515 +++++++++
 6 files changed, 2,247 insertions(+), 911 deletions(-)

diff --git a/src/main/webapp/static/js/console.js b/src/main/webapp/static/js/console.js
new file mode 100644
index 0000000..7ddda45
--- /dev/null
+++ b/src/main/webapp/static/js/console.js
@@ -0,0 +1,145 @@
+// 搴撲綅鍥�
+let total = [],
+    rack = '',
+    racks = '',
+    rackDesc = '',
+    rackDescs = '',
+    crn = '',
+    crns = '',
+    track = '',
+    tracks = '',
+    stn = '',
+    stns = '',
+    stnArr = [],
+    floorBtn = '',
+    floorBtns = '',
+    floorBtnss = '',
+    floorInfo='';  // 搴撳尯淇℃伅
+let rackss = mapInfo.racks,
+    rackDescss = mapInfo.rackDescs,
+    crnss = mapInfo.crns,
+    areas = mapInfo.areas[0].floors,
+    floorId;
+function getMap() {
+    // 璐ф灦
+    for (let i = 0;i < rackss.length;i++) {
+        let bay ='' // 鍗曚釜搴撲綅
+        let bays = '' // 搴撲綅闆嗗悎
+        let bayWidth = rackss[i].width / (rackss[i].maxBayNo / rackss[i].minBayNo)
+        console.log(bayWidth)
+        let maxBayNo = rackss[i].maxBayNo // 鏈�澶у簱浣嶅彿
+        let minBayNo = rackss[i].minBayNo // 鏈�灏忓簱浣嶅彿
+        let bLen = maxBayNo / minBayNo // 搴撲綅涓暟
+        let bNum // 搴撲綅鍙风爜
+        // hpPosition 0 琛ㄧず璐ф灦搴忓彿 宸�->鍙� 1 琛ㄧず璐ф灦搴忓彿 鍙�->宸�
+        if (mapInfo.hpPosition == 1) {
+            bNum = maxBayNo
+            for (let j = bLen; j > 0; j--) {
+                bay = "<button class='item' style='width: "+ bayWidth +"px'>" + bNum + "</button>"
+                bays = bays + bay
+                bNum = bNum - minBayNo;
+            }
+        }else {
+            bNum = minBayNo
+            for (let j = 0; j < bLen; j++) {
+
+                bay = "<button class='item' style='width: "+ bayWidth +"px'>" + bNum + "</button>"
+                bays = bays + bay
+                bNum = bNum + minBayNo;
+            }
+        }
+
+        rack = "<div class='rack' id='" + rackss[i].id +
+            "'style='width:"+ rackss[i].width +
+            "px;height: "+ rackss[i].height+
+            "px;top: "+ rackss[i].top +
+            "px;left: "+ rackss[i].left +
+            "px'>" + bays + "</div>"
+        racks = racks + rack
+        // getCrnInfo(minBayNo);
+    }
+    // 璐ф灦鎻忚堪
+    for (let i = 0;i < rackDescss.length;i++) {
+        rackDesc = "<div class='rackDescs' id='" + rackDescss[i].id +
+            "'style='width:"+ rackDescss[i].width +
+            "px;height: "+ rackDescss[i].height+
+            "px;line-height: "+ rackDescss[i].height+
+            "px;top: "+ rackDescss[i].top +
+            "px;left: "+ rackDescss[i].left +
+            "px'>" + rackDescss[i].text + "</div>"
+        rackDescs = rackDescs + rackDesc
+    }
+    // 鍫嗗灈鏈哄拰鍦拌建
+    for (let i = 0;i < crnss.length;i++) {
+        if (crnss[i].type == "crane") {
+            crn = "<div class='machine' id='" + crnss[i].id +
+                "'style='width:"+ crnss[i].width +
+                "px;height: "+ crnss[i].height+
+                "px;top: "+ crnss[i].top +
+                "px;left: "+ crnss[i].left +
+                "px'></div>"
+            crns = crns + crn
+        } else {
+            track = "<div class='track' id='" + crnss[i].id +
+                "'style='width:"+ crnss[i].width +
+                "px;height: "+ crnss[i].height+
+                "px;top: "+ crnss[i].top +
+                "px;left: "+ crnss[i].left +
+                "px'>" + crnss[i].text + "</div>"
+            tracks = tracks + track
+        }
+    }
+    // 妤煎眰
+    for (let i = 0; i < areas.length;i++) {
+        let stnss = areas[i].stns
+        let floor = areas[i].text
+        floorId = areas[i].id
+        var position = (i+1)*100
+        floorBtn =
+            "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>"
+        floorBtnss =  floorBtnss + floorBtn
+        // 姣忓眰鐨� 杈撻�佺嚎绔欑偣
+        var index = i
+        var n = 1
+        stnArr[index] = ''
+        total[index] = ''
+        for (let j = 0; j < stnss.length; j++) {
+            if (stnss[j].type == "stn") {
+                stn = "<div class='site' id='" + stnss[j].id +
+                    "'style='width:"+ stnss[j].width +
+                    "px;height: "+ stnss[j].height+
+                    "px;line-height: "+ stnss[j].height+
+                    "px;top: "+ stnss[j].top +
+                    "px;left: "+ stnss[j].left +
+                    "px'>" + stnss[j].text + "</div>"
+                stnArr[i] = stnArr[i] + stn
+                total[i] = n++
+            } else if(stnss[j].type == "track"){
+                stn = "<div class='track' id='" + stnss[j].id +
+                    "'style='width:"+ stnss[j].width +
+                    "px;height: "+ stnss[j].height+
+                    "px;line-height: "+ stnss[j].height+
+                    "px;top: "+ stnss[j].top +
+                    "px;left: "+ stnss[j].left +
+                    "px'>" + stnss[j].text  + "</div>"
+                stnArr[i] = stnArr[i] + stn
+            }
+
+        }
+
+    }
+    floorInfo = racks + rackDescs + tracks + crns + stnArr[0] + floorBtnss
+
+    $(".main-part").append(floorInfo)
+    $("#line-total").html(total[0])
+    listenChange();
+
+}
+function changFloor(e) {
+    $(".main-part").empty()  // 娓呯┖鑺傜偣
+    floorInfo = racks  + stnArr[e] +rackDescs + crns + tracks + floorBtnss
+    $(".main-part").append(floorInfo)
+    $("#line-total").empty()
+    $("#line-total").html(total[e])
+    listenChange();
+}
\ No newline at end of file
diff --git a/src/main/webapp/static/js/console.map.js b/src/main/webapp/static/js/console.map.js
new file mode 100644
index 0000000..0029fa1
--- /dev/null
+++ b/src/main/webapp/static/js/console.map.js
@@ -0,0 +1,515 @@
+mapInfo = {
+    "mapName": "HYLYWCS",
+    "rackCount": 12,
+    "crnCount": 3,
+    "stbCount": 16,
+    "hpPosition": 0,
+    "minBayNo": 2,
+    "floors": 1,
+    "racks": [{
+        "type": "rack",
+        "id": "rack12",
+        "top": 484,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack11",
+        "top": 458,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack10",
+        "top": 399,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack9",
+        "top": 373,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack8",
+        "top": 344,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack7",
+        "top": 318,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack6",
+        "top": 263,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack5",
+        "top": 237,
+        "left": 430,
+        "width": 1088,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack3",
+        "top": 180,
+        "left": 430,
+        "width": 1020,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 30
+    }, {
+        "type": "rack",
+        "id": "rack1",
+        "top": 97,
+        "left": 430,
+        "width": 1020,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 30
+    }, {
+        "type": "rack",
+        "id": "rack4",
+        "top": 207,
+        "left": 430,
+        "width": 1020,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 30
+    }, {
+        "type": "rack",
+        "id": "rack2",
+        "top": 123,
+        "left": 430,
+        "width": 1020,
+        "height": 24,
+        "minBayNo": 1,
+        "maxBayNo": 30
+    }],
+    "rackDescs": [{
+        "type": "rackDescs",
+        "id": "lb_desc12",
+        "text": "#12",
+        "top": 485,
+        "left": 1530,
+        "width": 41,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc11",
+        "text": "#11",
+        "top": 460,
+        "left": 1530,
+        "width": 38,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc10",
+        "text": "#10",
+        "top": 399,
+        "left": 1530,
+        "width": 42,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc9",
+        "text": "#9",
+        "top": 375,
+        "left": 1530,
+        "width": 33,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc8",
+        "text": "#8",
+        "top": 349,
+        "left": 1530,
+        "width": 33,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc7",
+        "text": "#7",
+        "top": 321,
+        "left": 1530,
+        "width": 32,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc6",
+        "text": "#6",
+        "top": 264,
+        "left": 1530,
+        "width": 33,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc5",
+        "text": "#5",
+        "top": 235,
+        "left": 1530,
+        "width": 32,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc4",
+        "text": "#4",
+        "top": 206,
+        "left": 1460,
+        "width": 33,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc3",
+        "text": "#3",
+        "top": 179,
+        "left": 1460,
+        "width": 32,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc2",
+        "text": "#2",
+        "top": 123,
+        "left": 1460,
+        "width": 33,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc1",
+        "text": "#1",
+        "top": 95,
+        "left": 1460,
+        "width": 30,
+        "height": 23
+    }],
+    "crns": [{
+        "type": "crane",
+        "id": "crn-1",
+        "text": "1",
+        "top": 153,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "crane",
+        "id": "crn-2",
+        "text": "2",
+        "top": 291,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "crane",
+        "id": "crn-3",
+        "text": "3",
+        "top": 428,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "track",
+        "id": "lb_track2",
+        "text": "",
+        "top": 300,
+        "left": 359,
+        "width": 1066,
+        "height": 2
+    }, {
+        "type": "track",
+        "id": "lb_track3",
+        "text": "",
+        "top": 438,
+        "left": 359,
+        "width": 1200,
+        "height": 2
+    }, {
+        "type": "track",
+        "id": "lb_track1",
+        "text": "",
+        "top": 164,
+        "left": 315,
+        "width": 1112,
+        "height": 2
+    }],
+    "stns": [{
+        "type": "stn",
+        "id": "site-306",
+        "text": "306",
+        "top": 458,
+        "left": 211,
+        "width": 66,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-303",
+        "text": "303",
+        "top": 399,
+        "left": 211,
+        "width": 66,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-304",
+        "text": "304",
+        "top": 458,
+        "left": 345,
+        "width": 66,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-305",
+        "text": "305",
+        "top": 458,
+        "left": 278,
+        "width": 66,
+        "height": 24
+    },{
+        "type": "stn",
+        "id": "site-202",
+        "text": "202",
+        "top": 262,
+        "left": 202,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-302",
+        "text": "302",
+        "top": 399,
+        "left": 278,
+        "width": 66,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-203",
+        "text": "203",
+        "top": 318,
+        "left": 303,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-204",
+        "text": "204",
+        "top": 318,
+        "left": 202,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-201",
+        "text": "201",
+        "top": 262,
+        "left": 303,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-103",
+        "text": "103",
+        "top": 101,
+        "left": 327,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-101",
+        "text": "101",
+        "top": 124,
+        "left": 327,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-301",
+        "text": "301",
+        "top": 399,
+        "left": 345,
+        "width": 66,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-102",
+        "text": "102",
+        "top": 122,
+        "left": 154,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-104",
+        "text": "104",
+        "top": 181,
+        "left": 225,
+        "width": 100,
+        "height": 24
+    }],
+    "areas": [
+        {
+            "type": "Control_floor",
+            "id": "tabControl_floor1",
+            "text": "妤煎眰",
+            "top": 286,
+            "left": 22,
+            "width": 302,
+            "height": 403,
+            "floors": [
+                {
+                    "type": "floor",
+                    "id": "page_floor1",
+                    "text": "1F",
+                    "top": 4,
+                    "left": 22,
+                    "width": 276,
+                    "height": 395,
+                    "stns": [
+                        {
+                            "type": "stn",
+                            "id": "site-306",
+                            "text": "306",
+                            "top": 458,
+                            "left": 225,
+                            "width": 66,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-303",
+                            "text": "303",
+                            "top": 399,
+                            "left": 225,
+                            "width": 66,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-304",
+                            "text": "304",
+                            "top": 458,
+                            "left": 360,
+                            "width": 66,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-305",
+                            "text": "305",
+                            "top": 458,
+                            "left": 293,
+                            "width": 66,
+                            "height": 24
+                        },{
+                            "type": "stn",
+                            "id": "site-202",
+                            "text": "202",
+                            "top": 264,
+                            "left": 225,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-302",
+                            "text": "302",
+                            "top": 399,
+                            "left": 293,
+                            "width": 66,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-203",
+                            "text": "203",
+                            "top": 320,
+                            "left": 327,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-204",
+                            "text": "204",
+                            "top": 320,
+                            "left": 225,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-201",
+                            "text": "201",
+                            "top": 264,
+                            "left": 327,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-103",
+                            "text": "103",
+                            "top": 181,
+                            "left": 327,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-101",
+                            "text": "101",
+                            "top": 124,
+                            "left": 327,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-301",
+                            "text": "301",
+                            "top": 399,
+                            "left": 360,
+                            "width": 66,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-102",
+                            "text": "102",
+                            "top": 124,
+                            "left": 225,
+                            "width": 100,
+                            "height": 24
+                        }, {
+                            "type": "stn",
+                            "id": "site-104",
+                            "text": "104",
+                            "top": 181,
+                            "left": 225,
+                            "width": 100,
+                            "height": 24
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/views/console-old.html b/src/main/webapp/views/console-old.html
new file mode 100644
index 0000000..e6f6ac4
--- /dev/null
+++ b/src/main/webapp/views/console-old.html
@@ -0,0 +1,1229 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>WCS鎺у埗涓績</title>
+    <!--<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" href="../static/css/animate.min.css">
+
+
+    <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>
+
+</head>
+<body>
+<div id="root">
+    <div class="head">
+        <div class="head-left">
+            <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1>
+            <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
+        </div>
+        <div class="head-right">
+            <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80">
+        </div>
+    </div>
+
+    <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
+    <div class="main-part">
+        <!-- 绗竴缁� -->
+        <div class="lane">
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+                <button class="item" style="margin-left: 82px">60</button>
+                <button class="item">58</button>
+                <button class="item">56</button>
+                <button class="item">54</button>
+                <button class="item">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+
+
+            </div>
+            <div class="stock-group">
+
+                <button class="item" style="margin-left: 82px">60</button>
+                <button class="item">58</button>
+                <button class="item">56</button>
+                <button class="item">54</button>
+                <button class="item">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-101" class="site" style="">101</div>
+            </div>
+            <!-- 鍫嗗灈鏈� -->
+            <div class="crn">
+                <hr class="pathway">
+                <div id="crn-1" class="machine"></div>
+            </div>
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+
+                <button class="item" style="margin-left: 82px">60</button>
+                <button class="item">58</button>
+                <button class="item">56</button>
+                <button class="item">54</button>
+                <button class="item">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-106" class="site" style="">106</div>
+            </div>
+            <div class="stock-group">
+                <button class="item" style="margin-left: 82px">60</button>
+                <button class="item">58</button>
+                <button class="item">56</button>
+                <button class="item">54</button>
+                <button class="item">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+            </div>
+        </div>
+        <!-- 绗簩缁� -->
+        <div class="lane">
+            <span class="row-no"></span>
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+            </div>
+            <div class="stock-group">
+
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-113" class="site" style="">113</div>
+            </div>
+            <!-- 鍫嗗灈鏈� -->
+            <div class="crn" style="margin-left: 108px">
+                <hr class="pathway">
+                <div id="crn-2" class="machine"></div>
+            </div>
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-120" class="site" style="">120</div>
+
+            </div>
+            <div class="stock-group">
+
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+            </div>
+        </div>
+        <!--绗笁缁�-->
+        <div class="lane">
+            <span class="row-no"></span>
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+            </div>
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-127" class="site" style="">127</div>
+
+            </div>
+            <!-- 鍫嗗灈鏈� -->
+            <div class="crn" style="margin-left: 108px">
+                <hr class="pathway">
+                <div id="crn-3" class="machine"></div>
+            </div>
+            <!-- 璐ф灦 -->
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+                <div id="site-133" class="site" style="">133</div>
+
+            </div>
+            <div class="stock-group">
+                <button class="item" style="margin-left: 193px">52</button>
+                <button class="item">50</button>
+                <button class="item">48</button>
+                <button class="item">46</button>
+                <button class="item">44</button>
+                <button class="item">42</button>
+                <button class="item">40</button>
+                <button class="item">38</button>
+                <button class="item">36</button>
+                <button class="item">34</button>
+                <button class="item">32</button>
+                <button class="item">30</button>
+                <button class="item">28</button>
+                <button class="item">26</button>
+                <button class="item">24</button>
+                <button class="item">22</button>
+                <button class="item">20</button>
+                <button class="item">18</button>
+                <button class="item">16</button>
+                <button class="item">14</button>
+                <button class="item">12</button>
+                <button class="item">10</button>
+                <button class="item">8</button>
+                <button class="item">6</button>
+                <button class="item">4</button>
+                <button class="item">2</button>
+            </div>
+        </div>
+    </div>
+    <!--绗�1鍒楋紙瀹藉害 70px锛� -->
+    <div class="site-row site-row-1">
+        <div class="site-k" style="height:39px;width:70px;"></div>
+        <div id="site-102" class="site" style="height: 18px;line-height: 18px;">102</div>
+        <div id="site-107" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">107</div>
+        <div id="site-114" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">114</div>
+        <div id="site-121" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">121</div>
+        <div id="site-128" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">128</div>
+        <div id="site-134" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">134</div>
+    </div>
+    <div class="site-row site-row-2">
+        <div class="site-k" style="height:39px;width:70px;"></div>
+        <div id="site-103" class="site" style="height: 18px;line-height: 18px;">103</div>
+        <div id="site-105" class="site" style="height: 18px;line-height: 18px">105</div>
+        <div id="site-108" class="site" style="height: 18px;line-height: 18px">108</div>
+        <div id="site-111" class="site" style="height: 66px;line-height: 66px">111</div>
+        <div id="site-115" class="site" style="height: 18px;line-height: 18px">115</div>
+        <div id="site-118" class="site" style="height: 18px;line-height: 18px">118</div>
+        <div id="site-122" class="site" style="height: 18px;line-height: 18px">122</div>
+        <div id="site-125" class="site" style="height: 66px;line-height: 66px">125</div>
+        <div id="site-129" class="site" style="height: 18px;line-height: 18px">129</div>
+        <div id="site-132" class="site" style="height: 18px;line-height: 18px">132</div>
+        <div id="site-135" class="site" style="height: 18px;line-height: 18px">135</div>
+    </div>
+    <div class="site-row site-row-3">
+        <div class="site-k" style="height:39px;width:70px;"></div>
+        <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:162px;">104</div>
+        <div id="site-109" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">109</div>
+        <div id="site-112" class="site" style="height: 66px;line-height: 68px">112</div>
+        <div id="site-116" class="site" style="height: 18px;line-height: 18px;">116</div>
+        <div id="site-119" class="site" style="height: 18px;line-height: 18px">119</div>
+        <div id="site-123" class="site" style="height: 18px;line-height: 18px">123</div>
+        <div id="site-126" class="site" style="height: 66px;line-height: 68px">126</div>
+        <div id="site-130" class="site" style="height: 18px;line-height: 18px">130</div>
+        <div id="site-136" class="site" style="height: 18px;line-height: 18px;width:162px; margin-top: 20px">136</div>
+    </div>
+    <div class="site-row site-row-4">
+        <div id="site-110" class="site" style="height: 18px;line-height: 18px;">110</div>
+        <div id="site-117" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">117</div>
+        <div id="site-124" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">124</div>
+        <div id="site-131" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">131</div>
+    </div>
+</div>
+<!--搴曢儴-->
+<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>
+    <!-- 鍫嗗灈鏈虹姸鎬� -->
+    <div class="machine-status">
+        <div class="body-head">鍫嗗灈鏈虹姸鎬�</div>
+        <div class="state">
+            <span>鍫嗗灈鏈� 1</span>
+            <span class="state-ss machine-put-flag	">鍏ュ簱</span>
+        </div>
+        <div class="state">
+            <span>鍫嗗灈鏈� 2</span>
+            <span class="state-ss machine-auto-flag	">鑷姩</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 class="line-ss">58</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 class="tablebox">
+            <div class="table-head">
+                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+            </div>
+            <div id="barcode1" class="table-body">
+
+            </div>
+        </div>
+        <div class="tablebox">
+            <div class="table-head">
+                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+            </div>
+            <div id="barcode2" class="table-body">
+
+            </div>
+        </div>
+        <div class="tablebox">
+            <div class="table-head">
+                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+            </div>
+            <div id="barcode3" class="table-body">
+
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 鍫嗗灈鏈哄脊绐� -->
+<div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn">
+    <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="text" name="crnNo" value="">
+            </div>
+        </div>
+        <!-- 宸ヤ綔鍙� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>宸ヤ綔鍙凤細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="workNo" value="">
+            </div>
+        </div>
+        <!-- 绔欐簮 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>绔欐簮锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="sourceStaNo" value="">
+            </div>
+        </div>
+        <!-- 鐩爣绔� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鐩爣绔欙細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="staNo" value="">
+            </div>
+        </div>
+        <!-- 宸ヤ綔鐘舵�� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>宸ヤ綔鐘舵�侊細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="wrkSts" value="">
+            </div>
+        </div>
+        <!-- 鍑哄叆绫诲瀷 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鍑哄叆绫诲瀷锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="ioType" value="">
+            </div>
+        </div>
+        <!-- 婧愬簱浣� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>婧愬簱浣嶏細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="sourceLocNo" value="">
+            </div>
+        </div>
+        <!-- 鐩爣搴撲綅 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鐩爣搴撲綅锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="locNo" value="">
+            </div>
+        </div>
+        <!-- 鍫嗗灈鏈虹姸鎬� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鍫嗗灈鏈虹姸鎬侊細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="crnStatus" value="">
+            </div>
+        </div>
+        <!-- 寮傚父 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>寮傚父锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="error" value="">
+            </div>
+        </div>
+    </form>
+</div>
+<!-- 杈撻�佽澶囧脊绐� -->
+<div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn">
+    <!-- 琛ㄥご -->
+    <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" value="">
+            </div>
+        </div>
+        <!-- 宸ヤ綔鍙� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>宸ヤ綔鍙凤細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="workNo" value="">
+            </div>
+        </div>
+        <!-- 宸ヤ綔鐘舵�� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>宸ヤ綔鐘舵�侊細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="wrkSts" value="">
+            </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-checkbox">
+                <input type="checkbox" name="loading">
+            </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="canining">
+            </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="canouting">
+            </div>
+        </div>
+        <!-- 鍑哄叆绫诲瀷 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鍑哄叆绫诲瀷锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="ioType" value="">
+            </div>
+        </div>
+        <!-- 婧愮珯 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>婧愮珯锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="sourceStaNo" value="">
+            </div>
+        </div>
+        <!-- 鐩爣绔� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鐩爣绔欙細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="staNo" value="">
+            </div>
+        </div>
+        <!-- 婧愬簱浣� -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>婧愬簱浣嶏細</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="sourceLocNo" value="">
+            </div>
+        </div>
+        <!-- 鐩爣搴撲綅 -->
+        <div class="form-item">
+            <div class="form-item-label">
+                <span>鐩爣搴撲綅锛�</span>
+            </div>
+            <div class="form-item-input">
+                <input type="text" name="locNo" value="">
+            </div>
+        </div>
+
+    </form>
+</div>
+
+</div>
+
+
+</body>
+</html>
+<script>
+    var tData = []
+    var tData1 = []
+    var tData2 = []
+    var tData3 = []
+
+    function getCodeData() {
+        $.ajax({
+            url: baseUrl + '/console/barcode/output/site',
+            method: 'GET',
+            success: function (res) {
+                if (res.code === 200) {
+                    tData = eval(res.data);
+                    if (tData.length <= 5) {
+                        tData1 = tData
+                    } else if (tData.length <= 10) {
+                        tData1 = tData.slice(0, 5)
+                        tData.splice(0, 5)
+                        tData2 = tData
+                    } else if (tData.length <= 15) {
+                        tData1 = tData.slice(0, 5)
+                        tData2 = tData.slice(6, 10)
+                        tData.splice(0, 10)
+                        tData3 = tData
+                    } else {
+                        tData = tData.slice(-15)
+                        tData1 = tData.slice(-15)
+                        tData2 = tData.slice(-10)
+                        tData3 = tData.slice(-5)
+
+                    }
+                }
+            }
+        })
+    }
+
+    setInterval(function () {
+        getCodeData();
+        renderBarCode();
+    }, 1000)
+
+
+    function renderBarCode() {
+        for (var i = 0; i < tData1.length; i++) {
+            var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>'
+            $('#barcode1').append(str1)
+        }
+        for (var j = 0; j < tData2.length; j++) {
+            var str2 = '<li><span>' + tData2[j].barcode + '</span><span class="right">' + tData2[j].time + '</span></li>'
+            $('#barcode2').append(str2)
+        }
+        for (var k = 0; k < tData3.length; k++) {
+            var str3 = '<li><span>' + tData3[k].barcode + '</span><span class="right">' + tData3[k].time + '</span></li>'
+            $('#barcode3').append(str3)
+        }
+    }
+</script>
+<script type="text/javascript">
+    // 寮圭獥绔欑偣淇℃伅
+    $('.site').on('click', function () {
+        var id = this.id.split("-")[1];
+        $("#siteWindow").attr("style", "display:block;");//鏄剧ずdiv
+        $("#crnWindow").attr("style", "display:none;");
+        $(".detailed").empty();
+        $('.detailed').append(id + '绔欑偣璇︾粏淇℃伅');
+        $.ajax({
+            url: baseUrl + "/console/site/detail",
+            headers: {
+                'token': localStorage.getItem('token')
+            },
+            data: {
+                siteId: id
+            },
+            method: 'post',
+            success: function (res) {
+                for (var val in res.data) {
+                    var find = $("#siteWindow").find(":input[name='" + val + "']");
+                    if (find[0].type === 'text') {
+                        find.val(res.data[val]);
+                    } else if (find[0].type === 'checkbox') {
+                        find.attr("checked", res.data[val] === 'Y');
+                    }
+                }
+            }
+
+        })
+
+    });
+    // 鍫嗗灈鏈轰俊鎭�
+    $('.machine').on('click', function () {
+        var id = this.id.split("-")[1];
+        $("#crnWindow").attr('style', 'display:block;');
+        $("#siteWindow").attr("style", "display:none;");
+        $('.detailed').empty();
+        $('.detailed').append(id + '鍙峰爢鍨涙満');
+        $.ajax({
+            url: baseUrl + "/console/crn/detail",
+            headers: {
+                'token': localStorage.getItem('token')
+            },
+            data: {
+                crnNo: id
+            },
+            method: 'post',
+            success: function (res) {
+                for (var val in res.data) {
+                    var find = $("#crnWindow").find(":input[name='" + val + "']");
+                    if (find[0].type === 'text') {
+                        find.val(res.data[val]);
+                    } else if (find[0].type === 'checkbox') {
+                        find.attr("checked", res.data[val] === 'Y');
+                    }
+                }
+            }
+
+        })
+
+    })
+    // 寮圭獥鍏抽棴
+    $('button').on('click', function () {
+        $('#siteWindow').attr('style', 'display:none')
+        $('#crnWindow').attr('style', 'display:none')
+    })
+
+
+    var crn1Position = 0;
+    var crn2Position = 0;
+    var crn3Position = 0;
+    var crn4Position = 0;
+    var crn5Position = 0;
+
+    // 鍒濆鍖�
+    getSitesInfo();
+    getCrnInfo();
+    getSystemRunningStatus();
+    getBarcodeInfo();
+    getScaleInfo();
+    // 瀹炴椂璁块棶
+    setInterval(function () {
+        getCrnInfo();
+        getSystemRunningStatus();
+        getBarcodeInfo();
+        getScaleInfo();
+    }, 1000);
+    setInterval(function () {
+        getSitesInfo();
+    }, 3000);
+
+    // 绯荤粺杩愯寮�鍏�
+    function systemSwitch() {
+        if (parent.systemRunning) {
+            layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1, shadeClose: true}, function (pass, idx) {
+                layer.close(idx);
+                doSwitch(0, pass); // 鍋滄wcs绯荤粺
+            });
+        } else {
+            doSwitch(1); // 鍚姩wcs绯荤粺
+        }
+    }
+
+    // 璇锋眰鏈嶅姟鍣ㄦ帶鍒秝cs绯荤粺杩愯鐘舵��
+    function doSwitch(operatorType, password) {
+        // 鍔犺浇tips
+        var index = layer.load(1, {
+            shade: [0.1, '#fff']
+        });
+        $.ajax({
+            url: baseUrl + "/console/system/switch",
+            headers: {'token': localStorage.getItem('token')},
+            // async: false,
+            data: {
+                operatorType: operatorType,
+                password: password
+            },
+            method: 'POST',
+            success: function (res) {
+                layer.close(index);
+                if (res.code === 200) {
+                    if (res.data.status) {
+                        $('#system-icon').attr("class", "system-icon-open");
+                        $('#system-run-desc').html("绯荤粺杩愯涓�...");
+                        parent.systemRunning = true;
+                    } else {
+                        $('#system-icon').attr("class", "system-icon-close");
+                        $('#system-run-desc').html("绯荤粺宸插仠姝�!");
+                        parent.systemRunning = false;
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+
+                }
+            }
+        });
+
+    }
+
+    // 鑾峰彇wcs绯荤粺杩愯鐘舵��
+    function getSystemRunningStatus() {
+        $.ajax({
+            url: baseUrl + "/console/system/running/status",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200) {
+                    if (res.data.status) {
+                        $('#system-icon').attr("class", "system-icon-open");
+                        $('#system-run-desc').html("绯荤粺杩愯涓�...");
+                        parent.systemRunning = true;
+                    } else {
+                        $('#system-icon').attr("class", "system-icon-close");
+                        $('#system-run-desc').html("绯荤粺宸插仠姝�!");
+                        parent.systemRunning = false;
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙�
+    function getSitesInfo() {
+        $.ajax({
+            url: baseUrl + "/console/latest/data/site",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200) {
+                    var sites = res.data;
+                    for (var i = 0; i < sites.length; i++) {
+                        var siteEl = $("#site-" + sites[i].siteId);
+                        siteEl.attr("class", "site " + sites[i].siteStatus);
+                        if (sites[i].workNo != null && sites[i].workNo > 0) {
+                            siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]");
+                        } else {
+                            siteEl.html(sites[i].siteId);
+                        }
+                        if (i + 1 === 8) {
+                            carAnimate(i + 1, Number(sites[i].nearbySta));
+                        }
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    // 鍫嗗灈鏈哄疄鏃舵暟鎹幏鍙�
+    function getCrnInfo() {
+        $.ajax({
+            url: baseUrl + "/console/latest/data/crn",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200) {
+                    var crns = res.data;
+                    for (var i = 0; i < crns.length; i++) {
+                        var crnEl = $("#crn-" + crns[i].crnId);
+                        crnEl.attr("class", "machine " + crns[i].crnStatus);
+                        var unit = ($('.item').eq(0).width() + 13) / 2;
+                        if (crns[i].bay < 0) {
+                            crns[i].bay = 0
+                        }
+                        crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    // 鎵爜鍣ㄥ疄鏃舵暟鎹幏鍙�
+    function getBarcodeInfo() {
+        $.ajax({
+            url: baseUrl + "/console/latest/data/barcode",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200) {
+                    var barcodes = res.data;
+                    for (var i = 0; i < barcodes.length; i++) {
+                        $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue);
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    // 纾呯Г瀹炴椂鏁版嵁鑾峰彇
+    function getScaleInfo() {
+        $.ajax({
+            url: baseUrl + "/console/latest/data/scale",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'POST',
+            success: function (res) {
+
+                if (res.code === 200) {
+                    var sclaes = res.data;
+                    for (var i = 0; i < sclaes.length; i++) {
+                        console.log(sclaes[i].scaleId + ":" + sclaes[i].value)
+                        $("#scale-data-" + sclaes[i].scaleId).text(sclaes[i].value);
+                    }
+                } else if (res.code === 403) {
+                    parent.location.href = baseUrl + "/login";
+                } else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    // 鍫嗗灈鏈哄亸绉诲姩鐢�
+    function crnAnimate(id, leftVal) {
+        switch (id) {
+            case 1:
+                $("#crn-1").animate({left: leftVal + 'px'}, 1000);
+                crn1Position = leftVal;
+                break;
+            case 2:
+                $("#crn-2").animate({left: leftVal + 'px'}, 1000);
+                crn2Position = leftVal;
+                break;
+            case 3:
+                $("#crn-3").animate({left: leftVal + 'px'}, 1000);
+                crn3Position = leftVal;
+                break;
+            case 4:
+                $("#crn-4").animate({left: leftVal + 'px'}, 1000);
+                crn4Position = leftVal;
+                break;
+            case 5:
+                $("#crn-5").animate({left: leftVal + 'px'}, 1000);
+                crn5Position = leftVal;
+                break;
+            default:
+                break
+        }
+    }
+
+    // 椤甸潰鐐瑰嚮浜嬩欢鐩戝惉 ---------------------------------------------------------
+
+    // 杈撻�佽澶囩偣鍑讳簨浠�
+    // $('.site').on('click', function () {
+    // 	var id = this.id.split("-")[1];
+    // 	if (id === undefined) {
+    // 		return;
+    // 	}
+    // 	layer.open({
+    // 		title: id + " 绔欑偣淇℃伅璇︽儏",
+    // 		closeBtn: 0,
+    // 		skin: 'layui-layer-lan',
+    // 		offset: '180px',
+    // 		type: 1,
+    // 		shadeClose: true,
+    // 		content: $('#siteWindow'),
+    // 		area: ['35rem', '18rem'],
+    // 		btn: ['纭畾', '鍏抽棴'],
+    // 		success: function(layero, index){
+    // 			http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) {
+    // 				for (var val in res.data) {
+    // 					var find = $("#siteWindow").find(":input[name='" + val + "']");
+    // 					if (find[0].type==='text') {
+    // 						find.val(res.data[val]);
+    // 					} else if (find[0].type === 'checkbox') {
+    // 						find.attr("checked", res.data[val] === 'Y');
+    // 					}
+    // 				}
+    // 			})
+    // 		},
+    // 		end: function () {
+    // 			$(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected');
+    // 		}
+    // 	});
+    // });
+
+    // 鍫嗗灈鏈虹偣鍑讳簨浠�
+    // $('.machine').on('click', function () {
+    // 	var id = this.id.split("-")[1];
+    // 	layer.open({
+    // 		title: id+"鍙峰爢鍨涙満",
+    // 		skin: 'layui-layer-lan',
+    // 		closeBtn: 0,
+    // 		type: 1,
+    // 		offset: '150px',
+    // 		shadeClose: true,
+    // 		content: $("#crnWindow"),
+    // 		area: ['40rem', '20rem'],
+    // 		btn: ['纭畾', '鍏抽棴'],
+    // 		success: function(layero, index){
+    // 			http.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) {
+    // 				for (var val in res.data) {
+    // 					var find = $("#crnWindow").find(":input[name='" + val + "']");
+    // 					if (find[0].type==='text') {
+    // 						find.val(res.data[val]);
+    // 					} else if (find[0].type === 'checkbox') {
+    // 						find.attr("checked", res.data[val] === 'Y');
+    // 					}
+    // 				}
+    // 			})
+    // 		},
+    // 		end: function () {
+    // 			$(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected');
+    // 		}
+    // 	});
+    // });
+
+
+    // 灏忚溅鍋忕Щ鍔ㄧ敾
+    function carAnimate(id, target) {
+        var targetTop = 122;
+        if (id === 8) {
+            switch (target) {
+                case 1:
+                    targetTop += 160;
+                    break;
+                case 2:
+                    targetTop += 140;
+                    break;
+                case 3:
+                    targetTop += 80;
+                    break;
+                case 4:
+                    targetTop += 40;
+                    break;
+                case 7:
+                    targetTop += 0;
+                    break;
+                default:
+                    return;
+            }
+        } else {
+            return;
+        }
+        $("#site-" + id).animate({top: targetTop + 'px'}, 1000);
+    }
+
+
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index e6f6ac4..fde6b24 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -1,786 +1,344 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-    <meta charset="utf-8">
-    <title>WCS鎺у埗涓績</title>
-    <!--<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" href="../static/css/animate.min.css">
-
-
+    <meta charset="UTF-8">
+    <title>鑷姩浠撳簱wcs绯荤粺</title>
+    <link rel="stylesheet" href="../static/css/render.css">
     <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>
+    <!--鍦板浘json-->
+    <script src="../static/js/console.map.js"></script>
+    <script src="../static/js/console.js"></script>
+    <script src="../static/js/common.js"></script>
+
 
 </head>
 <body>
-<div id="root">
-    <div class="head">
-        <div class="head-left">
-            <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1>
-            <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
+    <div id="main">
+        <div class="head">
+            <div class="head-left">
+                <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1>
+                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
+            </div>
+            <div class="head-right">
+                <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80">
+            </div>
         </div>
-        <div class="head-right">
-            <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80">
+        <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
+        <div class="main-part">
+
+        </div>
+        <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>
+            <!-- 鍫嗗灈鏈虹姸鎬� -->
+            <div class="machine-status">
+                <div class="body-head">鍫嗗灈鏈虹姸鎬�</div>
+                <div class="state">
+                    <span>鍫嗗灈鏈� 1</span>
+                    <span class="state-ss machine-put-flag	">鍏ュ簱</span>
+                </div>
+                <div class="state">
+                    <span>鍫嗗灈鏈� 2</span>
+                    <span class="state-ss machine-auto-flag	">鑷姩</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 id="line-total" class="line-ss"></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 class="tablebox">
+                    <div class="table-head">
+                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+                    </div>
+                    <div id="barcode1" class="table-body">
+
+                    </div>
+                </div>
+                <div class="tablebox">
+                    <div class="table-head">
+                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+                    </div>
+                    <div id="barcode2" class="table-body">
+
+                    </div>
+                </div>
+                <div class="tablebox">
+                    <div class="table-head">
+                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
+                    </div>
+                    <div id="barcode3" class="table-body">
+
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 鍫嗗灈鏈哄脊绐� -->
+        <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn">
+            <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="text" name="crnNo" value="">
+                    </div>
+                </div>
+                <!-- 宸ヤ綔鍙� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>宸ヤ綔鍙凤細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="workNo" value="">
+                    </div>
+                </div>
+                <!-- 绔欐簮 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>绔欐簮锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="sourceStaNo" value="">
+                    </div>
+                </div>
+                <!-- 鐩爣绔� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鐩爣绔欙細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="staNo" value="">
+                    </div>
+                </div>
+                <!-- 宸ヤ綔鐘舵�� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>宸ヤ綔鐘舵�侊細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="wrkSts" value="">
+                    </div>
+                </div>
+                <!-- 鍑哄叆绫诲瀷 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鍑哄叆绫诲瀷锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="ioType" value="">
+                    </div>
+                </div>
+                <!-- 婧愬簱浣� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>婧愬簱浣嶏細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="sourceLocNo" value="">
+                    </div>
+                </div>
+                <!-- 鐩爣搴撲綅 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鐩爣搴撲綅锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="locNo" value="">
+                    </div>
+                </div>
+                <!-- 鍫嗗灈鏈虹姸鎬� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鍫嗗灈鏈虹姸鎬侊細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="crnStatus" value="">
+                    </div>
+                </div>
+                <!-- 寮傚父 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>寮傚父锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="error" value="">
+                    </div>
+                </div>
+            </form>
+        </div>
+        <!-- 杈撻�佽澶囧脊绐� -->
+        <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn">
+            <!-- 琛ㄥご -->
+            <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" value="">
+                    </div>
+                </div>
+                <!-- 宸ヤ綔鍙� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>宸ヤ綔鍙凤細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="workNo" value="">
+                    </div>
+                </div>
+                <!-- 宸ヤ綔鐘舵�� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>宸ヤ綔鐘舵�侊細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="wrkSts" value="">
+                    </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-checkbox">
+                        <input type="checkbox" name="loading">
+                    </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="canining">
+                    </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="canouting">
+                    </div>
+                </div>
+                <!-- 鍑哄叆绫诲瀷 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鍑哄叆绫诲瀷锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="ioType" value="">
+                    </div>
+                </div>
+                <!-- 婧愮珯 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>婧愮珯锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="sourceStaNo" value="">
+                    </div>
+                </div>
+                <!-- 鐩爣绔� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鐩爣绔欙細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="staNo" value="">
+                    </div>
+                </div>
+                <!-- 婧愬簱浣� -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>婧愬簱浣嶏細</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="sourceLocNo" value="">
+                    </div>
+                </div>
+                <!-- 鐩爣搴撲綅 -->
+                <div class="form-item">
+                    <div class="form-item-label">
+                        <span>鐩爣搴撲綅锛�</span>
+                    </div>
+                    <div class="form-item-input">
+                        <input type="text" name="locNo" value="">
+                    </div>
+                </div>
+
+            </form>
         </div>
     </div>
-
-    <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
-    <div class="main-part">
-        <!-- 绗竴缁� -->
-        <div class="lane">
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-                <button class="item" style="margin-left: 82px">60</button>
-                <button class="item">58</button>
-                <button class="item">56</button>
-                <button class="item">54</button>
-                <button class="item">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-
-
-            </div>
-            <div class="stock-group">
-
-                <button class="item" style="margin-left: 82px">60</button>
-                <button class="item">58</button>
-                <button class="item">56</button>
-                <button class="item">54</button>
-                <button class="item">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-101" class="site" style="">101</div>
-            </div>
-            <!-- 鍫嗗灈鏈� -->
-            <div class="crn">
-                <hr class="pathway">
-                <div id="crn-1" class="machine"></div>
-            </div>
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-
-                <button class="item" style="margin-left: 82px">60</button>
-                <button class="item">58</button>
-                <button class="item">56</button>
-                <button class="item">54</button>
-                <button class="item">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-106" class="site" style="">106</div>
-            </div>
-            <div class="stock-group">
-                <button class="item" style="margin-left: 82px">60</button>
-                <button class="item">58</button>
-                <button class="item">56</button>
-                <button class="item">54</button>
-                <button class="item">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-            </div>
-        </div>
-        <!-- 绗簩缁� -->
-        <div class="lane">
-            <span class="row-no"></span>
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-            </div>
-            <div class="stock-group">
-
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-113" class="site" style="">113</div>
-            </div>
-            <!-- 鍫嗗灈鏈� -->
-            <div class="crn" style="margin-left: 108px">
-                <hr class="pathway">
-                <div id="crn-2" class="machine"></div>
-            </div>
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-120" class="site" style="">120</div>
-
-            </div>
-            <div class="stock-group">
-
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-            </div>
-        </div>
-        <!--绗笁缁�-->
-        <div class="lane">
-            <span class="row-no"></span>
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-            </div>
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-127" class="site" style="">127</div>
-
-            </div>
-            <!-- 鍫嗗灈鏈� -->
-            <div class="crn" style="margin-left: 108px">
-                <hr class="pathway">
-                <div id="crn-3" class="machine"></div>
-            </div>
-            <!-- 璐ф灦 -->
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-                <div id="site-133" class="site" style="">133</div>
-
-            </div>
-            <div class="stock-group">
-                <button class="item" style="margin-left: 193px">52</button>
-                <button class="item">50</button>
-                <button class="item">48</button>
-                <button class="item">46</button>
-                <button class="item">44</button>
-                <button class="item">42</button>
-                <button class="item">40</button>
-                <button class="item">38</button>
-                <button class="item">36</button>
-                <button class="item">34</button>
-                <button class="item">32</button>
-                <button class="item">30</button>
-                <button class="item">28</button>
-                <button class="item">26</button>
-                <button class="item">24</button>
-                <button class="item">22</button>
-                <button class="item">20</button>
-                <button class="item">18</button>
-                <button class="item">16</button>
-                <button class="item">14</button>
-                <button class="item">12</button>
-                <button class="item">10</button>
-                <button class="item">8</button>
-                <button class="item">6</button>
-                <button class="item">4</button>
-                <button class="item">2</button>
-            </div>
-        </div>
-    </div>
-    <!--绗�1鍒楋紙瀹藉害 70px锛� -->
-    <div class="site-row site-row-1">
-        <div class="site-k" style="height:39px;width:70px;"></div>
-        <div id="site-102" class="site" style="height: 18px;line-height: 18px;">102</div>
-        <div id="site-107" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">107</div>
-        <div id="site-114" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">114</div>
-        <div id="site-121" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">121</div>
-        <div id="site-128" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">128</div>
-        <div id="site-134" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">134</div>
-    </div>
-    <div class="site-row site-row-2">
-        <div class="site-k" style="height:39px;width:70px;"></div>
-        <div id="site-103" class="site" style="height: 18px;line-height: 18px;">103</div>
-        <div id="site-105" class="site" style="height: 18px;line-height: 18px">105</div>
-        <div id="site-108" class="site" style="height: 18px;line-height: 18px">108</div>
-        <div id="site-111" class="site" style="height: 66px;line-height: 66px">111</div>
-        <div id="site-115" class="site" style="height: 18px;line-height: 18px">115</div>
-        <div id="site-118" class="site" style="height: 18px;line-height: 18px">118</div>
-        <div id="site-122" class="site" style="height: 18px;line-height: 18px">122</div>
-        <div id="site-125" class="site" style="height: 66px;line-height: 66px">125</div>
-        <div id="site-129" class="site" style="height: 18px;line-height: 18px">129</div>
-        <div id="site-132" class="site" style="height: 18px;line-height: 18px">132</div>
-        <div id="site-135" class="site" style="height: 18px;line-height: 18px">135</div>
-    </div>
-    <div class="site-row site-row-3">
-        <div class="site-k" style="height:39px;width:70px;"></div>
-        <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:162px;">104</div>
-        <div id="site-109" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">109</div>
-        <div id="site-112" class="site" style="height: 66px;line-height: 68px">112</div>
-        <div id="site-116" class="site" style="height: 18px;line-height: 18px;">116</div>
-        <div id="site-119" class="site" style="height: 18px;line-height: 18px">119</div>
-        <div id="site-123" class="site" style="height: 18px;line-height: 18px">123</div>
-        <div id="site-126" class="site" style="height: 66px;line-height: 68px">126</div>
-        <div id="site-130" class="site" style="height: 18px;line-height: 18px">130</div>
-        <div id="site-136" class="site" style="height: 18px;line-height: 18px;width:162px; margin-top: 20px">136</div>
-    </div>
-    <div class="site-row site-row-4">
-        <div id="site-110" class="site" style="height: 18px;line-height: 18px;">110</div>
-        <div id="site-117" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">117</div>
-        <div id="site-124" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">124</div>
-        <div id="site-131" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">131</div>
-    </div>
-</div>
-<!--搴曢儴-->
-<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>
-    <!-- 鍫嗗灈鏈虹姸鎬� -->
-    <div class="machine-status">
-        <div class="body-head">鍫嗗灈鏈虹姸鎬�</div>
-        <div class="state">
-            <span>鍫嗗灈鏈� 1</span>
-            <span class="state-ss machine-put-flag	">鍏ュ簱</span>
-        </div>
-        <div class="state">
-            <span>鍫嗗灈鏈� 2</span>
-            <span class="state-ss machine-auto-flag	">鑷姩</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 class="line-ss">58</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 class="tablebox">
-            <div class="table-head">
-                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-            </div>
-            <div id="barcode1" class="table-body">
-
-            </div>
-        </div>
-        <div class="tablebox">
-            <div class="table-head">
-                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-            </div>
-            <div id="barcode2" class="table-body">
-
-            </div>
-        </div>
-        <div class="tablebox">
-            <div class="table-head">
-                <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-            </div>
-            <div id="barcode3" class="table-body">
-
-            </div>
-        </div>
-    </div>
-</div>
-<!-- 鍫嗗灈鏈哄脊绐� -->
-<div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn">
-    <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="text" name="crnNo" value="">
-            </div>
-        </div>
-        <!-- 宸ヤ綔鍙� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>宸ヤ綔鍙凤細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="workNo" value="">
-            </div>
-        </div>
-        <!-- 绔欐簮 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>绔欐簮锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="sourceStaNo" value="">
-            </div>
-        </div>
-        <!-- 鐩爣绔� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鐩爣绔欙細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="staNo" value="">
-            </div>
-        </div>
-        <!-- 宸ヤ綔鐘舵�� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>宸ヤ綔鐘舵�侊細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="wrkSts" value="">
-            </div>
-        </div>
-        <!-- 鍑哄叆绫诲瀷 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鍑哄叆绫诲瀷锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="ioType" value="">
-            </div>
-        </div>
-        <!-- 婧愬簱浣� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>婧愬簱浣嶏細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="sourceLocNo" value="">
-            </div>
-        </div>
-        <!-- 鐩爣搴撲綅 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鐩爣搴撲綅锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="locNo" value="">
-            </div>
-        </div>
-        <!-- 鍫嗗灈鏈虹姸鎬� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鍫嗗灈鏈虹姸鎬侊細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="crnStatus" value="">
-            </div>
-        </div>
-        <!-- 寮傚父 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>寮傚父锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="error" value="">
-            </div>
-        </div>
-    </form>
-</div>
-<!-- 杈撻�佽澶囧脊绐� -->
-<div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn">
-    <!-- 琛ㄥご -->
-    <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" value="">
-            </div>
-        </div>
-        <!-- 宸ヤ綔鍙� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>宸ヤ綔鍙凤細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="workNo" value="">
-            </div>
-        </div>
-        <!-- 宸ヤ綔鐘舵�� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>宸ヤ綔鐘舵�侊細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="wrkSts" value="">
-            </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-checkbox">
-                <input type="checkbox" name="loading">
-            </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="canining">
-            </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="canouting">
-            </div>
-        </div>
-        <!-- 鍑哄叆绫诲瀷 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鍑哄叆绫诲瀷锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="ioType" value="">
-            </div>
-        </div>
-        <!-- 婧愮珯 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>婧愮珯锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="sourceStaNo" value="">
-            </div>
-        </div>
-        <!-- 鐩爣绔� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鐩爣绔欙細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="staNo" value="">
-            </div>
-        </div>
-        <!-- 婧愬簱浣� -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>婧愬簱浣嶏細</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="sourceLocNo" value="">
-            </div>
-        </div>
-        <!-- 鐩爣搴撲綅 -->
-        <div class="form-item">
-            <div class="form-item-label">
-                <span>鐩爣搴撲綅锛�</span>
-            </div>
-            <div class="form-item-input">
-                <input type="text" name="locNo" value="">
-            </div>
-        </div>
-
-    </form>
-</div>
-
-</div>
-
 
 </body>
+
 </html>
 <script>
-    var tData = []
-    var tData1 = []
-    var tData2 = []
-    var tData3 = []
-
+    getMap();
+</script>
+<script>
+    setInterval(function () {
+        getCodeData();
+        renderBarCode();
+    }, 1000)
+    var tData = [],tData1 = [],tData2 = [],tData3 = [];
     function getCodeData() {
         $.ajax({
             url: baseUrl + '/console/barcode/output/site',
@@ -804,19 +362,11 @@
                         tData1 = tData.slice(-15)
                         tData2 = tData.slice(-10)
                         tData3 = tData.slice(-5)
-
                     }
                 }
             }
         })
     }
-
-    setInterval(function () {
-        getCodeData();
-        renderBarCode();
-    }, 1000)
-
-
     function renderBarCode() {
         for (var i = 0; i < tData1.length; i++) {
             var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>'
@@ -1036,16 +586,41 @@
             headers: {'token': localStorage.getItem('token')},
             method: 'POST',
             success: function (res) {
+                // console.log(res)
                 if (res.code === 200) {
                     var crns = res.data;
                     for (var i = 0; i < crns.length; i++) {
                         var crnEl = $("#crn-" + crns[i].crnId);
                         crnEl.attr("class", "machine " + crns[i].crnStatus);
-                        var unit = ($('.item').eq(0).width() + 13) / 2;
+                        var unit = 0;//($('.item').eq(0).width() + 13) / 2;
                         if (crns[i].bay < 0) {
-                            crns[i].bay = 0
+                            crns[i].bay = 1
                         }
-                        crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
+                        // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
+                        // crns[i].bay = 1;
+
+                        var offSet = 0;
+                        switch (i) {
+                            case 0:
+                                unit = 34;
+                                offSet = 337;
+                                break;
+                            case 1:
+                                unit = 68;
+                                offSet = 337;
+                                break;
+                            case 2:
+                                unit = 17;
+                                offSet = 337;
+                                break;
+                        }
+
+                        if(crns[i].bay === 1){
+                            crnEl.animate({left: offSet + 'px'}, 1000);
+                        } else {
+                            crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000);
+                        }
+
                     }
                 } else if (res.code === 403) {
                     parent.location.href = baseUrl + "/login";
@@ -1102,6 +677,7 @@
 
     // 鍫嗗灈鏈哄亸绉诲姩鐢�
     function crnAnimate(id, leftVal) {
+        // console.log(crn1Position)
         switch (id) {
             case 1:
                 $("#crn-1").animate({left: leftVal + 'px'}, 1000);
@@ -1127,74 +703,6 @@
                 break
         }
     }
-
-    // 椤甸潰鐐瑰嚮浜嬩欢鐩戝惉 ---------------------------------------------------------
-
-    // 杈撻�佽澶囩偣鍑讳簨浠�
-    // $('.site').on('click', function () {
-    // 	var id = this.id.split("-")[1];
-    // 	if (id === undefined) {
-    // 		return;
-    // 	}
-    // 	layer.open({
-    // 		title: id + " 绔欑偣淇℃伅璇︽儏",
-    // 		closeBtn: 0,
-    // 		skin: 'layui-layer-lan',
-    // 		offset: '180px',
-    // 		type: 1,
-    // 		shadeClose: true,
-    // 		content: $('#siteWindow'),
-    // 		area: ['35rem', '18rem'],
-    // 		btn: ['纭畾', '鍏抽棴'],
-    // 		success: function(layero, index){
-    // 			http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) {
-    // 				for (var val in res.data) {
-    // 					var find = $("#siteWindow").find(":input[name='" + val + "']");
-    // 					if (find[0].type==='text') {
-    // 						find.val(res.data[val]);
-    // 					} else if (find[0].type === 'checkbox') {
-    // 						find.attr("checked", res.data[val] === 'Y');
-    // 					}
-    // 				}
-    // 			})
-    // 		},
-    // 		end: function () {
-    // 			$(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected');
-    // 		}
-    // 	});
-    // });
-
-    // 鍫嗗灈鏈虹偣鍑讳簨浠�
-    // $('.machine').on('click', function () {
-    // 	var id = this.id.split("-")[1];
-    // 	layer.open({
-    // 		title: id+"鍙峰爢鍨涙満",
-    // 		skin: 'layui-layer-lan',
-    // 		closeBtn: 0,
-    // 		type: 1,
-    // 		offset: '150px',
-    // 		shadeClose: true,
-    // 		content: $("#crnWindow"),
-    // 		area: ['40rem', '20rem'],
-    // 		btn: ['纭畾', '鍏抽棴'],
-    // 		success: function(layero, index){
-    // 			http.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) {
-    // 				for (var val in res.data) {
-    // 					var find = $("#crnWindow").find(":input[name='" + val + "']");
-    // 					if (find[0].type==='text') {
-    // 						find.val(res.data[val]);
-    // 					} else if (find[0].type === 'checkbox') {
-    // 						find.attr("checked", res.data[val] === 'Y');
-    // 					}
-    // 				}
-    // 			})
-    // 		},
-    // 		end: function () {
-    // 			$(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected');
-    // 		}
-    // 	});
-    // });
-
 
     // 灏忚溅鍋忕Щ鍔ㄧ敾
     function carAnimate(id, target) {
diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html
index 82beb77..6b47357 100644
--- a/src/main/webapp/views/index.html
+++ b/src/main/webapp/views/index.html
@@ -14,7 +14,7 @@
 <div class="sidebar">
     <div class="nav">
         <ul class="cl-effect-4">
-            <li><a id="render" onclick="nav(this.id)" class="nav-select" 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>
         </ul>
@@ -24,7 +24,7 @@
 
 <!--</div>-->
 <!-- 涓讳綋鍐呭 -->
-<iframe id="content" src="render.html"></iframe>
+<iframe id="content" src="console.html"></iframe>
 <footer class="footer">
     Copyright 漏 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a>  淇濈暀鎵�鏈夋潈鍒�
 </footer>
diff --git a/src/main/webapp/views/render.html b/src/main/webapp/views/render.html
deleted file mode 100644
index 0fbbcab..0000000
--- a/src/main/webapp/views/render.html
+++ /dev/null
@@ -1,735 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>鑷姩浠撳簱wcs绯荤粺</title>
-    <link rel="stylesheet" href="../static/css/render.css">
-    <script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
-    <script src="../static/js/layer/layer.js"></script>
-    <script src="./render.js"></script>
-    <script src="../static/js/common.js"></script>
-
-
-</head>
-<body>
-    <div id="main">
-        <div class="head">
-            <div class="head-left">
-                <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1>
-                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
-            </div>
-            <div class="head-right">
-                <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80">
-            </div>
-        </div>
-        <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
-        <div class="main-part">
-
-        </div>
-        <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>
-            <!-- 鍫嗗灈鏈虹姸鎬� -->
-            <div class="machine-status">
-                <div class="body-head">鍫嗗灈鏈虹姸鎬�</div>
-                <div class="state">
-                    <span>鍫嗗灈鏈� 1</span>
-                    <span class="state-ss machine-put-flag	">鍏ュ簱</span>
-                </div>
-                <div class="state">
-                    <span>鍫嗗灈鏈� 2</span>
-                    <span class="state-ss machine-auto-flag	">鑷姩</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 id="line-total" class="line-ss"></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 class="tablebox">
-                    <div class="table-head">
-                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-                    </div>
-                    <div id="barcode1" class="table-body">
-
-                    </div>
-                </div>
-                <div class="tablebox">
-                    <div class="table-head">
-                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-                    </div>
-                    <div id="barcode2" class="table-body">
-
-                    </div>
-                </div>
-                <div class="tablebox">
-                    <div class="table-head">
-                        <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li>
-                    </div>
-                    <div id="barcode3" class="table-body">
-
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- 鍫嗗灈鏈哄脊绐� -->
-        <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn">
-            <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="text" name="crnNo" value="">
-                    </div>
-                </div>
-                <!-- 宸ヤ綔鍙� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>宸ヤ綔鍙凤細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="workNo" value="">
-                    </div>
-                </div>
-                <!-- 绔欐簮 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>绔欐簮锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="sourceStaNo" value="">
-                    </div>
-                </div>
-                <!-- 鐩爣绔� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鐩爣绔欙細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="staNo" value="">
-                    </div>
-                </div>
-                <!-- 宸ヤ綔鐘舵�� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>宸ヤ綔鐘舵�侊細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="wrkSts" value="">
-                    </div>
-                </div>
-                <!-- 鍑哄叆绫诲瀷 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鍑哄叆绫诲瀷锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="ioType" value="">
-                    </div>
-                </div>
-                <!-- 婧愬簱浣� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>婧愬簱浣嶏細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="sourceLocNo" value="">
-                    </div>
-                </div>
-                <!-- 鐩爣搴撲綅 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鐩爣搴撲綅锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="locNo" value="">
-                    </div>
-                </div>
-                <!-- 鍫嗗灈鏈虹姸鎬� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鍫嗗灈鏈虹姸鎬侊細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="crnStatus" value="">
-                    </div>
-                </div>
-                <!-- 寮傚父 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>寮傚父锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="error" value="">
-                    </div>
-                </div>
-            </form>
-        </div>
-        <!-- 杈撻�佽澶囧脊绐� -->
-        <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn">
-            <!-- 琛ㄥご -->
-            <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" value="">
-                    </div>
-                </div>
-                <!-- 宸ヤ綔鍙� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>宸ヤ綔鍙凤細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="workNo" value="">
-                    </div>
-                </div>
-                <!-- 宸ヤ綔鐘舵�� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>宸ヤ綔鐘舵�侊細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="wrkSts" value="">
-                    </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-checkbox">
-                        <input type="checkbox" name="loading">
-                    </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="canining">
-                    </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="canouting">
-                    </div>
-                </div>
-                <!-- 鍑哄叆绫诲瀷 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鍑哄叆绫诲瀷锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="ioType" value="">
-                    </div>
-                </div>
-                <!-- 婧愮珯 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>婧愮珯锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="sourceStaNo" value="">
-                    </div>
-                </div>
-                <!-- 鐩爣绔� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鐩爣绔欙細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="staNo" value="">
-                    </div>
-                </div>
-                <!-- 婧愬簱浣� -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>婧愬簱浣嶏細</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="sourceLocNo" value="">
-                    </div>
-                </div>
-                <!-- 鐩爣搴撲綅 -->
-                <div class="form-item">
-                    <div class="form-item-label">
-                        <span>鐩爣搴撲綅锛�</span>
-                    </div>
-                    <div class="form-item-input">
-                        <input type="text" name="locNo" value="">
-                    </div>
-                </div>
-
-            </form>
-        </div>
-    </div>
-
-</body>
-
-</html>
-<script>
-    getMap();
-</script>
-<script>
-    setInterval(function () {
-        getCodeData();
-        renderBarCode();
-    }, 1000)
-    var tData = [],tData1 = [],tData2 = [],tData3 = [];
-    function getCodeData() {
-        $.ajax({
-            url: baseUrl + '/console/barcode/output/site',
-            method: 'GET',
-            success: function (res) {
-                if (res.code === 200) {
-                    tData = eval(res.data);
-                    if (tData.length <= 5) {
-                        tData1 = tData
-                    } else if (tData.length <= 10) {
-                        tData1 = tData.slice(0, 5)
-                        tData.splice(0, 5)
-                        tData2 = tData
-                    } else if (tData.length <= 15) {
-                        tData1 = tData.slice(0, 5)
-                        tData2 = tData.slice(6, 10)
-                        tData.splice(0, 10)
-                        tData3 = tData
-                    } else {
-                        tData = tData.slice(-15)
-                        tData1 = tData.slice(-15)
-                        tData2 = tData.slice(-10)
-                        tData3 = tData.slice(-5)
-                    }
-                }
-            }
-        })
-    }
-    function renderBarCode() {
-        for (var i = 0; i < tData1.length; i++) {
-            var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>'
-            $('#barcode1').append(str1)
-        }
-        for (var j = 0; j < tData2.length; j++) {
-            var str2 = '<li><span>' + tData2[j].barcode + '</span><span class="right">' + tData2[j].time + '</span></li>'
-            $('#barcode2').append(str2)
-        }
-        for (var k = 0; k < tData3.length; k++) {
-            var str3 = '<li><span>' + tData3[k].barcode + '</span><span class="right">' + tData3[k].time + '</span></li>'
-            $('#barcode3').append(str3)
-        }
-    }
-</script>
-<script type="text/javascript">
-    // 寮圭獥绔欑偣淇℃伅
-    $('.site').on('click', function () {
-        var id = this.id.split("-")[1];
-        $("#siteWindow").attr("style", "display:block;");//鏄剧ずdiv
-        $("#crnWindow").attr("style", "display:none;");
-        $(".detailed").empty();
-        $('.detailed').append(id + '绔欑偣璇︾粏淇℃伅');
-        $.ajax({
-            url: baseUrl + "/console/site/detail",
-            headers: {
-                'token': localStorage.getItem('token')
-            },
-            data: {
-                siteId: id
-            },
-            method: 'post',
-            success: function (res) {
-                for (var val in res.data) {
-                    var find = $("#siteWindow").find(":input[name='" + val + "']");
-                    if (find[0].type === 'text') {
-                        find.val(res.data[val]);
-                    } else if (find[0].type === 'checkbox') {
-                        find.attr("checked", res.data[val] === 'Y');
-                    }
-                }
-            }
-
-        })
-
-    });
-    // 鍫嗗灈鏈轰俊鎭�
-    $('.machine').on('click', function () {
-        var id = this.id.split("-")[1];
-        $("#crnWindow").attr('style', 'display:block;');
-        $("#siteWindow").attr("style", "display:none;");
-        $('.detailed').empty();
-        $('.detailed').append(id + '鍙峰爢鍨涙満');
-        $.ajax({
-            url: baseUrl + "/console/crn/detail",
-            headers: {
-                'token': localStorage.getItem('token')
-            },
-            data: {
-                crnNo: id
-            },
-            method: 'post',
-            success: function (res) {
-                for (var val in res.data) {
-                    var find = $("#crnWindow").find(":input[name='" + val + "']");
-                    if (find[0].type === 'text') {
-                        find.val(res.data[val]);
-                    } else if (find[0].type === 'checkbox') {
-                        find.attr("checked", res.data[val] === 'Y');
-                    }
-                }
-            }
-
-        })
-
-    })
-    // 寮圭獥鍏抽棴
-    $('button').on('click', function () {
-        $('#siteWindow').attr('style', 'display:none')
-        $('#crnWindow').attr('style', 'display:none')
-    })
-
-
-    var crn1Position = 0;
-    var crn2Position = 0;
-    var crn3Position = 0;
-    var crn4Position = 0;
-    var crn5Position = 0;
-
-    // 鍒濆鍖�
-    getSitesInfo();
-    getCrnInfo();
-    getSystemRunningStatus();
-    getBarcodeInfo();
-    getScaleInfo();
-    // 瀹炴椂璁块棶
-    setInterval(function () {
-        getCrnInfo();
-        getSystemRunningStatus();
-        getBarcodeInfo();
-        getScaleInfo();
-    }, 1000);
-    setInterval(function () {
-        getSitesInfo();
-    }, 3000);
-
-    // 绯荤粺杩愯寮�鍏�
-    function systemSwitch() {
-        if (parent.systemRunning) {
-            layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1, shadeClose: true}, function (pass, idx) {
-                layer.close(idx);
-                doSwitch(0, pass); // 鍋滄wcs绯荤粺
-            });
-        } else {
-            doSwitch(1); // 鍚姩wcs绯荤粺
-        }
-    }
-
-    // 璇锋眰鏈嶅姟鍣ㄦ帶鍒秝cs绯荤粺杩愯鐘舵��
-    function doSwitch(operatorType, password) {
-        // 鍔犺浇tips
-        var index = layer.load(1, {
-            shade: [0.1, '#fff']
-        });
-        $.ajax({
-            url: baseUrl + "/console/system/switch",
-            headers: {'token': localStorage.getItem('token')},
-            // async: false,
-            data: {
-                operatorType: operatorType,
-                password: password
-            },
-            method: 'POST',
-            success: function (res) {
-                layer.close(index);
-                if (res.code === 200) {
-                    if (res.data.status) {
-                        $('#system-icon').attr("class", "system-icon-open");
-                        $('#system-run-desc').html("绯荤粺杩愯涓�...");
-                        parent.systemRunning = true;
-                    } else {
-                        $('#system-icon').attr("class", "system-icon-close");
-                        $('#system-run-desc').html("绯荤粺宸插仠姝�!");
-                        parent.systemRunning = false;
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-
-                }
-            }
-        });
-
-    }
-
-    // 鑾峰彇wcs绯荤粺杩愯鐘舵��
-    function getSystemRunningStatus() {
-        $.ajax({
-            url: baseUrl + "/console/system/running/status",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'POST',
-            success: function (res) {
-                if (res.code === 200) {
-                    if (res.data.status) {
-                        $('#system-icon').attr("class", "system-icon-open");
-                        $('#system-run-desc').html("绯荤粺杩愯涓�...");
-                        parent.systemRunning = true;
-                    } else {
-                        $('#system-icon').attr("class", "system-icon-close");
-                        $('#system-run-desc').html("绯荤粺宸插仠姝�!");
-                        parent.systemRunning = false;
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-                }
-            }
-        });
-    }
-
-    // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙�
-    function getSitesInfo() {
-        $.ajax({
-            url: baseUrl + "/console/latest/data/site",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'POST',
-            success: function (res) {
-                if (res.code === 200) {
-                    var sites = res.data;
-                    for (var i = 0; i < sites.length; i++) {
-                        var siteEl = $("#site-" + sites[i].siteId);
-                        siteEl.attr("class", "site " + sites[i].siteStatus);
-                        if (sites[i].workNo != null && sites[i].workNo > 0) {
-                            siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]");
-                        } else {
-                            siteEl.html(sites[i].siteId);
-                        }
-                        if (i + 1 === 8) {
-                            carAnimate(i + 1, Number(sites[i].nearbySta));
-                        }
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-                }
-            }
-        });
-    }
-
-    // 鍫嗗灈鏈哄疄鏃舵暟鎹幏鍙�
-    function getCrnInfo() {
-        $.ajax({
-            url: baseUrl + "/console/latest/data/crn",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'POST',
-            success: function (res) {
-                // console.log(res)
-                if (res.code === 200) {
-                    var crns = res.data;
-                    for (var i = 0; i < crns.length; i++) {
-                        var crnEl = $("#crn-" + crns[i].crnId);
-                        crnEl.attr("class", "machine " + crns[i].crnStatus);
-                        var unit = 0;//($('.item').eq(0).width() + 13) / 2;
-                        if (crns[i].bay < 0) {
-                            crns[i].bay = 1
-                        }
-                        // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
-                        // crns[i].bay = 1;
-
-                        var offSet = 0;
-                        switch (i) {
-                            case 0:
-                                unit = 34;
-                                offSet = 260;
-                                break;
-                            case 1:
-                                unit = 50;
-                                offSet = 310;
-                                break;
-                            case 2:
-                                unit = 17.2;
-                                offSet = 315;
-                                break;
-                        }
-
-                        if(crns[i].bay === 1){
-                            crnEl.animate({left: offSet + 'px'}, 1000);
-                        } else {
-                            crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000);
-                        }
-
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-                }
-            }
-        });
-    }
-
-    // 鎵爜鍣ㄥ疄鏃舵暟鎹幏鍙�
-    function getBarcodeInfo() {
-        $.ajax({
-            url: baseUrl + "/console/latest/data/barcode",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'POST',
-            success: function (res) {
-                if (res.code === 200) {
-                    var barcodes = res.data;
-                    for (var i = 0; i < barcodes.length; i++) {
-                        $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue);
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-                }
-            }
-        });
-    }
-
-    // 纾呯Г瀹炴椂鏁版嵁鑾峰彇
-    function getScaleInfo() {
-        $.ajax({
-            url: baseUrl + "/console/latest/data/scale",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'POST',
-            success: function (res) {
-
-                if (res.code === 200) {
-                    var sclaes = res.data;
-                    for (var i = 0; i < sclaes.length; i++) {
-                        console.log(sclaes[i].scaleId + ":" + sclaes[i].value)
-                        $("#scale-data-" + sclaes[i].scaleId).text(sclaes[i].value);
-                    }
-                } else if (res.code === 403) {
-                    parent.location.href = baseUrl + "/login";
-                } else {
-                    console.log(res.msg);
-                }
-            }
-        });
-    }
-
-    // 鍫嗗灈鏈哄亸绉诲姩鐢�
-    function crnAnimate(id, leftVal) {
-        // console.log(crn1Position)
-        switch (id) {
-            case 1:
-                $("#crn-1").animate({left: leftVal + 'px'}, 1000);
-                crn1Position = leftVal;
-                break;
-            case 2:
-                $("#crn-2").animate({left: leftVal + 'px'}, 1000);
-                crn2Position = leftVal;
-                break;
-            case 3:
-                $("#crn-3").animate({left: leftVal + 'px'}, 1000);
-                crn3Position = leftVal;
-                break;
-            case 4:
-                $("#crn-4").animate({left: leftVal + 'px'}, 1000);
-                crn4Position = leftVal;
-                break;
-            case 5:
-                $("#crn-5").animate({left: leftVal + 'px'}, 1000);
-                crn5Position = leftVal;
-                break;
-            default:
-                break
-        }
-    }
-
-    // 灏忚溅鍋忕Щ鍔ㄧ敾
-    function carAnimate(id, target) {
-        var targetTop = 122;
-        if (id === 8) {
-            switch (target) {
-                case 1:
-                    targetTop += 160;
-                    break;
-                case 2:
-                    targetTop += 140;
-                    break;
-                case 3:
-                    targetTop += 80;
-                    break;
-                case 4:
-                    targetTop += 40;
-                    break;
-                case 7:
-                    targetTop += 0;
-                    break;
-                default:
-                    return;
-            }
-        } else {
-            return;
-        }
-        $("#site-" + id).animate({top: targetTop + 'px'}, 1000);
-    }
-
-
-</script>
\ No newline at end of file
diff --git a/src/main/webapp/views/render.js b/src/main/webapp/views/render.js
deleted file mode 100644
index aca6084..0000000
--- a/src/main/webapp/views/render.js
+++ /dev/null
@@ -1,585 +0,0 @@
-data = {
-    "mapName": "HYLYWCS",
-    "rackCount": 16,
-    "crnCount": 4,
-    "stbCount": 16,
-    "hpPosition": 0,
-    "minBayNo": 2,
-    "floors": 1,
-    "racks": [{
-        "type": "rack",
-        "id": "rack16",
-        "top": 650,
-        "left": 412,
-        "width": 1046,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 24
-    }, {
-        "type": "rack",
-        "id": "rack15",
-        "top": 624,
-        "left": 412,
-        "width": 1046,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 24
-    }, {
-        "type": "rack",
-        "id": "rack14",
-        "top": 569,
-        "left": 412,
-        "width": 1046,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 24
-    }, {
-        "type": "rack",
-        "id": "rack13",
-        "top": 543,
-        "left": 412,
-        "width": 1046,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 24
-    }, {
-        "type": "rack",
-        "id": "rack12",
-        "top": 484,
-        "left": 412,
-        "width": 1099,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 64
-    }, {
-        "type": "rack",
-        "id": "rack11",
-        "top": 458,
-        "left": 412,
-        "width": 1099,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 64
-    }, {
-        "type": "rack",
-        "id": "rack10",
-        "top": 399,
-        "left": 412,
-        "width": 1099,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 64
-    }, {
-        "type": "rack",
-        "id": "rack9",
-        "top": 373,
-        "left": 412,
-        "width": 1099,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 64
-    }, {
-        "type": "rack",
-        "id": "rack8",
-        "top": 344,
-        "left": 405,
-        "width": 979,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 16
-    }, {
-        "type": "rack",
-        "id": "rack7",
-        "top": 318,
-        "left": 405,
-        "width": 979,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 16
-    }, {
-        "type": "rack",
-        "id": "rack6",
-        "top": 263,
-        "left": 405,
-        "width": 979,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 16
-    }, {
-        "type": "rack",
-        "id": "rack5",
-        "top": 237,
-        "left": 405,
-        "width": 979,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 16
-    }, {
-        "type": "rack",
-        "id": "rack3",
-        "top": 180,
-        "left": 357,
-        "width": 1027,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 31
-    }, {
-        "type": "rack",
-        "id": "rack1",
-        "top": 97,
-        "left": 357,
-        "width": 1027,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 31
-    }, {
-        "type": "rack",
-        "id": "rack4",
-        "top": 207,
-        "left": 357,
-        "width": 1027,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 31
-    }, {
-        "type": "rack",
-        "id": "rack2",
-        "top": 123,
-        "left": 357,
-        "width": 1027,
-        "height": 24,
-        "minBayNo": 2,
-        "maxBayNo": 31
-    }],
-    "rackDescs": [{
-        "type": "rackDescs",
-        "id": "lb_desc16",
-        "text": "#16",
-        "top": 651,
-        "left": 1471,
-        "width": 41,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc15",
-        "text": "#15",
-        "top": 626,
-        "left": 1472,
-        "width": 40,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc14",
-        "text": "#14",
-        "top": 565,
-        "left": 1469,
-        "width": 41,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc13",
-        "text": "#13",
-        "top": 541,
-        "left": 1472,
-        "width": 40,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc12",
-        "text": "#12",
-        "top": 485,
-        "left": 1517,
-        "width": 41,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc11",
-        "text": "#11",
-        "top": 460,
-        "left": 1518,
-        "width": 38,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc10",
-        "text": "#10",
-        "top": 399,
-        "left": 1515,
-        "width": 42,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc9",
-        "text": "#9",
-        "top": 375,
-        "left": 1518,
-        "width": 33,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc8",
-        "text": "#8",
-        "top": 349,
-        "left": 1389,
-        "width": 33,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc7",
-        "text": "#7",
-        "top": 321,
-        "left": 1389,
-        "width": 32,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc6",
-        "text": "#6",
-        "top": 264,
-        "left": 1387,
-        "width": 33,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc5",
-        "text": "#5",
-        "top": 235,
-        "left": 1388,
-        "width": 32,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc4",
-        "text": "#4",
-        "top": 206,
-        "left": 1388,
-        "width": 33,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc3",
-        "text": "#3",
-        "top": 179,
-        "left": 1389,
-        "width": 32,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc2",
-        "text": "#2",
-        "top": 123,
-        "left": 1389,
-        "width": 33,
-        "height": 23
-    }, {
-        "type": "rackDescs",
-        "id": "lb_desc1",
-        "text": "#1",
-        "top": 95,
-        "left": 1389,
-        "width": 30,
-        "height": 23
-    }],
-    "crns": [{
-        "type": "crane",
-        "id": "crn-4",
-        "text": "4",
-        "top": 597,
-        "left": 500,
-        "width": 93,
-        "height": 22
-    }, {
-        "type": "track",
-        "id": "lb_track4",
-        "text": "",
-        "top": 606,
-        "left": 366,
-        "width": 1150,
-        "height": 2
-    }, {
-        "type": "crane",
-        "id": "crn-1",
-        "text": "1",
-        "top": 153,
-        "left": 500,
-        "width": 93,
-        "height": 22
-    }, {
-        "type": "crane",
-        "id": "crn-2",
-        "text": "2",
-        "top": 291,
-        "left": 500,
-        "width": 93,
-        "height": 22
-    }, {
-        "type": "crane",
-        "id": "crn-3",
-        "text": "3",
-        "top": 428,
-        "left": 500,
-        "width": 93,
-        "height": 22
-    }, {
-        "type": "track",
-        "id": "lb_track2",
-        "text": "",
-        "top": 300,
-        "left": 359,
-        "width": 1066,
-        "height": 2
-    }, {
-        "type": "track",
-        "id": "lb_track3",
-        "text": "",
-        "top": 438,
-        "left": 359,
-        "width": 1200,
-        "height": 2
-    }, {
-        "type": "track",
-        "id": "lb_track1",
-        "text": "",
-        "top": 164,
-        "left": 315,
-        "width": 1112,
-        "height": 2
-    }],
-    "stns": [{
-        "type": "stn",
-        "id": "site-306",
-        "text": "306",
-        "top": 458,
-        "left": 211,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-303",
-        "text": "303",
-        "top": 399,
-        "left": 211,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-304",
-        "text": "304",
-        "top": 458,
-        "left": 345,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-305",
-        "text": "305",
-        "top": 458,
-        "left": 278,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-401",
-        "text": "401",
-        "top": 568,
-        "left": 311,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-402",
-        "text": "402",
-        "top": 568,
-        "left": 209,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-202",
-        "text": "202",
-        "top": 262,
-        "left": 202,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-302",
-        "text": "302",
-        "top": 399,
-        "left": 278,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-203",
-        "text": "203",
-        "top": 318,
-        "left": 303,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-204",
-        "text": "204",
-        "top": 318,
-        "left": 202,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-201",
-        "text": "201",
-        "top": 262,
-        "left": 303,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-103",
-        "text": "103",
-        "top": 180,
-        "left": 255,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-101",
-        "text": "101",
-        "top": 122,
-        "left": 255,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-301",
-        "text": "301",
-        "top": 399,
-        "left": 345,
-        "width": 66,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-102",
-        "text": "102",
-        "top": 122,
-        "left": 154,
-        "width": 100,
-        "height": 24
-    }, {
-        "type": "stn",
-        "id": "site-104",
-        "text": "104",
-        "top": 180,
-        "left": 154,
-        "width": 100,
-        "height": 24
-    }]
-}
-
-// 搴撲綅鍥�
-function getMap() {
-    let mapName = "<div class='mapName'>" + data.mapName + "</div>"
-    let rack = '', racks = '', rackDesc = '',
-        rackDescs = '', crn = '', crns = '',track = '',
-        tracks = '', stn = '', stns = '';
-    let stnCount = 0;
-    let rackss = data.racks,
-        rackDescss = data.rackDescs,
-        crnss = data.crns,
-        stnss = data.stns;
-    // 璐ф灦
-    for (let i = 0;i < rackss.length;i++) {
-        let btn =''
-        let btns = ''
-        var maxBayNo = rackss[i].maxBayNo
-        var minBayNo = rackss[i].minBayNo
-        var bayNo = minBayNo;
-        // let bLen = maxBayNo / minBayNo
-        // let bLen = Math.ceil((maxBayNo - minBayNo + 1) / 2);
-        // let bLen = Math.ceil(maxBayNo / 2);
-        let bLen = parseInt(maxBayNo / 2);
-        let width = rackss[i].width / bLen;
-
-        if (data.hpPosition == 1) {
-            for (let j = bLen;j > 0; j--) {
-                btn = "<button class='item' style='width: " + width + "px'>" + maxBayNo + "</button>"
-                btns = btns + btn
-                maxBayNo = maxBayNo - 2;
-                if(maxBayNo < minBayNo) {
-                    maxBayNo = minBayNo;
-                }
-                // maxBayNo = maxBayNo - minBayNo;
-            }
-        }else {
-            // if(i===13) debugger
-            for (let j = 0;j < bLen; j++) {
-                if(bayNo >= maxBayNo){
-                    btn = "<button class='item' style='width: " + width/2 + "px'>" + bayNo + "</button>"
-                } else {
-                    btn = "<button class='item' style='width: " + width + "px'>" + bayNo + "</button>"
-                }
-                btns = btns + btn
-                bayNo = bayNo + 2;
-                if(bayNo > maxBayNo) {
-                    bayNo = maxBayNo;
-                }
-                // bayNo = bayNo + minBayNo;
-            }
-        }
-
-        rack = "<div class='rack' id='" + rackss[i].id +
-            "'style='width:"+ rackss[i].width +
-            "px;height: "+ rackss[i].height+
-            "px;top: "+ rackss[i].top +
-            "px;left: "+ rackss[i].left +
-            "px'>" + btns + "</div>"
-        racks = racks + rack
-    }
-    // 璐ф灦鎻忚堪
-    for (let i = 0;i < rackDescss.length;i++) {
-        rackDesc = "<div class='rackDescs' id='" + rackDescss[i].id +
-            "'style='width:"+ rackDescss[i].width +
-            "px;height: "+ rackDescss[i].height+
-            "px;line-height: "+ rackDescss[i].height+
-            "px;top: "+ rackDescss[i].top +
-            "px;left: "+ rackDescss[i].left +
-            "px'>" + rackDescss[i].text + "</div>"
-        rackDescs = rackDescs + rackDesc
-    }
-    // 鍫嗗灈鏈哄拰鍦拌建
-    for (let i = 0;i < crnss.length;i++) {
-        if (crnss[i].type == "crane") {
-            crn = "<div class='machine' id='" + crnss[i].id +
-                "'style='width:"+ crnss[i].width +
-                "px;height: "+ crnss[i].height+
-                "px;top: "+ crnss[i].top +
-                "px;left: "+ crnss[i].left +
-                "px'></div>"
-            crns = crns + crn
-        } else {
-            track = "<div class='track' id='" + crnss[i].id +
-                "'style='width:"+ crnss[i].width +
-                "px;height: "+ crnss[i].height+
-                "px;top: "+ crnss[i].top +
-                "px;left: "+ crnss[i].left +
-                "px'>" + crnss[i].text + "</div>"
-            tracks = tracks + track
-        }
-    }
-    // 杈撻�佺嚎 绔欑偣
-    for (let i = 0;i < stnss.length;i++) {
-        stn = "<div class='site' id='" + stnss[i].id +
-            "'style='width:"+ stnss[i].width +
-            "px;height: "+ stnss[i].height+
-            "px;line-height: "+ stnss[i].height+
-            "px;top: "+ stnss[i].top +
-            "px;left: "+ stnss[i].left +
-            "px'>" + stnss[i].text + "</div>"
-        stns = stns + stn
-        stnCount++;
-    }
-    let whycq = racks + stns + rackDescs + crns + tracks
-    $(".main-part").append(whycq)
-    $("#line-total").empty()
-    $("#line-total").html(stnCount)
-};
\ No newline at end of file
diff --git a/src/main/webapp/views/test.html b/src/main/webapp/views/test.html
deleted file mode 100644
index 8bd60da..0000000
--- a/src/main/webapp/views/test.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
-</head>
-<body>
-    <div id="ycq"></div>
-    <button onclick="closeBtn()">鍏抽棴</button>
-    <button onclick="openBtn()">寮�濮�</button>
-    <button id="1" onclick="alt(1)">寮�濮�</button>
-</body>
-<script>
-    // var abc = 1
-    var i ;
-    i=0
-    var a = true
-    setInterval(()=>{
-        addI();
-    },1000)
-    function addI() {
-        if (a) {
-            $("#ycq").html(i++)
-
-        }else {
-            return;
-        }
-    }
-    // $("#ycq").html(i)
-
-    function alt(e) {
-        alert(e)
-    }
-
-
-    // var arr=[]; //鎵归噺瀹氫箟
-    // for(var i=0;i<5;i++){
-    //     var index=i;  //鍔ㄦ�佸畾涔夊彉閲忓悕
-    //     arr[index]='value-'+i;  //鍔ㄦ�佽祴鍊�
-    // }
-    // console.log(arr);
-
-
-
-
-
-
-
-
-
-    function closeBtn() {
-        console.log("鏆傚仠鎵撳嵃")
-        a = false
-    }
-    function openBtn() {
-        console.log("鎭㈠鎵撳嵃")
-        a = true
-    }
-</script>
-</html>
\ No newline at end of file

--
Gitblit v1.9.1