From 178bace75121ea2e460dbf4ff1c2f74ffdbc34ed Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期三, 22 三月 2023 11:12:29 +0800 Subject: [PATCH] 主控图地图绘制优化 --- src/main/webapp/static/js/map.json | 2053 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/main/webapp/views/console.html | 67 - src/main/webapp/static/css/console.css | 28 3 files changed, 2,095 insertions(+), 53 deletions(-) diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css index ff40508..c6549a8 100644 --- a/src/main/webapp/static/css/console.css +++ b/src/main/webapp/static/css/console.css @@ -208,10 +208,10 @@ /* 绔欑偣 */ .site { color: #333; - height: 24px; - border: 1px solid rgb(108,167,168); + height: 35px; + /*border: 1px solid rgb(108,167,168);*/ cursor: pointer; - width: 50px; + width: 60px; text-align: center; background-color: rgb(120,255,129); font-size: 13px; @@ -376,11 +376,13 @@ /* ------------------ 璐ф灦鎬绘垚 ------------------ */ .main-part { position: absolute; - top: 100px; - left: 480px; + top: -150px; + left: 50px; + transform: scale(0.75); } .main-part .lane { margin-top: 30px; + position: relative; } /* 閽㈡灦鍙� */ .row-no { @@ -392,8 +394,8 @@ /* 搴撲綅缁� */ .stock-group .item { - width: 40px; - height: 30px; + width: 70px; + height: 35px; float: left; border-top: 1px solid rgb(194,76,65); border-bottom: 1px solid rgb(194,76,65); @@ -412,8 +414,12 @@ } .stock-group .site { - width: 80px; + width: 70px; float: left; + word-break: break-all; + display: flex; + justify-content: center; + align-items: center; } .stock-group::after, .stock-group::before { content: ""; @@ -676,11 +682,11 @@ } .sxcar{ - width: 40px; - height: 30px; + width: 70px; + height: 35px; background-image: url(../images/sxcar.png); background-size: 100% 100%; - position: relative; + position: absolute; top: 0; left: 0; } \ No newline at end of file diff --git a/src/main/webapp/static/js/map.json b/src/main/webapp/static/js/map.json index 94faf53..c0e9b7c 100644 --- a/src/main/webapp/static/js/map.json +++ b/src/main/webapp/static/js/map.json @@ -1 +1,2052 @@ -[[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-23],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-22],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-21],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-20],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-19],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-18],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-17],[-1,-1,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-16],[-1,-1,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-15],[-1,-1,0,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-14],[-1,0,0,-1,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,-13],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-12],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-11],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-10],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-9],[-1,-1,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-8],[-1,-1,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-7],[-1,0,0,0,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-6],[-1,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,-5],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-4],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-3],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-2],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]] +[ + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -23, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -22, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -21, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -20, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -19, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -18, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -17, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -16, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -15, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -14, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": -13, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -12, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 4, + "data": "200" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -11, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 4, + "data": "201" + }, { + "value": 4, + "data": "202" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -10, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 4, + "data": "203" + }, { + "value": 4, + "data": "204" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -9, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 4, + "data": "205" + }, { + "value": 4, + "data": "206" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -8, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 4, + "data": "207" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -7, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 4, + "data": "208" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -6, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": 3, + "data": "" + }, { + "value": -5, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -4, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -3, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -2, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": 0, + "data": "" + }, { + "value": -1, + "data": "" + }], + [{ + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }, { + "value": -1, + "data": "" + }] +] \ No newline at end of file diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html index b660346..060086b 100644 --- a/src/main/webapp/views/console.html +++ b/src/main/webapp/views/console.html @@ -27,40 +27,6 @@ <!-- 绗竴缁� --> <div class="lane" id="mapDataId" style="margin-bottom: 280px"> <div class="sxcar" id="sxcar-1"></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>--> -<!-- <span class="row-no">1#</span>--> -<!-- </div>--> - <!-- 鍫嗗灈鏈� --> -<!-- <div class="crn">--> -<!-- <hr class="pathway">--> -<!-- <div id="crn-1" class="machine"></div>--> -<!-- </div>--> </div> </div> </main> @@ -373,6 +339,7 @@ var tData1 = [] var tData2 = [] var tData3 = [] + var mapData = [] //鍦板浘鏁版嵁 function getCodeData(){ $.ajax({ url:baseUrl +'/console/barcode/output/site', @@ -433,8 +400,8 @@ //璁$畻鍥涘悜绌挎杞﹀浘鏍囦綅缃� function getCarPosition(x,y) { - let top = (x * 30) + "px" - let left = (y * 40 - 40) + "px" //闇�瑕佸噺鍘诲皬杞﹁嚜宸辨墍鍗犲搴� + let top = (x * 35 - 35) + "px" //闇�瑕佸噺鍘诲皬杞﹁嚜宸辨墍鍗犻珮搴� + let left = (y * 70 - 70) + "px" //闇�瑕佸噺鍘诲皬杞﹁嚜宸辨墍鍗犲搴� return [top,left]; } @@ -444,7 +411,6 @@ let position = getCarPosition(x,y) let top = position[0] let left = position[1] - console.log(top,left) $("#sxcar-" + id).animate({top: top,left: left}, 1000); } @@ -457,6 +423,7 @@ type:"get", url: baseUrl + "/static/js/map.json", success: (data) => { + mapData = data let content = "" data.forEach((rowData,index) => { let lastGroup = '<div class="stock-group">' @@ -467,9 +434,8 @@ //鍘绘帀宸﹀彸杈圭紭绂佸尯 if(!(idx == 0 || rowData.length - 1 == idx)){ let col; - switch (colData){ + switch (colData.value){ case -1: - //-1绂佸尯涓嶆樉绀猴紝浣嗘槸闇�瑕佸崰鐢ㄥ厓绱犱綅缃� col = '<button class="item" style="visibility: hidden">' + idx + '</button>'; break; case 3: @@ -479,6 +445,11 @@ //绗竴娆¢亣鍒版瘝杞ㄩ亾锛屽垯淇濆瓨璇ヨ建閬撳湴鍧�(鐢ㄤ簬灏忚溅鍒濆鍖栧畾浣�) firstMotherIndex = [index,idx] } + break; + case 4: + //绔欑偣 + let data = colData.data + col = '<div id="site-' + data + '" class="site">' + data + '(9991)</div>'; break; default: col = '<button class="item">' + index + '</button>'; @@ -498,14 +469,28 @@ } }) - moveCar(1, firstMotherIndex[0], firstMotherIndex[1]); $("#mapDataId").append(content) } }) } + //灏嗗湴鍥炬暟鎹浆鎹㈡垚int浜岀淮鏁扮粍(鍚庣画鐢ㄤ簬璇锋眰璁$畻璺緞鏃舵惡甯﹀湴鍥炬暟鎹弬鏁颁娇鐢�) + function getMap2TwoArr() { + let data = [] + mapData.forEach((item,index) => { + let data2 = [] + item.forEach((val,idx) => { + data2.push(val.value) + }) + data.push(data2) + }) + + return data; + } + function testMove() { + getMap2TwoArr()//娴嬭瘯鍦板浘鏁版嵁杞崲鏄惁姝e父 let json = "[{\n" + "\t\t\"x\": 5,\n" + "\t\t\"y\": 5\n" + @@ -659,7 +644,7 @@ </script> <script type="text/javascript"> // 寮圭獥绔欑偣淇℃伅 - $('.site').on('click',function(){ + $('#mapDataId').on('click','.site',function(){ var id = this.id.split("-")[1]; $("#siteWindow").attr("style","display:block;");//鏄剧ずdiv $("#crnWindow").attr("style","display:none;"); -- Gitblit v1.9.1