From 864e0c81c00683dff6d942d3f5ec7f838f125429 Mon Sep 17 00:00:00 2001 From: mrzhssss <pro6@qq.com> Date: 星期四, 28 四月 2022 08:03:34 +0800 Subject: [PATCH] # --- src/main/webapp/views/console.html | 1938 ++++++++++++++++++++++------------------------------------ 1 files changed, 738 insertions(+), 1,200 deletions(-) diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html index c57b160..e6f6ac4 100644 --- a/src/main/webapp/views/console.html +++ b/src/main/webapp/views/console.html @@ -22,85 +22,8 @@ <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> </div> <div class="head-right"> - <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80" > + <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80"> </div> - </div> - <!--绗�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> - <!--绗�2鍒楋紙瀹藉害 70px锛�--> - <div class="site-row site-row-2"> - <div id="site-175" class="site" style="height: 18px;line-height: 18px;">175</div> - <div id="site-174" class="site" style="height: 19px;line-height: 19px;">174</div> - <div id="site-172" class="site" style="height: 18px;line-height: 18px;">172</div> - <div class="site-k" style="height: 246px;width:70px;"></div> - <div id="site-182" class="site" style="height: 18px;line-height: 18px;">182</div> - </div> - <!-- 绗�3鍒楋紙瀹藉害 70px锛� --> - <div class="site-row site-row-3"> - <div id="site-176" class="site" style="height: 18px;line-height: 18px;width:162px;">176</div> - <div class="site-k" style="height: 19px;width:162px;"></div> - <div> - <div id="site-171" class="site" style="height: 18px;line-height: 18px;position: absolute;clear: right">171</div> - <div id="site-170" class="site" style="height: 18px;line-height: 18px;width:80px;float: right">170</div> - </div> - <div class="site-k" style="height: 246px;width:70px;"></div> - <div> - <div id="site-181" class="site" style="height: 18px;line-height: 18px;position: absolute;clear: right">181</div> - <div id="site-180" class="site" style="height: 18px;line-height: 18px;width:80px;float: right">180</div> - </div> - - </div> - <!-- 绗�4鍒楋紙瀹藉害 70px 140px锛� --> - - <!--<!– 绗�4鍒楋紙瀹藉害 70px锛� –>--> - <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> - <div id="site-160" class="site" style="height: 28.5px;line-height: 28.5px">160</div> - <div id="site-159" class="site" style="height: 28.5px;line-height: 28.5px">159</div> - <div id="site-158" class="site" style="height: 71px;line-height: 71px">158</div> - <div id="site-157" class="site" style="height: 28.5px;line-height: 28.5px">157</div> - <div id="site-156" class="site" style="height: 28.5px;line-height: 28.5px">156</div> - <div id="site-155" class="site" style="height: 71px;line-height: 71px">155</div> - <div id="site-154" class="site" style="height: 28.5px;line-height: 28.5px">154</div> - <div id="site-153" class="site" style="height: 28.5px;line-height: 28.5px">153</div> - <div id="site-152" class="site" style="height: 71px;line-height: 71px">152</div> - <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> - <!--<!– 绗�5鍒楋紙瀹藉害 70px锛� –>--> - <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> - <div id="site-123" class="site" style="height: 28.5px;line-height: 28.5px">123</div> - <div id="site-124" class="site" style="height: 28.5px;line-height: 28.5px">124</div> - <div id="site-125" class="site" style="height: 71px;line-height: 71px">125</div> - <div id="site-126" class="site" style="height: 28.5px;line-height: 28.5px">126</div> - <div id="site-127" class="site" style="height: 28.5px;line-height: 28.5px">127</div> - <div id="site-128" class="site" style="height: 71px;line-height: 71px">128</div> - <div id="site-129" class="site" style="height: 28.5px;line-height: 28.5px">129</div> - <div id="site-130" class="site" style="height: 28.5px;line-height: 28.5px">130</div> - <div id="site-131" class="site" style="height: 71px;line-height: 71px">131</div> - <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> - <!--<!– 绗�6鍒楋紙瀹藉害 70px锛� –>--> - <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> <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 --> @@ -109,81 +32,72 @@ <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> + <button class="item" style="margin-left: 82px">60</button> <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">1#</span> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + + </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> + + <button class="item" style="margin-left: 82px">60</button> <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">2#</span> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-101" class="site" style="">101</div> </div> <!-- 鍫嗗灈鏈� --> <div class="crn"> @@ -192,81 +106,70 @@ </div> <!-- 璐ф灦 --> <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> + + <button class="item" style="margin-left: 82px">60</button> <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">3#</span> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-106" class="site" style="">106</div> </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> + <button class="item" style="margin-left: 82px">60</button> <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">4#</span> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> </div> </div> <!-- 绗簩缁� --> @@ -274,166 +177,127 @@ <span class="row-no"></span> <!-- 璐ф灦 --> <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">5#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">6#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-113" class="site" style="">113</div> </div> <!-- 鍫嗗灈鏈� --> - <div class="crn"> + <div class="crn" style="margin-left: 108px"> <hr class="pathway"> <div id="crn-2" class="machine"></div> </div> <!-- 璐ф灦 --> <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">7#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-120" class="site" style="">120</div> + </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">8#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> </div> </div> <!--绗笁缁�--> @@ -441,795 +305,470 @@ <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">9#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">10#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-127" class="site" style="">127</div> + </div> <!-- 鍫嗗灈鏈� --> - <div class="crn"> + <div class="crn" style="margin-left: 108px"> <hr class="pathway"> <div id="crn-3" class="machine"></div> </div> <!-- 璐ф灦 --> <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">11#</span> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-133" class="site" style="">133</div> + </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> + <button class="item" style="margin-left: 193px">52</button> <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">12#</span> - </div> - </div> - <!--绗洓缁�--> - <div class="lane"> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">13#</span> - </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">14#</span> - </div> - <!-- 鍫嗗灈鏈� --> - <div class="crn"> - <hr class="pathway"> - <div id="crn-4" class="machine"></div> - </div> - <!-- 璐ф灦 --> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">16#</span> - </div> - </div> - <!--绗簲缁�--> - <div class="lane"> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">17#</span> - </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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> - <button class="item">36</button> <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">18#</span> - </div> - <!-- 鍫嗗灈鏈� --> - <div class="crn"> - <hr class="pathway"> - <div id="crn-5" class="machine"></div> - </div> - <!-- 璐ф灦 --> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> - <button class="item">34</button> <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <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">10</button> - <button class="item">12</button> - <button class="item">14</button> - <button class="item">16</button> - <button class="item">18</button> - <button class="item">20</button> - <button class="item">22</button> - <button class="item">24</button> - <button class="item">26</button> - <button class="item">28</button> - <button class="item">30</button> - <button class="item">32</button> <button class="item">34</button> - <button class="item">36</button> - <button class="item">38</button> - <button class="item">40</button> - <button class="item">42</button> - <button class="item">44</button> - <button class="item">46</button> - <button class="item">48</button> - <button class="item">50</button> - <button class="item">52</button> - <button class="item">54</button> - <button class="item">56</button> - <button class="item">58</button> - <button class="item">60</button> - <button class="item">62</button> - <button class="item">64</button> - <button class="item">66</button> - <button class="item">68</button> - <button class="item">70</button> - <span class="row-no">20#</span> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> </div> </div> </div> - <!--搴曢儴--> - <div id="body"> - <!-- 鎬诲紑鍏� --> - <div class="system-state"> - <div class="body-head">鎬诲紑鍏�</div> - <div class="switch"> - <div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div> - <div class="switch_r"> - <p>绯荤粺鐘舵��</p> - <p id="system-run-desc">绯荤粺杩愯涓�</p> - </div> + <!--绗�1鍒楋紙瀹藉害 70px锛� --> + <div class="site-row site-row-1"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-102" class="site" style="height: 18px;line-height: 18px;">102</div> + <div id="site-107" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">107</div> + <div id="site-114" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">114</div> + <div id="site-121" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">121</div> + <div id="site-128" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">128</div> + <div id="site-134" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">134</div> + </div> + <div class="site-row site-row-2"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-103" class="site" style="height: 18px;line-height: 18px;">103</div> + <div id="site-105" class="site" style="height: 18px;line-height: 18px">105</div> + <div id="site-108" class="site" style="height: 18px;line-height: 18px">108</div> + <div id="site-111" class="site" style="height: 66px;line-height: 66px">111</div> + <div id="site-115" class="site" style="height: 18px;line-height: 18px">115</div> + <div id="site-118" class="site" style="height: 18px;line-height: 18px">118</div> + <div id="site-122" class="site" style="height: 18px;line-height: 18px">122</div> + <div id="site-125" class="site" style="height: 66px;line-height: 66px">125</div> + <div id="site-129" class="site" style="height: 18px;line-height: 18px">129</div> + <div id="site-132" class="site" style="height: 18px;line-height: 18px">132</div> + <div id="site-135" class="site" style="height: 18px;line-height: 18px">135</div> + </div> + <div class="site-row site-row-3"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:162px;">104</div> + <div id="site-109" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">109</div> + <div id="site-112" class="site" style="height: 66px;line-height: 68px">112</div> + <div id="site-116" class="site" style="height: 18px;line-height: 18px;">116</div> + <div id="site-119" class="site" style="height: 18px;line-height: 18px">119</div> + <div id="site-123" class="site" style="height: 18px;line-height: 18px">123</div> + <div id="site-126" class="site" style="height: 66px;line-height: 68px">126</div> + <div id="site-130" class="site" style="height: 18px;line-height: 18px">130</div> + <div id="site-136" class="site" style="height: 18px;line-height: 18px;width:162px; margin-top: 20px">136</div> + </div> + <div class="site-row site-row-4"> + <div id="site-110" class="site" style="height: 18px;line-height: 18px;">110</div> + <div id="site-117" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">117</div> + <div id="site-124" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">124</div> + <div id="site-131" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">131</div> + </div> +</div> +<!--搴曢儴--> +<div id="body"> + <!-- 鎬诲紑鍏� --> + <div class="system-state"> + <div class="body-head">鎬诲紑鍏�</div> + <div class="switch"> + <div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div> + <div class="switch_r"> + <p>绯荤粺鐘舵��</p> + <p id="system-run-desc">绯荤粺杩愯涓�</p> + </div> + </div> + </div> + <!-- 鍫嗗灈鏈虹姸鎬� --> + <div class="machine-status"> + <div class="body-head">鍫嗗灈鏈虹姸鎬�</div> + <div class="state"> + <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> + <div class="button"><span>鎵�鏈夌姸鎬�</span></div> + <div class="button item-group"> + <span class="machine-put-flag">鍏ュ簱</span> + <span class="machine-take-flag">鍑哄簱</span> + <span class="machine-stock-move-flag">搴撳埌搴�</span> + <span class="machine-site-move-flag">绔欏埌绔�</span> + <span class="machine-p-move-flag">PToP</span> + <span class="machine-error-flag">寮傚父</span> + <span class="machine-auto-flag">鑷姩</span> + <span class="machine-unauto-flag">闈炶嚜鍔�/鎵嬪姩</span> + </div> + </div> + <div class="line-status"> + <div class="body-head">杈撻�佺嚎鐘舵��</div> + <div class="state states"> + <span>杩愯緭绾挎�绘暟</span> + <span class="line-ss">58</span> + </div> + <div class="button"><span>鎵�鏈夌姸鎬�</span></div> + <div class="button item-group"> + <span class="site-auto-run-id">鑷姩+鏈夌墿+ID</span> + <span class="site-auto-run">鑷姩+鏈夌墿</span> + <span class="site-auto-id">鑷姩+ID</span> + <span class="site-auto">鑷姩</span> + <span class="site-unauto">闈炶嚜鍔�/鎵嬪姩</span> + </div> + </div> + <div class="bar-code"> + <div class="body-head" id="code">鏉$爜鎵弿鍣�</div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode1" class="table-body"> + + </div> + </div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode2" class="table-body"> + + </div> + </div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode3" class="table-body"> + + </div> + </div> + </div> +</div> +<!-- 鍫嗗灈鏈哄脊绐� --> +<div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn"> + <div id="crnWindow-head"> + <div class='detailed'></div> + <button></button> + </div> + <form> + <!-- 鍫嗗灈鏈哄彿 --> + <div class="form-item"> + <div class="form-item-label" style> + <span>鍫嗗灈鏈哄彿锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="crnNo" value=""> + </div> + </div> + <!-- 宸ヤ綔鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鍙凤細</span> + </div> + <div class="form-item-input"> + <input type="text" name="workNo" value=""> + </div> + </div> + <!-- 绔欐簮 --> + <div class="form-item"> + <div class="form-item-label"> + <span>绔欐簮锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceStaNo" value=""> + </div> + </div> + <!-- 鐩爣绔� --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣绔欙細</span> + </div> + <div class="form-item-input"> + <input type="text" name="staNo" value=""> + </div> + </div> + <!-- 宸ヤ綔鐘舵�� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鐘舵�侊細</span> + </div> + <div class="form-item-input"> + <input type="text" name="wrkSts" value=""> + </div> + </div> + <!-- 鍑哄叆绫诲瀷 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鍑哄叆绫诲瀷锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="ioType" value=""> + </div> + </div> + <!-- 婧愬簱浣� --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愬簱浣嶏細</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceLocNo" value=""> + </div> + </div> + <!-- 鐩爣搴撲綅 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣搴撲綅锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="locNo" value=""> </div> </div> <!-- 鍫嗗灈鏈虹姸鎬� --> - <div class="machine-status"> - <div class="body-head">鍫嗗灈鏈虹姸鎬�</div> - <div class="state"> - <span>鍫嗗灈鏈� 1</span> - <span class="state-ss machine-put-flag ">鍏ュ簱</span> + <div class="form-item"> + <div class="form-item-label"> + <span>鍫嗗灈鏈虹姸鎬侊細</span> </div> - <div class="state"> - <span>鍫嗗灈鏈� 2</span> - <span class="state-ss machine-auto-flag ">鑷姩</span> - - </div> - <div class="button"><span>鎵�鏈夌姸鎬�</span></div> - <div class="button item-group"> - <span class="machine-put-flag">鍏ュ簱</span> - <span class="machine-take-flag">鍑哄簱</span> - <span class="machine-stock-move-flag">搴撳埌搴�</span> - <span class="machine-site-move-flag">绔欏埌绔�</span> - <span class="machine-p-move-flag">PToP</span> - <span class="machine-error-flag">寮傚父</span> - <span class="machine-auto-flag">鑷姩</span> - <span class="machine-unauto-flag">闈炶嚜鍔�/鎵嬪姩</span> + <div class="form-item-input"> + <input type="text" name="crnStatus" value=""> </div> </div> - <div class="line-status"> - <div class="body-head">杈撻�佺嚎鐘舵��</div> - <div class="state states"> - <span>杩愯緭绾挎�绘暟</span> - <span class="line-ss">58</span> + <!-- 寮傚父 --> + <div class="form-item"> + <div class="form-item-label"> + <span>寮傚父锛�</span> </div> - <div class="button"><span>鎵�鏈夌姸鎬�</span></div> - <div class="button item-group"> - <span class="site-auto-run-id">鑷姩+鏈夌墿+ID</span> - <span class="site-auto-run">鑷姩+鏈夌墿</span> - <span class="site-auto-id">鑷姩+ID</span> - <span class="site-auto">鑷姩</span> - <span class="site-unauto">闈炶嚜鍔�/鎵嬪姩</span> + <div class="form-item-input"> + <input type="text" name="error" value=""> </div> </div> - <div class="bar-code"> - <div class="body-head" id="code">鏉$爜鎵弿鍣�</div> - <div class="tablebox"> - <div class="table-head"> - <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> - </div> - <div id="barcode1" class="table-body"> - - </div> - </div> - <div class="tablebox"> - <div class="table-head"> - <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> - </div> - <div id="barcode2" class="table-body"> - - </div> - </div> - <div class="tablebox"> - <div class="table-head"> - <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> - </div> - <div id="barcode3" class="table-body"> - - </div> - </div> - </div> + </form> +</div> +<!-- 杈撻�佽澶囧脊绐� --> +<div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn"> + <!-- 琛ㄥご --> + <div id="siteWindow-head"> + <div class='detailed'></div> + <button></button> </div> - <!-- 鍫嗗灈鏈哄脊绐� --> - <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn"> - <div id="crnWindow-head"> - <div class='detailed'></div> - <button></button> + <form> + <!-- 璁惧鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>璁惧鍙凤細</span> + </div> + <div class="form-item-input"> + <input type="text" name="siteId" value=""> + </div> </div> - <form> - <!-- 鍫嗗灈鏈哄彿 --> - <div class="form-item"> - <div class="form-item-label" style> - <span>鍫嗗灈鏈哄彿锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="crnNo" value=""> - </div> + <!-- 宸ヤ綔鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鍙凤細</span> </div> - <!-- 宸ヤ綔鍙� --> - <div class="form-item"> - <div class="form-item-label"> - <span>宸ヤ綔鍙凤細</span> - </div> - <div class="form-item-input"> - <input type="text" name="workNo" value=""> - </div> + <div class="form-item-input"> + <input type="text" name="workNo" value=""> </div> - <!-- 绔欐簮 --> - <div class="form-item"> - <div class="form-item-label"> - <span>绔欐簮锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="sourceStaNo" value=""> - </div> - </div> - <!-- 鐩爣绔� --> - <div class="form-item"> - <div class="form-item-label"> - <span>鐩爣绔欙細</span> - </div> - <div class="form-item-input"> - <input type="text" name="staNo" value=""> - </div> - </div> - <!-- 宸ヤ綔鐘舵�� --> - <div class="form-item"> - <div class="form-item-label"> - <span>宸ヤ綔鐘舵�侊細</span> - </div> - <div class="form-item-input"> - <input type="text" name="wrkSts" value=""> - </div> - </div> - <!-- 鍑哄叆绫诲瀷 --> - <div class="form-item"> - <div class="form-item-label"> - <span>鍑哄叆绫诲瀷锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="ioType" value=""> - </div> - </div> - <!-- 婧愬簱浣� --> - <div class="form-item"> - <div class="form-item-label"> - <span>婧愬簱浣嶏細</span> - </div> - <div class="form-item-input"> - <input type="text" name="sourceLocNo" value=""> - </div> - </div> - <!-- 鐩爣搴撲綅 --> - <div class="form-item"> - <div class="form-item-label"> - <span>鐩爣搴撲綅锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="locNo" value=""> - </div> - </div> - <!-- 鍫嗗灈鏈虹姸鎬� --> - <div class="form-item"> - <div class="form-item-label"> - <span>鍫嗗灈鏈虹姸鎬侊細</span> - </div> - <div class="form-item-input"> - <input type="text" name="crnStatus" value=""> - </div> - </div> - <!-- 寮傚父 --> - <div class="form-item"> - <div class="form-item-label"> - <span>寮傚父锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="error" value=""> - </div> - </div> - </form> - </div> - <!-- 杈撻�佽澶囧脊绐� --> - <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn"> - <!-- 琛ㄥご --> - <div id="siteWindow-head"> - <div class='detailed'></div> - <button></button> </div> - <form> - <!-- 璁惧鍙� --> - <div class="form-item" > - <div class="form-item-label"> - <span>璁惧鍙凤細</span> - </div> - <div class="form-item-input"> - <input type="text" name="siteId" value=""> - </div> + <!-- 宸ヤ綔鐘舵�� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鐘舵�侊細</span> </div> - <!-- 宸ヤ綔鍙� --> - <div class="form-item"> - <div class="form-item-label"> - <span>宸ヤ綔鍙凤細</span> - </div> - <div class="form-item-input"> - <input type="text" name="workNo" value=""> - </div> + <div class="form-item-input"> + <input type="text" name="wrkSts" value=""> </div> - <!-- 宸ヤ綔鐘舵�� --> - <div class="form-item"> - <div class="form-item-label"> - <span>宸ヤ綔鐘舵�侊細</span> - </div> - <div class="form-item-input"> - <input type="text" name="wrkSts" value=""> - </div> + </div> + <!-- 鑷姩 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑷姩</span> </div> - <!-- 鑷姩 --> - <div class="form-item-checkbox"> - <div class="form-item-label-checkbox"> - <span>鑷姩</span> - </div> - <div class="form-item-input-checkbox"> - <input type="checkbox" name="autoing"> - </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="autoing"> </div> - <!-- 鏈夌墿 --> - <div class="form-item-checkbox"> - <div class="form-item-label-checkbox"> - <span>鏈夌墿</span> - </div> - <div class="form-item-input-checkbox"> - <input type="checkbox" name="loading"> - </div> + </div> + <!-- 鏈夌墿 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鏈夌墿</span> </div> - <!-- 鑳藉叆 --> - <div class="form-item-checkbox"> - <div class="form-item-label-checkbox"> - <span>鑳藉叆</span> - </div> - <div class="form-item-input-checkbox"> - <input type="checkbox" name="canining"> - </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="loading"> </div> - <!-- 鑳藉嚭 --> - <div class="form-item-checkbox"> - <div class="form-item-label-checkbox"> - <span>鑳藉嚭</span> - </div> - <div class="form-item-input-checkbox"> - <input type="checkbox" name="canouting"> - </div> + </div> + <!-- 鑳藉叆 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑳藉叆</span> </div> - <!-- 鍑哄叆绫诲瀷 --> - <div class="form-item"> - <div class="form-item-label"> - <span>鍑哄叆绫诲瀷锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="ioType" value=""> - </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="canining"> </div> - <!-- 婧愮珯 --> - <div class="form-item"> - <div class="form-item-label"> - <span>婧愮珯锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="sourceStaNo" value=""> - </div> + </div> + <!-- 鑳藉嚭 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑳藉嚭</span> </div> - <!-- 鐩爣绔� --> - <div class="form-item"> - <div class="form-item-label"> - <span>鐩爣绔欙細</span> - </div> - <div class="form-item-input"> - <input type="text" name="staNo" value=""> - </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="canouting"> </div> - <!-- 婧愬簱浣� --> - <div class="form-item"> - <div class="form-item-label"> - <span>婧愬簱浣嶏細</span> - </div> - <div class="form-item-input"> - <input type="text" name="sourceLocNo" value=""> - </div> + </div> + <!-- 鍑哄叆绫诲瀷 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鍑哄叆绫诲瀷锛�</span> </div> - <!-- 鐩爣搴撲綅 --> - <div class="form-item"> - <div class="form-item-label"> - <span>鐩爣搴撲綅锛�</span> - </div> - <div class="form-item-input"> - <input type="text" name="locNo" value=""> - </div> + <div class="form-item-input"> + <input type="text" name="ioType" value=""> </div> + </div> + <!-- 婧愮珯 --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愮珯锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceStaNo" value=""> + </div> + </div> + <!-- 鐩爣绔� --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣绔欙細</span> + </div> + <div class="form-item-input"> + <input type="text" name="staNo" value=""> + </div> + </div> + <!-- 婧愬簱浣� --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愬簱浣嶏細</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceLocNo" value=""> + </div> + </div> + <!-- 鐩爣搴撲綅 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣搴撲綅锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="locNo" value=""> + </div> + </div> - </form> - </div> + </form> +</div> </div> @@ -1241,23 +780,24 @@ var tData1 = [] var tData2 = [] var tData3 = [] - function getCodeData(){ + + function getCodeData() { $.ajax({ - url:baseUrl +'/console/barcode/output/site', - method:'GET', - success:function (res) { - if(res.code === 200){ + url: baseUrl + '/console/barcode/output/site', + method: 'GET', + success: function (res) { + if (res.code === 200) { tData = eval(res.data); - if(tData.length<=5){ + if (tData.length <= 5) { tData1 = tData - } else if (tData.length<=10){ - tData1 = tData.slice(0,5) - tData.splice(0,5) + } else if (tData.length <= 10) { + tData1 = tData.slice(0, 5) + tData.splice(0, 5) tData2 = tData - } else if(tData.length<=15){ - tData1 = tData.slice(0,5) - tData2 = tData.slice(6,10) - tData.splice(0,10) + } else if (tData.length <= 15) { + tData1 = tData.slice(0, 5) + tData2 = tData.slice(6, 10) + tData.splice(0, 10) tData3 = tData } else { tData = tData.slice(-15) @@ -1270,24 +810,23 @@ } }) } + setInterval(function () { getCodeData(); renderBarCode(); }, 1000) - - function renderBarCode() { - for (var i = 0;i<tData1.length;i++){ + for (var i = 0; i < tData1.length; i++) { var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>' $('#barcode1').append(str1) } - for(var j = 0;j<tData2.length;j++){ + for (var j = 0; j < tData2.length; j++) { var str2 = '<li><span>' + tData2[j].barcode + '</span><span class="right">' + tData2[j].time + '</span></li>' $('#barcode2').append(str2) } - for(var k = 0;k<tData3.length;k++){ + 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) } @@ -1295,25 +834,25 @@ </script> <script type="text/javascript"> // 寮圭獥绔欑偣淇℃伅 - $('.site').on('click',function(){ + $('.site').on('click', function () { var id = this.id.split("-")[1]; - $("#siteWindow").attr("style","display:block;");//鏄剧ずdiv - $("#crnWindow").attr("style","display:none;"); + $("#siteWindow").attr("style", "display:block;");//鏄剧ずdiv + $("#crnWindow").attr("style", "display:none;"); $(".detailed").empty(); - $('.detailed').append(id+'绔欑偣璇︾粏淇℃伅'); + $('.detailed').append(id + '绔欑偣璇︾粏淇℃伅'); $.ajax({ - url:baseUrl+"/console/site/detail", - headers:{ + url: baseUrl + "/console/site/detail", + headers: { 'token': localStorage.getItem('token') }, - data:{ + data: { siteId: id }, - method:'post', - success:function (res) { + method: 'post', + success: function (res) { for (var val in res.data) { var find = $("#siteWindow").find(":input[name='" + val + "']"); - if (find[0].type==='text') { + if (find[0].type === 'text') { find.val(res.data[val]); } else if (find[0].type === 'checkbox') { find.attr("checked", res.data[val] === 'Y'); @@ -1325,25 +864,25 @@ }); // 鍫嗗灈鏈轰俊鎭� - $('.machine').on('click',function(){ + $('.machine').on('click', function () { var id = this.id.split("-")[1]; - $("#crnWindow").attr('style','display:block;'); - $("#siteWindow").attr("style","display:none;"); + $("#crnWindow").attr('style', 'display:block;'); + $("#siteWindow").attr("style", "display:none;"); $('.detailed').empty(); - $('.detailed').append(id+'鍙峰爢鍨涙満'); + $('.detailed').append(id + '鍙峰爢鍨涙満'); $.ajax({ - url:baseUrl+"/console/crn/detail", - headers:{ + url: baseUrl + "/console/crn/detail", + headers: { 'token': localStorage.getItem('token') }, - data:{ + data: { crnNo: id }, - method:'post', - success:function (res) { + method: 'post', + success: function (res) { for (var val in res.data) { var find = $("#crnWindow").find(":input[name='" + val + "']"); - if (find[0].type==='text') { + if (find[0].type === 'text') { find.val(res.data[val]); } else if (find[0].type === 'checkbox') { find.attr("checked", res.data[val] === 'Y'); @@ -1355,11 +894,10 @@ }) // 寮圭獥鍏抽棴 - $('button').on('click',function(){ - $('#siteWindow').attr('style','display:none') - $('#crnWindow').attr('style','display:none') + $('button').on('click', function () { + $('#siteWindow').attr('style', 'display:none') + $('#crnWindow').attr('style', 'display:none') }) - var crn1Position = 0; @@ -1387,8 +925,8 @@ // 绯荤粺杩愯寮�鍏� function systemSwitch() { - if (parent.systemRunning){ - layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1, shadeClose: true}, function(pass, idx){ + if (parent.systemRunning) { + layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1, shadeClose: true}, function (pass, idx) { layer.close(idx); doSwitch(0, pass); // 鍋滄wcs绯荤粺 }); @@ -1401,10 +939,10 @@ function doSwitch(operatorType, password) { // 鍔犺浇tips var index = layer.load(1, { - shade: [0.1,'#fff'] + shade: [0.1, '#fff'] }); $.ajax({ - url: baseUrl+ "/console/system/switch", + url: baseUrl + "/console/system/switch", headers: {'token': localStorage.getItem('token')}, // async: false, data: { @@ -1414,7 +952,7 @@ method: 'POST', success: function (res) { layer.close(index); - if (res.code === 200){ + if (res.code === 200) { if (res.data.status) { $('#system-icon').attr("class", "system-icon-open"); $('#system-run-desc').html("绯荤粺杩愯涓�..."); @@ -1424,9 +962,9 @@ $('#system-run-desc').html("绯荤粺宸插仠姝�!"); parent.systemRunning = false; } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } @@ -1438,11 +976,11 @@ // 鑾峰彇wcs绯荤粺杩愯鐘舵�� function getSystemRunningStatus() { $.ajax({ - url: baseUrl+ "/console/system/running/status", + url: baseUrl + "/console/system/running/status", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { - if (res.code === 200){ + if (res.code === 200) { if (res.data.status) { $('#system-icon').attr("class", "system-icon-open"); $('#system-run-desc').html("绯荤粺杩愯涓�..."); @@ -1452,9 +990,9 @@ $('#system-run-desc').html("绯荤粺宸插仠姝�!"); parent.systemRunning = false; } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } } @@ -1462,29 +1000,29 @@ } // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙� - function getSitesInfo(){ + function getSitesInfo() { $.ajax({ - url: baseUrl+ "/console/latest/data/site", + url: baseUrl + "/console/latest/data/site", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { - if (res.code === 200){ + if (res.code === 200) { var sites = res.data; - for (var i = 0; i < sites.length; i++){ - var siteEl = $("#site-"+sites[i].siteId); + for (var i = 0; i < sites.length; i++) { + var siteEl = $("#site-" + sites[i].siteId); siteEl.attr("class", "site " + sites[i].siteStatus); - if (sites[i].workNo != null && sites[i].workNo>0) { + if (sites[i].workNo != null && sites[i].workNo > 0) { siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]"); } else { siteEl.html(sites[i].siteId); } - if (i+1===8) { - carAnimate(i+1, Number(sites[i].nearbySta)); + if (i + 1 === 8) { + carAnimate(i + 1, Number(sites[i].nearbySta)); } } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } } @@ -1492,46 +1030,47 @@ } // 鍫嗗灈鏈哄疄鏃舵暟鎹幏鍙� - function getCrnInfo(){ + function getCrnInfo() { $.ajax({ - url: baseUrl+ "/console/latest/data/crn", + url: baseUrl + "/console/latest/data/crn", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { - if (res.code === 200){ + if (res.code === 200) { var crns = res.data; - for (var i = 0; i < crns.length; i++){ - var crnEl = $("#crn-"+crns[i].crnId); + 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()+13)/2; + 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); + crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } } }); } + // 鎵爜鍣ㄥ疄鏃舵暟鎹幏鍙� - function getBarcodeInfo(){ + function getBarcodeInfo() { $.ajax({ - url: baseUrl+ "/console/latest/data/barcode", + url: baseUrl + "/console/latest/data/barcode", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { - if (res.code === 200){ + if (res.code === 200) { var barcodes = res.data; - for (var i = 0; i < barcodes.length; i++){ - $("#code-decoder-data-"+barcodes[i].barcodeId).html(barcodes[i].codeValue); + for (var i = 0; i < barcodes.length; i++) { + $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue); } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } } @@ -1539,22 +1078,22 @@ } // 纾呯Г瀹炴椂鏁版嵁鑾峰彇 - function getScaleInfo(){ + function getScaleInfo() { $.ajax({ - url: baseUrl+ "/console/latest/data/scale", + url: baseUrl + "/console/latest/data/scale", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { - if (res.code === 200){ + if (res.code === 200) { var sclaes = res.data; - for (var i = 0; i < sclaes.length; i++){ + for (var i = 0; i < sclaes.length; i++) { console.log(sclaes[i].scaleId + ":" + sclaes[i].value) - $("#scale-data-"+sclaes[i].scaleId).text(sclaes[i].value); + $("#scale-data-" + sclaes[i].scaleId).text(sclaes[i].value); } - } else if (res.code === 403){ - parent.location.href = baseUrl+"/login"; - } else { + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { console.log(res.msg); } } @@ -1565,23 +1104,23 @@ function crnAnimate(id, leftVal) { switch (id) { case 1: - $("#crn-1").animate({left: leftVal+'px'}, 1000); + $("#crn-1").animate({left: leftVal + 'px'}, 1000); crn1Position = leftVal; break; case 2: - $("#crn-2").animate({left: leftVal+'px'}, 1000); + $("#crn-2").animate({left: leftVal + 'px'}, 1000); crn2Position = leftVal; break; case 3: - $("#crn-3").animate({left: leftVal+'px'}, 1000); + $("#crn-3").animate({left: leftVal + 'px'}, 1000); crn3Position = leftVal; break; case 4: - $("#crn-4").animate({left: leftVal+'px'}, 1000); + $("#crn-4").animate({left: leftVal + 'px'}, 1000); crn4Position = leftVal; break; case 5: - $("#crn-5").animate({left: leftVal+'px'}, 1000); + $("#crn-5").animate({left: leftVal + 'px'}, 1000); crn5Position = leftVal; break; default: @@ -1683,9 +1222,8 @@ } else { return; } - $("#site-" + id).animate({top: targetTop+'px'}, 1000); + $("#site-" + id).animate({top: targetTop + 'px'}, 1000); } - </script> \ No newline at end of file -- Gitblit v1.9.1