Ancora update pagina MachineUnload
This commit is contained in:
Samuele E. Locatelli
+191
-129
@@ -38,10 +38,131 @@
|
||||
<div class="card text-center" style="width: 100%;">
|
||||
<h4 class="card-header bg-secondary text-light"><%: traduci("MachineUnload") %></h4>
|
||||
<div class="card-body py-1 bg-dark">
|
||||
<div class="row mt-2">
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-primary text-light">BINS</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">WAIT</th>
|
||||
<th scope="col">WIP</th>
|
||||
<th scope="col">DONE</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-danger">12</td>
|
||||
<td class="text-warning">3</td>
|
||||
<td class="text-success">5</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-info">B20190916.0</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">2</td>
|
||||
<td class="text-warning">5</td>
|
||||
<td class="text-success">40%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-secondary text-light">ST00000A2</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">3</td>
|
||||
<td class="text-warning">12</td>
|
||||
<td class="text-success">25%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-warning">SH00000123</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">5</td>
|
||||
<td class="text-warning">25</td>
|
||||
<td class="text-success">20%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-success">CARTS</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">WAIT</th>
|
||||
<th scope="col">WIP</th>
|
||||
<th scope="col">DONE</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-danger">24</td>
|
||||
<td class="text-warning">2</td>
|
||||
<td class="text-success">6</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h3 class="card-header bg-primary text-light">BINS</h3>
|
||||
<h5 class="card-header bg-primary text-light">BINS</h5>
|
||||
<div class="card-body py-1">
|
||||
<div class="row">
|
||||
<div class="col-12 px-0">
|
||||
@@ -167,7 +288,7 @@
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h3 class="card-header bg-success">CARTS</h3>
|
||||
<h5 class="card-header bg-success">CARTS</h5>
|
||||
<div class="card-body py-1">
|
||||
<div class="row">
|
||||
<div class="col-12 px-0">
|
||||
@@ -181,102 +302,102 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00006</th>
|
||||
<th scope="row">CR00006</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00007</th>
|
||||
<th scope="row">CR00007</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00008</th>
|
||||
<th scope="row">CR00008</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00009</th>
|
||||
<th scope="row">CR00009</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00010</th>
|
||||
<th scope="row">CR00010</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-success">
|
||||
<th scope="row">CART00011</th>
|
||||
<th scope="row">CR00011</th>
|
||||
<td>50/50</td>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr class="text-warning">
|
||||
<th scope="row">CART00012</th>
|
||||
<th scope="row">CR00012</th>
|
||||
<td>12/50</td>
|
||||
<td>24%</td>
|
||||
</tr>
|
||||
<tr class="text-warning">
|
||||
<th scope="row">CART00013</th>
|
||||
<th scope="row">CR00013</th>
|
||||
<td>10/50</td>
|
||||
<td>20%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00014</th>
|
||||
<th scope="row">CR00014</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00015</th>
|
||||
<th scope="row">CR00015</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00016</th>
|
||||
<th scope="row">CR00016</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00017</th>
|
||||
<th scope="row">CR00017</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00018</th>
|
||||
<th scope="row">CR00018</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00019</th>
|
||||
<th scope="row">CR00019</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00020</th>
|
||||
<th scope="row">CR00020</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00021</th>
|
||||
<th scope="row">CR00021</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00022</th>
|
||||
<th scope="row">CR00022</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00023</th>
|
||||
<th scope="row">CR00023</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00024</th>
|
||||
<th scope="row">CR00024</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr class="text-danger">
|
||||
<th scope="row">CART00025</th>
|
||||
<th scope="row">CR00025</th>
|
||||
<td>0/50</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
@@ -291,120 +412,61 @@
|
||||
<div class="row mt-2">
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-primary text-light">BIN</h5>
|
||||
<h5 class="card-header py-1 bg-primary text-light">TO BIN</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">WAIT</th>
|
||||
<th scope="col">WIP</th>
|
||||
<th scope="col">DONE</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-danger">12</td>
|
||||
<td class="text-warning">3</td>
|
||||
<td class="text-success">5</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="text-primary row">
|
||||
<div class="col-5">
|
||||
BIN00010
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<i class="fa fa-arrow-left" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<b>IT000002</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-success text-light">TO CART</h5>
|
||||
<div class="card-body py-1">
|
||||
<div class="text-success row">
|
||||
<div class="col-5">
|
||||
<b>IT000001</b>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
CR00007
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-info">B20190916.0</h5>
|
||||
<h5 class="card-header py-1 bg-success text-light">TO CART</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">2</td>
|
||||
<td class="text-warning">5</td>
|
||||
<td class="text-success">40%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-secondary text-light">ST00000A2</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">3</td>
|
||||
<td class="text-warning">12</td>
|
||||
<td class="text-success">25%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1">
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-warning">SH00000123</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">DONE</th>
|
||||
<th scope="col">TOT</th>
|
||||
<th scope="col">RATIO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-success">5</td>
|
||||
<td class="text-warning">25</td>
|
||||
<td class="text-success">20%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="card text-center mb-2" style="width: 100%;">
|
||||
<h5 class="card-header py-1 bg-success">CARTS</h5>
|
||||
<div class="card-body py-1">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">WAIT</th>
|
||||
<th scope="col">WIP</th>
|
||||
<th scope="col">DONE</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-danger">24</td>
|
||||
<td class="text-warning">2</td>
|
||||
<td class="text-success">6</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="bg-warning text-danger row">
|
||||
<div class="col-5">
|
||||
<b>IT000003</b>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
CR00012
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user