123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467 |
- <!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">内 容</div>
- <div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检 查 项 目</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">体  温</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">脉  率</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">血 压</td>
- <td class="ui-grid">
- <div class="ui-ciol-0 col-w60 c-border-r">左 侧</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">右 侧</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">身  高</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">体  重</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">腰  围</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>
- <follow-bottom></follow-bottom>
- </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="../../../component/followup/follow-bottom.js"></script>
- <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
- <script>
- new Vue({
- el: "#app",
- data: function() {
- return {
- editable: true,
- checkList: [],
- data1: "",
- input: null,
- radio: ""
- }
- }
- })
- </script>
- </body>
- </html>
|