yinyitong-zhongyuyuan-dll-s.../src/main/resources/templates/department.html

189 lines
5.4 KiB
HTML
Raw Normal View History

2025-03-25 21:00:46 +08:00
<!DOCTYPE html>
2025-03-25 22:59:08 +08:00
<html xmlns:th="http://www.thymeleaf.org" lang="en">
2025-03-25 21:00:46 +08:00
<head>
<meta charset="UTF-8">
<title>门诊缴费凭证</title>
2025-03-25 22:59:08 +08:00
<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>
2025-03-25 21:00:46 +08:00
</head>
<body>
2025-03-25 22:59:08 +08:00
<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">
2025-03-26 09:09:06 +08:00
<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>
2025-03-25 22:59:08 +08:00
</div>
2025-03-26 09:09:06 +08:00
<div class="margin-top-10" th:if="${department}">就诊科室:<span th:text="${department}"></span></div>
2025-03-25 22:59:08 +08:00
</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>
2025-03-25 21:00:46 +08:00
</div>
2025-03-25 22:59:08 +08:00
<div class="margin-top-10">实收金额:<span th:text="${actualReceiptAmount}"></span></div>
<div class="margin-top-10">实收金额:<span th:text="${actualReceiptAmountChinese}"></span></div>
2025-03-25 21:00:46 +08:00
</div>
2025-03-25 22:59:08 +08:00
<div class="divider">
-----------------------------------------------------------------------------
2025-03-25 21:00:46 +08:00
</div>
2025-03-25 22:59:08 +08:00
<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">
2025-03-25 21:00:46 +08:00
<div>终端编号:<span th:text="${terminalNumber}"></span></div>
<div>打印时间:<span th:text="${printTime}"></span></div>
</div>
2025-03-25 22:59:08 +08:00
<div class="tips">
<span>温馨提示</span><br>
2025-03-25 21:00:46 +08:00
<span>1.请取走全部凭条、并妥善保管</span><br>
<span>2.如果对缴费结算存在疑问,请到人工窗口咨询</span>
</div>
</div>
</body>
</html>