评分列表展开收起

src/css/qcList.less

@@ -93,9 +93,23 @@ table{
     border: 1px solid @activeColor;
     color: @activeColor;
 }
-/*.filterBox{
-    margin-bottom: 15px;
-}*/
+.filterBox{
+    position: relative;
+}
+.filter-toggler{
+    position: absolute;
+    left: 960px;
+    top: 8px;
+    color: #aaa;
+    font-size: 14px;
+    background: url("../images/arrow_up.png") 60px center no-repeat;
+    padding-right: 15px;
+    background-size: 10px 6px;
+    &.up{
+        background: url("../images/arrow_down.png") 60px center no-repeat;
+        background-size: 10px 6px;
+    }
+}
 .filterItem{
     position: relative;
     display: inline-block;

src/css/qcListDept.less

@@ -91,9 +91,23 @@ table{
     border: 1px solid @activeColor;
     color: @activeColor;
 }
-/*.filterBox{
-    margin-bottom: 15px;
-}*/
+.filterBox{
+    position: relative;
+}
+.filter-toggler{
+    position: absolute;
+    left: 960px;
+    top: 8px;
+    color: #aaa;
+    font-size: 14px;
+    background: url("../images/arrow_up.png") 60px center no-repeat;
+    padding-right: 15px;
+    background-size: 10px 6px;
+    &.up{
+        background: url("../images/arrow_down.png") 60px center no-repeat;
+        background-size: 10px 6px;
+    }
+}
 .filterItem{
     position: relative;
     display: inline-block;

src/css/qcListPerson.less

@@ -96,9 +96,23 @@ table{
     border: 1px solid @activeColor;
     color: @activeColor;
 }
-/*.filterBox{
-    margin-bottom: 15px;
-}*/
+.filterBox{
+    position: relative;
+}
+.filter-toggler{
+    position: absolute;
+    left: 960px;
+    top: 8px;
+    color: #aaa;
+    font-size: 14px;
+    background: url("../images/arrow_up.png") 60px center no-repeat;
+    padding-right: 15px;
+    background-size: 10px 6px;
+    &.up{
+        background: url("../images/arrow_down.png") 60px center no-repeat;
+        background-size: 10px 6px;
+    }
+}
 .filterItem{
     position: relative;
     display: inline-block;

src/html/qcList.html

@@ -13,38 +13,45 @@
     <div class="container">
         <h2>质控评分</h2>
         <div class="main-body">
-            <div class="filterBox clearfix">
-                <span class="filterItem typeFilter">
+            <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">
+                    <span class="filterItem typeFilter">
                     <span>病人姓名：</span>
                     <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
                 </span>
-                <span class="filterItem typeFilter deptListWrap">
+                    <span class="filterItem typeFilter deptListWrap">
                     <span>科室：</span>
                     <span class="selectDept">
                         全部
                     </span>
-                   
+
                     <ul class="deptList filterDropList"></ul>
                 </span>
-                <span class="filterItem doctorFilter">
+                    <span class="filter">查询</span>
+                    <span class="export">导出</span>
+                    <span class="filterclear abnormalClear filterclearT">重置</span>
+                </div>
+                <a href="javascript:void(0);" class="filter-toggler" id="filterToggler">收起筛选</a>
+                <div class="toggle-item clearfix">
+                    <span class="filterItem doctorFilter">
                     <span>医生姓名：</span>
                     <input class="doctorInp" type="text" placeholder="请输入医生姓名">
                 </span>
-                <span class="filterItem doctorFilter">
+                    <span class="filterItem doctorFilter">
                     <span>医生工号：</span>
                     <input class="doctorNumInp" type="text" placeholder="请输入医生工号">
                 </span>
-                <span class="filterItem typeFilter clearfix" style="margin-top: 3px;">
+                    <span class="filterItem typeFilter clearfix" style="margin-top: 3px;">
                     <span class="fl">出院日期：</span>
                     <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" /></span>
                     <span  class="divide fl">-</span>
                     <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker2"  autocomplete="off" /></span>
                 </span>
-                <span class="filterItem">
+                    <span class="filterItem">
                     <span>病历等级：</span>
                     <span class="selectLevel">全部</span>
                     <ul class="levelList filterDropList">
@@ -55,10 +62,7 @@
                         <li class="levelItem" data-name="丙" data-id=丙>丙</li>
                     </ul>
                 </span>
-               
-                <span class="filter">查询</span>
-                <span class="export">导出</span>
-                <span class="filterclear abnormalClear filterclearT">重置</span>
+                </div>
             </div>
             <div class="overAuto">
                 <table>

src/html/qcListDept.html

@@ -13,51 +13,56 @@
     <div class="container">
         <h2>质控评分</h2>
         <div class="main-body">
-            <div class="filterBox clearfix">
-                <span class="filterItem typeFilter">
-                    <span>病人住院序号：</span>
-                    <input class="patientNumInp" style="width: 148px;" type="text" placeholder="请输入病人住院序号">
-                </span>
-                <span class="filterItem typeFilter">
-                    <span>病人姓名：</span>
-                    <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
-                </span>
-                <span class="filterItem typeFilter">
-                    <span>科室：</span>
-                    <span class="selectDept">
-                        全部
+            <div class="filterBox">
+                <div class="clearfix">
+                    <span class="filterItem typeFilter">
+                        <span>病人住院序号：</span>
+                        <input class="patientNumInp" style="width: 148px;" type="text" placeholder="请输入病人住院序号">
                     </span>
-                   
-                    <ul class="deptList filterDropList"></ul>
-                </span>
-                <span class="filterItem typeFilter">
-                    <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 typeFilter clearfix" style="margin-top: 3px;">
-                    <span class="fl">出院日期：</span>
-                    <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" /></span>
-                    <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>
-                <span class="export">导出</span>
-                <span class="filterclear abnormalClear filterclearT">重置</span>
+                    <span class="filterItem typeFilter">
+                        <span>病人姓名：</span>
+                        <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
+                    </span>
+                    <span class="filterItem typeFilter">
+                        <span>科室：</span>
+                        <span class="selectDept">
+                            全部
+                        </span>
+
+                        <ul class="deptList filterDropList"></ul>
+                    </span>
+                    <span class="filter">查询</span>
+                    <span class="export">导出</span>
+                    <span class="filterclear abnormalClear filterclearT">重置</span>
+                </div>
+                <a href="javascript:void(0);" class="filter-toggler" id="filterToggler">收起筛选</a>
+                <div class="toggle-item clearfix">
+                    <span class="filterItem typeFilter">
+                        <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 typeFilter clearfix" style="margin-top: 3px;">
+                        <span class="fl">出院日期：</span>
+                        <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" /></span>
+                        <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>
+                </div>
             </div>
             <div>
                 <table>

src/html/qcListPerson.html

@@ -13,7 +13,8 @@
     <div class="container">
         <h2>质控评分</h2>
         <div class="main-body">
-            <div class="filterBox clearfix">
+            <div class="filterBox">
+                <div class="clearfix">
                 <span class="filterItem typeFilter">
                     <span>病人住院序号：</span>
                     <input class="patientNumInp" style="width: 148px;" type="text" placeholder="请输入病人住院序号">
@@ -30,6 +31,11 @@
                    
                     <ul class="deptList filterDropList"></ul>
                 </span>
+                <span class="filter">查询</span>
+                <span class="filterclear abnormalClear filterclearT">重置</span>
+            </div>
+            <a href="javascript:void(0);" class="filter-toggler" id="filterToggler">收起筛选</a>
+            <div class="toggle-item clearfix">
                 <span class="filterItem doctorFilter">
                     <span>医生：</span>
                     <span class="selectDoctor"> 
@@ -55,9 +61,7 @@
                         <li class="levelItem" data-name="丙" data-id=丙>丙</li>
                     </ul>
                 </span>
-                <span class="filter">查询</span>
-                <!-- <span class="reset">重置</span> -->
-                <span class="filterclear abnormalClear filterclearT">重置</span>
+            </div>
             </div>
             <div>
                 <table>

src/js/qcList.js

@@ -61,9 +61,12 @@ $('.iconCalen').on("click", function(e){
     $(this).parent().find("input").focus()
 })
 $('.recordScoreBtn').css("opacity",hasData('FUNC000017')?'1':'0.5')
-// $(".abnormalClear").click(function(){
-//     window.location.reload()
-// })
+
+$("#filterToggler").click(function(){
+    const text = $(this).text();
+    $(".toggle-item").slideToggle();
+    $(this).text(text==="收起筛选"?"展开筛选":"收起筛选").toggleClass("up");
+});
 //判断有无某一权限
   function hasData(data){
     let trdObj = JSON.parse(getCookie("trdObj"))

src/js/qcListDept.js

@@ -27,9 +27,12 @@ let deptNamePram = getUrlArgObjectNew("deptName",srcUrl)||""
 let docName = getUrlArgObjectNew("docName",srcUrl)||""
 let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,nameTemp = "",
   behospitalCodeTemp="",levelTemp="", deptId="",deptIdTemp="", doctorName="", doctorNameTemp="", doctorNum="", doctorNumTemp="",data_desc=["leave_hospital_date"],data_asc=[];
-//   $(".abnormalClear").click(function(){
-//     window.location.reload()
-// })
+
+$("#filterToggler").click(function(){
+  const text = $(this).text();
+  $(".toggle-item").slideToggle();
+  $(this).text(text==="收起筛选"?"展开筛选":"收起筛选").toggleClass("up");
+});
 
 console.log('docName',docName)
 if(chengdu){

src/js/qcListPerson.js

@@ -18,9 +18,12 @@ let doctorName_global = getUrlArgObject("doctorName")
 
 // console.log('doctorName_global',doctorName_global)
 $('.selectDoctor').html(doctorName_global)
-// $(".abnormalClear").click(function(){
-//     window.location.reload()
-// })
+
+$("#filterToggler").click(function(){
+  const text = $(this).text();
+  $(".toggle-item").slideToggle();
+  $(this).text(text==="收起筛选"?"展开筛选":"收起筛选").toggleClass("up");
+});
 $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)