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.
141 lines
4.6 KiB
141 lines
4.6 KiB
7 years ago
|
<!doctype html>
|
||
|
|
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
|
||
|
|
<head>
|
||
|
|
<title>Payment Notice</title>
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
|
||
|
|
<link rel="stylesheet" type="text/css" href="/static/lib/weui/weui.min.css">
|
||
|
|
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
|
||
|
|
<script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
|
||
|
|
<link rel="stylesheet" href="/static/templates/payment/payment.css?t=201608312202">
|
||
|
|
<script type="text/javascript" src="/static/templates/disable_wechat_menu.js?t=20170313"></script>
|
||
|
|
<style type="text/css">
|
||
|
|
.weui_cell_ft {
|
||
|
|
max-width: 60%;
|
||
|
|
white-space: normal;
|
||
|
|
word-break: break-all;
|
||
|
|
}
|
||
|
|
|
||
|
|
.weui_cell:before {
|
||
|
|
left: 0px;
|
||
|
|
border-top: 1px solid #10B24C;
|
||
|
|
}
|
||
|
|
|
||
|
|
.weui_cell {
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.client {
|
||
|
|
color: white;
|
||
|
|
font-size: 20px;
|
||
|
|
font-family: Helvetica;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #10B24C;
|
||
|
|
line-height: 45px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.orderCells {
|
||
|
|
margin: 6%;
|
||
|
|
border: 1px solid #979797;
|
||
|
|
border-radius: 20px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.headimg {
|
||
|
|
width: 30px;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<div class="row">
|
||
|
|
<div th:if="${client['logo_url']}">
|
||
|
|
<img data-th-src="@{${client['logo_url']}}" id="buslogo" class="logo" style="max-height: 120px;">
|
||
|
|
</div>
|
||
|
|
<div th:unless="${client['logo_url']}">
|
||
|
|
<img src="/static/images/logo_new.jpg" id="buslogo" class="logo" style="max-height: 120px;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="orderCells">
|
||
|
|
<div class="client" th:text="${client.short_name}"></div>
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Price</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft">[[${order['currency']}]] [[${#numbers.formatDecimal(order['total_amount'],1,2)}]]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell" th:if="${customer!=null}">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Customer</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft weui_cell_primary">
|
||
|
|
<img data-th-src="@{${customer['headimg']}}" class="headimg"> <span th:text="${customer.nickname}"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Customer Paid</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft">[[${order['currency']}]]
|
||
|
|
[[${#numbers.formatDecimal(order['customer_payment_amount'],1,2)}]]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div th:if="${order.coupon_payment_amount>0}">
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>RoyalPay Subsidies</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft">[[${order['currency']}]]
|
||
|
|
[[${#numbers.formatDecimal(order['coupon_payment_amount'],1,2)}]]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Title</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:text="${order.order_description}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell" th:if="${order['order_detail']!=null} and ${order['order_detail']}!=''">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Remark</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:utext="${order['order_detail']}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Status</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:text="${order.status_str}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Trade Time</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:text="${order.confirm_time}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Order ID</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:text="${order.order_id}"></div>
|
||
|
|
</div>
|
||
|
|
<div th:if="${order['client_order_id']!=null} and ${order.client_order_id}!=''">
|
||
|
|
<div class="weui_cell">
|
||
|
|
<div class="weui_cell_bd weui_cell_primary">
|
||
|
|
<p>Partner Order ID</p>
|
||
|
|
</div>
|
||
|
|
<div class="weui_cell_ft" th:text="${order.client_order_id}"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|