fangshi-detail10.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>【除第一次外】肺结核患者第n次入户随访记录表</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. />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  12. <link rel="shortcut icon" href="../../../favicon.ico">
  13. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  16. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  17. <link href="../css/fangshi-detail.css" rel="stylesheet">
  18. </head>
  19. <body>
  20. <div id="app">
  21. <button class="button" @click="editBtn()">编辑</button>
  22. <div class="ui-grid p10">
  23. <div class="ui-col-1">
  24. <div class="ui-grid">
  25. <div class="ui-col-0">姓名:</div>
  26. <div class="ui-col-1">
  27. <el-input :readonly="!editable" v-model="data2" placeholder="" clearable></el-input>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="ui-col-1">
  32. <div class="ui-grid">
  33. <div class="ui-col-0">编号:</div>
  34. <div class="ui-col-1">
  35. <el-input :readonly="!editable" v-model="data2" placeholder="" clearable></el-input>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <table class="table table-bordered">
  41. <tr>
  42. <td class="col-w200 c-t-center">随访时间</td>
  43. <td>
  44. <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
  45. </el-date-picker>
  46. </td>
  47. <td>
  48. <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
  49. </el-date-picker>
  50. </td>
  51. <td>
  52. <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
  53. </el-date-picker>
  54. </td>
  55. <td>
  56. <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
  57. </el-date-picker>
  58. </td>
  59. </tr>
  60. <tr>
  61. <td class="col-w200 c-t-center">治疗月序</td>
  62. <td>
  63. <input type="text" class="col-w40"> 月
  64. </td>
  65. <td>
  66. <input type="text" class="col-w40"> 月
  67. </td>
  68. <td>
  69. <input type="text" class="col-w40"> 月
  70. </td>
  71. <td>
  72. <input type="text" class="col-w40"> 月
  73. </td>
  74. </tr>
  75. <tr>
  76. <td class="col-w200 c-t-center">督导人员</td>
  77. <td>
  78. <div>
  79. <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
  80. <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
  81. </div>
  82. <div>
  83. <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
  84. <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
  85. </div>
  86. </td>
  87. <td>
  88. <div>
  89. <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
  90. <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
  91. </div>
  92. <div>
  93. <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
  94. <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
  95. </div>
  96. </td>
  97. <td>
  98. <div>
  99. <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
  100. <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
  101. </div>
  102. <div>
  103. <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
  104. <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
  105. </div>
  106. </td>
  107. <td>
  108. <div>
  109. <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
  110. <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
  111. </div>
  112. <div>
  113. <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
  114. <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
  115. </div>
  116. </td>
  117. </tr>
  118. <tr>
  119. <td class="col-w200 c-t-center">随访方式</td>
  120. <td>
  121. <div>
  122. <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
  123. <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
  124. </div>
  125. <div>
  126. <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
  127. </div>
  128. </td>
  129. <td>
  130. <div>
  131. <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
  132. <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
  133. </div>
  134. <div>
  135. <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
  136. </div>
  137. </td>
  138. <td>
  139. <div>
  140. <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
  141. <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
  142. </div>
  143. <div>
  144. <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
  145. </div>
  146. </td>
  147. <td>
  148. <div>
  149. <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
  150. <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
  151. </div>
  152. <div>
  153. <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
  154. </div>
  155. </td>
  156. </tr>
  157. <tr>
  158. <td class="col-w200">症状及体征:
  159. <el-checkbox-group v-model="check" :disabled="!editable">
  160. <el-checkbox label="1" style="margin-left:30px;">没有盗汗</el-checkbox>
  161. <el-checkbox label="1">咳嗽咳痰</el-checkbox>
  162. <el-checkbox label="1">低热盗汗</el-checkbox>
  163. <el-checkbox label="1">咳血或血痰</el-checkbox>
  164. <el-checkbox label="1">胸痛消瘦</el-checkbox>
  165. <el-checkbox label="1">恶心纳差</el-checkbox>
  166. <el-checkbox label="1">头痛失眠</el-checkbox>
  167. <el-checkbox label="1">视物模糊</el-checkbox>
  168. <el-checkbox label="1">皮肤瘙痒、皮疹</el-checkbox>
  169. <el-checkbox label="1">耳鸣、听力下降</el-checkbox>
  170. </el-checkbox-group>
  171. </td>
  172. <td style="vertical-align: initial;">
  173. 其他:
  174. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  175. </td>
  176. <td style="vertical-align: initial;">
  177. 其他:
  178. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  179. </td>
  180. <td style="vertical-align: initial;">
  181. 其他:
  182. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  183. </td>
  184. <td style="vertical-align: initial;">
  185. 其他:
  186. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  187. </td>
  188. </tr>
  189. <tr>
  190. <td class="table2Td" colspan="5">
  191. <table class="table2">
  192. <tr>
  193. <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 50px;">生活方式指导</td>
  194. <td class="c-t-center" style="width: 100px;">
  195. 吸烟
  196. </td>
  197. <td class="">
  198. <input type="text" class="col-w40"> 支/天
  199. </td>
  200. <td class="">
  201. <input type="text" class="col-w40"> 支/天
  202. </td>
  203. <td class="">
  204. <input type="text" class="col-w40"> 支/天
  205. </td>
  206. <td class="">
  207. <input type="text" class="col-w40"> 支/天
  208. </td>
  209. </tr>
  210. <tr>
  211. <td class="c-t-center" style="width: 150px;">饮酒</td>
  212. <td class="">
  213. <input type="text" class="col-w40"> 两/天
  214. </td>
  215. <td class="">
  216. <input type="text" class="col-w40"> 两/天
  217. </td>
  218. <td class="">
  219. <input type="text" class="col-w40"> 两/天
  220. </td>
  221. <td class="">
  222. <input type="text" class="col-w40"> 两/天
  223. </td>
  224. </tr>
  225. <tr>
  226. <td class="c-t-center" rowspan="4" style="border-bottom: 0;width: 50px;">用药</td>
  227. <td class="c-t-center">
  228. 化疗方案
  229. </td>
  230. <td colspan="4" class="c-t-center">
  231. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  232. </td>
  233. </tr>
  234. <tr>
  235. <td class="c-t-center">用法</td>
  236. <td>
  237. <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
  238. <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
  239. </td>
  240. <td>
  241. <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
  242. <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
  243. </td>
  244. <td>
  245. <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
  246. <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
  247. </td>
  248. <td>
  249. <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
  250. <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
  251. </td>
  252. </tr>
  253. <tr>
  254. <td class="c-t-center" style="width: 150px;">药品剂型</td>
  255. <td>
  256. <el-checkbox-group v-model="check" :disabled="!editable">
  257. <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
  258. <el-checkbox label="1">散装药</el-checkbox>
  259. <el-checkbox label="1">板式组合药</el-checkbox>
  260. <el-checkbox label="1">注射剂</el-checkbox>
  261. </el-checkbox-group>
  262. </td>
  263. <td>
  264. <el-checkbox-group v-model="check" :disabled="!editable">
  265. <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
  266. <el-checkbox label="1">散装药</el-checkbox>
  267. <el-checkbox label="1">板式组合药</el-checkbox>
  268. <el-checkbox label="1">注射剂</el-checkbox>
  269. </el-checkbox-group>
  270. </td>
  271. <td>
  272. <el-checkbox-group v-model="check" :disabled="!editable">
  273. <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
  274. <el-checkbox label="1">散装药</el-checkbox>
  275. <el-checkbox label="1">板式组合药</el-checkbox>
  276. <el-checkbox label="1">注射剂</el-checkbox>
  277. </el-checkbox-group>
  278. </td>
  279. <td>
  280. <el-checkbox-group v-model="check" :disabled="!editable">
  281. <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
  282. <el-checkbox label="1">散装药</el-checkbox>
  283. <el-checkbox label="1">板式组合药</el-checkbox>
  284. <el-checkbox label="1">注射剂</el-checkbox>
  285. </el-checkbox-group>
  286. </td>
  287. </tr>
  288. <tr>
  289. <td class="c-t-center">
  290. 漏服药次数
  291. </td>
  292. <td>
  293. <input class="col-w40" type="text"> 次
  294. </td>
  295. <td>
  296. <input class="col-w40" type="text"> 次
  297. </td>
  298. <td>
  299. <input class="col-w40" type="text"> 次
  300. </td>
  301. <td>
  302. <input class="col-w40" type="text"> 次
  303. </td>
  304. </tr>
  305. </table>
  306. </td>
  307. </tr>
  308. <tr>
  309. <td class="col-w200 c-t-center">药物不良反应</td>
  310. <td>
  311. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  312. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  313. </td>
  314. <td>
  315. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  316. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  317. </td>
  318. <td>
  319. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  320. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  321. </td>
  322. <td>
  323. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  324. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  325. </td>
  326. </tr>
  327. <tr>
  328. <td class="col-w200 c-t-center">并发症或合并症</td>
  329. <td>
  330. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  331. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  332. </td>
  333. <td>
  334. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  335. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  336. </td>
  337. <td>
  338. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  339. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  340. </td>
  341. <td>
  342. <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
  343. <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
  344. </td>
  345. </tr>
  346. <tr>
  347. <td class="table2Td" colspan="5">
  348. <table class="table2">
  349. <tr>
  350. <td rowspan="3" class="c-t-center" style="border-bottom: 0; width:50px;">转诊</td>
  351. <td class="c-t-center" style="width: 150px;">
  352. 科别
  353. </td>
  354. <td>
  355. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  356. </td>
  357. <td>
  358. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  359. </td>
  360. <td>
  361. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  362. </td>
  363. <td>
  364. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  365. </td>
  366. </tr>
  367. <tr>
  368. <td class="c-t-center">
  369. 原因
  370. </td>
  371. <td>
  372. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  373. </td>
  374. <td>
  375. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  376. </td>
  377. <td>
  378. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  379. </td>
  380. <td>
  381. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  382. </td>
  383. </tr>
  384. <tr>
  385. <td class="c-t-center">
  386. 2周内随访,随访结果
  387. </td>
  388. <td>
  389. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  390. </td>
  391. <td>
  392. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  393. </td>
  394. <td>
  395. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  396. </td>
  397. <td>
  398. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  399. </td>
  400. </tr>
  401. </table>
  402. </td>
  403. </tr>
  404. <tr>
  405. <td class="col-w200 c-t-center">处理意见</td>
  406. <td>
  407. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  408. </td>
  409. <td>
  410. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  411. </td>
  412. <td>
  413. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  414. </td>
  415. <td>
  416. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  417. </td>
  418. </tr>
  419. <tr>
  420. <td class="col-w200 c-t-center">下次随访时间</td>
  421. <td>
  422. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  423. </td>
  424. <td>
  425. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  426. </td>
  427. <td>
  428. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  429. </td>
  430. <td>
  431. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  432. </td>
  433. </tr>
  434. <tr>
  435. <td class="col-w200 c-t-center">随访医生签名</td>
  436. <td>
  437. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  438. </td>
  439. <td>
  440. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  441. </td>
  442. <td>
  443. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  444. </td>
  445. <td>
  446. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  447. </td>
  448. </tr>
  449. <tr>
  450. <td class="col-w200 c-t-center">停止治疗及原因</td>
  451. <td colspan="4">
  452. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  453. </td>
  454. </tr>
  455. <tr>
  456. <td rowspan="2" class="col-w200 c-t-center">全程管理情况</td>
  457. <td colspan="4">
  458. 1.出现停止治疗时间年月日:
  459. <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
  460. </el-date-picker>
  461. 2.停止治疗原因:
  462. <el-radio :disabled="!editable" v-model="radio" label="1">完成疗程</el-radio>
  463. <el-radio :disabled="!editable" v-model="radio" label="2">死亡</el-radio>
  464. <el-radio :disabled="!editable" v-model="radio" label="2">丢失</el-radio>
  465. <el-radio :disabled="!editable" v-model="radio" label="2">转入耐多药治疗</el-radio>
  466. </td>
  467. </tr>
  468. <tr>
  469. <td colspan="4">
  470. 评估医生签名:
  471. <el-input type="text" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  472. </td>
  473. </tr>
  474. </table>
  475. <follow-bottom :followupId="followupId"></follow-bottom>
  476. </div>
  477. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  478. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  479. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  480. <script src="../../../plugins/toastr/toastr.min.js"></script>
  481. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  482. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  483. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  484. <script src="../../../component/followup/follow-bottom.js"></script>
  485. <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
  486. <script src="../../../api/fangshi-api.js"></script>
  487. <script>
  488. var Request = GetRequest();
  489. new Vue({
  490. el: "#app",
  491. data: function () {
  492. return {
  493. editable: true,
  494. isEditBtn: true,
  495. data2: "",
  496. radio: "",
  497. input: '',
  498. check: '',
  499. followupId: Request['id']
  500. }
  501. },
  502. mounted: function () {
  503. this.getData()
  504. },
  505. watch: {
  506. },
  507. methods: {
  508. getData: function () {
  509. var vm = this
  510. var vmP = this.postpartumVisitDetails
  511. fangshiAPI.getPostpartumVisitDetails({ followupId: this.followupId || '3' }).then(function (res) {
  512. if (res.status == 200) {
  513. var data = res.data
  514. } else {
  515. top.toastr.error(res.msg);
  516. }
  517. })
  518. },
  519. editData: function () {
  520. var vm = this
  521. console.log(this.postpartumVisitDetails)
  522. this.severeMentalDisorderData.create_time = null
  523. this.postpartumVisitDetails.version = '1' //版本号
  524. // fangshiAPI.savePostpartumVisitDetails({ followupId: '3', postpartumVisitDetails: JSON.stringify(this.postpartumVisitDetails) }).then(function (res) {
  525. // if (res.status == 200) {
  526. // top.toastr.info('保存成功')
  527. // } else {
  528. // top.toastr.error(res.msg);
  529. // }
  530. // })
  531. },
  532. editBtn: function () {
  533. this.isEditBtn = !this.isEditBtn
  534. if (this.isEditBtn == true) {
  535. var btn = document.getElementsByClassName('button')[0]
  536. btn.innerHTML = '编辑'
  537. this.editable = false
  538. this.editData()
  539. } else if (this.isEditBtn == false) {
  540. var btn = document.getElementsByClassName('button')[0]
  541. btn.innerHTML = '保存'
  542. this.editable = true
  543. }
  544. }
  545. }
  546. })
  547. </script>
  548. </body>
  549. </html>