门诊小票T2模板添加以class命名的文件,还原为内联样式
This commit is contained in:
parent
503ff3a73e
commit
3938301b66
|
@ -3,183 +3,68 @@
|
|||
<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 style="font-weight: 700;">
|
||||
<div style="text-align: center;margin-top: 40px;">
|
||||
<div><span style="font-size: 28px;">******<span th:text="${hospitalName}"></span>******</span></div>
|
||||
<div style="font-size: 38px; margin-top: 20px;"><span th:text="${registeTerminalName}"></span></div>
|
||||
<div style="font-size: 38px; margin-top: 10px;"><span th:text="${registeType}"></span></div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<div style="text-align: center; font-size: 32px;">
|
||||
-----------------------------------------------------------------------------
|
||||
</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 style="font-size: 35px; margin: 10px 20px">
|
||||
<div style="display: flex;">
|
||||
<div style="flex: 1;">姓名:<span th:text="${name}"></span></div>
|
||||
<div style="flex: 1;">性别:<span th:text="${gender}"></span></div>
|
||||
<div style="flex: 1;">年龄:<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 style="display: flex;margin-top: 10px;">
|
||||
<div style="flex: 1;" th:if="${outpatientNumber}">门诊号:<span th:text="${outpatientNumber}"></span></div>
|
||||
<div style="flex: 1;" 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 style="margin-top: 10px;" th:if="${department}">就诊科室:<span th:text="${department}"></span></div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<div style="text-align: center; font-size: 32px;">
|
||||
-----------------------------------------------------------------------------
|
||||
</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 style="font-size: 35px; margin: 10px 20px">
|
||||
<div style="display: flex;">
|
||||
<div style="flex: 1;">费用总额:<span th:text="${totalFee}"></span></div>
|
||||
<div style="flex: 1;">个人支付:<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 style="margin-top: 10px;">实收金额:<span th:text="${actualReceiptAmount}"></span></div>
|
||||
<div style="margin-top: 10px;">实收金额:<span th:text="${actualReceiptAmountChinese}"></span></div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<div style="text-align: center; font-size: 32px;">
|
||||
-----------------------------------------------------------------------------
|
||||
</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>
|
||||
<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 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 style="font-size: 30px;" th:each="item : ${items}">
|
||||
<td style="text-align: left;width: 300px;word-break: break-all;" th:text="${item.name}"></td>
|
||||
<td style="text-align: center;" th:text="${item.quantity}"></td>
|
||||
<td style="text-align: center;" th:text="${item.unitPrice}"></td>
|
||||
<td style="text-align: center;" th:text="${item.subtotal}"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<div style="text-align: center; font-weight: 700; font-size: 32px;">
|
||||
-----------------------------------------------------------------------------
|
||||
</div>
|
||||
<div class="terminal-info">
|
||||
<div style="margin-left: 20px; font-weight: 700; font-size: 35px;">
|
||||
<div>终端编号:<span th:text="${terminalNumber}"></span></div>
|
||||
<div>打印时间:<span th:text="${printTime}"></span></div>
|
||||
</div>
|
||||
<div class="tips">
|
||||
<span>温馨提示</span><br>
|
||||
<div style="margin-left: 20px; font-size: 35px; font-weight: 700; margin-top: 20px;">
|
||||
<span style="margin-top: 20px;">温馨提示</span><br>
|
||||
<span>1.请取走全部凭条、并妥善保管</span><br>
|
||||
<span>2.如果对缴费结算存在疑问,请到人工窗口咨询</span>
|
||||
</div>
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue