Просмотр исходного кода

老年人访视表(完成三大类,还有五六类)

linehang 6 лет назад
Родитель
Сommit
6dea91d8b6
1 измененных файлов с 463 добавлено и 0 удалено
  1. 463 0
      app/followup/html/fangshi-detail-6.html

+ 463 - 0
app/followup/html/fangshi-detail-6.html

@ -0,0 +1,463 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>健康体检表</title>
		<meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="shortcut icon" href="../../../favicon.ico">
        <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"  />
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
        <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
		<link href="../css/fangshi-detail.css" rel="stylesheet">
		<style>
			.p8 {padding: 8px;}
			.col-w60 {width: 60px;}
			.col-w120 {width: 130px;}
			.mb0 {margin-bottom: 0;}
			.setinput .el-input--suffix .el-input__inner {
				padding: 0;
				border-bottom: 1px solid #e1e1e1;
			}
			.el-checkbox, .el-radio {
			    margin-left: 30px;
			}
			.el-radio__label {display: inline-block;}
		</style>
	</head>
	<body>
		<div id="app">
			<table class="table table-bordered mb0">
				<tr>
					<td class="col-w120 c-t-center">体检日期</td>
					<td>
						<el-date-picker
							:readonly="!editable"
					      v-model="data1"
					      type="date"
					      placeholder="选择日期">
					    </el-date-picker>
					</td>
					<td class="col-w120 c-t-center">责任医生</td>
					<td>
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
			</table>
			<div class="ui-grid">
				<div class="ui-col-0 p8 c-border-l col-w60 c-t-center">内&emsp;容</div>
				<div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检&emsp;查&emsp;项&emsp;目</div>
			</div>
			<table class="table table-bordered mb0">
				<tr>
					<td class="col-w60 c-t-center">症<br>状</td>
					<td colspan="4">
						<el-checkbox-group v-model="checkList">
						    <el-checkbox label="1 无症状"key=""></el-checkbox>
						    <el-checkbox label="2 头痛"></el-checkbox>
						    <el-checkbox label="3 头晕"></el-checkbox>
						    <el-checkbox label="4 心悸"></el-checkbox>
						    <el-checkbox label="5 胸闷"></el-checkbox>
						    <el-checkbox label="6 胸痛"></el-checkbox>
						    <el-checkbox label="7 慢性咳嗽"></el-checkbox>
						    <el-checkbox label="8 咳痰"></el-checkbox>
						    <el-checkbox label="9 呼吸困难"></el-checkbox>
						    <el-checkbox label="10 多饮"></el-checkbox>
						    <el-checkbox label="11 多尿"></el-checkbox>
						    <el-checkbox label="12 体重下降"></el-checkbox>
						    <el-checkbox label="13 乏力"></el-checkbox>
						    <el-checkbox label="14 关节肿痛"></el-checkbox>
						    <el-checkbox label="15 视力模糊"></el-checkbox>
						    <el-checkbox label="16 手脚麻木"></el-checkbox>
						    <el-checkbox label="17 尿急"></el-checkbox>
						    <el-checkbox label="18 尿痛"></el-checkbox>
						    <el-checkbox label="19 便秘   "></el-checkbox>
						    <el-checkbox label="20 腹泻"></el-checkbox>
						    <el-checkbox label="21 恶心呕吐"></el-checkbox>
						    <el-checkbox label="22 眼花"></el-checkbox>
						    <el-checkbox label="23 耳鸣 "></el-checkbox>
						    <el-checkbox label="24 乳房胀痛"></el-checkbox>
						    <el-checkbox class="setinput" label="25">
						    	<el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
						    </el-checkbox>
						 </el-checkbox-group>
					</td>
				</tr>
				<!--一般状况-->
				<tr>
					<td rowspan="9" class="col-w60 c-t-center">一<br>般<br>状<br>况</td>
					<td class="col-w120 c-t-center">体&emsp;&emsp;温</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">°C</div>
					</td>
					<td class="col-w120 c-t-center">脉&emsp;&emsp;率</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">次/分钟</div>
					</td>
				</tr>
				<tr>
					<td rowspan="2" class="col-w120 c-t-center">呼吸频率</td>
					<td rowspan="2">
						<div class="ui-grid">
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">次/分钟</div>
						</div>
					</td>
					<td rowspan="2" class="col-w120 c-t-center">血&emsp;压</td>
					<td class="ui-grid">
						<div class="ui-ciol-0 col-w60 c-border-r">左&emsp;侧</div>
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">mmHg</div>
					</td>
				</tr>
				<tr>
					<td class="ui-grid">
						<div class="ui-ciol-0 col-w60 c-border-r">右&emsp;侧</div>
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">mmHg</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">身&emsp;&emsp;高</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">cm</div>
					</td>
					<td class="col-w120 c-t-center">体&emsp;&emsp;重</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">kg</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">腰&emsp;&emsp;围</td>
					<td>
						<div class="ui-grid">
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">cm</div>
						</div>
					</td>
					<td class="col-w120 c-t-center">体质指数(BMI)</td>
					<td>
						<div class="ui-grid">
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">kg/m²</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">老年人健康状态自我评估*</td>
					<td colspan="3">
						 <el-radio-group v-model="radio">
						    <el-radio :label="1">1  满意</el-radio>
						    <el-radio :label="2">2 基本满意</el-radio>
						    <el-radio :label="3">3 说不清楚</el-radio>
						    <el-radio :label="4">4 不太满意</el-radio>
						    <el-radio :label="5">5 胸闷</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">老年人生活自理自我评估*</td>
					<td colspan="3">
						 <el-radio-group v-model="radio">
						    <el-radio :label="1">1  可自理(0 ~ 3 分)</el-radio>
						    <el-radio :label="2">2 轻度依赖(4 ~ 8 分)</el-radio>
						    <el-radio :label="3">3 中度依赖(9 ~ 18 分)</el-radio>
						    <el-radio :label="4">4 不能自理(≥19 分)</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">老年人认知功能*</td>
					<td colspan="3">
						 <el-radio-group v-model="radio">
						    <el-radio :label="1">1 粗筛阴性</el-radio>
						    <el-radio :label="2">2 粗筛阳性, 简易智力状态检查,总分</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">老年人情感状态*</td>
					<td colspan="3">
						 <el-radio-group v-model="radio">
						    <el-radio :label="1">1 粗筛阴性</el-radio>
						    <el-radio :label="2">2 粗筛阳性, 简易智力状态检查,总分</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<!--生活方式-->
			</table>
			<table class="table table-bordered">
				<tr>
					<td rowspan="13" class="col-w60 c-t-center">生<br>活<br>方<br>式</td>
					<td rowspan="3" class="col-w120 c-t-center">体育锻炼</td>
					<td class="col-w120 c-t-center">锻炼频率</td>
					<td colspan="3">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1   每天</el-radio>
						    <el-radio :label="2">2 每周一次以上</el-radio>
						    <el-radio :label="3">3 偶尔</el-radio>
						    <el-radio :label="4">4 不锻炼</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">每次锻炼时间</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">分钟</div>
					</td>
					<td class="col-w120 c-t-center">坚持锻炼时间</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">年</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">锻炼方式</td>
					<td colspan="3">
						<div class="ui-grid">
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">年</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">饮食习惯</td>
					<td colspan="4">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 荤素均衡</el-radio>
						    <el-radio :label="2">2 荤食为主</el-radio>
						    <el-radio :label="3">3 素食为主</el-radio>
						    <el-radio :label="4">4 嗜盐</el-radio>
						    <el-radio :label="5">5 嗜油</el-radio>
						    <el-radio :label="6">6 嗜糖</el-radio>
						  </el-radio-group>
					</td>
				</tr>
				<tr>
					<td rowspan="3" class="col-w120 c-t-center">吸烟情况</td>
					<td class="col-w120 c-t-center">吸烟状况</td>
					<td colspan="3">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 从不吸烟</el-radio>
						    <el-radio :label="2">2 已戒烟</el-radio>
						    <el-radio :label="3">3 吸烟</el-radio>
						 </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">日吸烟量</td>
					<td colspan="3">
						<div class="ui-grid">
							<div class="ui-col-0">平均</div>
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">次</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">平均吸烟年龄</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">岁</div>
					</td>
					<td class="col-w120 c-t-center">戒烟年龄</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">岁</div>
					</td>
				</tr>
				<tr>
					<td rowspan="5" class="col-w120 c-t-center">饮酒情况</td>
					<td class="col-w120 c-t-center">饮酒频率</td>
					<td colspan="3">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 从不</el-radio>
						    <el-radio :label="2">2 偶尔</el-radio>
						    <el-radio :label="3">3 经常</el-radio>
						    <el-radio :label="4">4 每天</el-radio>
						 </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">日饮酒量</td>
					<td colspan="3">
						<div class="ui-grid">
							<div class="ui-col-0">平均</div>
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
							<div class="ui-col-0">两</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">是否戒酒</td>
					<td colspan="3">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 未戒酒</el-radio>
						    <el-radio :label="2">
						    	<div class="ui-grid">
						    		<div class="ui-col-0">2 已借酒,戒酒年龄:</div>
						    		<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						    		<div class="ui-col-0">岁</div>
						    	</div>
						   	</el-radio>
						 </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">平均饮酒年龄</td>
					<td class="ui-grid">
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						<div class="ui-col-0">岁</div>
					</td>
					<td class="col-w120 c-t-center">近一年是否曾醉酒</td>
					<td>
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 是</el-radio>
						    <el-radio :label="2">2 否</el-radio>
						 </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">饮酒种类</td>
					<td colspan="3">
						<el-radio-group v-model="radio">
						    <el-radio :label="1">1 白酒</el-radio>
						    <el-radio :label="2">2 啤酒</el-radio>
						    <el-radio :label="3">3 红酒</el-radio>
						    <el-radio :label="4">4 黄酒</el-radio>
						    <el-checkbox class="setinput" label="5">
						    	<el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
						    </el-checkbox>
						 </el-radio-group>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">职业病危害因素接触史</td>
					<td colspan="4">
						<div>
							<el-radio :label="1">1 无</el-radio>
						    <el-radio :label="2">
						    	<div class="ui-grid">
						    		<div class="ui-col-0">2 有 (工种</div>
						    		<div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						    		<div class="ui-col-0">从业时间</div>
						    		<div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
						    		<div class="ui-col-0">年)</div>
						    	</div>
						   	</el-radio>
						</div>
						<div class="ui-grid">
							<div class="ui-col-0 mr10">毒物种类</div>
							<div class="ui-col-1">
								<div class="ui-grid">
									<div class="ui-col-0">粉尘防范措施</div>
									<div class="ui-col-1">
										<el-radio-group v-model="radio">
										    <el-radio :label="1">1 无</el-radio>
										    <el-radio :label="2">2 有</el-radio>
										 </el-radio-group>
									</div>
								</div>
								<div class="ui-grid">
									<div class="ui-col-0">放射物质防范措施</div>
									<div class="ui-col-1">
										<el-radio-group v-model="radio">
										    <el-radio :label="1">1 无</el-radio>
										    <el-radio :label="2">2 有</el-radio>
										 </el-radio-group>
									</div>
								</div>
								<div class="ui-grid">
									<div class="ui-col-0">物理因素防范措施</div>
									<div class="ui-col-1">
										<el-radio-group v-model="radio">
										    <el-radio :label="1">1 无</el-radio>
										    <el-radio :label="2">2 有</el-radio>
										 </el-radio-group>
									</div>
								</div>
								<div class="ui-grid">
									<div class="ui-col-0">化学物质防范措施</div>
									<div class="ui-col-1">
										<el-radio-group v-model="radio">
										    <el-radio :label="1">1 无</el-radio>
										    <el-radio :label="2">2 有</el-radio>
										 </el-radio-group>
									</div>
								</div>
								<div class="ui-grid">
									<div class="ui-col-0">其他防范措施</div>
									<div class="ui-col-1">
										<el-radio-group v-model="radio">
										    <el-radio :label="1">1 无</el-radio>
										    <el-radio :label="2">2 有</el-radio>
										 </el-radio-group>
									</div>
								</div>
							</div>
						</div>
					</td>
				</tr>
				<!-- <tr>
					<td class="col-w120 c-t-center">体 温(℃)</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">一般健康情况</td>
					<td colspan="3">
						<el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">一般心理状况</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">血 压(mmHg)</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">乳 房</td>
					<td colspan="3">
						<el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
  						<el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
					</td>
				</tr>-->
			</table>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../plugins/toastr/toastr.min.js"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
        <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
		<script>
			new Vue({
				el: "#app",
				data: function() {
					return {
						editable: true,
						data1: "",
						radio: ""
					}
				}
			})
		</script>
	</body>
</html>