关键条目缺陷占比

src/css/index.less

@@ -10,6 +10,7 @@
   line-height: @headerHt;
   font-size: 16px;
   border-bottom: 1px #E2E5EF solid;
+  background: #fff;
   /*top:0;
   background:linear-gradient(123deg,#00A1FF 0%,rgba(126,171,255,1) 100%);;
   text-indent: 20px;

src/css/keyItemFlawControl.less

@@ -0,0 +1,338 @@
+@import './reset.less';
+
+.container{
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: @disColor;
+}
+.partDetailControl {
+  .dayFilter {
+    .levelList {
+      height: 80px;
+    }
+    .selectLevel,.levelList  {
+      width: 180px;
+    }
+    .deptListWrap {
+      display: none;
+    }
+  }
+  .filterItem.deptListWrap {
+    .selectDept,.deptList {
+      width: 180px;
+    }
+  }
+  ul,li{
+    list-style: none;
+  }
+  h2{
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 20;
+    height: 44px;
+    line-height: 44px;
+    padding: 0 0 0 15px;
+    border-bottom: 1px solid #E2E5EF;
+    font-size: 16px;
+    font-weight: bold   ;
+    letter-spacing: 1px;
+  }
+  .main-body{
+    .main-body-com;
+    min-width: 1090px;
+    /*width: 100%;*/
+  }
+  table{
+    .table;
+    min-width: 1090px;
+    th,td{
+      text-align: center;
+    }
+    th{
+      white-space: nowrap;
+    }
+    td{
+      white-space: nowrap;
+    }
+    .moduleNumber{
+      text-align: center;
+    }
+    .scoreOperaItem{
+      width: 50px;
+      cursor: pointer;
+    }
+
+  }
+  .tabFoot{
+    height: 40px;
+    /*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;
+    }
+  }
+
+  .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: @activeColor;
+  }
+  /*.filterBox{
+      margin-bottom: 10px;
+  }*/
+  .filterItem{
+    position: relative;
+    display: inline-block;
+    float: left;
+    height: 32px;
+    line-height: 32px;
+    margin: 0 20px 20px 0;
+    span{
+      display: inline-block;
+      line-height: 40px;
+      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{
+    width: 120px;
+    height: 120px;
+    li:hover{
+      background-color: #EEF4FF;
+      cursor: pointer;
+    }
+  }
+  .selectLevel,.selectDept{
+    display: inline-block;
+    position: relative;
+    width:120px;
+    padding: 0 10px;
+    height:40px;
+    border-radius:4px;
+    border: 1px solid #E2E5EF;
+    box-sizing: border-box;
+    cursor: pointer;
+  }
+  .selectDept{
+    width: 160px;
+  }
+
+  .filter{
+    display: inline-block;
+    width:60px;
+    height:36px;
+    background:@activeColor;
+    border-radius:4px;
+    color: #fff;
+    text-align: center;
+    line-height: 36px;
+    position: relative;
+    top: 2px;
+    cursor: pointer;
+    float: left;
+  }
+  .arrow{
+    position: absolute;
+    width: 10px;
+    top: 16px;
+    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;
+  }
+
+  .textCenter{
+    text-align: center;
+  }
+  .patientNameSpan{
+    color: #00A1F0;
+    cursor: pointer;
+  }
+  .patientNameSpans{
+    color: #FF4D4F;
+    cursor: pointer;
+    margin-left: 30px;
+  }
+
+  .deptItem:hover{
+    background-color: #EEF4FF;
+    cursor: pointer;
+  }
+  .ellipsis{
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+  }
+
+
+  .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;
+  }
+
+
+
+  .ui-datepicker-calendar {
+    border: 0 none;
+    min-width: 0;
+  }
+  .ui-datepicker thead {
+    background-color: #fff;
+    color: #c3cbd6;
+  }
+  .ui-datepicker td {
+    padding: 0;
+    height: auto;
+    color: #657180;
+  }
+  .ui-datepicker td span, .ui-datepicker td a {
+    text-align: center;
+    height: 30px;
+    line-height: 30px;
+  }
+
+  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    border: 0;
+    background-color: #fff;
+    &:hover {
+      background-color: #c4d8fe;
+    }
+  }
+  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
+    color: #333;
+    font-weight: normal;
+    height: 30px;
+    line-height: 30px;
+    margin: 0 5px;
+    width: 40%;
+    border-radius: 3px;
+  }
+  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
+    top: 5px;
+  }
+  .ui-state-active, .ui-widget-content .ui-state-active {
+    background-color: @activeColor !important;
+    color: #fff;
+  }
+  .ui-state-highlight, .ui-widget-content .ui-state-highlight {
+    background-color: #fff5bf !important;
+    color: #657180;
+  }
+  .ui-widget-header {
+    background-color: #fff;
+    border: 0 none;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+}
+.abnormalClear {
+  top: 2px !important;
+}

src/html/keyItemFlawControl.html

@@ -0,0 +1,68 @@
+<!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 partDetailControl">
+    <div class="partTitle">
+        <p>关键条目缺陷占比</p>
+        <div class="dateDetail fr">
+
+        </div>
+    </div>
+    <div class="partTitleT"></div>
+    <div class="main-body">
+        <div class="filterBox clearfix">
+            <span class="filterItem typeFilter deptListWrap">
+                <span>科室：</span>
+                <span class="selectDept">
+                    全部
+                </span>
+                <ul class="deptList filterDropList"></ul>
+            </span>
+            <span class="filterItem typeFilter clearfix dataSelectLight">
+                    <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="filter">查询</span>
+            <span class="filterclear abnormalClear">重置</span>
+        </div>
+        <div>
+            <table>
+                <thead>
+                <th class="moduleName" style="width: 65px;">序号</th>
+                <th class="beHospitalId textCenter" code="deptName">科室名称</th>
+                <th class="beHospitalId textCenter" code="consultationNum">未在24小时内完成会诊数</th>
+                <th class="beHospitalId textCenter" code="consultationPercentStr">未在24小时内完成会诊率</th>
+                <th class="beHospitalId textCenter" code="operationNameNum">手术记录名称不匹配数</th>
+                <th class="beHospitalId textCenter" code="operationNamePercentStr">手术记录名称不匹配率</th>
+                <th class="beHospitalId textCenter" code="operation15MinuteNum">术后首程未在15分钟内完成数</th>
+                <th class="beHospitalId textCenter" code="operation15MinutePercentStr">术后首程未在15分钟内完成率</th>
+                <th class="beHospitalId textCenter" code="operationTimeNum">病案首页手术时间不匹配数</th>
+                <th class="beHospitalId textCenter" code="operationTimePercentStr">病案首页手术时间不匹配率</th>
+                <th class="beHospitalId textCenter" code="crisisNum">未在6小时内书写危急值记录数</th>
+                <th class="beHospitalId textCenter" code="crisisPercentStr">未在6小时内书写危急值记录率</th>
+                <th class="beHospitalId textCenter" code="stageSummaryNum">阶段小节未书写数</th>
+                <th class="beHospitalId textCenter" code="stageSummaryPercentStr">阶段小节未书写率</th>
+                </thead>
+                <tbody>
+
+                </tbody>
+            </table>
+        </div>
+
+        <div class="pagination"></div>
+    </div>
+
+</div>
+</body>
+
+</html>

src/js/api.js

@@ -69,6 +69,7 @@ const api = {
     homePageLevelByDeptLimit:'/consoleByDept/homePageLevelStatisticsByDept',//病案首页合格率占比keshi详情
     homePageLevelStatisticsByDept:'/consoleByDept/homePageLevelByDeptLimit',//病案首页合格率占比（科室）-内页
     levelStatisticsByDept:'/consoleByDept/levelStatisticsByDept',//科室缺陷占比排行
+    keyItemFlawControl:'/console/entryStatistics',//关键条目缺陷占比
     resultStatisticsByDeptAndDoctorPage:'/consoleByDept/resultStatisticsByDeptAndDoctorPage',//缺陷明细-科室（分页）-内页
     qcType:'/qc/qcType/page',//质控类型（分页列表）
     getEntryByHospital:'/qc/qcType/getEntryByHospital',//质控类型新增条目分组

src/js/keyItemFlawControl.js

@@ -0,0 +1,307 @@
+const $ = require('jquery');
+require("../css/keyItemFlawControl.less");
+require('./modal.js');
+const {api} = require('./api.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate} = 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="";
+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(!statisticsType){
+  setDatePicker($("#datepicker"),$("#datepicker2"),'default')
+}
+$(".abnormalClear").click(function(){
+  data_desc="";
+  data_asc="";
+  deptId="";
+  deptIdTemp="";
+  deptName="";
+  deptNameTemp="";
+  setDatePicker($("#datepicker"),$("#datepicker2"),"default")
+  $('.selectDept ').html('全部')
+  $(".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: 1,
+    size: 15,
+    "deptName": deptName,
+    "asc":data_asc,     //升序
+    "desc":data_desc,       //降序
+    //"type": 0, //1-本月，2-本年,0-自定义时间（现在所有都是自定义时间，都会传开始日期和结束日期）
+    "startDate":dateStatrt,
+    "endDate":dateEnd
+  }
+  startDateParam = dateStatrt
+  endDateParam = dateEnd
+  post(api.keyItemFlawControl,param).then(res =>{
+    if(res.data.code == '0'){
+      const data = res.data.data||[];
+      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)
+})
+function renderTab(data,hisId,activePage){
+  let str = ``
+  for(let i = 0; i < data.length; i++){
+    const item = data[i]
+    str += `
+            <tr  data-index=${i}>
+                <td  class="textCenter">${(activePage-1)*15 + i+1}</td>
+                <td >${item.deptName || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.consultationEntryId || ""}">${item.consultationNum || "-"}</td>
+                <td >${item.consultationPercentStr || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operationNameEntryId || ""}">${item.operationNameNum+'' || "-"}</td>
+                <td >${item.operationNamePercentStr+'' || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operation15MinuteEntryId || ""}">${item.operation15MinuteNum+'' || "-"}</td>
+                <td >${item.operation15MinutePercentStr+'' || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operationTimeEntryId || ""}">${item.operationTimeNum+'' || "-"}</td>
+                <td >${item.operationTimePercentStr+'' || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.crisisEntryId || ""}">${item.crisisNum+'' || "-"}</td>
+                <td >${item.crisisPercentStr+'' || "-"}</td>
+                <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.stageSummaryEntryId || ""}">${item.stageSummaryNum+'' || "-"}</td>
+                <td >${item.stageSummaryPercentStr+'' || "-"}</td>
+            </tr>
+        `
+  }
+  $('tbody').html(str?str:emptyBox())
+  /*bindScoreDetail(hisId)*/
+  $(".goHomeDetail").click(function(){
+    let casesId = $(this).attr("data-id");
+    let id=$(this).attr("dept-id");
+    let name=$(this).attr("dept-name");
+    $(parent.document).find("#contentIframe").attr("src","qcList.html?deptId="+id+"&deptName="+name+"&from=1&casesEntryId="+casesId+"&dateType=3&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
+  })
+}
+
+$('.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 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;
+    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()
+}
+
+$("th[code]").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)
+    }
+  })
+
+}
+
+$(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()
+  })
+});

src/js/qcList.js

@@ -28,6 +28,7 @@ let deptNamePram = getUrlArgObjectNew("deptName",srcUrl)||""
 let docName = getUrlArgObjectNew("docName",srcUrl)||""
 let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
 let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
+let casesEntryId = getUrlArgObjectNew("casesEntryId",srcUrl)||"";       //关键条目
 $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,
@@ -96,6 +97,7 @@ function getTabData(activePage){
         asc:data_asc,     //升序
         desc:data_desc,       //降序
         doctorName: doctorName,
+        casesEntryId:casesEntryId,
         doctorCode: doctorNum,
         leaveHosDateStart: behosDateStart, //出院日期--开始时间
         leaveHosDateEnd: behosDateEnd, //出院日期--结束时间

src/js/utils.js

@@ -35,6 +35,7 @@ const pageMap={
   "YH-KSZR-BASYHGLZB_XQ":'partDetail.html',
 
   "YH-JCSJWH-ZKLXWH":'assertType.html',
+  "YH-ZKK-GJTMQXZB":'keyItemFlawControl.html',
 };
 
 //重写assign方法

webpack.config.js

@@ -45,6 +45,7 @@ module.exports = {
     assertTypeDetail: path.resolve(__dirname, 'src/js', 'assertTypeDetail.js'),
     singleVeto:path.resolve(__dirname, 'src/js', 'singleVeto.js'),
     itemDefectDetail:path.resolve(__dirname, 'src/js', 'itemDefectDetail.js'),
+    keyItemFlawControl:path.resolve(__dirname, 'src/js', 'keyItemFlawControl.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
   },
   output: {
@@ -499,6 +500,19 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
+    new HtmlWebpackPlugin({
+      title: 'keyItemFlawControl.html', //关键条目缺陷占比
+      template: path.resolve(__dirname, 'src/html', 'keyItemFlawControl.html'),
+      filename: 'keyItemFlawControl.html',
+      chunks: ['keyItemFlawControl', 'vendor', 'common'],
+      hash: true, //防止缓存
+      inject: true,
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
     new CopyWebpackPlugin([
       {
         from:'src/resource',