123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <title>检验检查报告详情</title>
- <meta name="keywords" content="">
- <meta name="description" content="">
- <link rel="shortcut icon" href="../../../favicon.ico">
- <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <link rel="stylesheet" href="../css/index.css" />
- </head>
- <style>
- body:after{
- background:none;
- }
- </style>
- <body class="bgc-f2f3f4">
- <div id="app" v-cloak>
- <div class="c-border-tb mt10 bgc-fff pb10">
- <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
- <img src="../images/gerenxinxi_icon.png" width="15" height="15" class="mt5"/>
- <span>个人信息</span>
- </div>
- <div class="c-f14 c-333 plr15">
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">姓  名</div><div class="f_g_1">{{data.brxm}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">性  别</div><div class="f_g_1">{{data.brxb}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">年  龄</div><div class="f_g_1">{{data.brnl}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">病人类别</div><div class="f_g_1">{{data.brkb}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">门诊/住院号</div><div class="f_g_1">{{data.byh}}</div>
- </div>
- </div>
- </div>
- <div class="c-border-tb mt10 bgc-fff pb10">
- <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
- <img src="../images/jianyanxinxi_icon.png" width="15" height="15" class="mt5"/>
- <span>检验信息</span>
- </div>
- <div class="c-f14 c-333 plr15">
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">标本种类</div><div class="f_g_1">{{data.MC}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">医  院</div><div class="f_g_1">上饶县人民医院</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">测定日期</div><div class="f_g_1">{{data.bgrq}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">临床诊断</div><div class="f_g_1">{{data.LCZD}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">检验目的</div><div class="f_g_1">{{data.jymdmc}}</div>
- </div>
- </div>
- </div>
- <div class="c-border-tb mt10 bgc-fff pb10">
- <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
- <img src="../images/jianyanjieguo_icon.png" width="15" height="15" class="mt5"/>
- <span>检验结果</span>
- </div>
- <div class="plr15">
- <table class="c-f14 c-333">
- <thead>
- <tr class="c-999">
- <th class="pt10" style="min-width:70px;">项目名称</th>
- <th class="c-t-right" style="width:70px;">检验结果</th>
- <th class="c-t-right pr10" style="width:90px;">参考值</th>
- <th class="c-t-center">单位</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="(item,i) in data.resultList" v-key="i">
- <td class="pt10">{{item.XMMC}}</td>
- <td class="c-t-right" :class="item.color" style="vertical-align: middle;">{{item.xmcdz}}
- <img v-if="item.color=='c-4DCD70'" src="../images/jiangdi_img.png" width="8" height="15" class="mt5"/>
- <img v-if="item.color=='c-ff5e6c'" src="../images/shengao_img.png" width="8" height="15" class="mt5"/>
- </td>
- <td class="c-t-right pr10" style="vertical-align: middle;">{{item.xmckz}}</td>
- <td class="c-t-center" style="vertical-align: middle;">{{item.dw}}</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="c-border-tb mt10 bgc-fff pb10">
- <div class="c-f16 c-4DCD70 ptb8 c-border-b pl15">
- <img src="../images/jianyanrenyuan_icon.png" width="15" height="15" class="mt5"/>
- <span>检验人员</span>
- </div>
- <div class="c-f14 c-333 plr15">
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">床  号</div><div class="f_g_1">{{data.brch}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">申请科室</div><div class="f_g_1">上饶县人民医院</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">送检医生</div><div class="f_g_1">{{data.sjys}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">检验医生</div><div class="f_g_1">{{data.jyys}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">审核医生</div><div class="f_g_1">{{data.shys}}</div>
- </div>
- <div class="flex pt10">
- <div class="f_s_0 c-999" style="width:100px;">报告时间</div><div class="f_g_1">{{data.bgrq}}</div>
- </div>
- </div>
- </div>
- <div class="c-f12 c-999 pt15 pb30 c-t-center">
- * 具体信息以医院出具纸质账单为准
- </div>
- </div>
- <script src="../../../js/post.js"></script>
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
- <script>
- var Request = GetRequest();
- var checktype=false;
- var loading = dialog({
- contentType: 'load',
- skin: 'bk-popup',
- });
- (function() {
- mui.init({})
-
- var myVue=new Vue({
- el: "#app",
- data: {
- data:{},
- yid:"",
- },
- mounted: function() {
- var vm = this
- vm.yid=Request.yid
- checkUserAgent();
- vm.checkType()
- },
- methods: {
- getData:function(){
- var vm=this
- loading.showModal();
- sendPost("third/hy/lie/getWxGetReportItems", {yid:vm.yid}, "json", "get",function(){
- loading.close();
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
- }, function(res){
- if(res.status == 200){
- vm.data=res.data[0].Table
- if(vm.data.cdrq&&vm.data.cdrq.indexOf("T")>-1){
- vm.data.cdrq=new Date(vm.data.cdrq).Format("yyyy-MM-dd HH:mm:ss")
- }
- if(vm.data.bgrq&&vm.data.bgrq.indexOf("T")>-1){
- vm.data.bgrq=new Date(vm.data.bgrq).Format("yyyy-MM-dd HH:mm:ss")
- }
- vm.data.resultList=_.map(res.data,function(item,index){
- var data=item.Table
- var color=""
- if(data.xmcdz&&data.xmckz&&vm.data.cdrq.indexOf("-")>-1){
- var min=data.xmckz.split("-")[0]
- var max=data.xmckz.split("-")[1]
- if(parseFloat(data.xmcdz)<parseFloat(min)){
- color="c-4DCD70"
- }else if(parseFloat(data.xmcdz)>parseFloat(max)){
- color="c-ff5e6c"
- }
- }
- return {
- 'XMMC': data.XMMC, //项目名称
- 'dw': data.dw, //单位
- 'xmcdz': data.xmcdz, //检验结果
- 'xmckz': data.xmckz, //参考值
- "color": color
- }
- })
- }else{
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
- }
- loading.close();
- })
- },
- //判断是否验证登录通过
- checkType:function(){
- var vm=this
- var timer = setInterval(function(){
- if(checktype){
- clearInterval(timer);
- vm.getData()
- }
- },10);
- },
- },
- })
-
- })()
-
- function queryInit(){
- checktype=true
- }
- </script>
- </body>
- </html>
|