90 lines
4.3 KiB
HTML
90 lines
4.3 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:uind="http://www.w3.org/1999/xhtml"
|
|
xml:lang="en"
|
|
lang="en"
|
|
xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<title>Job Card</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans:400,400i&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" th:href="@{|${baseUrl}/css/print.css|}">
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<table>
|
|
<tr>
|
|
<td width="400">
|
|
<img width="200" th:src="@{|${baseUrl}/img/utopia-industries.png|}" alt="Utopia Industries">
|
|
</td>
|
|
<td width="400">
|
|
<table class="bordered">
|
|
<tr class="tr-header">
|
|
<td colspan="2" th:text="'PO Online Status'"></td>
|
|
</tr>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 40%; border: 1px solid black;"><i>PO Code</i></td>
|
|
<td style="width: 60%; border: 1px solid black;">
|
|
<a class="text-reset" target="_blank" th:text="${poDetail.getPoNumber()}"></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 40%; border: 1px solid black;"><i>Article Name</i></td>
|
|
<td style="width: 60%; border: 1px solid black;">
|
|
<a class="text-reset" target="_blank" th:text="${poDetail.getArticleTitle()}"></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="align-middle" style="border: 1px solid black;"><i>PO Quantity</i></td>
|
|
<td style="border: 1px solid black;"><span th:text="${poDetail.getPoQuantity()}"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="align-middle" style="border: 1px solid black;"><i>PO Required Excess+</i></td>
|
|
<td style="border: 1px solid black;"><span th:text="${poDetail.getPoRequiredQuantity()}"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="align-middle" style="border: 1px solid black;"><i>PO Status</i></td>
|
|
<td style="border: 1px solid black;"><span th:text="'OPEN'"></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="bordered" style="width: 100%; margin-top: 20px; border-collapse: collapse; ">
|
|
<h5 class="no-margin-top no-margin-bottom" style="margin-top: 20px;">PO Details</h5>
|
|
<thead >
|
|
<tr class="tr-header">
|
|
<td>Cutting</td>
|
|
<td>Cutting Balance</td>
|
|
<td>Stitching</td>
|
|
<td>Stitching Balance</td>
|
|
<td>End Line QC</td>
|
|
<td>End Line QC Balance</td>
|
|
<td>Finishing Items</td>
|
|
<td>Finishing Items Balance</td>
|
|
<td>A Grade Items</td>
|
|
<td>Reject Items In Store</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr >
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalCutting()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getRemainingCutting()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalStitching()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getRemainingStitching()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalEndLineQC()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getRemainingEndLineQC()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalFinishing()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getRemainingFinishing()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalAGradeItem()}"></td>
|
|
<td style="border: 1px solid black;" th:text="${poDetail.getTotalBGradeItem()}"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |