From 05568de30fe834365d4c45277b76bbee9cb2a9d7 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期三, 15 二月 2023 08:03:51 +0800
Subject: [PATCH] #
---
src/main/webapp/views/crn.html | 7
src/main/webapp/static/images/zy-logo.png | 0
src/main/webapp/views/console.html | 986 ++------------------------
src/main/webapp/views/ste.html | 24
src/main/webapp/static/css/pipeline.css | 4
src/main/webapp/static/js/console.js | 181 ++++
src/main/webapp/static/css/render.css | 529 ++++++++++++++
src/main/webapp/views/pipeline.html | 8
src/main/webapp/static/js/console.map.js | 472 ++++++++++++
9 files changed, 1,285 insertions(+), 926 deletions(-)
diff --git a/src/main/webapp/static/css/pipeline.css b/src/main/webapp/static/css/pipeline.css
index 86a7f4d..31795ed 100644
--- a/src/main/webapp/static/css/pipeline.css
+++ b/src/main/webapp/static/css/pipeline.css
@@ -50,14 +50,16 @@
border-width: 1px;
border-style: solid;
height: 100%;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
}
.io-mode-oper legend {
text-align: center;
padding: 0 10px;
font-size: 16px;
font-weight: 300;
-}
+}
/* 绔欑偣琛ㄦ牸 */
diff --git a/src/main/webapp/static/css/render.css b/src/main/webapp/static/css/render.css
new file mode 100644
index 0000000..808914a
--- /dev/null
+++ b/src/main/webapp/static/css/render.css
@@ -0,0 +1,529 @@
+* {
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+body {
+ height: 1080px;
+ width: 1920px;
+}
+#main {
+ height: 100%;
+ width: 100%;
+ background-color: rgb(108,167,168);
+}
+.head {
+ height: 10%;
+ width: 100%;
+ color: #FFFFFF;
+}
+.head-left {
+ height: 100%;
+ width: 20%;
+ display: inline-block;
+}
+.head-right {
+ height: 100%;
+ width: 30%;
+ display: inline-block;
+ float: right;
+}
+.head h1 {
+ display: inline;
+ margin-top: 2%;
+ margin-left: 2%;
+ font-weight: 400;
+ letter-spacing:3px;
+}
+.head h6 {
+ display: inline;
+ margin-left: 2%;
+ font-weight: 400;
+}
+
+img {
+ float: right;
+ margin-top: 10px;
+ margin-right: 10px;
+}
+.rack {
+ position: absolute;
+ display: inline-block;
+}
+.rackDescs {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ display: inline-block;
+ text-align: center;
+}
+.stn {
+ text-align: center;
+ background-color: rgb(120,255,129);
+ position: absolute;
+}
+.crn {
+ position: absolute;
+ display: inline-block;
+ background-color: #00ff90;
+ z-index: 999;
+}
+.track {
+ position: absolute;
+ display: inline-block;
+ background-color: #000000;
+ z-index: 5;
+}
+.item {
+ border: 1px solid rgb(194,76,65);
+ color: rgb(194,76,65);
+ height: 100%;
+ width: 100%;
+}
+
+.floorBtn {
+ position: absolute;
+ border-radius: 5px;
+ left: 1750px;
+ width: 90px;
+ height: 40px;
+ color: #ffffff;
+ font-size: 24px;
+ font-weight: 500;
+ letter-spacing: 5px;
+ cursor:pointer;
+ transition: all 0.3s ease;
+ font-family: 'Lato', sans-serif;
+ background: transparent;
+ box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1),
+ 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
+}
+/* 16 */
+.btn-16 {
+ border: none;
+ color: #fff;
+}
+.btn-16:after {
+ position: absolute;
+ content: '';
+ width: 0;
+ height: 100%;
+ top: 0;
+ left: 0;
+ direction: rtl;
+ z-index: -1;
+ box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002,
+ 4px 4px 5px 0px #0001;
+ transition: all 0.3s ease;
+}
+.btn-16:hover {
+ color: #323131;
+}
+.btn-16:hover:after {
+ left: auto;
+ right: 0;
+ width: 100%;
+}
+.btn-16:active {
+ top: 2px;
+}
+
+
+
+
+
+
+/*鎿嶄綔鏄剧ず鏍�*/
+#body {
+ width: 100%;
+ height: 23% ;
+ position: absolute;
+ bottom: 2.5%;
+}
+/* 鎺у埗寮�鍏� */
+.system-state {
+ display: inline-block;
+ width: 15%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 15px;
+ margin-left: 1%;
+}
+/* 鍫嗗灈鏈虹姸鎬� */
+.machine-status {
+ display: inline-block;
+ width: 15%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 15px;
+ margin-left: 1%;
+}
+.state-ss {
+ margin-left: 60px;
+
+}
+
+/* 杈撻�佺嚎鐘舵�� */
+.line-status {
+ display: inline-block;
+ width: 15%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 15px;
+ margin-left: 1%;
+}
+.line-ss {
+ display: inline-block;
+ float: right;
+ height: 15px;
+ width: 40px;
+ margin-top: 10px;
+ margin-right: 15px;
+ line-height: 15px;
+ text-align: center;
+ background-color: rgba(5, 5, 5, 0.3);
+ color: #ffdd00;
+}
+/* 鏉$爜鎵弿鍣� */
+.bar-code {
+ display: inline-block;
+ width: 49%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 15px;
+ margin-left: 1%;
+}
+/*鎵爜琛ㄥ崟*/
+.tablebox {
+ display: inline-block;
+ width: 290px;
+ height: 162px;
+ margin-left: 1.5%;
+ color: white;
+ font-size: 14px;
+ list-style: none;
+ line-height: 27px;
+ text-indent: 10px;
+}
+.table-head {
+ width: 100%;
+ height: 27px;
+ background:linear-gradient(to right, rgb(94, 193, 184),rgb(12,71,63));
+}
+.right {
+ float: right;
+ text-indent: 10px;
+ padding-right: 10px;
+}
+.table-body li {
+ background-color: #5D7677;
+}
+.table-body li:nth-child(even) {
+ background-color: #4A6565;
+}
+
+
+
+/* 鎺у埗琛ㄥご */
+.body-head {
+ height: 35px;
+ width: 100%;
+ background-image: url(../images/status_bar_1.png);
+ background-repeat: no-repeat;
+ margin-left: 5%;
+ margin-top: 20px;
+ text-indent: 25px;
+ color: white;
+}
+
+
+.system-icon-open {
+ width: 153px;
+ height: 153px;
+ background-image: url(../images/start48.png);
+ display: inline-block;
+}
+.system-icon-close {
+ width: 153px;
+ height: 153px;
+ background-image: url(../images/stop48.png);
+ display: inline-block;
+}
+.switch_r {
+ color: #FFFFFF;
+ font-size: 14px;
+ width: 130px;
+ height: 153px;
+ float: right;
+ padding-top: 30px;
+}
+#system-run-desc {
+ font-size: 20px;
+ margin-top: 15px;
+}
+.state {
+ height: 34px;
+ width: 200px;
+ background-color: rgba(255,255,255,0.1);
+ background-image: url(../images/stacker.png);
+ background-repeat: no-repeat;
+ border-radius: 17px 0 0 17px;
+ padding-left: 50px;
+ line-height: 34px;
+ margin-bottom: 10px;
+ margin-left: 5%;
+ color: #FFFFFF;
+ font-size: 10px;
+}
+.states {
+ background-image: url(../images/line.png);
+ margin-bottom:54px;
+}
+.button {
+ margin-left: 5%;
+ font-size: 14px;
+ color: #FFFFFF;
+}
+/* 绔欑偣 */
+.site {
+ position: absolute;
+ color: #333;
+ cursor: pointer;
+ text-align: center;
+ background-color: rgb(120,255,129);
+ font-size: 14px;
+ z-index: 9;
+}
+/*绌虹珯鐐�*/
+.site-k {
+ border: 1px solid rgb(108,167,168);
+ background-color: rgb(108, 167, 168);
+}
+/* 鍏ュ簱 */
+.machine-put-flag {
+ padding: 0 10px;
+ background-color: rgb(163,214,242);
+}
+/* 鍑哄簱 */
+.machine-take-flag {
+ padding: 0 10px;
+ background-color: rgb(151,180,0);
+}
+/* 搴撳埌搴� */
+.machine-stock-move-flag {
+ padding: 0 10px;
+ background-color: rgb(58,77,249);
+}
+/* 绔欏埌绔� */
+.machine-site-move-flag {
+ padding: 0 10px;
+ background-color: rgb(240,140,10);
+}
+/* PToP */
+.machine-p-move-flag {
+ padding: 0 10px;
+ background-color: rgb(29,152,23);
+}
+/* 寮傚父 */
+.machine-error-flag {
+ padding: 0 10px;
+ background-color: rgb(252,48,48);
+}
+/* 鑷姩 */
+.machine-auto-flag {
+ padding: 0 10px;
+ background-color: rgb(132,255,115);
+}
+/* 闈炶嚜鍔�/鎵嬪姩 */
+.machine-unauto-flag {
+ padding: 0 10px;
+ background-color: rgb(184,184,184);
+}
+/* 鑷姩+鏈夌墿+ID */
+.site-auto-run-id {
+ background-color: rgb(252,48,48);
+}
+/* 鑷姩+鏈夌墿 */
+.site-auto-run {
+ background-color: rgb(250,81,246);
+}
+/* 鑷姩+ID */
+.site-auto-id {
+ background-color: rgb(196,196,0);
+}
+/* 鑷姩 */
+.site-auto {
+ background-color: rgb(120,255,129);
+}
+/* 闈炶嚜鍔�/鎵嬪姩 */
+.site-unauto {
+ background-color: rgb(184,184,184);
+}
+#code {
+ background-image: url(../images/status_bar_2.png);
+ background-repeat: no-repeat;
+ margin-left: 2%;
+}
+/* 鍫嗗灈鏈� */
+.machine {
+ position: absolute;
+ background-color: rgb(108,167,168);
+ /*margin-left: 1116px;*/
+ height: 20px;
+ width: 80px;
+ background-image: url("../images/Crane_auto.png");
+ background-repeat: no-repeat;
+ background-size:100% 100%;
+ background-position: top center;
+ cursor: pointer;
+ z-index: 99;
+}
+/* 鍏ュ簱 */
+.machine-pakin {
+ background-image: url("../images/Crane_store.png");
+}
+/* 鍑哄簱 */
+.machine-pakout {
+ background-image: url("../images/Crane_retrieve.png");
+}
+/* 搴撳埌搴� */
+.machine-stock-move {
+ background-image: url("../images/Crane_loctoloc.png");
+}
+/* 绔欏埌绔� */
+.machine-site-move {
+ background-image: url("../images/Crane_stntostn.png");
+}
+/* p to p */
+.machine-p-move {
+ background-image: url("../images/Crane_hptoohp.png");
+}
+/* 寮傚父 */
+.machine-error {
+ background-image: url("../images/Crane_error.png");
+}
+/* 鑷姩 */
+.machine-auto {
+ background-image: url("../images/Crane_auto.png");
+}
+/* 闈炶嚜鍔�/鏀跺埌 */
+.machine-un-auto {
+ background-image: url("../images/Crane_manual.png");
+}
+
+/* 鍫嗗灈鏈哄脊绐� */
+#crnWindow {
+ width: 291px;
+ height: 365px;
+ background-image: url(../images/Popup-yellow.png);
+ position: fixed;
+ color:white;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%,-50%);
+ z-index: 101;
+}
+/* 杈撻�佽澶囧脊绐� */
+#siteWindow {
+ width: 291px;
+ height: 336px;
+ background-image: url(../images/Popup-green.png);
+ position: fixed;
+ color:white;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%,-50%);
+ z-index: 101;
+}
+#siteWindow-head {
+ width: 291px;
+ height: 55px;
+ line-height: 55px;
+ margin-left: 25px;
+ color: #000000;
+ font-weight: 700;
+ letter-spacing: 2px;
+}
+#siteWindow-head .detailed {
+ display: inline-block;
+}
+#siteWindow-head button {
+ width: 25px;
+ height: 25px;
+ padding: 0px;
+ border: none;
+ border-radius: 25px;
+ background-image: url(../images/siteclose.png);
+ display: inline-block;
+ float: right;
+ margin-top: 15px;
+ margin-right: 50px;
+}
+#crnWindow-head {
+ width: 291px;
+ height: 55px;
+ line-height: 55px;
+ margin-left: 55px;
+ color: #000000;
+ font-weight: 700;
+ letter-spacing: 2px;
+
+}
+#crnWindow-head .detailed {
+ display: inline-block;
+}
+#crnWindow-head button {
+ width: 25px;
+ height: 25px;
+ padding: 0px;
+ border: none;
+ border-radius: 25px;
+ background-image: url(../images/siteclose.png);
+ display: inline-block;
+ float: right;
+ margin-top: 15px;
+ margin-right: 80px;
+}
+
+
+
+/* 寮圭獥 */
+form .form-item {
+ display: inline-block;
+ padding-left: 10px;
+}
+form .form-item-label {
+ display: inline-block;
+ width: 90px;
+ font-size: 10px;
+}
+form .form-item-input {
+ display: inline-block;
+ width: 180px;
+
+}
+form .form-item-input input {
+ background-color: rgba(255,255,255,.3);
+ color: #FFFFFF;
+ padding: 0;
+ border: none;
+ border-radius: 2px;
+ height: 18px;
+ padding-left: 10px;
+}
+/* checkbox */
+form .form-item-checkbox {
+ display: inline-block;
+ padding-left: 10px;
+ width: 20%;
+}
+form .form-item-label-checkbox {
+ display: inline-block;
+ width: auto;
+ font-size: 14px;
+}
+form .form-item-input-checkbox {
+ display: inline-block;
+ width: auto;
+
+}
diff --git a/src/main/webapp/static/images/zy-logo.png b/src/main/webapp/static/images/zy-logo.png
new file mode 100644
index 0000000..4865504
--- /dev/null
+++ b/src/main/webapp/static/images/zy-logo.png
Binary files differ
diff --git a/src/main/webapp/static/js/console.js b/src/main/webapp/static/js/console.js
new file mode 100644
index 0000000..f731681
--- /dev/null
+++ b/src/main/webapp/static/js/console.js
@@ -0,0 +1,181 @@
+// 搴撲綅鍥�
+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 maxBayNo = rackss[i].maxBayNo // 鏈�澶у簱浣嶅彿
+ let minBayNo = rackss[i].minBayNo // 鏈�灏忓簱浣嶅彿
+ let bLen
+ let interval // 闂撮殧鏁�
+
+ if (maxBayNo<35) {
+ interval = 1
+ bLen = maxBayNo / interval // 搴撲綅涓暟
+ } else {
+ interval = 2
+ bLen = maxBayNo / interval // 搴撲綅涓暟
+ }
+ let bayWidth // 鍗曚釜搴撲綅瀹藉害
+ let bNum // 搴撲綅鍙风爜
+
+ if (minBayNo % 2 == 0) { // 浠�2寮�濮�
+ if(interval == 1) {
+ bLen = bLen - 1
+ } else if (interval == 2) {
+ if (maxBayNo % 2 == 0) { // 鍋舵暟
+ bLen = bLen
+ } else { // 濂囨暟
+ maxBayNo = maxBayNo + 1
+ bLen = maxBayNo / interval // 搴撲綅涓暟
+ }
+ }
+ } else { // 浠�1寮�濮�
+ if(interval == 1) {
+ bLen = bLen
+ } else if (interval == 2) {
+ if (maxBayNo % 2 == 0) { // 鍋舵暟
+ bLen = bLen
+ } else { // 濂囨暟
+ bLen = bLen + 1
+ }
+ }
+ }
+ bayWidth = rackss[i].width / bLen
+ // 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 - interval;
+ }
+ }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 + interval;
+ }
+ }
+
+ 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>"
+ if (mapInfo.areas[0].floors.length == 1) {
+ floorBtnss = ''
+ } else {
+ 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..2d2d4a6
--- /dev/null
+++ b/src/main/webapp/static/js/console.map.js
@@ -0,0 +1,472 @@
+mapInfo = {
+ "mapName": "SZFZWCS",
+ "rackCount": 18,
+ "crnCount": 7,
+ "stbCount": 77,
+ "hpPosition": 0,
+ "minBayNo": 2,
+ "floors": 1,
+ "racks": [
+ {
+ "type": "rack",
+ "id": "rack1",
+ "top": 160,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack2",
+ "top": 210,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack3",
+ "top": 230,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack4",
+ "top": 250,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack5",
+ "top": 270,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack6",
+ "top": 290,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack7",
+ "top": 310,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack8",
+ "top": 330,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack9",
+ "top": 350,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack10",
+ "top": 370,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack11",
+ "top": 390,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack12",
+ "top": 410,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ {
+ "type": "rack",
+ "id": "rack13",
+ "top": 462,
+ "left": 500,
+ "width": 900,
+ "height": 22,
+ "minBayNo": 1,
+ "maxBayNo": 25
+ },
+ ],
+ "rackDescs": [
+ {
+ "type": "rackDescs",
+ "id": "lb_desc1",
+ "text": "#1",
+ "top": 160,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc2",
+ "text": "#2",
+ "top": 210,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc3",
+ "text": "#3",
+ "top": 230,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc4",
+ "text": "#4",
+ "top": 250,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc5",
+ "text": "#5",
+ "top": 270,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc6",
+ "text": "#6",
+ "top": 290,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc7",
+ "text": "#7",
+ "top": 310,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc8",
+ "text": "#8",
+ "top": 330,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc9",
+ "text": "#9",
+ "top": 350,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc10",
+ "text": "#10",
+ "top": 370,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc11",
+ "text": "#11",
+ "top": 390,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc12",
+ "text": "#12",
+ "top": 410,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ {
+ "type": "rackDescs",
+ "id": "lb_desc13",
+ "text": "#13",
+ "top": 462,
+ "left": 1400,
+ "width": 30,
+ "height": 23
+ },
+ ],
+ "crns": [
+ {
+ "type": "track",
+ "id": "lb_track1",
+ "text": "",
+ "top": 198,
+ "left": 440,
+ "width": 1020,
+ "height": 2
+ },
+ {
+ "type": "track",
+ "id": "lb_track2",
+ "text": "",
+ "top": 450,
+ "left": 440,
+ "width": 1020,
+ "height": 2
+ },
+ {
+ "type": "crane",
+ "id": "crn-1",
+ "text": "1",
+ "top": 185,
+ "left": 805,
+ "width": 93,
+ "height": 22
+ },
+ {
+ "type": "crane",
+ "id": "crn-2",
+ "text": "2",
+ "top": 438,
+ "left": 805,
+ "width": 93,
+ "height": 22
+ }
+
+ ],
+ "areas": [
+ {
+ "type": "Control_floor",
+ "id": "tabControl_floor1",
+ "text": "妤煎眰",
+ "top": 68,
+ "left": 80,
+ "width": 1845,
+ "height": 676,
+ "floors": [
+ {
+ "type": "floor",
+ "id": "page_floor1",
+ "text": "1F",
+ "top": 4,
+ "left": 22,
+ "width": 1819,
+ "height": 668,
+ "stns": [
+ {
+ "type": "stn",
+ "id": "site-102",
+ "text": "102",
+ "top": 213,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-101",
+ "text": "101",
+ "top": 235,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-100",
+ "text": "100",
+ "top": 235,
+ "left": 356,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-112",
+ "text": "112",
+ "top": 412,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-111",
+ "text": "111",
+ "top": 390,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-110",
+ "text": "110",
+ "top": 390,
+ "left": 356,
+ "width": 70,
+ "height": 20
+ },
+ ]
+ },
+ {
+ "type": "floor",
+ "id": "page_floor2",
+ "text": "2F",
+ "top": 4,
+ "left": 22,
+ "width": 1819,
+ "height": 668,
+ "stns": [
+ {
+ "type": "stn",
+ "id": "site-203",
+ "text": "203",
+ "top": 163,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-202",
+ "text": "202",
+ "top": 141,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-201",
+ "text": "201",
+ "top": 141,
+ "left": 500,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-200",
+ "text": "200",
+ "top": 141,
+ "left": 572,
+ "width": 70,
+ "height": 20
+ },
+ ]
+ },
+ {
+ "type": "floor",
+ "id": "page_floor3",
+ "text": "3F",
+ "top": 4,
+ "left": 22,
+ "width": 1819,
+ "height": 668,
+ "stns": [
+ {
+ "type": "stn",
+ "id": "site-303",
+ "text": "303",
+ "top": 163,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-302",
+ "text": "302",
+ "top": 141,
+ "left": 428,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-301",
+ "text": "301",
+ "top": 141,
+ "left": 500,
+ "width": 70,
+ "height": 20
+ },
+ {
+ "type": "stn",
+ "id": "site-300",
+ "text": "300",
+ "top": 141,
+ "left": 572,
+ "width": 70,
+ "height": 20
+ },
+ ]
+ }
+
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 9fdb519..a9fe905 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -16,85 +16,37 @@
<h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
</header>
<main class="main">
- <!-- 1F -->
- <div class="site-row site-row-title site-row-title-1">
- <span>1F</span>
- </div>
<!--绗�1鍒� -->
- <div class="site-row site-row-1">
- <div id="site-102" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 340px">102</div>
+ <div class="site-row site-row-1" id="fool1">
+ <div id="site-102" class="site" style="height: 38px;line-height: 38px;width:156px;">102</div>
- <div id="site-101" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 20px">101</div>
+ <div id="site-101" class="site" style="height: 38px;line-height: 38px;width:156px;">101</div>
- <div id="site-100" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">100</div>
+ <div id="site-100" class="site" style="height: 38px;line-height: 38px;width:156px;">100</div>
</div>
<!--绗�2鍒�-->
- <div class="site-row site-row-2">
- <!-- 鍙拌溅杞ㄩ亾 -->
- <div id="car-track-1" class="car-track">
- <div></div>
- </div>
- <!-- 鍙拌溅瀹炰緥 -->
- <div id="site-1000" class="site car" style="top: 584px">1000</div>
- <div id="site-2000" class="site car" style="top: 0">2000</div>
- </div>
- <!-- 绗�3鍒� -->
- <div class="site-row site-row-3">
- <div id="site-118" class="site" style="height: 18px;line-height: 18px;width:80px;">118</div>
+ <div class="site-row site-row-2" id="fool2" style="display: none">
+ <div id="site-202" class="site" style="height: 38px;line-height: 38px;width:156px;">202</div>
- <div id="site-115" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 47px">115</div>
+ <div id="site-201" class="site" style="height: 38px;line-height: 38px;width:156px;">201</div>
- <div id="site-112" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 168px">112</div>
-
- <div id="site-107" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 105px">107</div>
-
- <div id="site-103" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">103</div>
- </div>
- <!-- 绗�4鍒� -->
- <div class="site-row site-row-4">
- <div id="site-119" class="site" style="height: 18px;line-height: 18px;width:80px;">119</div>
-
- <div id="site-117" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 27px">117</div>
- <div id="site-116" class="site" style="height: 18px;line-height: 18px;width:80px;">116</div>
-
- <div id="site-113" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 168px">113</div>
- <div id="site-114" class="site" style="height: 18px;line-height: 18px;width:80px;">114</div>
-
- <div id="site-111" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 25px">111</div>
- <div id="site-110" class="site" style="height: 18px;line-height: 18px;width:80px;">110</div>
- <div id="site-109" class="site" style="height: 18px;line-height: 18px;width:80px;">109</div>
- <div id="site-108" class="site" style="height: 18px;line-height: 18px;width:80px;">108</div>
-
- <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">104</div>
- <div id="site-105" class="site" style="height: 18px;line-height: 18px;width:80px;">105</div>
+ <div id="site-200" class="site" style="height: 38px;line-height: 38px;width:156px;">200</div>
</div>
- <!-- 2F -->
- <div class="site-row site-row-title site-row-title-2">
- <span>2F</span>
+ <!--绗�3鍒�-->
+ <div class="site-row site-row-3" id="fool3" style="display: none">
+ <div id="site-302" class="site" style="height: 38px;line-height: 38px;width:156px;">302</div>
+
+ <div id="site-301" class="site" style="height: 38px;line-height: 38px;width:156px;">301</div>
+
+ <div id="site-300" class="site" style="height: 38px;line-height: 38px;width:156px;">300</div>
</div>
- <div class="site-row site-row-5">
- <div id="site-203" class="site" style="height: 18px;line-height: 18px;width:80px;">203</div>
- <div id="site-202" class="site" style="height: 18px;line-height: 18px;width:80px;">202</div>
- <div id="site-200" class="site" style="height: 18px;line-height: 18px;width:80px;">200</div>
- </div>
+ <!--妤煎眰鎸夐挳-->
- <div class="site-row site-row-6">
- <div id="site-204" class="site" style="height: 18px;line-height: 18px;width:80px;">204</div>
- <div id="site-201" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 20px">201</div>
- </div>
-
- <div class="site-row site-row-7">
- <div id="site-205" class="site" style="height: 18px;line-height: 18px;width:80px;">205</div>
- </div>
-
- <div class="site-row site-row-8">
- <div id="site-209" class="site" style="height: 18px;line-height: 18px;width:80px;">209</div>
- <div id="site-208" class="site" style="height: 18px;line-height: 18px;width:80px;">208</div>
- <div id="site-207" class="site" style="height: 18px;line-height: 18px;width:80px;">207</div>
- <div id="site-206" class="site" style="height: 18px;line-height: 18px;width:80px;">206</div>
- </div>
+ <button class="floorBtn btn-16" onclick="changFloor(1)" style="margin-top: 150px">1F</button>
+ <button class="floorBtn btn-16" onclick="changFloor(2)" style="margin-top: 200px">2F</button>
+ <button class="floorBtn btn-16" onclick="changFloor(3)" style="margin-top: 250px">3F</button>
<!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
<div class="main-part">
@@ -106,8 +58,8 @@
<button class="item">2</button>
<button class="item">3</button>
<button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
<button class="item">7</button>
<button class="item">8</button>
<button class="item">9</button>
@@ -115,28 +67,15 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">32#</span>
+ <span class="row-no">1#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
<button class="item">2</button>
<button class="item">3</button>
<button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
<button class="item">7</button>
<button class="item">8</button>
<button class="item">9</button>
@@ -144,63 +83,15 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">31#</span>
- </div>
- <!-- 3鍙峰爢鍨涙満 -->
- <div class="crn">
- <hr class="pathway">
- <div id="crn-3" class="machine"></div>
- </div>
- <!-- 璐ф灦 -->
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">30#</span>
+ <span class="row-no">2#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
<button class="item">2</button>
<button class="item">3</button>
<button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
<button class="item">7</button>
<button class="item">8</button>
<button class="item">9</button>
@@ -208,28 +99,15 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">29#</span>
+ <span class="row-no">3#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
<button class="item">2</button>
<button class="item">3</button>
<button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
+ <button class="item" style="border: none;background-color: #6ca7a8"></button>
<button class="item">7</button>
<button class="item">8</button>
<button class="item">9</button>
@@ -237,610 +115,15 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">28#</span>
+ <span class="row-no">4#</span>
</div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">27#</span>
- </div>
- <span class="row-no"></span>
- <!-- 璐ф灦 -->
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">26#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">25#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">24#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">23#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">22#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">21#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">20#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">19#</span>
- </div>
- <!-- 璐ф灦 -->
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">18#</span>
- </div>
+
<!-- 鍫嗗灈鏈� -->
<div class="crn">
<hr class="pathway">
- <div id="crn-2" class="machine"></div>
+ <div id="crn-1" class="machine"></div>
</div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">17#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">16#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">15#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">14#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">13#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">12#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">11#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">10#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">9#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">8#</span>
- </div>
- <span class="row-no"></span>
+
<!-- 璐ф灦 -->
<div class="stock-group">
<button class="item">1</button>
@@ -856,77 +139,6 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">7#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">6#</span>
- </div>
- <div class="stock-group">
- <button class="item">1</button>
- <button class="item">2</button>
- <button class="item">3</button>
- <button class="item">4</button>
- <button class="item">5</button>
- <button class="item">6</button>
- <button class="item">7</button>
- <button class="item">8</button>
- <button class="item">9</button>
- <button class="item">10</button>
- <button class="item">11</button>
- <button class="item">12</button>
- <button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
<span class="row-no">5#</span>
</div>
<div class="stock-group">
@@ -943,20 +155,7 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">4#</span>
+ <span class="row-no">6#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
@@ -972,20 +171,7 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">3#</span>
+ <span class="row-no">7#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
@@ -1001,25 +187,7 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">2#</span>
- </div>
- <!-- 鍫嗗灈鏈� -->
- <div class="crn">
- <hr class="pathway">
- <div id="crn-1" class="machine"></div>
+ <span class="row-no">8#</span>
</div>
<div class="stock-group">
<button class="item">1</button>
@@ -1035,20 +203,39 @@
<button class="item">11</button>
<button class="item">12</button>
<button class="item">13</button>
- <button class="item">14</button>
- <button class="item">15</button>
- <button class="item">16</button>
- <button class="item">17</button>
- <button class="item">18</button>
- <button class="item">19</button>
- <button class="item">20</button>
- <button class="item">21</button>
- <button class="item">22</button>
- <button class="item">23</button>
- <button class="item">24</button>
- <button class="item">25</button>
- <button class="item">26</button>
- <span class="row-no">1#</span>
+ <span class="row-no">9#</span>
+ </div>
+ <div class="stock-group">
+ <button class="item">1</button>
+ <button class="item">2</button>
+ <button class="item">3</button>
+ <button class="item">4</button>
+ <button class="item">5</button>
+ <button class="item">6</button>
+ <button class="item">7</button>
+ <button class="item">8</button>
+ <button class="item">9</button>
+ <button class="item">10</button>
+ <button class="item">11</button>
+ <button class="item">12</button>
+ <button class="item">13</button>
+ <span class="row-no">10#</span>
+ </div>
+ <div class="stock-group">
+ <button class="item">1</button>
+ <button class="item">2</button>
+ <button class="item">3</button>
+ <button class="item">4</button>
+ <button class="item">5</button>
+ <button class="item">6</button>
+ <button class="item">7</button>
+ <button class="item">8</button>
+ <button class="item">9</button>
+ <button class="item">10</button>
+ <button class="item">11</button>
+ <button class="item">12</button>
+ <button class="item">13</button>
+ <span class="row-no">11#</span>
</div>
</div>
</div>
@@ -1072,11 +259,11 @@
<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 class="state">-->
+<!-- <span>鍫嗗灈鏈� 2</span>-->
+<!-- <span class="state-ss machine-auto-flag ">鑷姩</span>-->
- </div>
+<!-- </div>-->
<div class="button"><span>鎵�鏈夌姸鎬�</span></div>
<div class="button item-group">
<span class="machine-put-flag">鍏ュ簱</span>
@@ -1094,7 +281,7 @@
<div class="body-head">杈撻�佺嚎鐘舵��</div>
<div class="state states">
<span>杩愯緭绾挎�绘暟</span>
- <span class="line-ss">48</span>
+ <span class="line-ss">9</span>
</div>
<div class="button"><span>鎵�鏈夌姸鎬�</span></div>
<div class="button item-group">
@@ -1862,5 +1049,28 @@
}
+ //妤煎眰鍒囨崲鎸夐挳
+ function changFloor(x) {
+ switch (x) {
+ case 1:
+ $('#fool1').css("display","block")
+ $('#fool2').css("display","none")
+ $('#fool3').css("display","none")
+ return
+ case 2:
+ $('#fool1').css("display","none")
+ $('#fool2').css("display","block")
+ $('#fool3').css("display","none")
+ return
+ case 3:
+ $('#fool1').css("display","none")
+ $('#fool2').css("display","none")
+ $('#fool3').css("display","block")
+ return
+ default:
+ return;
+
+ }
+ }
</script>
diff --git a/src/main/webapp/views/crn.html b/src/main/webapp/views/crn.html
index 67cc84b..4cb0508 100644
--- a/src/main/webapp/views/crn.html
+++ b/src/main/webapp/views/crn.html
@@ -65,12 +65,6 @@
<!-- <span> </span>-->
<input id="crn2" disabled="disabled">
</div>
- <div class="crn-command-item" style="margin-top: 25px">
- <label>3#</label>
-<!-- <button id="demoBtn-3" class="demoBtn" onclick="demoSwitch(this.id)" disabled> - </button>-->
- <!-- <span> </span>-->
- <input id="crn3" disabled="disabled">
- </div>
</div>
<!-- 鍫嗗灈鏈虹姸鎬佷綅淇℃伅 -->
<div class="crn-state">
@@ -138,7 +132,6 @@
<div class="select-container">
<label><input type="radio" name="crnSelect" value="1" checked> 1鍙峰爢鍨涙満</label>
<label><input type="radio" name="crnSelect" value="2"> 2鍙峰爢鍨涙満</label>
- <label><input type="radio" name="crnSelect" value="3"> 3鍙峰爢鍨涙満</label>
</div>
</div>
<!-- 婧愮珯/婧愬簱浣� 閫夋嫨 -->
diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html
index b4fe318..3f86480 100644
--- a/src/main/webapp/views/pipeline.html
+++ b/src/main/webapp/views/pipeline.html
@@ -15,7 +15,7 @@
<style>
.io-mode-box {
float: left;
- width: 25%;
+ /*width: 25%;*/
text-align: center;
}
.io-mode-box label {
@@ -23,7 +23,7 @@
}
.ioModeBtn {
vertical-align: middle;
- width: 50%;
+ width: 25%;
height: 30px;
left: 0;
top: 0;
@@ -66,10 +66,6 @@
<div class="io-mode-box">
<label>2#</label>
<button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
- </div>
- <div class="io-mode-box">
- <label>3#</label>
- <button id="io-mode-3" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
</div>
</fieldset>
</div>
diff --git a/src/main/webapp/views/ste.html b/src/main/webapp/views/ste.html
index 9f87c38..47ae428 100644
--- a/src/main/webapp/views/ste.html
+++ b/src/main/webapp/views/ste.html
@@ -26,26 +26,6 @@
<button class="demoBtn pos-btn">鏁版嵁缁存姢</button>
<button id="mode-1" class="demoBtn mode-btn" > - </button>
</div>
- <div data-steNo="2" class="ste-command-item">
- <label>2#</label>
- <button class="demoBtn pos-btn">鏁版嵁缁存姢</button>
- <button id="mode-2" class="demoBtn mode-btn" > - </button>
- </div>
- <div data-steNo="3" class="ste-command-item">
- <label>3#</label>
- <button class="demoBtn pos-btn">鏁版嵁缁存姢</button>
- <button id="mode-3" class="demoBtn mode-btn" > - </button>
- </div>
- <div data-steNo="4" class="ste-command-item">
- <label>4#</label>
- <button class="demoBtn pos-btn">鏁版嵁缁存姢</button>
- <button id="mode-4" class="demoBtn mode-btn" > - </button>
- </div>
- <div data-steNo="5" class="ste-command-item">
- <label>5#</label>
- <button class="demoBtn pos-btn">鏁版嵁缁存姢</button>
- <button id="mode-5" class="demoBtn mode-btn" > - </button>
- </div>
</div>
<!-- 鍫嗗灈鏈虹姸鎬佷綅淇℃伅 -->
<div class="ste-state">
@@ -109,10 +89,6 @@
<span class="select-title">绌挎杞﹀彿</span>
<div class="select-container">
<label><input type="radio" name="steSelect" value="1" checked> 1鍙风┛姊溅</label>
- <label><input type="radio" name="steSelect" value="2"> 2鍙风┛姊溅</label>
- <label><input type="radio" name="steSelect" value="3"> 3鍙风┛姊溅</label>
- <label><input type="radio" name="steSelect" value="4"> 4鍙风┛姊溅</label>
- <label><input type="radio" name="steSelect" value="5"> 5鍙风┛姊溅</label>
</div>
</div>
</div>
--
Gitblit v1.9.1