Browse Source

Merge branch 'version1.3.8' of http://192.168.2.236:10080/zhouna/AIPlatform into version1.3.8

luolei 4 years ago
parent
commit
282b7b2ce3
9 changed files with 1052 additions and 5 deletions
  1. 2 2
      src/css/console.less
  2. 382 0
      src/css/readmission.less
  3. 4 0
      src/html/console.html
  4. 148 0
      src/html/readmission.html
  5. 2 0
      src/js/api.js
  6. 9 1
      src/js/console.js
  7. 489 0
      src/js/readmission.js
  8. 2 1
      src/js/utils.js
  9. 14 1
      webpack.config.js

+ 2 - 2
src/css/console.less

@@ -403,14 +403,14 @@ div.console {
       }
       &.li04.li04again {
         border-left: 1px solid @darkLightBorderColor;
-        cursor: default;
+        // cursor: default;
       }
       &:hover {
         .numShow {
           color: @activeColor;
         }
         .againNum {
-          color: @fstColor;
+          // color: @fstColor;
         }
       }
     }

+ 382 - 0
src/css/readmission.less

@@ -0,0 +1,382 @@
+@import "./reset.less";
+.container{
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background: #fff;
+    border-bottom: 10px @disColor solid;
+    box-sizing: border-box;
+}
+ul,li{
+    list-style: none;
+}
+h2{
+    .h2;
+    border-bottom: 10px @disColor solid;
+    position: fixed;
+    top: 0;
+}
+.partTitle{
+    border-bottom: 10px @disColor solid;
+    height: 54px;
+}
+.main-body{
+    .main-body-com;
+    border: none;
+    // border:10px @disColor solid;
+    border-left:10px @disColor solid;
+    margin: 44px 0 0;
+    min-width: 1090px;
+    min-height: calc(100% - 84px);
+    // overflow: auto;
+    height:  calc(100% - 44px);
+    .selectDefect{
+        min-width: 120px;
+        width: auto;
+        display: inline-block;
+        position: relative;
+        padding: 0 10px;
+        height:32px;
+        border-radius:4px;
+        border: 1px solid #E2E5EF;
+        box-sizing: border-box;
+        cursor: default;
+    }
+}
+.qctable{
+    .table;
+    min-width: 1090px;
+    th,td{
+        padding:5px 10px;
+    }
+    th{
+        white-space: nowrap;
+    }
+    th[code]{
+        cursor: pointer;
+        &:after{
+            content:"";
+            display:inline-block;
+            width: 11px;
+            height: 14px;
+            margin-left: 4px;
+            vertical-align: middle;
+            background-size: 100%;
+            background-image: url("../images/grey.png");
+        }
+        &.asc:after{
+            background: url("../images/up_blue.png");
+            background-size: 100%;
+        }
+        &.desc:after{
+            background: url("../images/down_blue.png");
+            background-size: 100%;
+        }
+    }
+    td{
+        white-space: nowrap;
+    }
+    .moduleNumber{
+        text-align: center;
+    }
+    .scoreOperaItem{
+        width: 50px;
+        cursor: pointer;
+    }
+    .tabTitle   {
+        background: #EFF0F9 !important;
+      }
+    
+}
+.tabFoot{
+    height: 40px;
+    background: none;
+    /*border: 1px solid #E2E5EF;
+    border-top: none;
+    box-sizing: border-box;*/
+}
+.scoreOpera{
+    height: 50px;
+    line-height: 50px;
+    margin: 0 20px 0 0;
+    cursor: pointer;
+    img{
+        margin: 0 10px 0 0;
+        vertical-align: middle;
+    }
+}
+
+.recordScoreOperaBtn{
+    cursor: pointer;
+    color: @activeColor;
+}
+.recordScoreBtn{
+    cursor: pointer;
+    display: inline-block;
+    width:68px;
+    height:30px;
+    line-height: 30px;
+    text-align: center;
+    border-radius:4px;
+    box-sizing: border-box;
+    border: 1px solid @activeColor;
+    color: #fff;
+    background: @activeColor;
+}
+.filterBox{
+    position: relative;
+}
+.overAuto{
+    display: table;
+    padding-right: 20px;
+    width: 100%;
+}
+.toggle-item{
+    display: block;
+}
+.filter-toggler{
+    position: absolute;
+    left: 1048px;
+    top: 8px;
+    color: #777;
+    white-space: nowrap;
+    font-size: 14px;
+    background: url("../images/arrow_down.png") 60px center no-repeat;
+    padding-right: 15px;
+    background-size: 10px 6px;
+    &.up{
+        background: url("../images/arrow_up.png") 60px center no-repeat;
+        background-size: 10px 6px;
+    }
+}
+.filterItem{
+    position: relative;
+    display: inline-block;
+    float: left;
+    height: 40px;
+    line-height: 40px;
+    margin: 0 20px 20px 0;
+    span{
+        display: inline-block;
+        line-height: 32px;
+        position: relative;
+    }
+    input{
+        width:120px;
+        height:32px;
+        border-radius:4px;
+        border: 1px solid #E2E5EF;
+        outline: none;
+        margin-right: 10px;
+        padding: 0 10px;
+        box-sizing: border-box;
+    }
+    input:focus{
+        border: 1px solid @activeColor ;
+        outline: 0;
+        -webkit-box-shadow:@activeColor  0px 0px 2px;
+        -moz-box-shadow: @activeColor  0px 0px 2px;
+        box-shadow: @activeColor  0px 0px 2px;
+    }
+}
+
+.filterDropList{
+    position: absolute;
+    right: 0;
+    max-height: 200px;
+    overflow-y: auto;
+    background: #fff;
+    display: none;
+    border: 1px solid #e4e7ed;
+    box-shadow: 0 2px 12px 0 #e4e7ed;
+    z-index: 2;
+    li{
+        padding: 0 10px;
+    }
+}
+.deptList{
+    width: 160px;
+    max-height: 400px;
+}
+.levelList,.checkList{
+    width: 120px;
+    // height: 200px;
+    li:hover{
+        background-color: #EEF4FF;
+        cursor: pointer;
+    }
+}
+.selectLevel,.selectDept,.selectCheck{
+    display: inline-block;
+    position: relative;
+    width:120px;
+    padding: 0 10px;
+    height:32px;
+    border-radius:4px;
+    border: 1px solid #E2E5EF;
+    box-sizing: border-box;
+    cursor: pointer;
+}
+.selectDept{
+    width: 160px;
+}
+
+.filter,.reset,.export{
+    display: inline-block;
+    width:60px;
+    height:32px;
+    background:@activeColor;
+    border-radius:4px;
+    color: #fff;
+    text-align: center;
+    line-height: 32px;
+    position: relative;
+    top: 2px;
+    cursor: pointer;
+    float: left;
+    margin: 0 0px 22px 0;
+}
+.export{
+    height:34px;
+    background: #fff;
+    border-radius: 4px;
+    color: #777;
+    border: 1px solid #777;
+    box-sizing: border-box;
+    cursor: pointer;
+    margin-left: 10px;
+    float: left;
+    top: 0px;
+}
+.arrow{
+    position: absolute;
+    width: 10px;
+    top: 12px;
+    right: 10px;
+}
+.iconCheck{
+    width: 14px;
+}
+.fl{
+    float: left;
+}
+.clearfix:after {
+    content: '';
+    height: 0;
+    line-height: 0;
+    display: block;
+    visibility: hidden;
+    clear: both;
+}
+.clearfix{
+    zoom:1
+}
+.divide{
+    margin: 0 10px;
+}
+.datapickerBox{
+    position: relative;
+    display: inline-block;
+    width: 120px;
+    height: 32px;
+    input{
+        position: absolute;
+    }
+}
+.setCol{
+    color: #777;
+    cursor: pointer;
+    display: inline-block;
+    margin: 10px 0 0  0px;
+}
+.iconSetting{
+    width: 18px;
+    position: relative;
+    top: 3px;
+    margin: 0 3px 0 0;
+}
+.iconCalen{
+    position: absolute;
+    width: 15px;
+    top: 10px;
+    right: 10px;
+}
+.textCenter{
+    text-align: center;
+}
+.patientNameSpan{
+    color: @activeColor;
+    cursor: pointer;
+}
+
+.deptItem:hover{
+    background-color: #EEF4FF;
+    cursor: pointer;
+}
+.ellipsis{
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+}
+.unSelect{
+    color: #cfccd6
+ }
+
+
+.pagination{
+    margin: 35px 0 20px 0  ;
+    text-align: right;
+}
+.totalSum{
+    font-size:12px;
+    line-height:17px;
+    color: #777777;
+    margin-right: 20px;
+}
+.pageNum,.prePage,.nextPage, .more{
+    display: inline-block;
+    width: 20px;
+    cursor: pointer;
+    margin: 0 20px 0 0;
+    text-align: center;
+    color: #777;
+}
+.prePage,.nextPage{
+    img{
+        position: relative;
+        top: 0px   ;
+    }
+}
+ .more{
+    cursor: not-allowed;
+}
+.arrowPage{
+    width: 6px;
+}
+.activePage{
+    color: @activeColor;
+}
+
+.tbody{
+    tr:nth-child(4n+1){
+        background-color:  #ffffff !important;
+    }
+    tr:nth-child(4n+2){
+        background-color:  #ffffff !important;
+    }
+    tr:nth-child(4n+3){
+        background-color:  #EFF1F6 !important;
+    }
+    tr:nth-child(4n+4){
+        background-color:  #EFF1F6 !important;
+    }
+}
+.patientNameSpan{
+    color: @activeColor;
+    cursor: pointer;
+}
+
+
+
+
+

+ 4 - 0
src/html/console.html

@@ -57,6 +57,10 @@
                           <p class="numShow againNum"></p>
                           <p class="explainNum">31日再入院病人数</p>
                         </li>
+                        <!-- <li class="li05 li04again" data-type="5">
+                          <p class="numShow againNum"></p>
+                          <p class="explainNum">31日再入院病人数</p>
+                        </li> -->
                       </ul>
                     </div>
                     <div class="chuyuanEmpty"></div>

+ 148 - 0
src/html/readmission.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>病历质控评分</title>
+    
+</head>
+
+<body>
+    <div class="container qcListCopy">
+        <!-- <h2>质控评分</h2>控制台 / 条目缺陷占比 / 缺陷详情 -->
+        <div class="partTitle">
+            <p class="titlePic"></p>
+        </div>
+        <!-- <div class="partTitle">
+            <p>未整改病历统计</p>
+            <div class="dateDetail fr">
+    
+            </div>
+        </div> -->
+        <div class="main-body">
+            <div class="filterBox">
+                <div class="clearfix">
+                    <!-- <span class="filterItem typeFilter">
+                        <span>科室名称:</span>
+                        <input class="patientNumInp" style="width: 148px;" type="text" placeholder="请输入科室名称">
+                    </span> -->
+                    <span class="filterItem typeFilter clearfix" >
+                        <span class="fl">出院日期:</span>
+                        <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" readonly /></span>
+                        <span  class="divide fl">-</span>
+                        <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker2"  autocomplete="off" readonly/></span>
+                    </span>
+                    <!-- <span class="filterItem">
+                        <span>病历等级:</span>
+                        <span class="selectLevel">全部</span>
+                        <ul class="levelList filterDropList">
+                            <Li class="levelItem" data-name="全部" data-id="全部">全部</Li>
+                            <Li class="levelItem" data-name="未评分" data-id="未评分">未评分</Li>
+                            <Li class="levelItem" data-name="甲" data-id="甲">甲</Li>
+                            <li class="levelItem" data-name="乙" data-id=乙>乙</li>
+                            <li class="levelItem" data-name="丙" data-id=丙>丙</li>
+                        </ul>
+                    </span> -->
+                    <span class="filterItem typeFilter">
+                      <span>病人姓名:</span>
+                      <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
+                  </span>
+                  <span class="filterItem typeFilter">
+                      <span>病案号:</span>
+                      <input class="patientRecordInp" style="width: 148px;" type="text" placeholder="请输入病人住院序号">
+                  </span>
+                    <span class="filter">查询</span>
+                    <span class="filterclear abnormalClear filterclearT">重置</span>
+                    <span class="export">导出</span>
+                </div>
+                <!-- <a href="javascript:void(0);" class="filter-toggler up" id="filterToggler">收起筛选</a>
+                <div class="toggle-item clearfix">
+                    <span class="filterItem typeFilter">
+                        <span>病人姓名:</span>
+                        <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
+                    </span>
+                    <span class="filterItem typeFilter">
+                        <span>病人住院序号:</span>
+                        <input class="patientNumInp" style="width: 148px;" type="text" placeholder="请输入病人住院序号">
+                    </span>
+                    <span class="filterItem doctorFilter">
+                        <span>医生姓名:</span>
+                        <input class="doctorInp" type="text" placeholder="请输入医生姓名">
+                    </span>
+                    <span class="filterItem doctorFilter">
+                        <span>医生工号:</span>
+                        <input class="doctorNumInp" type="text" placeholder="请输入医生工号">
+                    </span>
+                    <span class="filterItem doctorFilter">
+                        <span>缺陷名称:</span>
+                        <span class="selectDefect"> 
+                        
+                        </span>
+                    </span>
+                    <span class="filterItem">
+                        <span>核查状态:</span>
+                        <span class="selectCheck">全部</span>
+                        <ul class="checkList filterDropList">
+                            <Li class="checkItem" data-name="全部" data-id="全部">全部</Li>
+                            <Li class="checkItem" data-name="未核查" data-id="0">未核查</Li>
+                            <Li class="checkItem" data-name="已核查" data-id="1">已核查</Li>
+                        </ul>
+                    </span>
+                </div> -->
+            </div>
+            <div class="overAuto">
+                <table class="qctable">
+                    <thead>
+                    <!-- <tr class="tabOpera"> -->
+                        <!-- <td colspan="18" style="background: #fff">
+                            <div class="tabFoot">
+                                <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="../images/icon_unchecked.png" alt="checkbox">全选</span>
+                                <span class="recordScoreBtn">评分</span>
+                            </div>
+                        </td> -->
+                    <!-- </tr> -->
+                    <tr class="tabTitle">
+                      <th class="moduleName" style="width: 65px;">序号</th>
+                      <th class="beHospitalId textCenter">病人住院序号</th>
+                      <th class="beHospitalId textCenter">病案号</th>
+                      <th class="beHospitalId textCenter">病人姓名</th>
+                      <th class="beHospitalId textCenter">性别</th>
+                      <th class="beHospitalId textCenter">病例等级</th>
+                      <th class="beHospitalId textCenter">病例得分</th>
+                      <th class="beHospitalId textCenter">科室</th>
+                      <th class="beHospitalId textCenter">主诊断</th>
+                      <th class="beHospitalId textCenter">出院日期</th>
+                      <th class="beHospitalId textCenter">入院日期</th>
+                      <th class="beHospitalId textCenter">间隔天数</th>
+                    </tr>
+                    </thead>
+                    <tbody class="tbody">
+
+                    </tbody>
+                    <tfoot>
+                        <!-- <tr>
+                            <td colspan="17">
+                                <div class="tabFoot">
+                                    <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="../images/icon_unchecked.png" alt="checkbox">全选</span>
+                                    <span class="recordScoreBtn">评分</span>
+                                </div>
+                            </td>
+                        </tr> -->
+                    </tfoot>
+                </table>
+            </div>
+
+            <!--<div class="tabFoot">
+                <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="" alt="checkbox">全选</span>
+                <span class="recordScoreBtn">评分</span>
+            </div>-->
+
+            <div class="pagination"></div>
+        </div>
+
+    </div>
+</body>
+
+</html>

+ 2 - 0
src/js/api.js

@@ -97,6 +97,7 @@ const api = {
     leaveHosMRPage:'/console/leaveHosMRPage', //出院人数统计详情
     unModifyMRStatistics: '/console/unModifyMRStatistics',  //未整改病历统计
     unModifyMRPage: '/console/unModifyMRPage', //未整改病历质控评分页(内页)
+    reHos31DaysPage: '/console/reHos31DaysPage', //31天再入院人数(内页)
 
 
     //导出接口
@@ -113,6 +114,7 @@ const api = {
     getPage:'/qc/doctoradvice/getPage',//医嘱信息
     unModifyMRPageExport:'/console/export/unModifyMRPageExport',//未整改病历详情页导出
     unModifyMRStatisticsExport:'/console/export/unModifyMRStatisticsExport', //未整改病历统计导出
+    reHos31DaysPageExport:'/console/export/reHos31DaysPageExport', //31天再入院统计导出
 }
 module.exports = {
     api

+ 9 - 1
src/js/console.js

@@ -559,7 +559,7 @@ function personNum(data){
     $(".newborn").html(data['新生儿人数']).parent(".chuyuannum").attr("data-num",'新生儿患者')
     $(".patientNum").html(data['手术病人数']).parent(".chuyuannum").attr("data-num",'手术病人数')
     $(".goAwayNum").html(data['非医嘱离院病人数']).parent(".chuyuannum").attr("data-num",'非医嘱离院病人数')
-    $(".againNum").html(data['31日再入院病人数']).parent(".chuyuannum").attr("data-num",'31日再入院病人数')
+    $(".againNum").html(data['31日再入院病人数']).parent(".li04again").attr("data-num",'31日再入院病人数')
     $(".chuyuannum").click(function(){
         let chuyuantype = $(this).attr("data-type")
         let chuyuannum = $(this).attr("data-num")
@@ -567,6 +567,14 @@ function personNum(data){
         $(parent.document).find("#contentIframe").attr("src","qcListOutHospital.html?from=1&shijian=3"+"&outNum="+chuyuannum+"&outNumType="+chuyuantype+"&startDateParam="+behosDateStart+"&endDateParam="+behosDateEnd)
     
     })
+    // 点击31日再入院病人数
+    $(".li04again").click(function(){
+        let chuyuantype = $(this).attr("data-type")
+        let chuyuannum = $(this).attr("data-num")
+        focusMenuItem("YH-ZKK-31TZRYRS");
+        $(parent.document).find("#contentIframe").attr("src","readmission.html?from=1&shijian=3"+"&outNum="+chuyuannum+"&outNumType="+chuyuantype+"&startDateParam="+behosDateStart+"&endDateParam="+behosDateEnd)
+    
+    })
 }
 //part02
 function setNumDetail(data){

+ 489 - 0
src/js/readmission.js

@@ -0,0 +1,489 @@
+const $ = require('jquery');
+require("../css/readmission.less");
+require('./modal.js');
+const {api} = require('./api.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,expJson,downloadExportedData,initScroll} = require('./utils.js')
+require('./../resource/jquery-ui/jquery-ui.min.js');
+require('./../resource/jquery-ui/jquery-ui.min.css');
+const iconCheck= require("./../images/icon_check.png")
+const iconUnCheck = require("./../images/icon_unchecked.png")
+const iconDown= require("./../images/arrow_down.png")
+const iconUp = require("./../images/arrow_up.png")
+const loadingImg = require("./../images/loading.gif")
+const arrowLeft= require("./../images/arrow_left.png")
+const arrowRight = require("./../images/arrow_right.png")
+let  deptName = "", behospitalCode="", deptNameTemp = "",deptId='',deptIdTemp='', behospitalCodeTemp="", data_desc="",data_asc="",deptRecord="",patientName="" ; 
+let srcUrl = $("#contentIframe",parent.document).attr("src")
+statisticsType = getUrlArgObjectNew("dateType",srcUrl)||"";
+from = getUrlArgObjectNew("from",srcUrl)||""
+lineType = getUrlArgObjectNew("lineType",srcUrl)||""
+let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
+let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
+// $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+/*if(lineType){
+  $("th[code="+data_desc+"]").addClass("desc");
+}*/
+//setTitleTxt('',from)         //导航栏面包屑
+if(statisticsType == 1){
+  setDatePicker($("#datepicker"),$("#datepicker2"),1)
+}else if(statisticsType == 2){
+  setDatePicker($("#datepicker"),$("#datepicker2"),2)
+}else if(statisticsType == 3){
+  setDatePicker($("#datepicker"),$("#datepicker2"),3,new Date(startDateParam),new Date(endDateParam))
+}else{
+  setDatePicker($("#datepicker"),$("#datepicker2"),'default')
+}
+
+if(from==2){
+  // $(".export").css('display','none')
+  // $(".partTitle .titlePic ").html(`<a class="consoleD" href="deptConsole.html">控制台(科室) / </a><a class="consoleP" href="singleVeto.html?from=1">条目缺陷占比 / </a>缺陷详情`)
+  // deptId=deptListDept[0]&&deptListDept[0].deptId; 
+  // deptName=deptListDept[0]&&deptListDept[0].deptName;
+  // deptNameTemp=deptListDept[0]&&deptListDept[0].deptName;
+  // deptIdTemp=deptListDept[0]&&deptListDept[0].deptId;
+  // $('.selectDept').html(deptName)
+}else if(from==3){
+//   $(".partTitle .titlePic ").html(`<a href="keyItemFlawControl.html">关键条目缺陷占比 / </a>缺陷详情`)
+}else{
+  $(".partTitle .titlePic ").html(`<a class="consoleD" href="console.html">控制台 / </a>31天再入院人数`)
+}
+
+if(!statisticsType){
+  setDatePicker($("#datepicker"),$("#datepicker2"),'default')
+}
+$(".abnormalClear").click(function(){
+  data_desc="";
+  data_asc="";
+  deptId="";
+  deptIdTemp="";
+  deptName="";
+  deptNameTemp="";
+  patientName= "";
+  deptRecord="";
+  setDatePicker($("#datepicker"),$("#datepicker2"),"default")
+  $('.patientRecordInp').val('')
+  $('.patientNameInp').val('')
+  // $(".deptList").css("display", "none")
+  // $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`);
+  $("th[code]").removeClass("asc desc")
+  //behospitalCode =behospitalCodeTemp= ""
+  getTabData(1)
+})
+$(".partTitle a").click(function(){
+  //初始菜单选中
+  $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
+  $(".container",parent.document).addClass("console-cont");
+})
+
+//判断有无某一权限
+/*function hasData(data){
+  let trdObj = JSON.parse(getCookie("trdObj"))
+  let lis = trdObj['YH-BLZK-ZKPF']
+  if(!lis){
+    return false
+  }
+  if(lis.indexOf(data)>-1){//有权限
+    return true
+  }
+  return false;
+}*/
+function getTabData(activePage){
+  const dateStatrt = getPickerDate($("#datepicker"),1)
+  const dateEnd = getPickerDate($("#datepicker2"),2)
+  const start = new Date(dateStatrt).getTime()
+  const end = new Date(dateEnd).getTime()
+  if(start > end){
+    $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+    return
+  }
+  const param = {
+    current:activePage,
+    size: 10,
+    name:patientName,
+    fileCode:deptRecord,
+    startDate:dateStatrt.replace(/\//g,'-'),
+    endDate:dateEnd.replace(/\//g,'-')
+  }
+  startDateParam = dateStatrt
+  endDateParam = dateEnd
+  post(api.reHos31DaysPage,param).then(res =>{
+    if(res.data.code == '0'){
+      const data = res.data.data||[];
+      const totalPage = data.pages;
+      const totalNum = data.total;
+      renderTab(data,data.hospitalId,activePage);
+      renderPagination(totalPage,Number(activePage),totalNum)
+      if(totalPage > 1){
+        renderPagination(totalPage,Number(activePage),totalNum)
+      } else{
+        $('.pagination').html("")
+      }
+    }else{
+      $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+    }
+  }).catch((e) =>{
+
+  })
+ 
+}
+
+getTabData(1)
+
+$(".filter").on("click", function(e){
+  // deptName = deptNameTemp;
+  behospitalCode = behospitalCodeTemp;
+  getTabData(1)
+})
+// // 处理th tr数据
+function formatTableData(data){
+  let newColumns = data.filter(function(item,index){
+    if(item.isShow === 1) {
+      return item
+    }
+  })
+  return newColumns
+}
+
+
+function renderTab(data,hisId,activePage){
+  data = data.records;
+  let newData = []
+  for(var i = 0; i < data.length ; i++) {
+    let dataCopy = {copy: true, ...data[i]}
+    newData =  [...newData,data[i],dataCopy]    
+  }
+  let str = ``
+  for(let i = 0; i < newData.length; i++){
+      const item = newData[i]
+      if(!item.copy){
+        str += `
+          <tr  data-index=${i}>
+          <td class="textCenter" rowspan="2">${Math.ceil(((activePage-1)*20 + i+1)/2)}</td>
+          <td class="textCenter">${item.details[0].behospitalCode || "-"}</td> 
+          <td class="textCenter" rowspan="2">${item.fileCode || "-"}</td> 
+          <td class="textCenter patientNameSpan" data-id="${item.details[0].behospitalCode}" data-name="${item.details[1].name}" >${item.details[0].name || "-"}</td> 
+          <td class="textCenter" rowspan="2">${item.sex || "-"}</td> 
+          <td class="textCenter">${item.details[0].level || "-"}</td> 
+          <td class="textCenter">${item.details[0].scoreRes || "-"}</td> 
+          <td class="textCenter">${item.details[0].behDeptName || "-"}</td> 
+          <td class="textCenter" rowspan="2">${item.diagnose || "-"}</td> 
+          <td class="textCenter">${item.details[0].behospitalDate || "-"}</td> 
+          <td class="textCenter">${item.details[0].leaveHospitalDate || "-"}</td> 
+          <td class="textCenter" rowspan="2">${item.diffDays || "-"}</td> 
+          </tr>
+        `
+      }else{
+        str += `
+          <tr  data-index=${i} class="copy">
+          <td class="textCenter delete"></td> 
+          <td class="textCenter">${item.details[1].behospitalCode || "-"}</td> 
+          <td class="textCenter delete">${item.fileCode || "-"}</td> 
+          <td class="textCenter patientNameSpan" data-id="${item.details[1].behospitalCode}" data-name="${item.details[1].name}">${item.details[1].name || "-"}</td> 
+          <td class="textCenter delete">${item.sex || "-"}</td> 
+          <td class="textCenter">${item.details[1].level || "-"}</td> 
+          <td class="textCenter">${item.details[1].scoreRes || "-"}</td> 
+          <td class="textCenter">${item.details[1].behDeptName || "-"}</td> 
+          <td class="textCenter delete">${item.diagnose || "-"}</td> 
+          <td class="textCenter">${item.details[1].behospitalDate || "-"}</td> 
+          <td class="textCenter">${item.details[1].leaveHospitalDate || "-"}</td> 
+          <td class="textCenter delete">${item.diffDays || "-"}</td> 
+          </tr>
+        `
+      }
+  }
+  $('.tbody').html(str?str:emptyBox())
+  $(".tbody .copy .delete").hide()
+  /*bindScoreDetail(hisId)*/
+  // 跳转至详情页
+  $(".goHomeDetail").click(function(){
+    let casesName = $(this).attr("data-name") || '';
+    let casesId = $(this).attr("data-id");
+    let name=$(this).attr("dept-name");
+    name=name==="全院"?"全部":name;
+    let id=$(this).attr("dept-id");
+
+    $(parent.document).find("#contentIframe").attr("src","uccDetail.html?from=3&deptName="+name+"&deptId="+id+"&casesEntryId="+casesId+"&defectName="+casesName+"&startDate="+startDateParam+"&endDate="+endDateParam)
+  })
+  bindScoreDetail(hisId)
+  // initScroll("partDetailControl","YX",1)
+}
+
+function scoreDetail(id,age,hid,code,name){
+  window.open(`./qcScore.html?id=${id}&age=${age}&name=${name}&hid=${getCookie('hospitalid')}&code=${code}`)
+}
+// 跳转至病人详情
+function bindScoreDetail(hisId){
+  $('.patientNameSpan').on('click',function(e){
+      // const id = $(this).attr('data-id')
+      // const age = ''
+      // const noScore = ''
+      // const checkStatus = ''
+      // const name = $(this).attr('data-name')
+      const id = $(this).attr('data-id')
+      const age = ''
+      const noScore = ''
+      const checkStatus = ''
+      const name = $(this).attr('data-name')
+      // qcScore.html?id=ZY010000669760&age=null&name=李**&hid=1&code=YH-BLZK-ZKPF
+      // console.log(id,'=',name,'=');
+      if(noScore){
+          $.alerModal({"message":'请先进行评分!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+          return
+      } else{
+          // scoreDetail(id,age,hisId,'YH-BLZK-ZKPF',tabList[index].name)
+          scoreDetail(id,age,hisId,'YH-BLZK-ZKPF',name)
+      }
+     
+  })
+}
+
+
+// $('.selectDept').on("click", function(e){
+//   e.stopPropagation()
+//   $(".selectLevel .arrow").attr("src",iconDown)
+//   const showList =  $(".deptList ").css("display")
+//   if(showList == "none" ||!showList){
+//     $(".deptList ").css("display","block")
+//     $(".selectDept .arrow").attr("src",iconUp)
+//   }else{
+//     $(".deptList ").css("display", "none")
+//     $(".selectDept .arrow").attr("src",iconDown)
+//   }
+// })
+
+//获取科室列表
+// getDeptList()
+// function getDeptList(){
+//   post(api.getDeptList,{inputStr:""}).then(res =>{
+//     if(res.data.code == '0'){
+//       const  deptList = res.data.data
+//       rendeDeptList(deptList)
+//     }else{}
+//   }).catch((e) =>{
+
+//   })
+// }
+//获取页面配置
+
+// function getPageSet(){
+//   const dateStatrt = getPickerDate($("#datepicker"),1)
+//   const dateEnd = getPickerDate($("#datepicker2"),2)
+//   const start = new Date(dateStatrt).getTime()
+//   const end = new Date(dateEnd).getTime()
+//   if(start > end){
+//     $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+//     return
+//   }
+//   const param = {
+//     "name": deptName,
+//     "asc":data_asc,     //升序
+//     "desc":data_desc,       //降序
+//     "startDate":dateStatrt.replace(/\//g,'-'),
+//     "endDate":dateEnd.replace(/\//g,'-')
+//   }
+//   startDateParam = dateStatrt
+//   endDateParam = dateEnd
+//   post(api.unModifyMRStatistics,param).then(res =>{
+//     if(res.data.code == '0'){
+//       const data = res.data.data||[];
+//       renderTabTitle(data)   //渲染Table表头
+//     }else{
+//       $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+//     }
+//   }).catch((e) =>{
+
+//   })
+// }
+// getPageSet()
+
+// 渲染table表头
+// function renderTabTitle(data){ 
+//   data = data.columns; 
+//   let str = `
+//   <th class="moduleName" style="width: 65px;">序号</th>`
+//   for(let i = 0; i < data.length; i++){
+//       const item = data[i]
+//       if(item.isShow == 1){        
+//           str += `<th class="textCenter beHospitalId" code="${item.fieldName}">${item.columnName}</th>`
+//       }
+//   }
+//   $(".tabTitle").html(str)
+//   bindOrder()
+// }
+
+// function rendeDeptList(deptList){
+//   let str = `<li class="deptItem ellipsis" data-id=" " data-name="全部">全部</li>`;
+//   for(let i = 0; i < deptList.length; i++){
+//     str += `<li class="deptItem ellipsis" title=${deptList[i].deptName} data-id=${deptList[i].deptId} data-name=${deptList[i].deptName}> ${deptList[i].deptName}</li>`
+//   }
+//   $('.deptList').html(str)
+//   bindDeptSelect()
+// }
+//科室选择
+// function bindDeptSelect(){
+//   $('.deptItem').on("click",function(){
+//     const deptItemName = $(this).attr("data-name")
+//     const deptItemId = $(this).attr("data-id")
+//     deptIdTemp =deptItemId;
+//     deptNameTemp=deptItemName==="全部"?"":deptItemName;
+//     if(deptItemName.length > 10){
+//       $('.selectDept').html(deptItemName.substring(0,8)+'...')
+//     }else{
+//       $('.selectDept').html(deptItemName)
+//     }
+//     $('.selectDept ').attr('title',deptItemName)
+//     $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+//     $(".deptList").css("display", "none")
+//     $('.selectDept').removeClass('unSelect')
+//   })
+// }
+function loading(){
+  const str = `
+    <div class="loadingBox">
+            <div class="mask"></div>
+            <img class="loadingImg" src=${loadingImg}  alt="loading" />
+        </div>
+    `
+  $("#mainBox", parent.document).append(str)
+}
+function hideLoading(){
+  $("#mainBox .loadingBox", parent.document).remove()
+}
+$(document).on("click", function(){
+  $(".deptList").css("display", "none");
+  // $(".selectDept .arrow").attr("src",iconDown)
+})
+// 上升下降筛选
+$("th[code]").off("click").on("click",function(e){
+  const code=$(this).attr("code");
+  if(data_asc==code){
+    data_desc=code;
+    data_asc="";
+    $("th[code]").removeClass("asc desc");
+    $(this).addClass("desc");
+  }else{
+    data_desc="";
+    data_asc=code;
+    $("th[code]").removeClass("asc desc");
+    $(this).addClass("asc");
+  }
+  getTabData(1);
+});
+
+
+//分页渲染
+function renderPagination(totalPage,activePage,totalNum){
+  let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
+  if(totalPage <= 6){
+    for(let i = 1; i <= totalPage; i++){
+
+      str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
+    }
+  }else{
+    if(activePage <= 3){ //选中页数小于4
+      for(let i = 1; i <= 4; i++){
+        str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
+      }
+      str += `<span class="more" >...</span>`
+      str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+
+    } else if(activePage > totalPage -3){
+      str += `<span class="pageNum page1" data-page=1>1</span>`
+      str += `<span class="more" >...</span>`
+      str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
+      str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
+      str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
+      str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+    } else {
+      str += `<span class="pageNum page1" data-page=1>1</span>`
+      str += `<span class="more" >...</span>`
+      str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
+      str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
+      str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
+      str += `<span class="more" >...</span>`
+      str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+    }
+
+  }
+  str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
+  $('.pagination').html(str)
+  $('.page' + activePage).addClass('activePage')
+  $(".pageNum").on("click", function(e){
+    const activePageNow = Number($(this).attr('data-page'))
+    getTabData(activePageNow)
+    // renderPagination(totalPage,activePageNow,totalNum)
+  })
+  $(".prePage").on("click", function(e){
+    let activePageNow = Number($(".activePage").attr('data-page'))
+    if(activePageNow > 1){
+      activePageNow--
+      getTabData(activePageNow)
+      // renderPagination(totalPage,activePageNow,totalNum)
+    }
+  })
+  $(".nextPage").on("click", function(e){
+    let activePageNow = Number($(".activePage").attr('data-page'))
+    if(activePageNow < totalPage){
+      activePageNow++
+      getTabData(activePageNow)
+      // renderPagination(totalPage,activePageNow,totalNum)
+    }
+  })
+
+}
+
+// 获取科室名称
+$(".patientNumInp").on("input", function(e){
+  const val = $(this).val().trim()
+  deptName = val
+})
+ 
+// 获取病人姓名  patientRecordInp
+$(".patientNameInp").on("input", function(e){
+  const val = $(this).val().trim()
+  patientName = val
+})
+
+// 获取病案号  patientRecordInp
+$(".patientRecordInp").on("input", function(e){
+  const val = $(this).val().trim()
+  deptRecord = val
+})
+
+
+$(function() {
+  const  iconCalenBlue= require("./../images/icon_calen_blue.png")
+  const  iconCalenGrey= require("./../images/icon_calen_grey.png")
+  $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
+  $('.iconCalen').on("mouseenter", function(e){
+    $(this).attr("src", iconCalenBlue)
+  })
+  $('.iconCalen').on("mouseleave", function(e){
+    $(this).attr("src", iconCalenGrey)
+  })
+  $('.iconCalen').on("click", function(e){
+    $(this).parent().find("input").focus()
+  })
+  $('.export').click(function(){
+      const start = new Date(startDateParam).getTime()
+      const end = new Date(endDateParam).getTime()
+      if(start > end){
+          $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
+          return
+      }
+      const param = {
+        name:patientName,
+        fileCode:deptRecord,
+        startDate:startDateParam.replace(/\//g,'-'),
+        endDate:endDateParam.replace(/\//g,'-'),
+      }
+      expJson(api.reHos31DaysPageExport,param).then(res =>{
+          downloadExportedData(res.data, "31天再入院人数.xls")
+      })
+      
+      //  初始渲染TableTitle
+      // getPageSet().then(res =>{
+      //   $(".filter").click();   //初始查询
+      // })
+  })
+});

+ 2 - 1
src/js/utils.js

@@ -40,7 +40,8 @@ const pageMap={
   'YH-BLZK-ZKPFYLZ':'qcListDocteam.html',
   'YH-ZKK-GJTMQXZB':'keyItemFlawControl.html',
   'YH-ZKK-CYRSTJ':'qcListOutHospital.html',
-  'YH-ZKK-WZGBLTJ': 'uncorrectedCasesStatistics.html'
+  'YH-ZKK-WZGBLTJ': 'uncorrectedCasesStatistics.html',
+  'YH-ZKK-31TZRYRS': 'readmission.html'
 };
 
 //重写assign方法

+ 14 - 1
webpack.config.js

@@ -53,6 +53,7 @@ module.exports = {
     advice:path.resolve(__dirname, 'src/js', 'advice.js'),
     uncorrectedCasesStatistics:path.resolve(__dirname, 'src/js', 'uncorrectedCasesStatistics.js'),
     uccDetail:path.resolve(__dirname, 'src/js', 'uccDetail.js'),
+    readmission:path.resolve(__dirname, 'src/js', 'readmission.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件,防止重复打包带入
   },
   output: {
@@ -611,7 +612,19 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
-    
+    new HtmlWebpackPlugin({
+      title: 'readmission.html', //未整改病历统计_缺陷详情
+      template: path.resolve(__dirname, 'src/html', 'readmission.html'),
+      filename: 'readmission.html',
+      chunks: ['readmission', 'vendor', 'common'],
+      hash: true, //防止缓存
+      inject: true,
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
     new CopyWebpackPlugin([
       {
         from:'src/resource',