前端thymeleaf的实现

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>脉象仪分析报告</title>
<meta name="context-path" th:content="@{/}"/>
<style type="text/css">
	body{
		font-size: 14pt;
		font-family: "Microsoft YaHei", 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 22pt;
  	word-break: break-word;
    word-spacing: 2pt;
	}
	ul{
		margin: 0 auto;
	}
	ul li{
		list-style: none;
		text-indent: 10mm;
    padding: 0 2mm 2mm 0;
	}
	.sphygmographReport-header{
		height: 16mm;
		border-bottom: 1pt solid #ddd;
		color: #44546a;
		margin-bottom: 3mm;
	}
	table{
		margin-bottom:10mm !important;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.table-bordered {
		border: 1pt solid #ddd;
	}
	.table {
		width: 100%;
    max-width: 100%;
    margin-bottom: 0mm;
	}
	.text-center {
 		text-align: center;
	}
	.table td{
		border: 1pt solid #ddd;
    padding: 3mm;
	}
	.table td:nth-child(even){
		background:#fff;
		text-align:left;
		color:#666;
	}
	.table td:nth-child(odd){
		background:#f9f9f9;
		text-align:right;
		color:#000;
		width: 30mm;
	}
	.table td:only-child{
		background:#fff;
		text-align:left;
	}
	h4{
    text-align: center;
    margin: 0 auto;
	 	padding: 2mm;
	}
	.sphygmographReport-two h4, .sphygmographReport-three h4{
		text-align: left;
	} 
	p.sphygmographReport-text{
		text-indent: 10mm;
		padding: 2mm;
		font-size: 15pt;
		 margin-top: -10mm;
	}
	p.sphygmographReport-conclued{
    font-size: 16pt;
    padding-left: 60%;
	}
</style>
</head>
<body>
<div>
	
<!--第一页-->
<div class="sphygmographReport-one">
	
<div class="sphygmographReport-header">
	<div style="float: left; width: 50%;">
		<img style="width: 90mm; padding-left: 3mm;" th:src="@{/resources/images/piccheader.jpg}"></img>
	</div>
	<div style="float: right; width: 50%;">
		<div style="text-align: right;">
			<div style="width: 60mm; float: right; padding-right: 3mm;">
			<span style="font-size: 18pt;letter-spacing: 2.4pt;"><strong>┃</strong>脉象仪分析报告</span>
			<span style="font-size: 12pt;">SPHYGMOGRAPH REPORT</span>
			</div>
		</div>
	</div>
</div>
	<table style="margin: 0 auto;" class="table table-bordered text-center">
		<tr class="text-center">
			<td colspan="10" style="background:#f9f9f9"><h4 style="padding: 0;">基本信息</h4></td>
		</tr>
		<tr>
			<td>流水号</td>
			<td th:text="${pulse.patno}"></td>
			<td>病历号</td>
			<td th:text="${pulse.bingliNo}"></td>
		</tr>
		<tr>
			<td>身份证号</td>
			<td th:text="${pulse.paperNo}"></td>
			<td>姓名</td>
			<td th:text="${pulse.patName}"></td>
		</tr>
		<tr>
			<td>性别</td>
			<td th:text="${pulse.sex}"></td>
			<td>年龄(岁)</td>
			<td th:text="${pulse.age}"></td>
		</tr>
		<tr>
			<td>出生日期</td>
			<td th:text="${birthVisitDate.birth}"></td>
			<td>婚姻状况</td>
			<td th:text="${pulse.married}"></td>
		</tr>
		<tr>
			<td>身高(cm)</td>
			<td th:text="${pulse.height}"></td>
			<td>体重(kg)</td>
			<td th:text="${pulse.weight}"></td>
		</tr>
		<tr>
			<td>血压(mmHg)</td>
			<td>
				<span>
					<span th:if="${pulse.bloodHigh}">
						高压:<span th:text="${pulse.bloodHigh}"></span>
					</span>
					&nbsp;&nbsp;
					<span th:if="${pulse.bloodLow}">
						低压:<span th:text="${pulse.bloodLow}"></span>
					</span>
				</span>
			</td>
			<td>血糖(mol/L)</td>
			<td th:text="${pulse.bloodSugar}"></td>
		</tr>
		<tr>
			<td>血型</td>
			<td th:text="${pulse.bloodType}"></td>
			<td>民族</td>
			<td th:text="${pulse.nation}"></td>
		</tr>
		<tr>
			<td>职业</td>
			<td colspan="4" th:text="${pulse.profession}"></td>
		</tr>
		<tr>
			<td>工作单位</td>
			<td colspan="4" th:text="${pulse.workUnit}"></td>
		</tr>
		<tr>
			<td>地址</td>
			<td colspan="4" th:text="${pulse.address}"></td>
		</tr>
		<tr>
			<td>联系电话</td>
			<td th:text="${pulse.phone}"></td>
			<td>邮箱</td>
			<td th:text="${pulse.email}"></td>
		</tr>
	</table>
	
	<table style="margin: 0 auto;" class="table table-bordered text-center">
		<tr class="text-center">
			<td colspan="10" style="background:#f9f9f9"><h4 style="padding: 0;">既往病史记录</h4></td>
		</tr>
		<tr>
			<td>既往病史</td>
			<td colspan="6">
				<span>
					<span th:text="${pulse.jiwangBingshi}"></span>
					<span th:if="${pulse.jiwangBingshiQita}">
					,
						<span th:text="${pulse.jiwangBingshiQita}"></span>
					</span>
				</span>
			</td>
		</tr>
		<tr>
			<td>家族遗传史</td>
			<td colspan="6" th:text="${pulse.jiazuYichuan}"></td>
		</tr>
		<tr>
			<td>过敏源</td>
			<td colspan="6" th:text="${pulse.guominYuan}"></td>
		</tr>
		<tr>
			<td>过敏史</td>
			<td colspan="6" th:text="${pulse.guominShi}"></td>
		</tr>
		<tr>
			<td>手术及外伤史</td>
			<td colspan="6" th:text="${pulse.shoushuJiWaishang}"></td>
		</tr>
	</table>
	
</div>

<!--<div style="page-break-after:always; height: 0">&nbsp;</div>-->

<!--第二页-->
<div class="sphygmographReport-two">
	
<!--<div class="sphygmographReport-header">
	<div style="float: left; width: 50%;">
		<img style="width: 90mm; padding-left: 3mm;" th:src="@{/resources/images/piccheader.jpg}"></img>
	</div>
	<div style="float: right; width: 50%;">
		<div style="text-align: right;">
			<div style="width: 60mm; float: right; padding-right: 3mm;">
			<span style="font-size: 18pt;letter-spacing: 2.4pt;"><strong>┃</strong>脉象仪分析报告</span>
			<span style="font-size: 12pt;">SPHYGMOGRAPH REPORT</span>
			</div>
		</div>
	</div>
</div>-->

<p class="sphygmographReport-text" style="padding-top: 10mm;">感谢您使用我院内科的科室中医体检系统,根据您的健康状态信息,我们为您提供检测结果及调养方法如下:</p>

<p>
	<h4>体质辨识结果:</h4>
	<ul>
		<li th:text="${pulse.phyType}"></li>
	</ul>
</p>
<p>
	<h4>脉象诊断结果:</h4>
	<ul>
		<li th:text="${pulse.leftCun}"></li>
	</ul>
</p>
<p>
	<h4>目前辨证结果: </h4>
	<ul>
		<li th:text="${pulse.bianzhengJieguo}"></li>
	</ul>
</p>
<p>
	<h4>现症状可能表现: </h4>
	<ul>
		<li th:text="${pulse.xianZhengZhuang}"></li>
	</ul>
</p>
<p>
	<h4>发病倾向: </h4>
	<ul>
		<li th:text="${pulse.fabingQingxiang}"></li>
	</ul>
</p>

</div>
<!--总页号:<font color='#0000ff' format='ChineseNum'><span tdata='pageNO'>第#页</span>/<span tdata='pageCount'>共&页</span></font>
总页号:<font color='#0000ff' format='ChineseNum'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>-->

<!-- <div style="page-break-after:always; height: 0">&nbsp;</div> -->

<!--第三页-->
<div class="sphygmographReport-three">
	
<!--<div class="sphygmographReport-header">
	<div style="float: left; width: 50%;">
		<img style="width: 90mm; padding-left: 3mm;" th:src="@{/resources/images/piccheader.jpg}"></img>
	</div>
	<div style="float: right; width: 50%;">
		<div style="text-align: right;">
			<div style="width: 60mm; float: right; padding-right: 3mm;">
			<span style="font-size: 18pt;letter-spacing: 2.4pt;"><strong>┃</strong>脉象仪分析报告</span>
			<span style="font-size: 12pt;">SPHYGMOGRAPH REPORT</span>
			</div>
		</div>
	</div>
</div>-->
<div>
<p class="sphygmographReport-text" style="padding-top: 10mm;">
根据您的体质特点及目前健康状态,遵循中医学天人合一养生理念及辨证调养原则,我们为您提供了一套系统的个体化调养方案。
您根据自己的生活习惯及兴趣,从中选取自己喜欢的调养方法,积极主动的干预,提升自己的健康状况,那么您的体质必
</p>

<p>
	<h4>一、季节调养 </h4>
	<ul>
		<li th:text="${pulse.jijieTiaoyang}">
		</li>
	</ul>
</p>
<p>
	<h4>二、饮食建议 </h4>
	<ul>
		<li th:text="${pulse.yinshiJianyi}">
		</li>
	</ul>
</p>
<p>
	<h4>三、食疗方案 </h4>
	<ul>
		<li th:text="${pulse.shiliaoFangan}">
		</li>
	</ul>
</p>
<p>
	<h4>四、起居调养 </h4>
	<ul>
		<li th:text="${pulse.qijuTiaoyang}">
		</li>
	</ul>
</p>
<p>
	<h4>五、精神修养 </h4>
	<ul>
		<li th:text="${pulse.jingshenXiuyang}">
		</li>
	</ul>
</p>
<p>
	<h4>六、运动养生</h4>
	<ul>
		<li th:text="${pulse.yundongYangsheng}">
		</li>
	</ul>
</p>
<p>
	<h4>七、药物调养</h4>
	<ul>
		<li th:text="${pulse.yaowuTiaoyang}">
		</li>
	</ul>
</p>
<p>
	<h4>八、经穴养生</h4>
	<ul>
		<li th:text="${pulse.jingxueYangsheng}">
		</li>
	</ul>
</p>
</div>
</div>

<div style="page-break-after:always;height: 0">&nbsp;</div>

<!--第四页-->
<div class="sphygmographReport-four">
	
<!--<div class="sphygmographReport-header">
	<div style="float: left; width: 50%;">
		<img style="width: 90mm; padding-left: 3mm;" th:src="@{/resources/images/piccheader.jpg}"></img>
	</div>
	<div style="float: right; width: 50%;">
		<div style="text-align: right;">
			<div style="width: 60mm; float: right; padding-right: 3mm;">
			<span style="font-size: 18pt;letter-spacing: 2.4pt;"><strong>┃</strong>脉象仪分析报告</span>
			<span style="font-size: 12pt;">SPHYGMOGRAPH REPORT</span>
			</div>
		</div>
	</div>
</div>-->

<h2 class="text-center" style="margin: 10mm 0 15mm 0;">脉象仪专家建议</h2>

<p style="text-indent: 10mm; padding: 0 2mm 0 2mm;border-bottom: solid 1px;border-top: solid 1px;margin-top: 2mm;margin-bottom: 2mm;" th:text="${pulse.zhuanjiaJianyi}">
</p>

<div>
	<p class="sphygmographReport-conclued">
		<span>医&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;师:</span>
		<span th:text="${pulse.docName}"></span>
	</p>
	<p class="sphygmographReport-conclued">
		<span>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期:</span>
		<span th:text="${birthVisitDate.visitDate}"></span>
	</p>
</div>

<div style="border-top: 1pt solid;">
	<p style="text-align: left; padding: 2mm 0 0 2mm; ">
		请结合临床,谨遵医嘱
	</p>
</div>

</div>

</div>

<script type="text/javascript" th:inline="javascript">
//var sosValue = [[${pulse}]];
</script>
</body>
</html>```

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值