Added page function in meter track

This commit is contained in:
Darel
2018-03-29 11:23:00 +08:00
2 changed files with 123 additions and 88 deletions
+2 -1
View File
@@ -332,8 +332,9 @@
<!-- Consolidation End Here-->
<!-- note end content end -->
<div class="form-row txt-right">
<div class="form-row txt-center">
<div class="form-divider"></div>
<a href="#"><span class="button green" data-dismiss="false" disabled>Custom Examination</span></a>
<a href="arrangements-shipment_arrangements2.html"><span class="button blue" data-dismiss="false">Submit</span></a>
</div>
<div class="form-divider"></div>
+121 -87
View File
@@ -181,97 +181,131 @@
</div>
</div>
<!-- Consolidation Start Here-->
<div class="form-divider"></div>
<div style="background-color: #FFF">
<h1 class="subheader" style="color: #000">Consolidation</h1>
</div>
<div class="form-divider"></div>
<div class="form-label-divider">
<span class="label-span">Order Selection</span>
</div>
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div style="color: #069" class="list-box-non">
<button href="#" class="collapsible">
<i class="fa fa-ship"></i>
<em class="seperate"></em>
<span class="list-item-title">Order No : Steam/5467/0001</span>
</button>
<div class="content">
<!-- Consolidation Start Here-->
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">ETA</label>
</div>
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled/>
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Shipment Number</label>
</div>
<input type="text" class="form-element" placeholder="MFG3456" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Marking Number</label>
</div>
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
</div>
<div style="background-color: #FFF">
<h1 class="subheader" style="color: #000">Consolidation</h1>
</div>
<div class="form-divider"></div>
</div>
</div>
</div>
<div class="form-row-group with-icons-no-padding">
<div style="color: #069" class="list-box-non">
<button href="#" class="collapsible">
<i class="fa fa-ship"></i>
<em class="seperate"></em>
<span class="list-item-title">Order No : Steam/5467/1111</span>
</button>
<div class="content">
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">ETA</label>
</div>
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Shipment Number</label>
</div>
<input type="text" class="form-element" placeholder="MFG3456" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Marking Number</label>
</div>
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
</div>
</div>
<div class="form-divider"></div>
<div class="form-label-divider">
<span class="label-span">Order Selection</span>
</div>
</div>
</div>
<!-- Consolidation End Here-->
<div class="form-divider"></div>
<div class="search-result-header">
<!-- or without .fix-searchbar -->
<form class="fix-searchbar">
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
</form>
</div>
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div style="color: #069" class="list-box-non">
<button href="#" class="collapsible ">
<i class="fa fa-truck"></i>
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
<input style="float: right" type="checkbox" name="vehicle" value="check">
</button>
<div class="content">
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">ETA</label>
</div>
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Shipment Number</label>
</div>
<input type="text" class="form-element" placeholder="MFG3456" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Marking Number</label>
</div>
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
</div>
</div>
<div class="form-divider"></div>
</div>
</div>
</div>
<div class="form-row-group with-icons-no-padding">
<div style="color: #069" class="list-box-non">
<button href="#" class="collapsible ">
<i class="fa fa-truck"></i>
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
<input style="float: right" type="checkbox" name="vehicle" value="check">
</button>
<div class="content">
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">ETA</label>
</div>
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Shipment Number</label>
</div>
<input type="text" class="form-element" placeholder="MFG3456" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Marking Number</label>
</div>
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Address</label>
</div>
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
</div>
</div>
<div class="form-divider"></div>
</div>
</div>
</div>
<!-- Pagination Start Here-->
<div class="form-divider"></div>
<div style="text-align: center">
<div class="pagination">
<a href="#">&laquo;</a>
<a class="active" href="#">1</a>
<a href="#">2</a>
<a href="#">&raquo;</a>
</div>
</div>
<div class="form-divider"></div>
<!-- Pagination End Here-->
<!-- Consolidation End Here-->
<!-- note end content end -->
<div class="form-divider"></div>
<div class="form-row txt-center">