dalong306
5 years ago
parent
63631a6b46
commit
5fb90658a8
@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>Invoice</title>
|
||||
<style type="text/css">
|
||||
.divcontent{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
float: left;
|
||||
margin: 1px;
|
||||
align-items: start;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.divcontent_left{
|
||||
width: 50%;
|
||||
height: auto;
|
||||
text-align:left;
|
||||
float: left ;
|
||||
white-space:normal;
|
||||
word-break:break-all;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.divcontent_right{
|
||||
width: 50%;
|
||||
height: auto;
|
||||
float:right;
|
||||
text-align:left;
|
||||
white-space:normal;
|
||||
word-break:break-all;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.divinvoicesTitle{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
float: left;
|
||||
background:saddlebrown;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
color: white;
|
||||
}
|
||||
.divinvoicesContent{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
float: left;
|
||||
background: white;;
|
||||
display: flex;
|
||||
flex-wrap:wrap;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
color: black;
|
||||
}
|
||||
.divinvoiceItem{
|
||||
height: auto;
|
||||
float: left;
|
||||
padding-left: 3px;
|
||||
white-space:normal;
|
||||
word-break:break-all;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.spantitle{
|
||||
color: #bf7a12;
|
||||
font-size: 20px;
|
||||
height: auto;
|
||||
font-weight: bold;
|
||||
}
|
||||
.spancontent-title{
|
||||
width: 40%;
|
||||
float: left;
|
||||
color: #000000;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.spancontent-value{
|
||||
color: #000000;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.hrclass{
|
||||
background-color: #bf7a12;
|
||||
height: 1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="divcontent">
|
||||
|
||||
<div class="divcontent_left">
|
||||
<img src="https://mpay.royalpay.com.au/static/images/logo_new.jpg" alt="" width="100px" height="100px"/><br/>
|
||||
<span>Tunnel Show Pty Ltd trading as RoyalPay</span><br/>
|
||||
<span>ABN 16 601 619 685 Representative of AFSL 448066</span><br/>
|
||||
<span th:text="${parmerters.clientName}"></span>
|
||||
|
||||
</div>
|
||||
<div class="divcontent_right">
|
||||
<div style="padding-bottom: 15px">
|
||||
<span class="spantitle">Tax Invoice </span></div>
|
||||
<span class="spancontent-title">Merchant code</span><span class="spancontent-value" th:text="${parmerters.partnerCode}"></span>
|
||||
<hr class="hrclass"/>
|
||||
<span class="spancontent-title">Statement</span><span class="spancontent-value" th:text="${parmerters.dateRange}"></span>
|
||||
<hr class="hrclass"/>
|
||||
<span class="spancontent-title">Issue Date</span><span class="spancontent-value" ></span>
|
||||
<hr class="hrclass"/>
|
||||
<span class="spancontent-title">Current</span><span class="spancontent-value" th:text="${parmerters.balance}"></span>
|
||||
<hr class="hrclass"/>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-bottom: 15px">
|
||||
|
||||
<span class="spantitle">Your Statement </span><br/>
|
||||
|
||||
</div>
|
||||
<div class="divinvoicesTitle">
|
||||
<div class="divinvoiceItem" style="width: 16%">
|
||||
<span>Date/Time</span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 16%">
|
||||
<span>Transaction ID</span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 13%">
|
||||
<span>Debit</span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 13%">
|
||||
<span>Credit</span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 14%">
|
||||
<span>Service Fee for RoyalPay (GST inclu)</span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 14%">
|
||||
<span>Service fee for Mini Program(GST Inclu)</span>
|
||||
</div>
|
||||
|
||||
<div class="divinvoiceItem" style="width: 10%">
|
||||
<span>Settlement Amount</span>
|
||||
</div>
|
||||
</div>
|
||||
<div th:each="invoicedata:${dataList}">
|
||||
<div class="divinvoicesContent">
|
||||
<div class="divinvoiceItem" style="width: 16%">
|
||||
<span th:text="${invoicedata.transaction_time}"></span>
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 16%">
|
||||
<span th:text="${invoicedata.order_id}"></span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 13%">
|
||||
<span th:text="${invoicedata.debit}"></span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 13%">
|
||||
<span th:text="${invoicedata.credit}">Credit</span>
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 14%">
|
||||
<span th:text="${invoicedata.real_royalpay_surcharge}"></span>
|
||||
|
||||
</div>
|
||||
<div class="divinvoiceItem" style="width: 14%">
|
||||
<span th:text="${invoicedata.incremental_surcharge}"></span>
|
||||
</div>
|
||||
|
||||
<div class="divinvoiceItem" style="width: 10%">
|
||||
<span th:text="${invoicedata.settle_amount}" ></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue