添加病历等级筛选

src/css/qcList.less

@@ -112,6 +112,40 @@ table{
         box-sizing: border-box;
     }
 }
+
+.filterDropList{
+    position: absolute;
+    right: 0;
+    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;
+    }
+}
+.levelList{
+    width: 120px;
+    height: 200px;
+    li:hover{
+        background-color: #EEF4FF;
+        cursor: pointer;
+    }
+}
+.selectLevel{
+    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;
+}
 .filter{
     display: inline-block;
     width:60px;
@@ -125,6 +159,12 @@ table{
     top: 2px;
     cursor: pointer;
 }
+.arrow{
+    position: absolute;
+    width: 10px;
+    top: 16px;
+    right: 10px;
+}
 .iconCheck{
     width: 14px;
 }

src/html/qcList.html

@@ -28,7 +28,17 @@
                     <span  class="divide fl">-</span>
                     <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker2"  autocomplete="off" /></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="filter">查询</span>
             </div>
             <table>

src/js/qcList.js

@@ -15,7 +15,8 @@ const loadingImg = require("./../images/loading.gif")
 const arrowLeft= require("./../images/arrow_left.png")
 const arrowRight = require("./../images/arrow_right.png")
 
-let tabList = [], name = "", behospitalCode="", behosDateStart="", behosDateEnd="", scoreSum = 0,nameTemp = "", behospitalCodeTemp=""
+$(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,nameTemp = "", behospitalCodeTemp="",levelTemp=""
 
 $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
 $('.iconCalen').on("mouseenter", function(e){
@@ -32,6 +33,7 @@ function getTabData(activePage){
         current:activePage,
         behospitalCode: behospitalCode,
         name: name, //条目名
+        level:level,//病历等级
         behosDateStart: behosDateStart, //1-单项否决 0-非
         behosDateEnd: behosDateEnd //0-未启用 1-启用
     }
@@ -66,6 +68,7 @@ $(".filter").on("click", function(e){
     }
     name = nameTemp
     behospitalCode = behospitalCodeTemp
+    level = levelTemp
     getTabData(1)
 })
 function renderTab(data){
@@ -124,6 +127,32 @@ function bindScoreDetail(){
     })
 }
 
+//选择病历等级
+$('.selectLevel').on("click", function(e){
+    e.stopPropagation()
+    const showList =  $(".levelList ").css("display")
+    if(showList == "none" ||!showList){
+        $(".levelList ").css("display","block")
+        $(".selectLevel .arrow").attr("src",iconUp)
+    }else{
+        $(".levelList ").css("display", "none")
+        $(".selectLevel .arrow").attr("src",iconDown)
+    }
+})
+
+bindLeveldSelect()
+//是否启用选择
+function bindLeveldSelect(){
+    $('.levelItem').on("click",function(){
+        const levelItemName = $(this).attr("data-name")
+        const levelItemItemId = $(this).attr("data-id")
+        levelTemp =levelItemItemId
+        $('.selectLevel').html(levelItemName)
+        $(".levelList").css("display", "none")
+        $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+    })
+}
+
 //全选绑定
 bindOperaAll()
 function bindScoreOperaItem(){
@@ -339,12 +368,9 @@ function renderPagination(totalPage,activePage,totalNum){
 }
 
 $(document).on("click", function(){
-    $(".moduleTypeList ").css("display", "none")
-    $(".rejectList ").css("display","none")
-    $(".usedList ").css("display", "none")
-    $(".selectModuleType .arrow").attr("src",iconDown)
-    $(".selectReject .arrow").attr("src",iconDown)
-    $(".selectUsed .arrow").attr("src",iconDown)
+    $(".levelList ").css("display", "none")
+    $(".selectLevel .arrow").attr("src",iconDown)
+    
 })
 
 $((function($){