You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
2.3 KiB
118 lines
2.3 KiB
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<style type="text/css">
|
|
body {
|
|
color: #333333;
|
|
line-height: 1.2;
|
|
font-family: SimHei, Tahoma, Arial, sans-serif;
|
|
}
|
|
|
|
.table_wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.table {
|
|
border-collapse: collapse;
|
|
border: 1px solid #aaa;
|
|
width: 70%;
|
|
}
|
|
|
|
.table th {
|
|
padding: 20px;
|
|
border: 2px solid rgb(109, 61, 18);
|
|
text-align: center;
|
|
color: rgb(109, 61, 18);
|
|
font-size: 26px;
|
|
}
|
|
|
|
.table td {
|
|
vertical-align: middle;
|
|
padding: 9px 9px 9px 9px;
|
|
border: 2px solid rgb(109, 61, 18);
|
|
text-align: center;
|
|
color: rgb(109, 61, 18);
|
|
font-size: 26px;
|
|
|
|
|
|
}
|
|
|
|
.table tr:nth-child(odd) {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.table tr:nth-child(even) {
|
|
background-color: #fff;
|
|
}
|
|
|
|
ul,
|
|
li {
|
|
list-style: none;
|
|
}
|
|
.col {
|
|
color: rgb(109, 61, 18)
|
|
}
|
|
.title {
|
|
text-align: center;
|
|
width: 70%;
|
|
}
|
|
|
|
.num {
|
|
margin-left: 200px
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1 class="title col">
|
|
信用卡凭证
|
|
</h1>
|
|
|
|
<div class="table_wrapper">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<th>referenceNum</th>
|
|
<td>${creditItem.referenceNum}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>transactionDate</th>
|
|
<td>${creditItem.transactionDate}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>employeeId</th>
|
|
<td>${creditItem.employeeId}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>lastFourDigit</th>
|
|
<td>${creditItem.lastFourDigit}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>cardType</th>
|
|
<td>${creditItem.cardType}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>merchant</th>
|
|
<td>${creditItem.merchant}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>amount</th>
|
|
<td>${creditItem.amount}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>currency</th>
|
|
<td>${creditItem.currency}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|