reportInfo.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="format-detection" content="telephone=no"/>
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes"/>
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  10. <title>检验检查报告详情</title>
  11. <meta name="keywords" content="">
  12. <meta name="description" content="">
  13. <link rel="shortcut icon" href="../../../favicon.ico">
  14. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  15. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  18. <link rel="stylesheet" href="../css/index.css" />
  19. </head>
  20. <style>
  21. body:after{
  22. background:none;
  23. }
  24. </style>
  25. <body class="bgc-f2f3f4">
  26. <div id="app" v-cloak>
  27. <div class="c-border-tb mt10 bgc-fff pb10">
  28. <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
  29. <img src="../images/gerenxinxi_icon.png" width="15" height="15" class="mt5"/>
  30. <span>个人信息</span>
  31. </div>
  32. <div class="c-f14 c-333 plr15">
  33. <div class="flex pt10">
  34. <div class="f_s_0 c-999" style="width:100px;">姓&emsp;&emsp;名</div><div class="f_g_1">{{data.brxm}}</div>
  35. </div>
  36. <div class="flex pt10">
  37. <div class="f_s_0 c-999" style="width:100px;">性&emsp;&emsp;别</div><div class="f_g_1">{{data.brxb}}</div>
  38. </div>
  39. <div class="flex pt10">
  40. <div class="f_s_0 c-999" style="width:100px;">年&emsp;&emsp;龄</div><div class="f_g_1">{{data.brnl}}</div>
  41. </div>
  42. <div class="flex pt10">
  43. <div class="f_s_0 c-999" style="width:100px;">病人类别</div><div class="f_g_1">{{data.brkb}}</div>
  44. </div>
  45. <div class="flex pt10">
  46. <div class="f_s_0 c-999" style="width:100px;">门诊/住院号</div><div class="f_g_1">{{data.byh}}</div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="c-border-tb mt10 bgc-fff pb10">
  51. <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
  52. <img src="../images/jianyanxinxi_icon.png" width="15" height="15" class="mt5"/>
  53. <span>检验信息</span>
  54. </div>
  55. <div class="c-f14 c-333 plr15">
  56. <div class="flex pt10">
  57. <div class="f_s_0 c-999" style="width:100px;">标本种类</div><div class="f_g_1">{{data.MC}}</div>
  58. </div>
  59. <div class="flex pt10">
  60. <div class="f_s_0 c-999" style="width:100px;">医&emsp;&emsp;院</div><div class="f_g_1">上饶县人民医院</div>
  61. </div>
  62. <div class="flex pt10">
  63. <div class="f_s_0 c-999" style="width:100px;">测定日期</div><div class="f_g_1">{{data.bgrq}}</div>
  64. </div>
  65. <div class="flex pt10">
  66. <div class="f_s_0 c-999" style="width:100px;">临床诊断</div><div class="f_g_1">{{data.LCZD}}</div>
  67. </div>
  68. <div class="flex pt10">
  69. <div class="f_s_0 c-999" style="width:100px;">检验目的</div><div class="f_g_1">{{data.jymdmc}}</div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="c-border-tb mt10 bgc-fff pb10">
  74. <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
  75. <img src="../images/jianyanjieguo_icon.png" width="15" height="15" class="mt5"/>
  76. <span>检验结果</span>
  77. </div>
  78. <div class="plr15">
  79. <table class="c-f14 c-333">
  80. <thead>
  81. <tr class="c-999">
  82. <th class="pt10" style="min-width:70px;">项目名称</th>
  83. <th class="c-t-right" style="width:70px;">检验结果</th>
  84. <th class="c-t-right pr10" style="width:90px;">参考值</th>
  85. <th class="c-t-center">单位</th>
  86. </tr>
  87. </thead>
  88. <tbody>
  89. <tr v-for="(item,i) in data.resultList" v-key="i">
  90. <td class="pt10">{{item.XMMC}}</td>
  91. <td class="c-t-right" :class="item.color" style="vertical-align: middle;">{{item.xmcdz}}
  92. <img v-if="item.color=='c-4DCD70'" src="../images/jiangdi_img.png" width="8" height="15" class="mt5"/>
  93. <img v-if="item.color=='c-ff5e6c'" src="../images/shengao_img.png" width="8" height="15" class="mt5"/>
  94. </td>
  95. <td class="c-t-right pr10" style="vertical-align: middle;">{{item.xmckz}}</td>
  96. <td class="c-t-center" style="vertical-align: middle;">{{item.dw}}</td>
  97. </tr>
  98. </tbody>
  99. </table>
  100. </div>
  101. </div>
  102. <div class="c-border-tb mt10 bgc-fff pb10">
  103. <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
  104. <img src="../images/jianyanrenyuan_icon.png" width="15" height="15" class="mt5"/>
  105. <span>检验人员</span>
  106. </div>
  107. <div class="c-f14 c-333 plr15">
  108. <div class="flex pt10">
  109. <div class="f_s_0 c-999" style="width:100px;">床&emsp;&emsp;号</div><div class="f_g_1">{{data.brch}}</div>
  110. </div>
  111. <div class="flex pt10">
  112. <div class="f_s_0 c-999" style="width:100px;">申请科室</div><div class="f_g_1">上饶县人民医院</div>
  113. </div>
  114. <div class="flex pt10">
  115. <div class="f_s_0 c-999" style="width:100px;">送检医生</div><div class="f_g_1">{{data.sjys}}</div>
  116. </div>
  117. <div class="flex pt10">
  118. <div class="f_s_0 c-999" style="width:100px;">检验医生</div><div class="f_g_1">{{data.jyys}}</div>
  119. </div>
  120. <div class="flex pt10">
  121. <div class="f_s_0 c-999" style="width:100px;">审核医生</div><div class="f_g_1">{{data.shys}}</div>
  122. </div>
  123. <div class="flex pt10">
  124. <div class="f_s_0 c-999" style="width:100px;">报告时间</div><div class="f_g_1">{{data.bgrq}}</div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="c-f12 c-999 pt15 pb30 c-t-center">
  129. * 具体信息以医院出具纸质账单为准
  130. </div>
  131. </div>
  132. <script src="../../../js/post.js"></script>
  133. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
  134. <script>
  135. var Request = GetRequest();
  136. var checktype=false;
  137. var loading = dialog({
  138. contentType: 'load',
  139. skin: 'bk-popup',
  140. });
  141. (function() {
  142. mui.init({})
  143. var myVue=new Vue({
  144. el: "#app",
  145. data: {
  146. data:{},
  147. yid:"",
  148. },
  149. mounted: function() {
  150. var vm = this
  151. vm.yid=Request.yid
  152. checkUserAgent();
  153. vm.checkType()
  154. },
  155. methods: {
  156. getData:function(){
  157. var vm=this
  158. loading.showModal();
  159. sendPost("third/hy/lie/getWxGetReportItems", {yid:vm.yid}, "json", "get",function(){
  160. loading.close();
  161. dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
  162. }, function(res){
  163. if(res.status == 200){
  164. vm.data=res.data[0].Table
  165. if(vm.data.cdrq&&vm.data.cdrq.indexOf("T")>-1){
  166. vm.data.cdrq=new Date(vm.data.cdrq).Format("yyyy-MM-dd HH:mm:ss")
  167. }
  168. if(vm.data.bgrq&&vm.data.bgrq.indexOf("T")>-1){
  169. vm.data.bgrq=new Date(vm.data.bgrq).Format("yyyy-MM-dd HH:mm:ss")
  170. }
  171. vm.data.resultList=_.map(res.data,function(item,index){
  172. var data=item.Table
  173. var color=""
  174. if(data.xmcdz&&data.xmckz&&vm.data.cdrq.indexOf("-")>-1){
  175. var min=data.xmckz.split("-")[0]
  176. var max=data.xmckz.split("-")[1]
  177. if(parseFloat(data.xmcdz)<parseFloat(min)){
  178. color="c-4DCD70"
  179. }else if(parseFloat(data.xmcdz)>parseFloat(max)){
  180. color="c-ff5e6c"
  181. }
  182. }
  183. return {
  184. 'XMMC': data.XMMC, //项目名称
  185. 'dw': data.dw, //单位
  186. 'xmcdz': data.xmcdz, //检验结果
  187. 'xmckz': data.xmckz, //参考值
  188. "color": color
  189. }
  190. })
  191. }else{
  192. dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
  193. }
  194. loading.close();
  195. })
  196. },
  197. //判断是否验证登录通过
  198. checkType:function(){
  199. var vm=this
  200. var timer = setInterval(function(){
  201. if(checktype){
  202. clearInterval(timer);
  203. vm.getData()
  204. }
  205. },10);
  206. },
  207. },
  208. })
  209. })()
  210. function queryInit(){
  211. checktype=true
  212. }
  213. </script>
  214. </body>
  215. </html>