模板修改

This commit is contained in:
余文财 2025-05-19 20:04:23 +08:00
parent ab35bef704
commit 148321f002
5 changed files with 246 additions and 40 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org" lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>门诊缴费凭证</title> <title>门诊缴费凭证</title>
@ -7,50 +7,68 @@
<body> <body>
<div style="font-weight: 700;"> <div style="font-weight: 700;">
<div style="text-align: center;margin-top: 40px;"> <div style="text-align: center;margin-top: 40px;">
<div><span style="font-size: 28px;">******<span th:text="${registeTerminalName}"></span>******</span></div> <div><span style="font-size: 28px;text-align: center;">******<span
<div style="font-size: 32px; margin-top: 20px;"><span th:text="${hospitalName}"></span></div> th:text="${hospitalName}"></span>******</span></div>
<div style="font-size: 32px; margin-top: 10px;"><span th:text="${registeType}"></span></div> <div style="font-size: 38px; margin-top: 10px;"><span th:text="${registeTerminalName}"></span></div>
<div style="font-size: 38px; margin-top: 10px;"><span th:text="${registeType}"></span></div>
</div> </div>
<div style="text-align: center; font-weight: 700; font-size: 32px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-size: 32px;">
<div style="margin-left: 20px; font-size: 28px; margin-bottom: 10px; display: flex"> -----------------------------------------------------------------------------
<div style="flex: 1; margin-top: 10px; "> </div>
姓名:<span style="margin-right: 25px;" th:text="${name}"></span><br> <div style="font-size: 35px;word-break: break-all;margin: 10px 20px;">
性别:<span style="margin-right: 25px;" th:text="${gender}"></span> <div style="display: flex;">
年龄:<span style="margin-right: 25px;" th:text="${age}"></span> <span style="margin-right: 25px;">姓名:<span th:text="${name}"></span></span>
<span style="margin-right: 25px;">性别:<span th:text="${gender}"></span></span>
<span>年龄:<span th:text="${age}"></span></span>
</div>
<div style="word-break: break-all;margin-top: 10px;">
<span style="margin-right: 25px;" th:if="${outpatientNumber}">
门诊号:<span th:text="${outpatientNumber}"></span></span>
<span th:if="${doctor}">
就诊医生:<span th:text="${doctor}"></span>
</span>
</div>
<div style="margin-top: 10px;" th:if="${department}">就诊科室:<span th:text="${department}"></span>
</div> </div>
<div th:if="${outpatientNumber}" style="flex: 1; margin-top: 10px; margin-right: 15px;">门诊号:<span th:text="${outpatientNumber}"></span></div>
<div th:if="${doctor}" style="flex: 1; margin-top: 10px; margin-right: 15px;">就诊医生:<span th:text="${doctor}"></span></div>
<div th:if="${department}" style="flex: 1; margin-top: 10px;">就诊科室:<span th:text="${department}"></span></div>
</div> </div>
<div style="text-align: center; font-weight: 700; font-size: 28px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-size: 32px;">
<div style="margin-left: 20px; font-size: 28px; margin-bottom: 20px; "> -----------------------------------------------------------------------------
<div style="margin-top: 20px; ">费用总额:<span style="margin-right: 30px;" th:text="${totalFee}"></span> 个人支付:<span th:text="${personalPayment}"></span></div>
<div style="margin-top: 10px;">实收金额:<span style="font-weight: 700;" th:text="${actualReceiptAmount}"></span></div>
<div style="margin-top: 10px;">实收金额:<span style="font-weight: 700;" th:text="${actualReceiptAmountChinese}"></span></div>
</div> </div>
<div style="text-align: center; font-weight: 700; font-size: 24px;">-----------------------------------------------------------------------------</div> <div style="font-size: 35px; margin: 10px 20px">
<div style="margin-left: 20px; margin-top: 10px; "> <div style="word-break: break-all;">
<table border="0" > <span style="margin-right: 25px;">费用总额:<span th:text="${totalFee}"></span></span>
<tr style="font-size: 28px; "> <span>个人支付:<span th:text="${personalPayment}"></span></span>
<th >项目名称</th> </div>
<th >数量</th> <div style="margin-top: 10px;word-break: break-all;"><span>实收金额:</span><span th:text="${actualReceiptAmount}"></span></div>
<th >单价</th> <div style="margin-top: 10px;"><span>实收金额:</span><span th:text="${actualReceiptAmountChinese}"></span></div>
<th >小计</th> </div>
<div style="text-align: center; font-size: 32px;">
-----------------------------------------------------------------------------
</div>
<div style="margin: 10px 20px">
<table style="width: 100%; table-layout: fixed; border-collapse: collapse;">
<tr style="font-size: 35px;">
<th style="width: 300px;text-align: left;">项目名称</th>
<th style="width: calc(25% - 5px);text-align: center;">数量</th>
<th style="width: calc(25% - 5px);text-align: center;">单价</th>
<th style="width: calc(25% - 5px);text-align: center;">小计</th>
</tr> </tr>
<tr th:each="item : ${items}" style="height: 50px;"> <tr style="font-size: 30px;word-break: break-all;" th:each="item : ${items}">
<td style=" width: 310px; word-break: break-all; margin-right: 10px;" th:text="${item.name}"></td> <td style="text-align: left;width: 300px;" th:text="${item.name}"></td>
<td style="margin-left: 5px;" th:text="${item.quantity}"></td> <td style="text-align: center;" th:text="${item.quantity}"></td>
<td th:text="${item.unitPrice}"></td> <td style="text-align: center;" th:text="${item.unitPrice}"></td>
<td th:text="${item.subtotal}"></td> <td style="text-align: center;" th:text="${item.subtotal}"></td>
</tr> </tr>
</table> </table>
</div> </div>
<div style="text-align: center; font-weight: 700; font-size: 32px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-weight: 700; font-size: 32px;">
<div style="margin-left: 20px; font-weight: 700; font-size: 32px;"> -----------------------------------------------------------------------------
</div>
<div style="margin-left: 20px; font-weight: 700; font-size: 35px;">
<div>终端编号:<span th:text="${terminalNumber}"></span></div> <div>终端编号:<span th:text="${terminalNumber}"></span></div>
<div>打印时间:<span th:text="${printTime}"></span></div> <div>打印时间:<span th:text="${printTime}"></span></div>
</div> </div>
<div style="margin-left: 20px; font-size: 32px; font-weight: 700; margin-top: 20px;"> <div style="margin-left: 20px; font-size: 35px; font-weight: 700; margin-top: 20px;">
<span style="margin-top: 20px;">温馨提示</span><br> <span style="margin-top: 20px;">温馨提示</span><br>
<span>1.请取走全部凭条、并妥善保管</span><br> <span>1.请取走全部凭条、并妥善保管</span><br>
<span>2.如果对缴费结算存在疑问,请到人工窗口咨询</span> <span>2.如果对缴费结算存在疑问,请到人工窗口咨询</span>

View File

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<meta charset="UTF-8">
<title>门诊缴费凭证</title>
<style>
.bold-text {
font-weight: 700;
}
.text-35 {
font-size: 35px;
}
.text-30 {
font-size: 30px;
}
.center-text {
text-align: center;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-40 {
margin-top: 40px;
}
.header-title {
font-size: 28px;
}
.header-terminal {
font-size: 38px;
margin-top: 20px;
}
.header-receipt {
font-size: 38px;
margin-top: 10px;
}
.divider {
text-align: center;
font-weight: 700;
font-size: 32px;
}
.patient-info {
font-size: 35px;
margin: 10px 20px;
}
.patient-info .info-item {
flex: 1;
}
.patient-info .info-row {
display: flex;
}
.payment-info {
font-size: 35px;
margin: 10px 20px;
}
.payment-info .info-item {
flex: 1;
}
.payment-info .info-row {
display: flex;
}
.table-container {
margin: 10px 20px;
}
.table-container table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.table-container .first-th {
width: 300px;
text-align: left;
}
.table-container .df-th {
width: calc(25% - 5px);
text-align: center;
}
.table-container .first-td {
text-align: left;
width: 300px;
word-break: break-all;
}
.table-container .df-td {
text-align: center;
}
.terminal-info {
margin-left: 20px;
font-weight: 700;
font-size: 35px;
}
.tips {
margin-left: 20px;
font-size: 35px;
font-weight: 700;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="bold-text">
<div class="center-text margin-top-40">
<div><span class="header-title">******<span th:text="${hospitalName}"></span>******</span></div>
<div class="header-terminal"><span th:text="${registeTerminalName}"></span></div>
<div class="header-receipt"><span th:text="${registeType}"></span></div>
</div>
<div class="divider">
-----------------------------------------------------------------------------
</div>
<div class="patient-info">
<div class="info-row">
<div class="info-item">姓名:<span th:text="${name}"></span></div>
<div class="info-item">性别:<span th:text="${gender}"></span></div>
<div class="info-item">年龄:<span th:text="${age}"></span></div>
</div>
<div class="info-row margin-top-10">
<div class="info-item" th:if="${outpatientNumber}">门诊号:<span th:text="${outpatientNumber}"></span></div>
<div class="info-item" th:if="${doctor}">就诊医生:<span th:text="${doctor}"></span></div>
</div>
<div class="margin-top-10" th:if="${department}">就诊科室:<span th:text="${department}"></span></div>
</div>
<div class="divider">
-----------------------------------------------------------------------------
</div>
<div class="payment-info">
<div class="info-row">
<div class="info-item">费用总额:<span th:text="${totalFee}"></span></div>
<div class="info-item">个人支付:<span th:text="${personalPayment}"></span></div>
</div>
<div class="margin-top-10">实收金额:<span th:text="${actualReceiptAmount}"></span></div>
<div class="margin-top-10">实收金额:<span th:text="${actualReceiptAmountChinese}"></span></div>
</div>
<div class="divider">
-----------------------------------------------------------------------------
</div>
<div class="table-container">
<table>
<tr class="text-35">
<th class="first-th">项目名称</th>
<th class="df-th">数量</th>
<th class="df-th">单价</th>
<th class="df-th">小计</th>
</tr>
<tr class="text-30" th:each="item : ${items}">
<td class="first-td" th:text="${item.name}"></td>
<td class="df-td" th:text="${item.quantity}"></td>
<td class="df-td" th:text="${item.unitPrice}"></td>
<td class="df-td" th:text="${item.subtotal}"></td>
</tr>
</table>
</div>
<div class="divider">
-----------------------------------------------------------------------------
</div>
<div class="terminal-info">
<div>终端编号:<span th:text="${terminalNumber}"></span></div>
<div>打印时间:<span th:text="${printTime}"></span></div>
</div>
<div class="tips">
<span>温馨提示</span><br>
<span>1.请取走全部凭条、并妥善保管</span><br>
<span>2.如果对缴费结算存在疑问,请到人工窗口咨询</span>
</div>
</div>
</body>
</html>

View File

@ -12,7 +12,7 @@
<div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div> <div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div>
<div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div>
</div> </div>
<div style="font-weight: 700; font-size: 32px;"> <div style="font-weight: 700; font-size: 37px;">
<div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div>
@ -24,7 +24,7 @@
<div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;" th:text="${transactionNumber}"></span></div> <div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;" th:text="${transactionNumber}"></span></div>
</div> </div>
<div style="font-weight: 700; margin-top: 8px;"> <div style="font-weight: 700; margin-top: 8px;">
<!-- <div style="margin-top: -40px; text-align: center; ">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</div>--> <!-- <div style="margin-top: -40px; text-align: center; ">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</div>-->
<div style="font-size: 36px;margin-left: 35px; ">备注:缴费凭证,请妥善保管!</div> <div style="font-size: 36px;margin-left: 35px; ">备注:缴费凭证,请妥善保管!</div>
<div style="font-size: 36px;margin-left: 35px;">&ensp;&ensp;号:<span th:text="${terminalNumber}"></span></div> <div style="font-size: 36px;margin-left: 35px;">&ensp;&ensp;号:<span th:text="${terminalNumber}"></span></div>
<div style="font-size: 36px;margin-left: 35px;">打印时间:<span th:text="${printTime}"></span></div> <div style="font-size: 36px;margin-left: 35px;">打印时间:<span th:text="${printTime}"></span></div>

View File

@ -12,7 +12,7 @@
<div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div> <div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div>
<div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div>
</div> </div>
<div style="font-weight: 700; font-size: 32px;"> <div style="font-weight: 700; font-size: 37px;">
<div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div>
@ -22,7 +22,7 @@
<div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;" th:text="${transactionNumber}"></span></div> <div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;" th:text="${transactionNumber}"></span></div>
</div> </div>
<div style="font-weight: 700; margin-top: 8px;"> <div style="font-weight: 700; margin-top: 8px;">
<!-- <div style="margin-top: -40px; text-align: center; ">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</div>--> <!-- <div style="margin-top: -40px; text-align: center; ">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</div>-->
<div style="font-size: 36px;margin-left: 35px; ">备注:缴费凭证,请妥善保管!</div> <div style="font-size: 36px;margin-left: 35px; ">备注:缴费凭证,请妥善保管!</div>
<div style="font-size: 36px;margin-left: 35px;">&ensp;&ensp;号:<span th:text="${terminalNumber}"></span></div> <div style="font-size: 36px;margin-left: 35px;">&ensp;&ensp;号:<span th:text="${terminalNumber}"></span></div>
<div style="font-size: 36px;margin-left: 35px;">打印时间:<span th:text="${printTime}"></span></div> <div style="font-size: 36px;margin-left: 35px;">打印时间:<span th:text="${printTime}"></span></div>

View File

@ -29,7 +29,7 @@
<div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div> <div style="text-align: center; font-size: 40px; font-weight: 700;"><span th:text="${registeType}"></span></div>
<div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div> <div style="text-align: center; font-weight: 700; margin-top: -15px;">-----------------------------------------------------------------------------</div>
</div> </div>
<div style="font-weight: 700; font-size: 32px;"> <div style="font-weight: 700; font-size: 37px;">
<div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;名:<span th:text="${name}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;别:<span th:text="${gender}"></span></div>
<div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div> <div style="margin-left: 35px;">&emsp;&emsp;龄:<span th:text="${age}"></span></div>
@ -45,7 +45,7 @@
<div style="margin-left: 35px;">支付方式:<span th:text="${paymentMethod}"></span></div> <div style="margin-left: 35px;">支付方式:<span th:text="${paymentMethod}"></span></div>
<!-- <div style="margin-left: 35px;">订&ensp;单&ensp;号:<span style="font-size: 36px;" th:text="${orderNumber}"></span></div>--> <!-- <div style="margin-left: 35px;">订&ensp;单&ensp;号:<span style="font-size: 36px;" th:text="${orderNumber}"></span></div>-->
<div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;" <div style="margin-left: 35px;">交易流水:<span style="font-size: 35px;"
th:text="${transactionNumber}"></span></div> th:text="${transactionNumber}"></span></div>
<div style="width: 100%; text-align: center; margin-bottom: -20px;"> <div style="width: 100%; text-align: center; margin-bottom: -20px;">
<img style="display: inline-block; " <img style="display: inline-block; "
th:src="${qrCodeBase64}" th:src="${qrCodeBase64}"