| | |
| | | <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> |
| | | </header> |
| | | <main class="main"> |
| | | <!-- 第1列 --> |
| | | <div class="site-row site-row-1"> |
| | | <div id="site-102" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 340px">102</div> |
| | | <!--第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: 18px;line-height: 18px;width:80px;margin-top: 20px">101</div> |
| | | <div id="site-101" class="site" style="height: 38px;line-height: 38px;width:156px;">101</div> |
| | | |
| | | <div id="site-100" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">100</div> |
| | | <div id="site-100" class="site" style="height: 38px;line-height: 38px;width:156px;">100</div> |
| | | </div> |
| | | <!-- 第2列--> |
| | | <div class="site-row site-row-2"> |
| | | <!--第2列--> |
| | | <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> |
| | | <!-- 第5列 --> |
| | | <div class="site-row site-row-5"> |
| | | </div> |
| | | <!-- 第6列 --> |
| | | <div class="site-row site-row-6"> |
| | | </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"> |
| | | <div class="lane"> |
| | | <!-- 第一组 --> |
| | | <div class="lane" style="margin-bottom: 280px"> |
| | | <!-- 货架 --> |
| | | <!-- 1号堆垛机 --> |
| | | <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> |
| | |
| | | <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="stock-group"> |
| | |
| | | <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> |
| | |
| | | <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">2#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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> |
| | |
| | | <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">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" 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> |
| | | <button class="item">10</button> |
| | | <button class="item">11</button> |
| | | <button class="item">12</button> |
| | | <button class="item">13</button> |
| | | <span class="row-no">4#</span> |
| | | </div> |
| | | |
| | | <!-- 堆垛机 --> |
| | | <div class="crn"> |
| | | <hr class="pathway"> |
| | | <div id="crn-1" class="machine"></div> |
| | | </div> |
| | | |
| | | <!-- 货架 --> |
| | | <div class="stock-group"> |
| | | <button class="item">1</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">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> |
| | | <span class="row-no">5#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">6#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">7#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">8#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">9#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">10#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | |
| | | <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">11#</span> |
| | | </div> |
| | | <!-- 堆垛机 --> |
| | | <div class="crn"> |
| | | <hr class="pathway"> |
| | | <div id="crn-2" 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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <span class="row-no">17#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <button class="item item-hide" style="margin-left: 90px">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">18#</span> |
| | | </div> |
| | | <!-- 堆垛机 --> |
| | | <div class="crn"> |
| | | <hr class="pathway"> |
| | | <div id="crn-3" class="machine"></div> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <button class="item" style="margin-left: 60px">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">19#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <button class="item" style="margin-left: 60px">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">20#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <button class="item" style="margin-left: 60px">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">21#</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <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> |
| | |
| | | <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"> |
| | |
| | | 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) |
| | | |
| | | } |
| | | } |
| | |
| | | getCodeData(); |
| | | renderBarCode(); |
| | | }, 1000) |
| | | |
| | | |
| | | |
| | | |
| | | function renderBarCode() { |
| | |
| | | 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> |
| | |
| | | } |
| | | } |
| | | |
| | | // 页面点击事件监听 --------------------------------------------------------- |
| | | |
| | | // 输送设备点击事件 |
| | | // $('.site').on('click', function () { |
| | | // var id = this.id.split("-")[1]; |
| | | // if (id === undefined) { |
| | | // return; |
| | | // } |
| | | // layer.open({ |
| | | // title: id + " 站点信息详情", |
| | | // closeBtn: 0, |
| | | // skin: 'layui-layer-lan', |
| | | // offset: '180px', |
| | | // type: 1, |
| | | // shadeClose: true, |
| | | // content: $('#siteWindow'), |
| | | // area: ['35rem', '18rem'], |
| | | // btn: ['确定', '关闭'], |
| | | // success: function(layero, index){ |
| | | // http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) { |
| | | // for (var val in res.data) { |
| | | // var find = $("#siteWindow").find(":input[name='" + val + "']"); |
| | | // if (find[0].type==='text') { |
| | | // find.val(res.data[val]); |
| | | // } else if (find[0].type === 'checkbox') { |
| | | // find.attr("checked", res.data[val] === 'Y'); |
| | | // } |
| | | // } |
| | | // }) |
| | | // }, |
| | | // end: function () { |
| | | // $(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | // } |
| | | // }); |
| | | // }); |
| | | |
| | | // 堆垛机点击事件 |
| | | // $('.machine').on('click', function () { |
| | | // var id = this.id.split("-")[1]; |
| | | // layer.open({ |
| | | // title: id+"号堆垛机", |
| | | // skin: 'layui-layer-lan', |
| | | // closeBtn: 0, |
| | | // type: 1, |
| | | // offset: '150px', |
| | | // shadeClose: true, |
| | | // content: $("#crnWindow"), |
| | | // area: ['40rem', '20rem'], |
| | | // btn: ['确定', '关闭'], |
| | | // success: function(layero, index){ |
| | | // http.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) { |
| | | // for (var val in res.data) { |
| | | // var find = $("#crnWindow").find(":input[name='" + val + "']"); |
| | | // if (find[0].type==='text') { |
| | | // find.val(res.data[val]); |
| | | // } else if (find[0].type === 'checkbox') { |
| | | // find.attr("checked", res.data[val] === 'Y'); |
| | | // } |
| | | // } |
| | | // }) |
| | | // }, |
| | | // end: function () { |
| | | // $(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | // } |
| | | // }); |
| | | // }); |
| | | |
| | | |
| | | // 小车偏移动画 |
| | | function carAnimate(id, target) { |
| | | var targetTop = 122; |
| | | if (id === 8) { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 160; |
| | | break; |
| | | case 2: |
| | | targetTop += 140; |
| | | break; |
| | | case 3: |
| | | targetTop += 80; |
| | | break; |
| | | case 4: |
| | | targetTop += 40; |
| | | break; |
| | | case 7: |
| | | targetTop += 0; |
| | | break; |
| | | default: |
| | | return; |
| | | } |
| | | } else { |
| | | return; |
| | | } |
| | | $("#site-" + id).animate({top: targetTop+'px'}, 1000); |
| | | } |
| | | |
| | | |
| | | //楼层切换按钮 |
| | | 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> |