Browse Source

需求页面

chenyue 3 years ago
parent
commit
e03214749f

+ 153 - 0
html/informationSearch/html/checkoutDetail.html

@ -0,0 +1,153 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>检查详情</title>
    <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"/>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <style>
      .t-c{
        text-align: center
      }
      .bgc-fff{
        background: #fff;
      }
      .flex{
        display: flex;
      }
      .f_y_c{
        align-items: center;
      }
      .f_lr{
        justify-content: space-between;
      }
      .bgc-orange{
        background: orange;
      }
      .c_f14{
        font-size: 14px;
      }
      .c-fff{
        color: #fff
      }
      .c-333{
        color: #333
      }
      .b-r-12{
        border-radius: 12px;
      }
      .m20{
        margin: 20px
      }
      .p10{
        padding: 10px;
      }
      .mt20{
        margin-top:20px;
      }
      .c-border-b{
        border-bottom: 1px solid #e1e1e1;
      }
      .plr15{
        padding-left:15px; 
        padding-right:15px; 
      }
      .ptb10{
        padding-top:10px; 
        padding-bottom:10px; 
      }
      .h14{
        height: 14px;
      }
      .title::before{
        content: '';
        display: inline-block;
        width: 5px;
        height: 25px;
        background: #4DCD70;
        margin-right: 8px;
      }
      .p-r{
        position: relative;
      }
      .mb10{
        margin-bottom: 10px;
      }
    </style>
</head>
<body>
  <div id='app'>
    <div class='mt20 bgc-fff'>
      <div class='c-border-b plr15 ptb10 title p-r flex f_y_c'>
        <div>基本信息</div>
      </div>
      <div class='ptb10 plr15 c-f14'>报告时间:{{json.REPORT_TIME}}</div>
    </div>
    <div class='mt20 bgc-fff'>
        <div class='c-border-b plr15 ptb10 title p-r flex f_y_c'>
          <div>检查结果</div>
        </div>
        <div class='ptb10 c-border-b plr15 c-f14'>
          <div class='mb10'>临床诊断:</div>
          <div>{{json.BUSINESS_TYPE}}</div>
        </div>
        <div class='ptb10 c-border-b plr15 c-f14'>
          <div class='mb10'>病情描述:</div>
          <div>{{json.BUSINESS_TYPE}}</div>
        </div>
      </div>
      <div class='mt20 bgc-fff'>
          <div class='c-border-b plr15 ptb10 title p-r flex f_y_c'>
            <div>检查信息</div>
          </div>
          <div class='ptb10 plr15 c-f14 flex f_y_c f_lr'>
            <span>检查科室:{{json.SIGN_DEPT_NAME}}</span>
            <span>申请医生:{{json.SIGN_DOCTOR_NAME}}</span>
          </div>
        </div>
  </div>
</body>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/app.js" ></script>
<script type="text/javascript" src="../../../js/mui.min.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../js/underscore.js"></script>
<script src="../../../js/es6-promise.js"></script>
<script src="../../../js/vue.js"></script>
<script type="text/javascript">
  var myVue=new Vue({
					el: "#app",
          data: {
            json:{
              REPORT_TIME:'2021-6-10 16:49:44',
              BUSINESS_TYPE: '123'
            }
          },
          methods:{
            getQueryVariable(variable){
                  var query = window.location.search.substring(1);
                  var vars = query.split("&");
                  for (var i=0;i<vars.length;i++) {
                          var pair = vars[i].split("=");
                          if(pair[0] == variable){return pair[1];}
                  }
                  return(false);
            }
          },
          mounted(){
            this.json = JSON.parse(decodeURIComponent(this.getQueryVariable('data')))
            console.log(this.json)
          }
  })
</script>
</html>

+ 261 - 0
html/informationSearch/html/checkoutList.html

@ -0,0 +1,261 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>检查检验</title>
    <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"/>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <style>
      .t-c{
        text-align: center
      }
      .bgc-fff{
        background: #fff;
      }
      .flex{
        display: flex;
      }
      .f_y_c{
        align-items: center;
      }
      .f_lr{
        justify-content: space-between;
      }
      .bgc-orange{
        background: orange;
      }
      .c_f14{
        font-size: 14px;
      }
      .c-fff{
        color: #fff
      }
      .c-333{
        color: #333
      }
      .b-r-12{
        border-radius: 12px;
      }
      .m20{
        margin: 20px
      }
      .p10{
        padding: 10px;
      }
      .mt30{
        margin-top:30px;
      }
      .c-border{
        border: 1px solid #e1e1e1;
      }
      .plr10{
        padding-left:10px; 
        padding-right:10px; 
      }
      .ptb5{
        padding-top:5px; 
        padding-bottom:5px; 
      }
      .h14{
        height: 14px;
      }
      .ml10{
        margin-left: 10px;
      }
      .c-border-b{
        border-bottom: 1px solid #e1e1e1;
      }
      .wb100{
        width: 100%;
      }
      .pop7{
        opacity: 0.7;
      }
      .mb20{
        margin-bottom: 20px;
      }
      .div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
      .div-no-info{
          position: relative;
          margin-top: 50%;
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          text-align: center;
      }
      .div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;}
      .default-div{
        text-align: center;
        position: relative;
        top: 100px;
      }
      .qiehuan-txt{
        color:#17B3EC;
        text-decoration: underline;
        /*padding-left: 10px;*/
      }
      .c-f17{
        font-size: 17px
      }
    </style>
</head>
<body>
  <div id='app'>
    <div v-if='dataList.length>0'>
      <!-- <div class='t-c bgc-fff c-333 ptb5 c-border-b' @click='show=!show'>
        <span>{{dataList[index].cardNo}}</span>
        <span class='ml10'>{{show?'>':'v'}}</span>
      </div> -->
      <div class="bgc-fff c-f17 plr15 ptb10 c-border-b" >
        <span class="c-333">{{dataList[index].cardNo}}&nbsp;<span v-if="dataList[index].name">(</span>{{dataList[index].name}}<span v-if="dataList[index].name">)</span>&nbsp;</span>
        <span v-if='dataList.length>1' class="qiehuan-txt" @click="changeCards">切换</span>		
      </div>
      <!-- <div v-show='show' class='wb100' style='position: fixed;top:36px;'>
        <div v-for='(item, dindex) in dataList' class='t-c bgc-fff c-333 ptb5 c-border-b pop7' @click='show=!show;index=dindex;getEhrInspection()'>{{item.cardNo}}</div>
      </div> -->
      <div v-if='jcjyList.length>0'>
        <div class='bgc-fff m20 p10 c-border b-r-12' v-for='(jitem, index) in jcjyList' @click='gotoDetail(jitem)'>
          <div class='flex f_y_c f_lr'>
            <div class="flex f_y_c c_f14 bgc-orange c-fff plr10 ptb5 b-r-12 h14">{{jitem.NAME}}</div>
            <span class='c_f14 c-333'>{{jitem.REPORT_TIME}}</span>
          </div>
          <div class='mt30 c-333 c_f14'>{{jitem.LAB_NAME}}</div>
        </div>
    </div>
      <div v-else-if='isInit1' class="div-no-info">
          <div class="div-img"></div>
          <div class="div-tishi-info">暂无数据</div> 
      </div>
    </div>
    <div v-else-if='isInit' class="default-div" v-show="length==0">
			<img src="../../payment/images/wushuju.png" width="222"/>
      <div class="c-999 c-f14 pt30" @click="gotoBindingCard">
        暂无就诊卡或健康卡,请添加
      </div>
    </div>
  </div>
</body>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/app.js" ></script>
<script type="text/javascript" src="../../../js/mui.min.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../js/underscore.js"></script>
<script src="../../../js/es6-promise.js"></script>
<script src="../../../js/vue.js"></script>
<script type="text/javascript">
  var myVue=new Vue({
					el: "#app",
          data: {
            show: false,
            code:"",
            dataList: [],
            jcjyList:[],
            isInit: false,
            isInit1: false,
            index: 0
          },
          methods:{
            gotoDetail(item){
              let data = encodeURIComponent(JSON.stringify(item))
              window.location.href='./checkoutDetail.html?data='+data;
            },
            getData(){
              var vm=this
              var loading = dialog({
                contentType: 'load',
                skin: 'bk-popup'
              });
              loading.showModal();
              sendPost("patient/card/getCardList", {patient:vm.code}, "json", "get",function(){
                vm.isInit = true;
                loading.close();
                  dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
                  }, function(res){
                  loading.close();
                  vm.isInit = true;
                    if(res.status == 200){ 
                      
                      vm.dataList=_.map(res.data,function(item,index){
                          if(item.type=="2"){
      //			        	    	vm.hasEleCard=true
                              item.cardNo=item.cardNo.substr(0,1)+"*******"+item.cardNo.substr(item.cardNo.length-4,4)
                          }
                          return item
                      })
                      console.log(vm.dataList)
                      
                      if(vm.dataList.length>0){
                        if(vm.getQueryVariable('id')){
                          let num = 0
                          vm.dataList.forEach(el=>{
                            if(el.id==vm.getQueryVariable('id')){
                              vm.index = num
                            }
                            num+=1
                          })
                        }
                        vm.getEhrInspection();
                      }
                    }else{
                      dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
                    }
                })
            },
            getEhrInspection(){
              let vm = this;
              var loading = dialog({
                contentType: 'load',
                skin: 'bk-popup'
              });
              loading.showModal();
                        sendPost("third/ehr/EhrInspection", {cardNo:vm.dataList[vm.index].cardNo}, "json", "get",function(){
                          vm.isInit1 = true;
                          loading.close();
                            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
                            }, function(res){
                            vm.isInit1 = true;
                            loading.close();
                              if(res.status == 200){ 
                                console.log(JSON.parse(res.data))
                                vm.jcjyList = JSON.parse(res.data).ResponseBody.Rows
                                console.log(vm.jcjyList)
                              }else{
                                dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
                              }
                          })
            },
            gotoBindingCard(){
              window.location.href='../../payment/html/bindingCard.html?origin=hesuanYuyue';			
            },
            changeCards(){
              window.location.href='../../payment/html/changeCards.html?pre=checkoutList';
            },
            getQueryVariable(variable){
                  var query = window.location.search.substring(1);
                  var vars = query.split("&");
                  for (var i=0;i<vars.length;i++) {
                          var pair = vars[i].split("=");
                          if(pair[0] == variable){return pair[1];}
                  }
                  return(false);
            }
          },
          mounted(){
            var vm = this
            checkUserAgent();
            vm.code=JSON.parse(localStorage.getItem("wlyyAgent")).uid;
            vm.getData();
          }
  })
</script>
</html>