examTable.html 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  7. <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
  8. <title>公卫体检</title>
  9. <style type="text/css" media="all">
  10. * {
  11. margin: 0;
  12. padding: 0;
  13. font-size: 12px;
  14. }
  15. table {
  16. border-collapse: collapse;
  17. margin: 10px auto;
  18. }
  19. th,tr,td {
  20. border: 1px solid #000;
  21. border-collapse: collapse;
  22. padding: 6px 5px;
  23. }
  24. thead {
  25. border: none;
  26. }
  27. thead tr {
  28. border: none;
  29. }
  30. thead tr th {
  31. border: none;
  32. border-collapse: separate;
  33. }
  34. h3 {
  35. font-size: 24px;
  36. }
  37. </style>
  38. <style>
  39. body {
  40. font-family: 'sans-serif';
  41. /* line-height: 25px; */
  42. }
  43. .TvBg {
  44. background: -webkit-linear-gradient(
  45. left,
  46. #1f68b2,
  47. #2bafcc
  48. ); /* Safari 5.1 - 6.0 */
  49. background: -o-linear-gradient(
  50. right,
  51. #1f68b2,
  52. #2bafcc
  53. ); /* Opera 11.1 - 12.0 */
  54. background: -moz-linear-gradient(
  55. right,
  56. #1f68b2,
  57. #2bafcc
  58. ); /* Firefox 3.6 - 15 */
  59. background: linear-gradient(
  60. to right,
  61. #1f68b2,
  62. #2bafcc
  63. ); /* 标准的语法 */
  64. color: #fff;
  65. }
  66. /* #container {
  67. width: 95%;
  68. margin: auto;
  69. } */
  70. table {
  71. width: 100%;
  72. }
  73. .textAlign,
  74. th {
  75. text-align: center;
  76. }
  77. .textRight {
  78. display: flex;
  79. justify-content: flex-end;
  80. }
  81. .vertical-text {
  82. writing-mode: vertical-lr;
  83. letter-spacing: 0.5em;
  84. }
  85. .boxPosition {
  86. display: inline-block;
  87. float: inline-end;
  88. }
  89. p {
  90. margin: 0;
  91. }
  92. /* tbody {
  93. page-break-inside: avoid;
  94. border: 1px solid #000;
  95. border-collapse: collapse;
  96. } */
  97. tr {
  98. /* height: 30px; */
  99. border: 1px solid #000;
  100. border-collapse: collapse;
  101. }
  102. td {
  103. /* padding: 5px 0; */
  104. page-break-inside: avoid;
  105. border: 1px solid #000;
  106. border-collapse: collapse;
  107. }
  108. .checkBox {
  109. display: flex;
  110. justify-content: end;
  111. }
  112. .box {
  113. width: 16px;
  114. height: 16px;
  115. display: inline-block;
  116. border: 1px solid black;
  117. text-align: center;
  118. line-height: 16px;
  119. margin-right: 15px;
  120. position: relative;
  121. }
  122. .box:not(:last-child)::after {
  123. content: "/";
  124. position: absolute;
  125. top: 50%;
  126. left: 100%;
  127. transform: translateY(-50%);
  128. padding: 0 5px;
  129. }
  130. [v-cloak] {
  131. display: none;
  132. }
  133. ::-webkit-scrollbar {
  134. width: 5px;
  135. height: 5px;
  136. border-radius: 10px;
  137. }
  138. ::-webkit-scrollbar-thumb {
  139. border-radius: 10px;
  140. background-color: #adadaba4;
  141. }
  142. ::-webkit-scrollbar-track {
  143. border-radius: 10px;
  144. background-color: #fff;
  145. }
  146. @page {
  147. margin-top: 1.4cm; /* 设置其他页的上边距为2cm */
  148. margin-bottom: 1.2cm; /* 设置其他页的下边距为2cm */
  149. }
  150. @page :first {
  151. margin-top: 0;
  152. margin-bottom: 10mm; /* 设置第一页的下边距为2cm */
  153. }
  154. </style>
  155. </head>
  156. <body style=" margin: 32px 10px">
  157. <div>
  158. <h3 class="textAlign" style="font-weight:bold;">健康体检表</h3>
  159. <p >
  160. <span style="font-weight: bold;">姓名:<span id="patientName" style="font-weight: bold;"></span></span>
  161. </p>
  162. <table style="font-size: 14px;">
  163. <tbody>
  164. <tr>
  165. <td colspan="2" class="textAlign">体检日期</td>
  166. <td colspan="2" class="textAlign">
  167. <span id="examTime"></span>
  168. </td>
  169. <td colspan="2" class="textAlign">责任医生</td>
  170. <td colspan="2" class="textAlign">
  171. <span id="principalName"></span>
  172. </td>
  173. </tr>
  174. <tr>
  175. <th style="font-weight: bold; width:48px">内 容</th>
  176. <th colspan="6" style="font-weight: bold;">检 查 项 目</th>
  177. </tr>
  178. <tr>
  179. <td class="textAlign">
  180. <span class="vertical-text">症状</span>
  181. </td>
  182. <td colspan="6">
  183. <span
  184. >1 无症状 2 头痛 3 头晕 4 心悸 5 胸闷 6 胸痛 7
  185. 慢性咳嗽 8 咳痰 9 呼吸困难 10 多饮 11 多尿 12
  186. 体重下降 13 乏力 14 关节肿痛 15 视力模糊 16
  187. 手脚麻木 17 尿急 18 尿痛 19 便秘 20 腹泻 21
  188. 恶心呕吐 22 眼花 23 耳鸣 24 乳房胀痛 25
  189. 其他</span
  190. >
  191. <div class="textRight">
  192. <div id="Symptom" class="checkBox" data-param="10">
  193. <!-- 使用JavaScript生成10个方框 -->
  194. </div>
  195. </div>
  196. </td>
  197. </tr>
  198. <tr class="textAlign">
  199. <td rowspan="9">
  200. <span class="vertical-text">一般状况</span>
  201. </td>
  202. <td>体温</td>
  203. <td colspan="2">
  204. <span id="Temperature"></span><span>℃</span>
  205. </td>
  206. <td>脉率</td>
  207. <td colspan="2">
  208. <span id="Pulse_Frequency"></span><span>次/分钟</span>
  209. </td>
  210. </tr>
  211. <tr class="textAlign">
  212. <td rowspan="2">呼吸频率</td>
  213. <td rowspan="2" colspan="2">
  214. <span id="Breathe"></span><span>次/分钟</span>
  215. </td>
  216. <td rowspan="2">血压</td>
  217. <td>左侧</td>
  218. <td>
  219. <span id="Sbp_Left"></span>/<span
  220. id="Dbp_Left"
  221. ></span
  222. ><span>&nbsp;mmHg</span>
  223. </td>
  224. </tr>
  225. <tr class="textAlign">
  226. <td>右侧</td>
  227. <td>
  228. <span id="Sbp_Right"></span>/<span
  229. id="Dbp_Right"
  230. ></span
  231. ><span>&nbsp;mmHg</span>
  232. </td>
  233. </tr>
  234. <tr class="textAlign">
  235. <td>身高</td>
  236. <td colspan="2">
  237. <span id="Height"></span><span>cm</span>
  238. </td>
  239. <td>体重</td>
  240. <td colspan="2">
  241. <!---->
  242. <span id="Weight"></span><span>kg</span>
  243. </td>
  244. </tr>
  245. <tr class="textAlign">
  246. <td>腰围</td>
  247. <td colspan="2">
  248. <span id="Waist"></span><span>cm</span>
  249. </td>
  250. <td>体质指数(BMI)</td>
  251. <td colspan="2">
  252. <!---->
  253. <span id="Bmi"></span><span>Kg/m²</span>
  254. </td>
  255. </tr>
  256. <tr>
  257. <td class="textAlign">老年人健康状态自我评估</td>
  258. <td colspan="5">
  259. <div style="display: flex;
  260. justify-content: space-between;
  261. align-items: center;">
  262. <span>
  263. 1 满意 2 基本满意 3 说不清楚 4 不太满意 5 不满意
  264. </span>
  265. <div class="boxPosition">
  266. <span
  267. id="Older_Health_State"
  268. class="box"
  269. ></span>
  270. </div>
  271. </div>
  272. </td>
  273. </tr>
  274. <tr>
  275. <td class="textAlign">老年人生活自理能力自我评估</td>
  276. <td colspan="5">
  277. <div
  278. style="
  279. display: flex;
  280. justify-content: space-between;
  281. align-items: center;
  282. "
  283. >
  284. <div>
  285. <p>
  286. 1 可自理(0<span class="s6">~</span>3
  287. 分) 2 轻度依赖(4<span class="s6"
  288. >~</span
  289. >8 分)
  290. </p>
  291. <p>
  292. 3 中度依赖(9<span class="s6">~</span
  293. >18 分) 4 不能自理(≥19 分)
  294. </p>
  295. </div>
  296. <div class="boxPosition">
  297. <span
  298. id="Older_Living_Ability"
  299. class="box"
  300. ></span>
  301. </div>
  302. </div>
  303. </td>
  304. </tr>
  305. <tr>
  306. <td class="textAlign">老年人认知功能*</td>
  307. <td colspan="5">
  308. <div
  309. style="
  310. display: flex;
  311. justify-content: space-between;
  312. align-items: center;
  313. "
  314. >
  315. <div>
  316. <p>1 粗筛阴性</p>
  317. <p>
  318. 2 粗筛阳性, 简易智力状态检查,总分
  319. <span id="Older_Intelligence"></span>
  320. </p>
  321. </div>
  322. <div class="boxPosition">
  323. <span
  324. id="Older_Cognitive"
  325. class="box"
  326. ></span>
  327. </div>
  328. </div>
  329. </td>
  330. </tr>
  331. <tr>
  332. <td class="textAlign">老年人情感状态*</td>
  333. <td colspan="5">
  334. <div
  335. style="
  336. display: flex;
  337. justify-content: space-between;
  338. align-items: center;
  339. "
  340. >
  341. <div>
  342. <p>1 粗筛阴性</p>
  343. <p>
  344. 2 粗筛阳性, 简易智力状态检查,总分
  345. <span id="Older_Depression"></span>
  346. </p>
  347. </div>
  348. <div class="boxPosition">
  349. <span
  350. id="Older_Emotional"
  351. class="box"
  352. ></span>
  353. </div>
  354. </div>
  355. </td>
  356. </tr>
  357. <tr>
  358. <td rowspan="13" class="textAlign">
  359. <span class="vertical-text">生活方式</span>
  360. </td>
  361. <td rowspan="3" class="textAlign">体育锻炼</td>
  362. <td class="textAlign">锻炼频率</td>
  363. <td colspan="4" id="fShxgDlplOptIndex">
  364. <div style="
  365. display: flex;
  366. justify-content: space-between;
  367. align-items: center;
  368. ">
  369. <span> 1 每天 2 每周一次以上 3 偶尔 4 不锻炼 </span>
  370. <div class="boxPosition">
  371. <span
  372. id="Exercise_Frequency"
  373. class="box"
  374. ></span>
  375. </div>
  376. </div>
  377. </td>
  378. </tr>
  379. <tr>
  380. <td class="textAlign">每次锻炼时间</td>
  381. <td colspan="2"><span id="Exercise_Daily_Time"></span> <span>分钟</span></td>
  382. <td class="textAlign">坚持锻炼时间</td>
  383. <td><span id="Exercise_Time"></span> <span>年</span></td>
  384. </tr>
  385. <tr>
  386. <td class="textAlign">锻炼方式</td>
  387. <td colspan="4" id="Exercise_Way"></td>
  388. </tr>
  389. <tr>
  390. <td class="textAlign">饮食习惯</td>
  391. <td colspan="5">
  392. <span> 1 荤素均匀 2 荤食为主 3 素食为主 4 嗜盐 5 嗜油 6 嗜糖 </span>
  393. <div class="textRight">
  394. <div id="Diet" class="checkBox" data-param="3">
  395. <!-- 使用JavaScript生成10个方框 -->
  396. </div>
  397. </div>
  398. </td>
  399. </tr>
  400. <tr>
  401. <td rowspan="3" class="textAlign">吸烟情况</td>
  402. <td class="textAlign">吸烟状况</td>
  403. <td colspan="5" id="fShxgSfxyOptIndex">
  404. <div style="
  405. display: flex;
  406. justify-content: space-between;
  407. align-items: center;
  408. ">
  409. <span> 1 从不吸烟 2 已戒烟 3 吸烟 </span>
  410. <div class="boxPosition">
  411. <span
  412. id="Smoking_State"
  413. class="box"
  414. ></span>
  415. </div>
  416. </div></td>
  417. </tr>
  418. <tr>
  419. <td class="textAlign">日吸烟量</td>
  420. <td colspan="5">
  421. <span> 平均<span id="Smoking_Daily"></span>支 </span>
  422. </td>
  423. </tr>
  424. <tr>
  425. <td class="textAlign">开始吸烟年龄</td>
  426. <td colspan="2"><span id="Smoking_Start_Age"></span> <span>岁</span></td>
  427. <td class="textAlign">戒烟年龄</td>
  428. <td><span id="Smoking_Quit_Age"></span> <span>岁</span></td>
  429. </tr>
  430. <tr>
  431. <td rowspan="5" class="textAlign">饮酒情况</td>
  432. <td class="textAlign">饮酒频率</td>
  433. <td colspan="5" id="fShxgYjplOptIndex">
  434. <div style="
  435. display: flex;
  436. justify-content: space-between;
  437. align-items: center;
  438. ">
  439. <span> 1 从不 2 偶尔 3 经常 4 每天 </span>
  440. <div class="boxPosition">
  441. <span
  442. id="Drinking_Frequency"
  443. class="box"
  444. ></span>
  445. </div>
  446. </div>
  447. </td>
  448. </tr>
  449. <tr>
  450. <td class="textAlign">日饮酒量</td>
  451. <td colspan="5">
  452. <span> 平均<span id="Drinking_Daily"></span>两 </span>
  453. </td>
  454. </tr>
  455. <tr>
  456. <td class="textAlign">是否戒酒</td>
  457. <td colspan="5">
  458. <p>
  459. <div style="
  460. display: flex;
  461. justify-content: space-between;
  462. align-items: center;
  463. ">
  464. <span> 1 未戒酒 2 已戒酒 </span>
  465. <div class="boxPosition">
  466. <span
  467. id="Drinking_Is_Quit"
  468. class="box"
  469. ></span>
  470. </div>
  471. </div>
  472. 戒酒年龄:<span id="Drinking_Quit_Age"></span>
  473. <span>岁</span>
  474. </p>
  475. </td>
  476. </tr>
  477. <tr>
  478. <td class="textAlign">开始饮酒年龄</td>
  479. <td colspan="2"><span id="Drinking_Start_Age"></span> <span>岁</span></td>
  480. <td class="textAlign">近一年内是否曾醉酒</td>
  481. <td> <div style="
  482. display: flex;
  483. justify-content: space-between;
  484. align-items: center;
  485. ">
  486. <span> 1 是 2 否 </span>
  487. <div class="boxPosition">
  488. <span
  489. id="Drinking_Is_Drunk"
  490. class="box"
  491. ></span>
  492. </div>
  493. </div>
  494. </td>
  495. </tr>
  496. <tr>
  497. <td class="textAlign">饮酒种类</td>
  498. <td colspan="5">
  499. <span> <span> 1 白酒 2 啤酒 3 红酒 4 黄酒 5 其他 </span>
  500. <div class="textRight">
  501. <div class="boxPosition">
  502. <span
  503. id="Drinking_Type"
  504. class="box"
  505. ></span>
  506. </div>
  507. </div>
  508. </div>
  509. </span>
  510. </td>
  511. </tr>
  512. <tr>
  513. <td class="textAlign">职业病危害因素接触史</td>
  514. <td colspan="5">
  515. <span id="Work_Related_Disease_Risk_History"></span
  516. >(工种:<span id="Risk_Working_Type"></span>&nbsp;&nbsp;从业时间:<span id="Risk_Working_Time"></span><span>年</span>)<br />
  517. 毒物种类&nbsp;&nbsp;粉尘:<span id="Risk_Dust"></span>
  518. &nbsp;&nbsp;防护措施:<span id="Risk_Dust_Protect"></span> <br />
  519. <p style="margin-left: 74px">
  520. 放射物质:<span id="Risk_Radiate"></span>&nbsp;&nbsp;防护措施:<span
  521. id="Risk_Radiate_Protect"
  522. ></span
  523. ><br />
  524. 物理因素:<span id="Risk_Physics"></span>&nbsp;&nbsp;防护措施:<span
  525. id="Risk_Physics_Protect"
  526. ></span
  527. ><br />
  528. 化学物质:<span id="Risk_Chemical"></span>&nbsp;&nbsp;防护措施:<span
  529. id="Risk_Chemical_Protect"
  530. ></span
  531. ><br />
  532. 其他:<span id="Risk_Other"></span>&nbsp;&nbsp;防护措施:<span
  533. id="Risk_Other_Protect"
  534. ></span
  535. ><br />
  536. </p>
  537. </td>
  538. </tr>
  539. <tr>
  540. <td rowspan="4" class="textAlign">
  541. <span class="vertical-text">脏器功能</span>
  542. </td>
  543. <td class="textAlign">口腔</td>
  544. <td colspan="5">
  545. <div style="line-height: 28px;">
  546. 口唇:
  547. <div style="
  548. display: flex;
  549. justify-content: space-between;
  550. align-items: center;
  551. ">
  552. <span> 1 红润 2 苍白 3 发绀 4 皲裂 5 疱疹 </span>
  553. <div class="boxPosition">
  554. <span
  555. id="Lip"
  556. class="box"
  557. ></span>
  558. </div>
  559. </div>
  560. </div>
  561. <div style="line-height: 28px;">
  562. <span>齿列:<span> 1 正常 2 缺齿 3 龋齿 4 义齿 </span></span>
  563. <div class="textRight">
  564. <div id="Dentition" class="checkBox" data-param="3">
  565. <!-- 使用JavaScript生成10个方框 -->
  566. </div>
  567. </div>
  568. </div>
  569. <div style="line-height: 28px;">
  570. <div style="
  571. display: flex;
  572. justify-content: space-between;
  573. align-items: center;
  574. ">
  575. <span>咽部:<span> 1 无充血 2 充血 3 淋巴滤泡增生 </span></span>
  576. <div class="boxPosition">
  577. <span
  578. id="Pharynx"
  579. class="box"
  580. ></span>
  581. </div>
  582. </div>
  583. </div>
  584. </td>
  585. </tr>
  586. <tr>
  587. <td class="textAlign">视力</td>
  588. <td colspan="5">
  589. <!-- TODO -->
  590. <p>
  591. 左眼:4.6 右眼:4.6(矫正视力:左眼:5.1
  592. 右眼:5.1)
  593. </p>
  594. </td>
  595. </tr>
  596. <tr>
  597. <td class="textAlign">听力</td>
  598. <td colspan="5">
  599. <div style="
  600. display: flex;
  601. justify-content: space-between;
  602. align-items: center;
  603. ">
  604. <span> 1 听见 2 听不清或无法听见 </span>
  605. <div class="boxPosition">
  606. <span
  607. id="Hearing"
  608. class="box"
  609. ></span>
  610. </div>
  611. </div>
  612. </td>
  613. </tr>
  614. <tr>
  615. <td class="textAlign">运动功能</td>
  616. <td colspan="5">
  617. <div style="
  618. display: flex;
  619. justify-content: space-between;
  620. align-items: center;
  621. ">
  622. <span > 1 可顺利完成 2 无法单独完成其中任何一个动作 </span>
  623. <div class="boxPosition">
  624. <span
  625. id="Athletic"
  626. class="box"
  627. ></span>
  628. </div>
  629. </div>
  630. </td>
  631. </tr>
  632. <tr>
  633. <td rowspan="19" class="textAlign">
  634. <span class="vertical-text">查体</span>
  635. </td>
  636. <td class="textAlign">眼底</td>
  637. <td colspan="5">
  638. <div style="
  639. display: flex;
  640. justify-content: space-between;
  641. align-items: center;
  642. ">
  643. <span> 1 正常 2 异常 </span>
  644. <div class="boxPosition">
  645. <span
  646. id="Eye_Ground"
  647. class="box"
  648. ></span>
  649. </div>
  650. </div>
  651. </td>
  652. </tr>
  653. <tr>
  654. <td class="textAlign">皮肤</td>
  655. <td colspan="5" id="fPfOptIndex">
  656. <div style="
  657. display: flex;
  658. justify-content: space-between;
  659. align-items: center;
  660. ">
  661. <span> 1 正常 2 潮红 3 苍白 4 发绀 5 黄染 6 色素沉着 7 其他 </span></span>
  662. <div class="boxPosition">
  663. <span
  664. id="Skin"
  665. class="box"
  666. ></span>
  667. </div>
  668. </div>
  669. </td>
  670. </tr>
  671. <tr>
  672. <td class="textAlign">巩膜</td>
  673. <td colspan="5">
  674. <div style="
  675. display: flex;
  676. justify-content: space-between;
  677. align-items: center;
  678. ">
  679. <span> 1 正常 2 黄染 3 充血 4 其他 </span></span>
  680. <div class="boxPosition">
  681. <span
  682. id="Sclera"
  683. class="box"
  684. ></span>
  685. </div>
  686. </div>
  687. </td>
  688. </tr>
  689. <tr>
  690. <td class="textAlign">淋巴结</td>
  691. <td colspan="5">
  692. <div style="
  693. display: flex;
  694. justify-content: space-between;
  695. align-items: center;
  696. ">
  697. <span> 1 未触及 2 锁骨上 3 腋窝 4 其他 </span></span>
  698. <div class="boxPosition">
  699. <span
  700. id="Lymph_Node"
  701. class="box"
  702. ></span>
  703. </div>
  704. </div>
  705. </td>
  706. </tr>
  707. <tr>
  708. <td rowspan="3" class="textAlign">肺</td>
  709. <td colspan="5">
  710. <span id="fFtzxOptIndex">
  711. <div style="
  712. display: flex;
  713. justify-content: space-between;
  714. align-items: center;
  715. "><span>桶状胸: 1 否 2 是 </span></span>
  716. <div class="boxPosition">
  717. <span
  718. id="Barrel_Chest"
  719. class="box"
  720. ></span>
  721. </div> </div>
  722. </span>
  723. </td>
  724. </tr>
  725. <tr>
  726. <td colspan="5">
  727. <div style="
  728. display: flex;
  729. justify-content: space-between;
  730. align-items: center;
  731. ">
  732. <span id="fFhxyOptIndex">
  733. <span>呼吸音: 1 正常 2 异常 </span></span>
  734. <div class="boxPosition">
  735. <span
  736. id="Breath_Sounds"
  737. class="box"
  738. ></span>
  739. </div></span>
  740. </div>
  741. </td>
  742. </tr>
  743. <tr>
  744. <td colspan="5">
  745. <div style="
  746. display: flex;
  747. justify-content: space-between;
  748. align-items: center;
  749. ">
  750. <span>
  751. 罗&nbsp;&nbsp;&nbsp;音: 1 无 2 干罗音 3 湿罗音 4 其他 </span>
  752. <div class="boxPosition">
  753. <span
  754. id="Rale"
  755. class="box"
  756. ></span>
  757. </div>
  758. </div>
  759. </td>
  760. </tr>
  761. <tr>
  762. <td class="textAlign">心脏</td>
  763. <td colspan="5">
  764. 心率:<span id="Heart_Rate"></span><span>次/分钟</span>
  765. <div style="line-height: 28px;"><span id="fXzxlOptIndex">
  766. <div style="
  767. display: flex;
  768. justify-content: space-between;
  769. align-items: center;
  770. ">
  771. <span>心律: 1 齐 2 不齐 3 绝对不齐 </span>
  772. <div class="boxPosition">
  773. <span
  774. id="Heart_Rhythm"
  775. class="box"
  776. ></span>
  777. </div>
  778. </div>
  779. </span></div>
  780. <div style="line-height: 28px;">
  781. <div style="
  782. display: flex;
  783. justify-content: space-between;
  784. align-items: center;
  785. "><span>杂音: 1 无 2 有 </span>
  786. <div class="boxPosition">
  787. <span
  788. id="Heart_Murmur"
  789. class="box"
  790. ></span>
  791. </div></div>
  792. </div>
  793. </td>
  794. </tr>
  795. <tr>
  796. <td class="textAlign">腹部</td>
  797. <td colspan="5">
  798. <div style="line-height: 28px;">
  799. <div style="
  800. display: flex;
  801. justify-content: space-between;
  802. align-items: center;
  803. "><span>压痛: 1 无 2 有 </span>
  804. <div class="boxPosition">
  805. <span
  806. id="Abdominal_Tenderness"
  807. class="box"
  808. ></span>
  809. </div></div>
  810. </div>
  811. <div style="line-height: 28px;">
  812. <div style="
  813. display: flex;
  814. justify-content: space-between;
  815. align-items: center;
  816. "><span>包块: 1 无 2 有 </span>
  817. <div class="boxPosition">
  818. <span
  819. id="Abdominal_Mass"
  820. class="box"
  821. ></span>
  822. </div></div>
  823. </div>
  824. <div style="line-height: 28px;">
  825. <div style="
  826. display: flex;
  827. justify-content: space-between;
  828. align-items: center;
  829. "><span>肝大: 1 无 2 有 </span>
  830. <div class="boxPosition">
  831. <span
  832. id="Hepatomegaly"
  833. class="box"
  834. ></span>
  835. </div></div>
  836. </div>
  837. <div style="line-height: 28px;">
  838. <div style="
  839. display: flex;
  840. justify-content: space-between;
  841. align-items: center;
  842. "><span>脾大: 1 无 2 有 </span>
  843. <div class="boxPosition">
  844. <span
  845. id="Splenomegalia"
  846. class="box"
  847. ></span>
  848. </div></div>
  849. </div>
  850. <div >
  851. <div style="
  852. display: flex;
  853. justify-content: space-between;
  854. align-items: center;
  855. "><span>移动性浊音: 1 无 2 有 </span>
  856. <div class="boxPosition">
  857. <span
  858. id="Shifting_Dullness"
  859. class="box"
  860. ></span>
  861. </div></div>
  862. </div>
  863. </td>
  864. </tr>
  865. <tr>
  866. <td class="textAlign">下肢水肿</td>
  867. <td colspan="5">
  868. <div style="
  869. display: flex;
  870. justify-content: space-between;
  871. align-items: center;
  872. ">
  873. <span> 1 无 2 单侧 3 双侧不对称 4 双侧对称 </span>
  874. <div class="boxPosition">
  875. <span
  876. id="Lower_Limb_Edema"
  877. class="box"
  878. ></span>
  879. </div>
  880. </div>
  881. </td>
  882. </tr>
  883. <tr>
  884. <td class="textAlign">足背动脉搏动*</td>
  885. <td colspan="5">
  886. <div style="
  887. display: flex;
  888. justify-content: space-between;
  889. align-items: center;
  890. "><span> 1 未触及 2 触及双侧对称 3 触及左侧弱或消失 4 触及右侧弱或消失 </span>
  891. <div class="boxPosition">
  892. <span
  893. id="Pedal_Artery"
  894. class="box"
  895. ></span>
  896. </div>
  897. </div>
  898. </td>
  899. </tr>
  900. <tr>
  901. <td class="textAlign">肛门指诊*</td>
  902. <td colspan="5"> <div style="
  903. display: flex;
  904. justify-content: space-between;
  905. align-items: center;
  906. "><span> 1 未及异常 2 触痛 3 包块 4 前列腺异常 5 其他 </span>
  907. <div class="boxPosition">
  908. <span
  909. id="Rectal_Touch"
  910. class="box"
  911. ></span>
  912. </div>
  913. </div>
  914. </td>
  915. </tr>
  916. <tr>
  917. <td class="textAlign">乳腺*</td>
  918. <td colspan="5"> <div style="
  919. display: flex;
  920. justify-content: space-between;
  921. align-items: center;
  922. "><span> 1 未及异常 2 乳房切除 3 异常泌乳 4 乳腺包块 5 其他 </span>
  923. <div class="boxPosition">
  924. <span
  925. id="Mammary"
  926. class="box"
  927. ></span>
  928. </div>
  929. </div>
  930. </td>
  931. </tr>
  932. <tr>
  933. <td rowspan="5" class="textAlign">妇科*</td>
  934. <td class="textAlign">外阴</td>
  935. <td colspan="5">
  936. <div style="
  937. display: flex;
  938. justify-content: space-between;
  939. align-items: center;
  940. "><span> 1 未及异常 2 异常 </span>
  941. <div class="boxPosition">
  942. <span
  943. id="Vulvar"
  944. class="box"
  945. ></span>
  946. </div>
  947. </div></td>
  948. </tr>
  949. <tr>
  950. <td class="textAlign">阴道</td>
  951. <td colspan="5">
  952. <div style="
  953. display: flex;
  954. justify-content: space-between;
  955. align-items: center;
  956. "><span> 1 未及异常 2 异常 </span>
  957. <div class="boxPosition">
  958. <span
  959. id="Vagina"
  960. class="box"
  961. ></span>
  962. </div>
  963. </div></td>
  964. </tr>
  965. <tr>
  966. <td class="textAlign">宫颈</td>
  967. <td colspan="5"> <div style="
  968. display: flex;
  969. justify-content: space-between;
  970. align-items: center;
  971. "><span> 1 未及异常 2 异常 </span>
  972. <div class="boxPosition">
  973. <span
  974. id="Cervical"
  975. class="box"
  976. ></span>
  977. </div>
  978. </div></td>
  979. </tr>
  980. <tr>
  981. <td class="textAlign">宫体</td>
  982. <td colspan="5">
  983. <div style="
  984. display: flex;
  985. justify-content: space-between;
  986. align-items: center;
  987. "><span> 1 未及异常 2 异常 </span>
  988. <div class="boxPosition">
  989. <span
  990. id="Uteri_Body"
  991. class="box"
  992. ></span>
  993. </div>
  994. </div></td>
  995. </tr>
  996. <tr>
  997. <td class="textAlign">附件</td>
  998. <td colspan="5">
  999. <div style="
  1000. display: flex;
  1001. justify-content: space-between;
  1002. align-items: center;
  1003. "><span> 1 未及异常 2 异常 </span>
  1004. <div class="boxPosition">
  1005. <span
  1006. id="Uteri_Adnexa"
  1007. class="box"
  1008. ></span>
  1009. </div>
  1010. </div></td>
  1011. </tr>
  1012. <tr>
  1013. <td class="textAlign">其他*</td>
  1014. <td colspan="5" id="Examination_Other"></td>
  1015. </tr>
  1016. <tr>
  1017. <td rowspan="16" class="textAlign">
  1018. <span class="vertical-text">辅助检查</span>
  1019. </td>
  1020. <td class="textAlign">血常规*</td>
  1021. <td colspan="5">
  1022. 血红蛋白:<span id="Blood_Hgb"></span><span>g/L</span><br />
  1023. 白细胞:<span id="Blood_Wbc"></span><span>×10^9/L </span><br />
  1024. 血小板:<span id="Blood_Rlt"></span><span>×10^9/L</span><br />
  1025. 其他:<span id="Blood_Routine_Other"></span>
  1026. </td>
  1027. </tr>
  1028. <tr>
  1029. <td class="textAlign">尿常规*</td>
  1030. <td colspan="5">
  1031. 尿蛋白:<!----><span id="PRO"> </span><br />
  1032. 尿糖:<!----><span id="GLU"> </span><br />
  1033. 尿酮体:<!----><span id="KET"> </span><br />
  1034. 尿潜血:<!----><span id="BLD"></span><br />
  1035. 其他:<!----><span id="Urinary_Routine_Other"></span>
  1036. </td>
  1037. </tr>
  1038. <tr>
  1039. <td class="textAlign">空腹血糖*</td>
  1040. <td colspan="5">
  1041. <!-- TODO -->
  1042. <span>8.57</span><span>mmol/L</span>
  1043. </td>
  1044. </tr>
  1045. <tr>
  1046. <td class="textAlign">心电图*</td>
  1047. <td colspan="5"> <div style="
  1048. display: flex;
  1049. justify-content: space-between;
  1050. align-items: center;
  1051. "><span> 1 正常 2 异常 </span>
  1052. <div class="boxPosition">
  1053. <span
  1054. id="Cardiogram"
  1055. class="box"
  1056. ></span>
  1057. </div></div></td>
  1058. </tr>
  1059. <tr>
  1060. <td class="textAlign">尿微量白蛋白*</td>
  1061. <td colspan="5">
  1062. <span id="Microalbuminuria"></span> <span>mg/dL</span>
  1063. </td>
  1064. </tr>
  1065. <tr>
  1066. <td class="textAlign">大便潜血*</td>
  1067. <td colspan="5">
  1068. <div style="
  1069. display: flex;
  1070. justify-content: space-between;
  1071. align-items: center;
  1072. "><span> 1 阳性 2 阴性 </span>
  1073. <div class="boxPosition">
  1074. <span
  1075. id="Fecal_Bld"
  1076. class="box"
  1077. ></span>
  1078. </div>
  1079. </div></td>
  1080. </tr>
  1081. <tr>
  1082. <td class="textAlign">糖化血红蛋白*</td>
  1083. <td colspan="5"><span id="Hbalc">10</span> <span>%</span></td>
  1084. </tr>
  1085. <tr>
  1086. <td class="textAlign">乙型肝炎表面抗原*</td>
  1087. <td colspan="5">
  1088. <div style="
  1089. display: flex;
  1090. justify-content: space-between;
  1091. align-items: center;
  1092. "><span> 1 阳性 2 阴性 </span>
  1093. <div class="boxPosition">
  1094. <span
  1095. id="Hbsag"
  1096. class="box"
  1097. ></span>
  1098. </div>
  1099. </div></td>
  1100. </tr>
  1101. <tr>
  1102. <td class="textAlign">肝功能*</td>
  1103. <td colspan="5">
  1104. 血清谷丙转氨酶:<span id="Liver_Alt"></span><span>U/L</span
  1105. ><br />
  1106. 血清谷草转氨酶:<span id="Liver_Ast"></span><span>U/L</span
  1107. ><br />
  1108. 白蛋白:<span id="Liver_Alb"></span><span>g/L</span><br />
  1109. 总胆红素:<span id="Liver_Tbil"></span><span>μmol/L</span><br />
  1110. 结合胆红素:<span id="Liver_Dbil"></span><span>μmol/L</span>
  1111. </td>
  1112. </tr>
  1113. <tr>
  1114. <td class="textAlign">肾功能*</td>
  1115. <td colspan="5">
  1116. 血清肌酐:<span id="Renal_Cr"></span><span>μmol/L</span><br />
  1117. 血尿素:<span id="Renal_Bun"></span><span>mmol/L</span><br />
  1118. 血钾浓度:<span id="Renal_Spc"></span><span>mmol/L</span><br />
  1119. 血钠浓度:<span id="Renal_Ssc"></span><span>mmol/L</span>
  1120. </td>
  1121. </tr>
  1122. <tr>
  1123. <td class="textAlign">血脂*</td>
  1124. <td colspan="5">
  1125. 总胆固醇:<span id="Lipid_Cho"></span><span>mmol/L</span><br />
  1126. 甘油三酯:<span id="Lipid_Tg"></span><span>mmol/L</span><br />
  1127. 血清低密度脂蛋白胆固醇:<span id="Lipid_Ldl"></span
  1128. ><span>mmol/L</span><br />
  1129. 血清高密度脂蛋白胆固醇:<span id="Lipid_Hdl"></span
  1130. ><span>mmol/L</span>
  1131. </td>
  1132. </tr>
  1133. <tr>
  1134. <td class="textAlign">胸部X线片*</td>
  1135. <td colspan="5">
  1136. <div style="
  1137. display: flex;
  1138. justify-content: space-between;
  1139. align-items: center;
  1140. "><span> 1 阳性 2 阴性 </span>
  1141. <div class="boxPosition">
  1142. <span
  1143. id="Chest_X_Ray"
  1144. class="box"
  1145. ></span>
  1146. </div>
  1147. </div></td>
  1148. </tr>
  1149. <tr>
  1150. <td rowspan="2" class="textAlign">B超*</td>
  1151. <td>腹部B超</td>
  1152. <td colspan="4"> <div style="
  1153. display: flex;
  1154. justify-content: space-between;
  1155. align-items: center;
  1156. "><span> 1 正常 2 异常 3 脂肪肝 </span>
  1157. <div class="boxPosition">
  1158. <span
  1159. id="B_Ultrasonic"
  1160. class="box"
  1161. ></span>
  1162. </div></div></td>
  1163. </tr>
  1164. <tr>
  1165. <td>其他</td>
  1166. <td colspan="4"> <div style="
  1167. display: flex;
  1168. justify-content: space-between;
  1169. align-items: center;
  1170. "><span> 1 正常 2 异常 </span>
  1171. <div class="boxPosition">
  1172. <span
  1173. id="B_Us_Other"
  1174. class="box"
  1175. ></span>
  1176. </div></div></td>
  1177. </tr>
  1178. <tr>
  1179. <td class="textAlign">宫颈涂片*</td>
  1180. <td colspan="5"> <div style="
  1181. display: flex;
  1182. justify-content: space-between;
  1183. align-items: center;
  1184. "><span> 1 正常 2 异常 </span>
  1185. <div class="boxPosition">
  1186. <span
  1187. id="Cervical_Smear"
  1188. class="box"
  1189. ></span>
  1190. </div></div></td>
  1191. </tr>
  1192. <tr>
  1193. <td class="textAlign">其他*</td>
  1194. <td colspan="5" id="B_Us_Others"></td>
  1195. </tr>
  1196. <tr>
  1197. <td rowspan="7" class="textAlign">
  1198. <span class="vertical-text">现存主要健康问题</span>
  1199. </td>
  1200. <td class="textAlign">脑血管疾病</td>
  1201. <td colspan="5">
  1202. <div style="
  1203. display: flex;
  1204. justify-content: space-between;
  1205. align-items: center;
  1206. "><span> 1 未发现 2 缺血性卒中 3 脑出血 4 蛛网膜下腔出血 5 短暂性脑缺血发作 6 其他 </span>
  1207. <div class="textRight">
  1208. <div id="Health_Cranial" class="checkBox" data-param="4">
  1209. <!-- 使用JavaScript生成10个方框 -->
  1210. </div>
  1211. </div>
  1212. </div>
  1213. </td>
  1214. </tr>
  1215. <tr>
  1216. <td class="textAlign">肾脏疾病</td>
  1217. <td colspan="5">
  1218. <div style="
  1219. display: flex;
  1220. justify-content: space-between;
  1221. align-items: center;
  1222. "><span> 1 未发现 2 糖尿病肾病 3 肾功能衰竭 4 急性肾炎 5 慢性肾炎 6 其他 </span>
  1223. <!-- <div class="boxPosition">
  1224. <span
  1225. id="Health_Renal"
  1226. ></span>
  1227. </div> -->
  1228. <div class="textRight">
  1229. <div id="Health_Renal" class="checkBox" data-param="4">
  1230. <!-- 使用JavaScript生成10个方框 -->
  1231. </div>
  1232. </div>
  1233. </div>
  1234. </td>
  1235. </tr>
  1236. <tr>
  1237. <td class="textAlign">心脏疾病</td>
  1238. <td colspan="5">
  1239. <div style="
  1240. display: flex;
  1241. justify-content: space-between;
  1242. align-items: center;
  1243. "><span> 1 未发现 2 心肌梗死 3 心绞痛 4 冠状动脉血运重建 5 充血性心力衰竭 6 心前区疼痛 7 其他 </span>
  1244. <div class="textRight">
  1245. <div id="Health_Cardiac" class="checkBox" data-param="4">
  1246. <!-- 使用JavaScript生成10个方框 -->
  1247. </div>
  1248. </div>
  1249. <!-- <div class="boxPosition">
  1250. <span
  1251. id="Health_Cardiac"
  1252. ></span>
  1253. </div> -->
  1254. </div>
  1255. </td>
  1256. </tr>
  1257. <tr>
  1258. <td class="textAlign">血管疾病</td>
  1259. <td colspan="5">
  1260. <div style="
  1261. display: flex;
  1262. justify-content: space-between;
  1263. align-items: center;
  1264. "><span> 1 未发现 2 夹层动脉瘤 3 动脉闭塞性疾病 4 其他 </span>
  1265. <div class="textRight">
  1266. <div id="Health_Vascular" class="checkBox" data-param="2">
  1267. <!-- 使用JavaScript生成10个方框 -->
  1268. </div>
  1269. </div>
  1270. <!-- <div class="boxPosition">
  1271. <span
  1272. id="Health_Vascular"
  1273. ></span>
  1274. </div> -->
  1275. </div>
  1276. </td>
  1277. </tr>
  1278. <tr>
  1279. <td class="textAlign">眼部疾病</td>
  1280. <td colspan="5">
  1281. <div style="
  1282. display: flex;
  1283. justify-content: space-between;
  1284. align-items: center;
  1285. "><span> 1 未发现 2 视网膜出血或渗出 3 视乳头水肿 4 白内障 5 其他 </span>
  1286. <!-- <div class="boxPosition">
  1287. <span
  1288. id="Health_Eye"
  1289. ></span>
  1290. </div> -->
  1291. <div class="textRight">
  1292. <div id="Health_Eye" class="checkBox" data-param="2">
  1293. <!-- 使用JavaScript生成10个方框 -->
  1294. </div>
  1295. </div>
  1296. </div>
  1297. </td>
  1298. </tr>
  1299. <tr>
  1300. <td class="textAlign">神经系统疾病</td>
  1301. <td colspan="5">
  1302. <!---->
  1303. <!---->
  1304. <div style="
  1305. display: flex;
  1306. justify-content: space-between;
  1307. align-items: center;
  1308. "><span> 1 未发现 2 有 </span>
  1309. <div class="boxPosition">
  1310. <span
  1311. id="Health_Nervous"
  1312. class="box"
  1313. ></span>
  1314. </div>
  1315. <!-- </div><span>精神障碍迟滞性发育</span></span> -->
  1316. </td>
  1317. </tr>
  1318. <tr>
  1319. <td class="textAlign">其他系统疾病</td>
  1320. <td colspan="5">
  1321. <!---->
  1322. <!---->
  1323. <div style="
  1324. display: flex;
  1325. justify-content: space-between;
  1326. align-items: center;
  1327. "><span> 1 未发现 2 有 </span>
  1328. <div class="boxPosition">
  1329. <span
  1330. id="Health_Other"
  1331. class="box"
  1332. ></span>
  1333. </div>
  1334. <!-- </div><span>糖尿病,冠心病,高血压</span></span> -->
  1335. </td>
  1336. </tr>
  1337. <tr class="textAlign" id="Hospitalization_History" >
  1338. <td id="Hospitalization_And_Home" >
  1339. <span >住院治疗情况</span>
  1340. </td>
  1341. <td id="Hospitalization_History1">住院史</td>
  1342. <td colspan="2">入/出院日期</td>
  1343. <td>原因</td>
  1344. <td>医疗机构名称</td>
  1345. <td>病案号</td>
  1346. </tr>
  1347. <!-- <tr id="Hospitalization_History" class="textAlign"></tr> -->
  1348. <!-- <div id="Hospitalization_History"></div> -->
  1349. <!---->
  1350. <!-- TDOD 设计表格 -->
  1351. <!-- <tr class="textAlign">
  1352. <td colspan="2">
  1353. <span>2015-10-01/2015-10-31</span>
  1354. </td>
  1355. <td>肿瘤</td>
  1356. <td>济宁中医院</td>
  1357. <td>80000</td>
  1358. </tr> -->
  1359. <!-- <tr class="textAlign">
  1360. <td colspan="2">
  1361. <span>2018-02-28/2018-02-28</span>
  1362. </td>
  1363. <td>脑梗</td>
  1364. <td>济河社区医院</td>
  1365. <td>20000</td>
  1366. </tr> -->
  1367. <tr class="textAlign" id="Hospital_At_Home">
  1368. <td id="Hospital_At_Home1">家庭病床史</td>
  1369. <td colspan="2">建/撤床日期</td>
  1370. <td>原因</td>
  1371. <td>医疗机构名称</td>
  1372. <td>病案号</td>
  1373. </tr>
  1374. <!-- <tbody id="Hospital_At_Home" class="textAlign"></tbody> -->
  1375. <!---->
  1376. <!-- <tr class="textAlign">
  1377. <td colspan="2">2015-10-01/2015-10-31</td>
  1378. <td>肿瘤手术</td>
  1379. <td>济宁中医院</td>
  1380. <td>80000</td>
  1381. </tr>
  1382. <tr class="textAlign">
  1383. <td colspan="2">2018-02-11/2018-02-28</td>
  1384. <td>脑梗</td>
  1385. <td>济河社区医院</td>
  1386. <td>20000</td>
  1387. </tr> -->
  1388. <!-- TDOD 设计表格 -->
  1389. <tr class="textAlign" id="Drug_Usage">
  1390. <td rowspan="7" id="Drug_Usage1">
  1391. <span >主要用药情况</span>
  1392. </td>
  1393. <td>药物名称</td>
  1394. <td colspan="2">用 法</td>
  1395. <td>用 量</td>
  1396. <td>用药时间</td>
  1397. <td colspan="2">
  1398. 服药依从性<br />
  1399. 1 规律 2 间断 3 不服药
  1400. </td>
  1401. </tr>
  1402. <!---->
  1403. <!-- <tr class="textAlign">
  1404. <td>格列齐特</td>
  1405. <td colspan="2">皮下注射</td>
  1406. <td>每日一次, 每次1.5mg</td>
  1407. <td>1个月</td>
  1408. <td colspan="2">间断</td>
  1409. </tr>
  1410. <tr class="textAlign">
  1411. <td>氨氯地平</td>
  1412. <td colspan="2">口服</td>
  1413. <td>每日三次, 每次1.5mg</td>
  1414. <td>6个月</td>
  1415. <td colspan="2">规律</td>
  1416. </tr>
  1417. <tr class="textAlign">
  1418. <td>氢氯噻嗪</td>
  1419. <td colspan="2">口服</td>
  1420. <td>每日一次, 每次1.5mg</td>
  1421. <td>1年</td>
  1422. <td colspan="2">间断</td>
  1423. </tr>
  1424. <tr class="textAlign">
  1425. <td>螺内酯</td>
  1426. <td colspan="2">口服</td>
  1427. <td>每日一次, 每次1mg</td>
  1428. <td>3年</td>
  1429. <td colspan="2">规律</td>
  1430. </tr>
  1431. <tr class="textAlign">
  1432. <td>厄贝沙坦</td>
  1433. <td colspan="2">皮下注射</td>
  1434. <td>每次1片</td>
  1435. <td>1个月</td>
  1436. <td colspan="2">不服药</td>
  1437. </tr>
  1438. <tr class="textAlign">
  1439. <td>酒石酸美托洛尔(倍他乐克)</td>
  1440. <td colspan="2">1次/日口服</td>
  1441. <td>每日一次, 每次1mg</td>
  1442. <td>1年</td>
  1443. <td colspan="2">规律</td>
  1444. </tr> -->
  1445. <!-- TDOD 设计表格 -->
  1446. <tr class="textAlign" id="Inoculate_History">
  1447. <td id="Inoculate_History1">
  1448. <span class=""
  1449. >非免疫规划预防接种史</span
  1450. >
  1451. </td>
  1452. <td>名称</td>
  1453. <td colspan="2">接种日期</td>
  1454. <td colspan="3">接种机构</td>
  1455. </tr>
  1456. <!---->
  1457. <!-- <tr class="textAlign">
  1458. <td>狂犬疫苗</td>
  1459. <td colspan="2">2019-4-11</td>
  1460. <td colspan="3">第一人民医院</td>
  1461. </tr>
  1462. <tr class="textAlign">
  1463. <td>流感疫苗</td>
  1464. <td colspan="2">2019-4-11</td>
  1465. <td colspan="3">第二人民医院</td>
  1466. </tr> -->
  1467. <tr>
  1468. <td class="textAlign">
  1469. <span class="vertical-text">健康评价</span>
  1470. </td>
  1471. <td colspan="6">
  1472. <p>
  1473. <div style="
  1474. display: flex;
  1475. justify-content: space-between;
  1476. align-items: center;
  1477. "><span> 1 体检无异常 2 有异常 </span>
  1478. <div class="boxPosition">
  1479. <!-- TODO -->
  1480. <span
  1481. id="Appraisal_Flag"
  1482. class="box"
  1483. ></span>
  1484. </div>
  1485. </div><br /></p>
  1486. <p>
  1487. 异常:<span
  1488. id="Appraisal"
  1489. ></span
  1490. >
  1491. </p>
  1492. <!-- <p>
  1493. 异常2:<span
  1494. >血糖偏高:8.57mmol/L;尿潜血:+-;</span
  1495. >
  1496. </p>
  1497. <p>
  1498. 异常3:<span
  1499. >心电图异常: 611 T波改变(低平);</span
  1500. >
  1501. </p>
  1502. <p>异常4:<span>血压偏高:右187/99mmHg</span></p>
  1503. <p></p> -->
  1504. </td>
  1505. </tr>
  1506. <tr>
  1507. <td class="textAlign">
  1508. <span class="vertical-text">健康指导</span>
  1509. </td>
  1510. <td colspan="3"> <div style="
  1511. display: flex;
  1512. justify-content: space-between;
  1513. align-items: center;
  1514. "><span> 1 纳入慢性病患者健康管理 2 建议复查 3 建议转诊 </span>
  1515. <div class="boxPosition">
  1516. <div id="Guidance" class="checkBox" data-param="2">
  1517. <!-- 使用JavaScript生成10个方框 -->
  1518. </div>
  1519. </div></div></td>
  1520. <td colspan="3">
  1521. <span>危险因素控制:</span><br />
  1522. <div style="
  1523. display: flex;
  1524. justify-content: space-between;
  1525. align-items: center;
  1526. "><span> 1 戒烟 2 健康饮酒 3 饮食 4 锻炼 5 减体重 6 建议接种疫苗 7 其他</span>
  1527. <div class="boxPosition">
  1528. <div id="Risk_Control" class="checkBox" data-param="5">
  1529. <!-- 使用JavaScript生成10个方框 -->
  1530. </div>
  1531. </div></div>
  1532. </td>
  1533. </tr>
  1534. </tbody>
  1535. </table>
  1536. </div>
  1537. <script>
  1538. // // 获取容器元素
  1539. document.getElementById("patientName").innerHTML =
  1540. window.parent.globalData.patientInfo.patientName;
  1541. document.getElementById("principalName").innerHTML =
  1542. window.parent.globalData.docterName;
  1543. document.getElementById("examTime").innerHTML =
  1544. window.parent.globalData.examTime;
  1545. /// 处理配置表单可能没有一个表格导致表格错位
  1546. if (!window.parent.globalData.examData.hasOwnProperty("Hospitalization_History")) {
  1547. let length = 0;
  1548. var trRowspan = document.getElementById('Hospitalization_History1');
  1549. trRowspan.setAttribute("rowspan", length+1);
  1550. var hospitalizationLenght = document.getElementById('Hospitalization_History1').getAttribute('rowspan')
  1551. var hospitalAtHomeLength = document.getElementById('Hospital_At_Home1').getAttribute('rowspan')
  1552. if(!hospitalizationLenght) {
  1553. hospitalizationLenght = 1
  1554. }
  1555. if(!hospitalAtHomeLength) {
  1556. hospitalAtHomeLength = 1
  1557. }
  1558. document.getElementById('Hospitalization_And_Home').setAttribute("rowspan",parseInt(hospitalAtHomeLength) + parseInt(hospitalizationLenght))
  1559. }
  1560. for (let key in window.parent.globalData.examData) {
  1561. if (
  1562. Object.prototype.hasOwnProperty.call(
  1563. window.parent.globalData.examData,
  1564. key
  1565. )
  1566. ) {
  1567. if (document.getElementById(key)) {
  1568. if (
  1569. Array.isArray(
  1570. window.parent.globalData.examData[key]
  1571. )
  1572. ) {
  1573. const arr =window.parent.globalData.examData[key];
  1574. const isObjectArray = arr.some(item => typeof item === 'object');
  1575. /// 判断是否为普通的多选框
  1576. if(!isObjectArray) {
  1577. const container = document.getElementById(key);
  1578. let length = 0;
  1579. if(container.getAttribute('data-param')) {
  1580. length = container.getAttribute('data-param') ;
  1581. }
  1582. // 生成10个方框,并填充值
  1583. for (let i = 0; i <= length; i++) {
  1584. const box = document.createElement("div");
  1585. box.className = "box";
  1586. if (window.parent.globalData.examData[key][i]) {
  1587. box.innerText =
  1588. window.parent.globalData.examData[key][
  1589. i
  1590. ];
  1591. }
  1592. container.appendChild(box);
  1593. }
  1594. /// 这边是表格的
  1595. }else {
  1596. const container = document.getElementById(key);
  1597. let length = 0;
  1598. var trRowspan = document.getElementById(key+'1');
  1599. trRowspan.setAttribute("rowspan", arr.length+1);
  1600. var hospitalizationLenght = document.getElementById('Hospitalization_History1').getAttribute('rowspan')
  1601. var hospitalAtHomeLength = document.getElementById('Hospital_At_Home1').getAttribute('rowspan')
  1602. if(!hospitalizationLenght) {
  1603. hospitalizationLenght = 1
  1604. }
  1605. if(!hospitalAtHomeLength) {
  1606. hospitalAtHomeLength = 1
  1607. }
  1608. document.getElementById('Hospitalization_And_Home').setAttribute("rowspan",parseInt(hospitalAtHomeLength) + parseInt(hospitalizationLenght))
  1609. if(key == 'Drug_Usage') {// 主要用药情况
  1610. for (let i = 0; i < arr.length; i++) {
  1611. const html =`<tr class="textAlign">
  1612. <td>${arr[i].Medicine_Name}</td>
  1613. <td colspan="2">${arr[i].Medicine_Dosage}</td>
  1614. <td>${arr[i].Medicine_Usage}</td>
  1615. <td>${arr[i].Medicine_Time}</td>
  1616. <td colspan="2">${arr[i].Medicine_Compliance}</td>
  1617. </tr>`
  1618. container.insertAdjacentHTML("afterend", html);
  1619. }
  1620. }else if(key == 'Inoculate_History') {// 非免疫规划预防接种史
  1621. for (let i = 0; i < arr.length; i++) {
  1622. const html =`<tr class="textAlign">
  1623. <td>${arr[i].Vaccine_Name}</td>
  1624. <td colspan="2">${arr[i].Vaccination_Date}</td>
  1625. <td colspan="3">${arr[i].Vaccination_Facility}</td>
  1626. </tr>`
  1627. container.insertAdjacentHTML("afterend", html);
  1628. }
  1629. } else if(key == 'Hospital_At_Home') {// 家庭病床史
  1630. for (let i = 0; i < arr.length; i++) {
  1631. const html = `<tr class="textAlign">
  1632. <td colspan="2">
  1633. <span>${arr[i].Bed_Construction_Date}/${arr[i].Discharge_Date}</span>
  1634. </td>
  1635. <td>${arr[i].Reason}</td>
  1636. <td>${arr[i].Name_Of_Medical_Institution}</td>
  1637. <td>${arr[i].Patient_Number}</td>
  1638. </tr>`;
  1639. container.insertAdjacentHTML("afterend", html);
  1640. }
  1641. }else if(key == 'Hospitalization_History'){ // 住院史
  1642. for (let i = 0; i < arr.length; i++) {
  1643. const html = `<tr class="textAlign">
  1644. <td colspan="2">
  1645. <span>${arr[i].Admission_Date}/${arr[i].Discharge_Date}</span>
  1646. </td>
  1647. <td>${arr[i].Reason}</td>
  1648. <td>${arr[i].Name_Of_Medical_Institution}</td>
  1649. <td>${arr[i].Patient_Number}</td>
  1650. </tr>`;
  1651. container.insertAdjacentHTML("afterend", html);
  1652. }
  1653. }
  1654. }
  1655. } else {
  1656. // 元素存在
  1657. document.getElementById(key).innerHTML =
  1658. window.parent.globalData.examData[key];
  1659. if(key == "Pulse_Frequency") {
  1660. document.getElementById("Breathe").innerHTML =
  1661. window.parent.globalData.examData[key]/4;
  1662. }
  1663. if(key == "Work_Related_Disease_Risk_History") {
  1664. document.getElementById("Work_Related_Disease_Risk_History").innerHTML =
  1665. window.parent.globalData.examData[key] == "1" ? "无": "有";
  1666. }
  1667. if(["Risk_Dust_Protect","Risk_Other_Protect","Risk_Physics_Protect","Risk_Chemical_Protect","Risk_Radiate_Protect"].includes(key)) {
  1668. if(window.parent.globalData.examData[key]) {
  1669. var obj = window.parent.globalData.examData[key];
  1670. var risk = "";
  1671. if(obj["label"]) {
  1672. risk =" 详细措施:" + obj["label"];
  1673. }
  1674. document.getElementById(key).innerHTML = obj["value"]["label"] +risk;
  1675. }
  1676. }
  1677. }
  1678. } else {
  1679. // 元素不存在
  1680. console.log("未找到具有ID " + key + " 的元素");
  1681. /// 左右血压的特殊处理
  1682. if(key == "BloodPressure") {
  1683. const bloodPressure =window.parent.globalData.examData[key];
  1684. const left = JSON.parse(bloodPressure["left"]);
  1685. const right = JSON.parse(bloodPressure["right"]);
  1686. if(left && left.length == 2) {
  1687. document.getElementById("Sbp_Left").innerHTML =
  1688. JSON.parse(bloodPressure["left"])[0];
  1689. document.getElementById("Dbp_Left").innerHTML =
  1690. JSON.parse(bloodPressure["left"])[1];
  1691. }
  1692. if(right && right.length == 2) {
  1693. document.getElementById("Sbp_Right").innerHTML =
  1694. JSON.parse(bloodPressure["right"])[0];
  1695. document.getElementById("Dbp_Right").innerHTML =
  1696. JSON.parse(bloodPressure["right"])[1];
  1697. }
  1698. }
  1699. if(key == "Urinary_Pro") {
  1700. const urinaryPro =window.parent.globalData.examData[key];
  1701. if(urinaryPro) {
  1702. document.getElementById("GLU").innerHTML =
  1703. urinaryPro["GLU"];
  1704. document.getElementById("PRO").innerHTML =
  1705. urinaryPro["PRO"];
  1706. document.getElementById("KET").innerHTML =
  1707. urinaryPro["KET"];
  1708. document.getElementById("BLD").innerHTML =
  1709. urinaryPro["BLD"];
  1710. }
  1711. }
  1712. }
  1713. }
  1714. }
  1715. </script>
  1716. </body>
  1717. </html>