自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
luxiaotao1123
2022-03-22 7912915a2b076e7ed4772ce2939f33862587a54b 
 src/main/webapp/views/console.html


@@ -17,8 +17,13 @@


<body>


<div id="root">


    <div class="head">


        <h1>自动仓库WCS监控图</h1>


        <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>


        <div class="head-left">


            <h1>自动仓库WCS监控图</h1>


            <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>


        </div>


        <div class="head-right">


            <img src="../static/images/zy-logo.png" alt="中扬" height="44" width="80" >


        </div>


    </div>


    <!--第1列（宽度 70px） -->


    <div class="site-row site-row-1">


@@ -50,8 +55,8 @@


    </div>


    <!-- 第4列（宽度 70px 140px） -->




    <!--&lt;!&ndash; 第5列（宽度 70px） &ndash;&gt;-->


    <div class="site-row site-row-5">


    <!--&lt;!&ndash; 第4列（宽度 70px） &ndash;&gt;-->


    <div class="site-row site-row-4">


        <div id="site-163" class="site" style="height: 28.5px;line-height: 28.5px">163</div>


        <div id="site-162" class="site" style="height: 28.5px;line-height: 28.5px">162</div>


        <div id="site-161" class="site" style="height: 71px;line-height: 71px">161</div>


@@ -67,8 +72,8 @@


        <div id="site-151" class="site" style="height: 28.5px;line-height: 28.5px">151</div>


        <div id="site-150" class="site" style="height: 28.5px;line-height: 28.5px">150</div>


    </div>


    <!--&lt;!&ndash; 第6列（宽度 70px） &ndash;&gt;-->


    <div class="site-row site-row-6">


    <!--&lt;!&ndash; 第5列（宽度 70px） &ndash;&gt;-->


    <div class="site-row site-row-5">


        <div id="site-120" class="site" style="height: 28.5px;line-height: 28.5px">120</div>


        <div id="site-121" class="site" style="height: 28.5px;line-height: 28.5px">121</div>


        <div id="site-122" class="site" style="height: 71px;line-height: 71px">122</div>


@@ -84,6 +89,19 @@


        <div id="site-132" class="site" style="height: 28.5px;line-height: 28.5px">132</div>


        <div id="site-133" class="site" style="height: 28.5px;line-height: 28.5px">133</div>


    </div>


    <!--&lt;!&ndash; 第6列（宽度 70px） &ndash;&gt;-->


    <div class="site-row site-row-6">


        <div id="site-183" class="site">183</div>


        <div id="site-184" class="site" style="margin-top: 21px">184</div>


        <div id="site-185" class="site" style="margin-top: 73px">185</div>


        <div id="site-186" class="site" style="margin-top: 21px">186</div>


        <div id="site-187" class="site" style="margin-top: 73px">187</div>


        <div id="site-188" class="site" style="margin-top: 21px">188</div>


        <div id="site-189" class="site" style="margin-top: 73px">189</div>


        <div id="site-190" class="site" style="margin-top: 21px">190</div>


        <div id="site-191" class="site" style="margin-top: 73px">191</div>


        <div id="site-192" class="site" style="margin-top: 21px">192</div>


    </div>




    <!-- 货架 + 堆垛机 + 入库站点 -->


    <div class="main-part">


@@ -91,10 +109,10 @@


        <div class="lane">


            <!-- 货架 -->


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -130,10 +148,10 @@


            </div>


            <div class="stock-group">


                <div id="site-100" class="site" style="">100</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -175,10 +193,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div id="site-101" class="site" style="">101</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -213,10 +231,10 @@


                <span class="row-no">3#</span>


            </div>


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -257,10 +275,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div class="site" style="background-color: rgb(108,167,168)"></div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -296,10 +314,10 @@


            </div>


            <div class="stock-group">


                <div id="site-102" class="site" style="">102</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -341,10 +359,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div id="site-103" class="site" style="">103</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -380,10 +398,10 @@


            </div>


            <div class="stock-group">


                <div class="site" style="background-color: rgb(108,167,168)"></div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -423,10 +441,10 @@


            <span class="row-no"></span>


            <!-- 货架 -->


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -462,10 +480,10 @@


            </div>


            <div class="stock-group">


                <div id="site-104" class="site" style="">104</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -507,10 +525,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div id="site-105" class="site" style="">105</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -545,10 +563,10 @@


                <span class="row-no">11#</span>


            </div>


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -588,10 +606,10 @@


            <span class="row-no"></span>


            <!-- 货架 -->


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -627,10 +645,10 @@


            </div>


            <div class="stock-group">


                <div id="site-106" class="site" style="">106</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -672,10 +690,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div id="site-107" class="site" style="">107</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -710,10 +728,10 @@


                <span class="row-no">15#</span>


            </div>


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -753,10 +771,10 @@


            <span class="row-no"></span>


            <!-- 货架 -->


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -792,10 +810,10 @@


            </div>


            <div class="stock-group">


                <div id="site-108" class="site" style="">108</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -837,10 +855,10 @@


            <!-- 货架 -->


            <div class="stock-group">


                <div id="site-109" class="site" style="">109</div>


                <button class="item">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -875,10 +893,10 @@


                <span class="row-no">19#</span>


            </div>


            <div class="stock-group">


                <button class="item" style="margin-left: 82px">2</button>


                <button class="item">4</button>


                <button class="item">6</button>


                <button class="item">8</button>


                <button class="item" style="margin-left: 82px">&nbsp2&nbsp</button>


                <button class="item">&nbsp4&nbsp</button>


                <button class="item">&nbsp6&nbsp</button>


                <button class="item">&nbsp8&nbsp</button>


                <button class="item">10</button>


                <button class="item">12</button>


                <button class="item">14</button>


@@ -955,7 +973,7 @@


            <div class="body-head">输送线状态</div>


            <div class="state states">


                <span>运输线总数</span>


                <span class="line-ss">48</span>


                <span class="line-ss">58</span>


            </div>


            <div class="button"><span>所有状态</span></div>


            <div class="button item-group">


@@ -1485,8 +1503,11 @@


                    for (var i = 0; i < crns.length; i++){


                        var crnEl = $("#crn-"+crns[i].crnId);


                        crnEl.attr("class", "machine " + crns[i].crnStatus);


                        var unit = ($('.item').eq(0).width()+4)/2;


                        crnEl.animate({left: (crns[i].bay * unit + 25) +'px'}, 1000);


                        var unit = ($('.item').eq(0).width()+13)/2;


                        if (crns[i].bay < 0) {


                            crns[i].bay = 0


                        }


                        crnEl.animate({left: (crns[i].bay * unit) +'px'}, 1000);


                    }


                } else if (res.code === 403){


                    parent.location.href = baseUrl+"/login";


@@ -1496,7 +1517,6 @@


            }


        });


    }




    // 扫码器实时数据获取


    function getBarcodeInfo(){


        $.ajax({