#
luxiaotao1123
2023-02-15 a7223a5dfc7c83c7fe3894e65d1fed84cae61a8e
src/main/webapp/views/console.html
@@ -16,46 +16,37 @@
        <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
    </header>
    <main class="main">
        <!--第1列(宽度 70px) -->
<!--        <div class="site-row site-row-1">-->
<!--            <div class="site-k" style="height:39px;width:70px;"></div>-->
<!--            <div id="site-173" class="site" style="height: 18px;line-height: 18px;margin-bottom: 85px">173</div>-->
<!--        </div>-->
        <!--第1列 -->
        <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: 38px;line-height: 38px;width:156px;">101</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="site-1000" class="site" style="height: 18px;line-height: 18px;">1000</div>
            <div id="site-2000" class="site" style="height: 18px;line-height: 18px;">2000</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-201" class="site" style="height: 38px;line-height: 38px;width:156px;">201</div>
            <div id="site-200" class="site" style="height: 38px;line-height: 38px;width:156px;">200</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 id="site-115" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 47px">115</div>
        <!--第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-112" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 168px">112</div>
            <div id="site-301" class="site" style="height: 38px;line-height: 38px;width:156px;">301</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 id="site-300" class="site" style="height: 38px;line-height: 38px;width:156px;">300</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>
            <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">
@@ -67,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>
@@ -76,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>
@@ -105,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>
@@ -169,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>
@@ -198,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>
@@ -817,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">
@@ -904,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>
@@ -933,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>
@@ -962,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>
@@ -996,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>
@@ -1033,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>
@@ -1055,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">
@@ -1334,18 +560,21 @@
                        tData1 = tData
                    } else if (tData.length<=10){
                        tData1 = tData.slice(0,5)
                        tData.splice(0,5)
                        tData2 = tData
                        // tData.splice(0,4)
                        tData2 = tData.splice(5,10)
                    } else if(tData.length<=15){
                        tData1 = tData.slice(0,5)
                        tData2 = tData.slice(6,10)
                        tData.splice(0,10)
                        tData3 = tData
                        tData2 = tData.slice(5,10)
                        // tData.splice(0,10)
                        tData3 = tData.slice(10,15)
                    } else {
                        tData = tData.slice(-15)
                        tData1 = tData.slice(-15)
                        tData2 = tData.slice(-10)
                        tData3 = tData.slice(-5)
                        tData1 = tData.slice(0,5)
                        tData2 = tData.slice(5,10)
                        tData3 = tData.slice(10,15)
                        // tData = tData.slice(-15)
                        // tData1 = tData.slice(-15)
                        // tData2 = tData.slice(-10)
                        // tData3 = tData.slice(-5)
                    }
                }
@@ -1356,8 +585,6 @@
        getCodeData();
        renderBarCode();
    }, 1000)
    function renderBarCode() {
@@ -1372,6 +599,61 @@
        for(var k = 0;k<tData3.length;k++){
            var str3 = '<li><span>' + tData3[k].barcode + '</span><span class="right">' + tData3[k].time + '</span></li>'
            $('#barcode3').append(str3)
        }
    }
    // 小车偏移动画
    function carAnimate(id, target) {
        if (id === 1000) {
            let targetTop = 130;
            switch (target) {
                case 110:
                    targetTop += 0;
                    break;
                case 109:
                    targetTop += 60;
                    break;
                case 108:
                    targetTop += 100;
                    break;
                case 107:
                    targetTop += 180;
                    break;
                case 106:
                    targetTop += 220;
                    break;
                default:
                    return;
            }
            $("#site-" + id).animate({top: targetTop+'px'}, 1000);
        } else if (id === 2000) {
            let targetTop = 130;
            switch (target) {
                case 226:
                    targetTop += 0;
                    break;
                case 225:
                    targetTop += 60;
                    break;
                case 224:
                    targetTop += 100;
                    break;
                case 223:
                    targetTop += 180;
                    break;
                case 222:
                    targetTop += 220;
                    break;
                case 214:
                    targetTop += 280;
                    break;
                case 220:
                    targetTop += 320;
                    break;
                default:
                    return;
            }
            $("#site-" + id).animate({top: targetTop+'px'}, 1000);
        }
    }
</script>
@@ -1767,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>