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