科室和医生筛选

src/css/qcList.less

@@ -141,7 +141,7 @@ table{
         cursor: pointer;
     }
 }
-.selectLevel{
+.selectLevel,.selectDept{
     display: inline-block;
     position: relative;
     width:120px;
@@ -215,6 +215,11 @@ table{
     cursor: pointer;
 }
 
+.deptItem:hover{
+    background-color: #EEF4FF;
+    cursor: pointer;
+}
+
 
 
 .pagination{

src/html/qcList.html

@@ -18,6 +18,14 @@
                     <span>病历号：</span>
                     <input class="patientNumInp" type="text" placeholder="请输入病历号">
                 </span>
+                <!-- <span class="filterItem typeFilter">
+                    <span>科室：</span>
+                    <span class="selectDept">全部 </span>
+                    <ul class="deptList filterDropList"></ul>
+                </span>
+                <span class="filterItem typeFilter">
+                    <span>医生：</span>
+                </span> -->
                 <span class="filterItem typeFilter">
                     <span>病人姓名：</span>
                     <input class="patientNameInp" type="text" placeholder="请输入病人姓名">

src/js/api.js

@@ -6,7 +6,8 @@ const api = {
     updataQcCasesEntry: '/qc/casesEntryHospital/updataQcCasesEntry',
     qcList:'/qc/behospitalInfo/page',
     saveQcCases:'/qc/cases/saveQcCases',
-    recordScore:'/qc/behospitalInfo/analyze'
+    recordScore:'/qc/behospitalInfo/analyze',
+    getDeptList:'/bas/dept/listForUser'
 }
 module.exports = {
     api

src/js/qcList.js

@@ -16,6 +16,7 @@ const arrowLeft= require("./../images/arrow_left.png")
 const arrowRight = require("./../images/arrow_right.png")
 
 $(".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,nameTemp = "", behospitalCodeTemp="",levelTemp=""
 
 $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
@@ -202,6 +203,53 @@ function bindOperaAll(){
         renderTab(tabList)
     })
 }
+
+$('.selectDept').on("click", function(e){
+    e.stopPropagation()
+    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).then(res =>{
+        if(res.data.code == '0'){
+            console.log('aaaaaaaaaaa',res)
+           const  deptList = res.data.data
+           rendeDeptList(deptList)
+        }else{}
+    }).catch((e) =>{
+    
+    })
+}
+
+
+function rendeDeptList(deptList){
+    let str = `<li class="deptItem " data-id=" " data-name="全部">全部</li>`
+    for(let i = 0; i < moduleTypeList.length; i++){
+        str += `<li class="deptItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
+    }
+    $('.deptList').html(str)
+    bindDeptSelect()
+}
+//模块类型选择
+function bindDeptSelect(){
+    $('.deptItem').on("click",function(){
+        const deptItemName = $(this).attr("data-name")
+        const deptItemId = $(this).attr("data-id")
+        deptId =deptItemId
+        $('.selectDept').html(deptItemName)
+        $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+
+        $(".deptList").css("display", "none")
+    })
+}
 function loading(){
     const str = `
     <div class="loadingBox">
@@ -211,19 +259,6 @@ function loading(){
     `
     $("#mainBox", parent.document).append(str)
 }
-function dialog(msg){
-    const str = `
-    <div class="dialogBox">
-            <div class="dialogBoxMask"></div>
-            <p class="dialogBoxMsg"> ${msg}</p>
-           
-    </div>
-    `
-    $("#mainBox", parent.document).append(str)
-}
-function removeDialog(){
-    $("#mainBox .dialogBox", parent.document).remove()
-}
 function hideLoading(){
     $("#mainBox .loadingBox", parent.document).remove()
 }

webpack.config.js

@@ -6,7 +6,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.241:5858";
+const proxyHost = "http://192.168.2.236:5858";
 // const proxyHost = "http://192.168.3.117:5858";//铁钢
 module.exports = {
   entry: {