fangshi-detail-10.html 28 KB

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