fangshi-detail-8.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>健康体检表</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="shortcut icon" href="../../../favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
  15. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  16. <link href="../css/fangshi-detail.css" rel="stylesheet">
  17. <style>
  18. .p8 {padding: 8px;}
  19. .col-w60 {width: 60px;}
  20. .col-w120 {width: 130px;}
  21. .mb0 {margin-bottom: 0;}
  22. .setinput .el-input--suffix .el-input__inner {
  23. padding: 0;
  24. border-bottom: 1px solid #e1e1e1;
  25. }
  26. .el-checkbox, .el-radio {
  27. margin-left: 30px;
  28. }
  29. .el-radio__label {display: inline-block;}
  30. </style>
  31. </head>
  32. <body>
  33. <div id="app">
  34. <table class="table table-bordered mb0">
  35. <tr>
  36. <td class="col-w120 c-t-center">体检日期</td>
  37. <td>
  38. <el-date-picker
  39. :readonly="!editable"
  40. v-model="data1"
  41. type="date"
  42. placeholder="选择日期">
  43. </el-date-picker>
  44. </td>
  45. <td class="col-w120 c-t-center">责任医生</td>
  46. <td>
  47. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  48. </td>
  49. </tr>
  50. </table>
  51. <div class="ui-grid">
  52. <div class="ui-col-0 p8 c-border-l col-w60 c-t-center">内&emsp;容</div>
  53. <div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检&emsp;查&emsp;项&emsp;目</div>
  54. </div>
  55. <table class="table table-bordered mb0">
  56. <tr>
  57. <td class="col-w60 c-t-center">症<br>状</td>
  58. <td colspan="4">
  59. <el-checkbox-group v-model="checkList">
  60. <el-checkbox label="1 无症状"key=""></el-checkbox>
  61. <el-checkbox label="2 头痛"></el-checkbox>
  62. <el-checkbox label="3 头晕"></el-checkbox>
  63. <el-checkbox label="4 心悸"></el-checkbox>
  64. <el-checkbox label="5 胸闷"></el-checkbox>
  65. <el-checkbox label="6 胸痛"></el-checkbox>
  66. <el-checkbox label="7 慢性咳嗽"></el-checkbox>
  67. <el-checkbox label="8 咳痰"></el-checkbox>
  68. <el-checkbox label="9 呼吸困难"></el-checkbox>
  69. <el-checkbox label="10 多饮"></el-checkbox>
  70. <el-checkbox label="11 多尿"></el-checkbox>
  71. <el-checkbox label="12 体重下降"></el-checkbox>
  72. <el-checkbox label="13 乏力"></el-checkbox>
  73. <el-checkbox label="14 关节肿痛"></el-checkbox>
  74. <el-checkbox label="15 视力模糊"></el-checkbox>
  75. <el-checkbox label="16 手脚麻木"></el-checkbox>
  76. <el-checkbox label="17 尿急"></el-checkbox>
  77. <el-checkbox label="18 尿痛"></el-checkbox>
  78. <el-checkbox label="19 便秘 "></el-checkbox>
  79. <el-checkbox label="20 腹泻"></el-checkbox>
  80. <el-checkbox label="21 恶心呕吐"></el-checkbox>
  81. <el-checkbox label="22 眼花"></el-checkbox>
  82. <el-checkbox label="23 耳鸣 "></el-checkbox>
  83. <el-checkbox label="24 乳房胀痛"></el-checkbox>
  84. <el-checkbox class="setinput" label="25">
  85. <el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
  86. </el-checkbox>
  87. </el-checkbox-group>
  88. </td>
  89. </tr>
  90. <!--一般状况-->
  91. <tr>
  92. <td rowspan="9" class="col-w60 c-t-center">一<br>般<br>状<br>况</td>
  93. <td class="col-w120 c-t-center">体&emsp;&emsp;温</td>
  94. <td class="ui-grid">
  95. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  96. <div class="ui-col-0">°C</div>
  97. </td>
  98. <td class="col-w120 c-t-center">脉&emsp;&emsp;率</td>
  99. <td class="ui-grid">
  100. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  101. <div class="ui-col-0">次/分钟</div>
  102. </td>
  103. </tr>
  104. <tr>
  105. <td rowspan="2" class="col-w120 c-t-center">呼吸频率</td>
  106. <td rowspan="2">
  107. <div class="ui-grid">
  108. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  109. <div class="ui-col-0">次/分钟</div>
  110. </div>
  111. </td>
  112. <td rowspan="2" class="col-w120 c-t-center">血&emsp;压</td>
  113. <td class="ui-grid">
  114. <div class="ui-ciol-0 col-w60 c-border-r">左&emsp;侧</div>
  115. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  116. <div class="ui-col-0">mmHg</div>
  117. </td>
  118. </tr>
  119. <tr>
  120. <td class="ui-grid">
  121. <div class="ui-ciol-0 col-w60 c-border-r">右&emsp;侧</div>
  122. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  123. <div class="ui-col-0">mmHg</div>
  124. </td>
  125. </tr>
  126. <tr>
  127. <td class="col-w120 c-t-center">身&emsp;&emsp;高</td>
  128. <td class="ui-grid">
  129. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  130. <div class="ui-col-0">cm</div>
  131. </td>
  132. <td class="col-w120 c-t-center">体&emsp;&emsp;重</td>
  133. <td class="ui-grid">
  134. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  135. <div class="ui-col-0">kg</div>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td class="col-w120 c-t-center">腰&emsp;&emsp;围</td>
  140. <td>
  141. <div class="ui-grid">
  142. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  143. <div class="ui-col-0">cm</div>
  144. </div>
  145. </td>
  146. <td class="col-w120 c-t-center">体质指数(BMI)</td>
  147. <td>
  148. <div class="ui-grid">
  149. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  150. <div class="ui-col-0">kg/m²</div>
  151. </div>
  152. </td>
  153. </tr>
  154. <tr>
  155. <td class="col-w120 c-t-center">老年人健康状态自我评估*</td>
  156. <td colspan="3">
  157. <el-radio-group v-model="radio">
  158. <el-radio :label="1">1 满意</el-radio>
  159. <el-radio :label="2">2 基本满意</el-radio>
  160. <el-radio :label="3">3 说不清楚</el-radio>
  161. <el-radio :label="4">4 不太满意</el-radio>
  162. <el-radio :label="5">5 胸闷</el-radio>
  163. </el-radio-group>
  164. </td>
  165. </tr>
  166. <tr>
  167. <td class="col-w120 c-t-center">老年人生活自理自我评估*</td>
  168. <td colspan="3">
  169. <el-radio-group v-model="radio">
  170. <el-radio :label="1">1 可自理(0 ~ 3 分)</el-radio>
  171. <el-radio :label="2">2 轻度依赖(4 ~ 8 分)</el-radio>
  172. <el-radio :label="3">3 中度依赖(9 ~ 18 分)</el-radio>
  173. <el-radio :label="4">4 不能自理(≥19 分)</el-radio>
  174. </el-radio-group>
  175. </td>
  176. </tr>
  177. <tr>
  178. <td class="col-w120 c-t-center">老年人认知功能*</td>
  179. <td colspan="3">
  180. <el-radio-group v-model="radio">
  181. <el-radio :label="1">1 粗筛阴性</el-radio>
  182. <el-radio :label="2">2 粗筛阳性, 简易智力状态检查,总分</el-radio>
  183. </el-radio-group>
  184. </td>
  185. </tr>
  186. <tr>
  187. <td class="col-w120 c-t-center">老年人情感状态*</td>
  188. <td colspan="3">
  189. <el-radio-group v-model="radio">
  190. <el-radio :label="1">1 粗筛阴性</el-radio>
  191. <el-radio :label="2">2 粗筛阳性, 简易智力状态检查,总分</el-radio>
  192. </el-radio-group>
  193. </td>
  194. </tr>
  195. <!--生活方式-->
  196. </table>
  197. <table class="table table-bordered">
  198. <tr>
  199. <td rowspan="13" class="col-w60 c-t-center">生<br>活<br>方<br>式</td>
  200. <td rowspan="3" class="col-w120 c-t-center">体育锻炼</td>
  201. <td class="col-w120 c-t-center">锻炼频率</td>
  202. <td colspan="3">
  203. <el-radio-group v-model="radio">
  204. <el-radio :label="1">1 每天</el-radio>
  205. <el-radio :label="2">2 每周一次以上</el-radio>
  206. <el-radio :label="3">3 偶尔</el-radio>
  207. <el-radio :label="4">4 不锻炼</el-radio>
  208. </el-radio-group>
  209. </td>
  210. </tr>
  211. <tr>
  212. <td class="col-w120 c-t-center">每次锻炼时间</td>
  213. <td class="ui-grid">
  214. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  215. <div class="ui-col-0">分钟</div>
  216. </td>
  217. <td class="col-w120 c-t-center">坚持锻炼时间</td>
  218. <td class="ui-grid">
  219. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  220. <div class="ui-col-0">年</div>
  221. </td>
  222. </tr>
  223. <tr>
  224. <td class="col-w120 c-t-center">锻炼方式</td>
  225. <td colspan="3">
  226. <div class="ui-grid">
  227. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  228. <div class="ui-col-0">年</div>
  229. </div>
  230. </td>
  231. </tr>
  232. <tr>
  233. <td class="col-w120 c-t-center">饮食习惯</td>
  234. <td colspan="4">
  235. <el-radio-group v-model="radio">
  236. <el-radio :label="1">1 荤素均衡</el-radio>
  237. <el-radio :label="2">2 荤食为主</el-radio>
  238. <el-radio :label="3">3 素食为主</el-radio>
  239. <el-radio :label="4">4 嗜盐</el-radio>
  240. <el-radio :label="5">5 嗜油</el-radio>
  241. <el-radio :label="6">6 嗜糖</el-radio>
  242. </el-radio-group>
  243. </td>
  244. </tr>
  245. <tr>
  246. <td rowspan="3" class="col-w120 c-t-center">吸烟情况</td>
  247. <td class="col-w120 c-t-center">吸烟状况</td>
  248. <td colspan="3">
  249. <el-radio-group v-model="radio">
  250. <el-radio :label="1">1 从不吸烟</el-radio>
  251. <el-radio :label="2">2 已戒烟</el-radio>
  252. <el-radio :label="3">3 吸烟</el-radio>
  253. </el-radio-group>
  254. </td>
  255. </tr>
  256. <tr>
  257. <td class="col-w120 c-t-center">日吸烟量</td>
  258. <td colspan="3">
  259. <div class="ui-grid">
  260. <div class="ui-col-0">平均</div>
  261. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  262. <div class="ui-col-0">次</div>
  263. </div>
  264. </td>
  265. </tr>
  266. <tr>
  267. <td class="col-w120 c-t-center">平均吸烟年龄</td>
  268. <td class="ui-grid">
  269. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  270. <div class="ui-col-0">岁</div>
  271. </td>
  272. <td class="col-w120 c-t-center">戒烟年龄</td>
  273. <td class="ui-grid">
  274. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  275. <div class="ui-col-0">岁</div>
  276. </td>
  277. </tr>
  278. <tr>
  279. <td rowspan="5" class="col-w120 c-t-center">饮酒情况</td>
  280. <td class="col-w120 c-t-center">饮酒频率</td>
  281. <td colspan="3">
  282. <el-radio-group v-model="radio">
  283. <el-radio :label="1">1 从不</el-radio>
  284. <el-radio :label="2">2 偶尔</el-radio>
  285. <el-radio :label="3">3 经常</el-radio>
  286. <el-radio :label="4">4 每天</el-radio>
  287. </el-radio-group>
  288. </td>
  289. </tr>
  290. <tr>
  291. <td class="col-w120 c-t-center">日饮酒量</td>
  292. <td colspan="3">
  293. <div class="ui-grid">
  294. <div class="ui-col-0">平均</div>
  295. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  296. <div class="ui-col-0">两</div>
  297. </div>
  298. </td>
  299. </tr>
  300. <tr>
  301. <td class="col-w120 c-t-center">是否戒酒</td>
  302. <td colspan="3">
  303. <el-radio-group v-model="radio">
  304. <el-radio :label="1">1 未戒酒</el-radio>
  305. <el-radio :label="2">
  306. <div class="ui-grid">
  307. <div class="ui-col-0">2 已借酒,戒酒年龄:</div>
  308. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  309. <div class="ui-col-0">岁</div>
  310. </div>
  311. </el-radio>
  312. </el-radio-group>
  313. </td>
  314. </tr>
  315. <tr>
  316. <td class="col-w120 c-t-center">平均饮酒年龄</td>
  317. <td class="ui-grid">
  318. <div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  319. <div class="ui-col-0">岁</div>
  320. </td>
  321. <td class="col-w120 c-t-center">近一年是否曾醉酒</td>
  322. <td>
  323. <el-radio-group v-model="radio">
  324. <el-radio :label="1">1 是</el-radio>
  325. <el-radio :label="2">2 否</el-radio>
  326. </el-radio-group>
  327. </td>
  328. </tr>
  329. <tr>
  330. <td class="col-w120 c-t-center">饮酒种类</td>
  331. <td colspan="3">
  332. <el-radio-group v-model="radio">
  333. <el-radio :label="1">1 白酒</el-radio>
  334. <el-radio :label="2">2 啤酒</el-radio>
  335. <el-radio :label="3">3 红酒</el-radio>
  336. <el-radio :label="4">4 黄酒</el-radio>
  337. <el-checkbox class="setinput" label="5">
  338. <el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
  339. </el-checkbox>
  340. </el-radio-group>
  341. </td>
  342. </tr>
  343. <tr>
  344. <td class="col-w120 c-t-center">职业病危害因素接触史</td>
  345. <td colspan="4">
  346. <div>
  347. <el-radio :label="1">1 无</el-radio>
  348. <el-radio :label="2">
  349. <div class="ui-grid">
  350. <div class="ui-col-0">2 有 (工种</div>
  351. <div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  352. <div class="ui-col-0">从业时间</div>
  353. <div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
  354. <div class="ui-col-0">年)</div>
  355. </div>
  356. </el-radio>
  357. </div>
  358. <div class="ui-grid">
  359. <div class="ui-col-0 mr10">毒物种类</div>
  360. <div class="ui-col-1">
  361. <div class="ui-grid">
  362. <div class="ui-col-0">粉尘防范措施</div>
  363. <div class="ui-col-1">
  364. <el-radio-group v-model="radio">
  365. <el-radio :label="1">1 无</el-radio>
  366. <el-radio :label="2">2 有</el-radio>
  367. </el-radio-group>
  368. </div>
  369. </div>
  370. <div class="ui-grid">
  371. <div class="ui-col-0">放射物质防范措施</div>
  372. <div class="ui-col-1">
  373. <el-radio-group v-model="radio">
  374. <el-radio :label="1">1 无</el-radio>
  375. <el-radio :label="2">2 有</el-radio>
  376. </el-radio-group>
  377. </div>
  378. </div>
  379. <div class="ui-grid">
  380. <div class="ui-col-0">物理因素防范措施</div>
  381. <div class="ui-col-1">
  382. <el-radio-group v-model="radio">
  383. <el-radio :label="1">1 无</el-radio>
  384. <el-radio :label="2">2 有</el-radio>
  385. </el-radio-group>
  386. </div>
  387. </div>
  388. <div class="ui-grid">
  389. <div class="ui-col-0">化学物质防范措施</div>
  390. <div class="ui-col-1">
  391. <el-radio-group v-model="radio">
  392. <el-radio :label="1">1 无</el-radio>
  393. <el-radio :label="2">2 有</el-radio>
  394. </el-radio-group>
  395. </div>
  396. </div>
  397. <div class="ui-grid">
  398. <div class="ui-col-0">其他防范措施</div>
  399. <div class="ui-col-1">
  400. <el-radio-group v-model="radio">
  401. <el-radio :label="1">1 无</el-radio>
  402. <el-radio :label="2">2 有</el-radio>
  403. </el-radio-group>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </td>
  409. </tr>
  410. <!-- <tr>
  411. <td class="col-w120 c-t-center">体 温(℃)</td>
  412. <td colspan="3">
  413. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  414. </td>
  415. </tr>
  416. <tr>
  417. <td class="col-w120 c-t-center">一般健康情况</td>
  418. <td colspan="3">
  419. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  420. </td>
  421. </tr>
  422. <tr>
  423. <td class="col-w120 c-t-center">一般心理状况</td>
  424. <td colspan="3">
  425. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  426. </td>
  427. </tr>
  428. <tr>
  429. <td class="col-w120 c-t-center">血 压(mmHg)</td>
  430. <td colspan="3">
  431. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  432. </td>
  433. </tr>
  434. <tr>
  435. <td class="col-w120 c-t-center">乳 房</td>
  436. <td colspan="3">
  437. <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
  438. <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
  439. </td>
  440. </tr>-->
  441. </table>
  442. <follow-bottom></follow-bottom>
  443. </div>
  444. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  445. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  446. <script src="../../../plugins/toastr/toastr.min.js"></script>
  447. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  448. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  449. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  450. <script src="../../../component/followup/follow-bottom.js"></script>
  451. <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
  452. <script>
  453. new Vue({
  454. el: "#app",
  455. data: function() {
  456. return {
  457. editable: true,
  458. checkList: [],
  459. data1: "",
  460. input: null,
  461. radio: ""
  462. }
  463. }
  464. })
  465. </script>
  466. </body>
  467. </html>